@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;300;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;300;700&display=swap");.slide-pane {
  display: flex;
  flex-direction: column;
  background: #fff;
  min-width: 100px;
  height: 100%;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.5);
  transition: transform 0.5s;
  will-change: transform;
}
.slide-pane:focus {
  outline-style: none;
}
.slide-pane_from_right {
  margin-left: auto;
  transform: translateX(100%);
}
.slide-pane_from_right.content-after-open {
  transform: translateX(0%);
}
.slide-pane_from_right.content-before-close {
  transform: translateX(100%);
}
.slide-pane_from_left {
  margin-right: auto;
  transform: translateX(-100%);
}
.slide-pane_from_left.content-after-open {
  transform: translateX(0%);
}
.slide-pane_from_left.content-before-close {
  transform: translateX(-100%);
}
.slide-pane_from_bottom {
  height: 90vh;
  margin-top: 10vh;
  transform: translateY(100%);
}
.slide-pane_from_bottom.content-after-open {
  transform: translateY(0%);
}
.slide-pane_from_bottom.content-before-close {
  transform: translateY(100%);
}
.slide-pane__overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0);
}
.slide-pane__overlay.overlay-after-open {
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 0.5s;
}
.slide-pane__overlay.overlay-before-close {
  background-color: rgba(0, 0, 0, 0);
}
.slide-pane__header {
  display: flex;
  flex: 0 0 64px;
  align-items: center;
  background: #ebebeb;
  height: 64px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.slide-pane__title-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 32px;
  min-width: 0;
}
.slide-pane .slide-pane__title {
  font-size: 18px;
  font-weight: normal;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  padding: 0;
}
.slide-pane__close {
  margin-left: 24px;
  padding: 16px;
  opacity: 0.7;
  cursor: pointer;
}
.slide-pane__close svg {
  width: 12px;
  padding: 0;
}
.slide-pane__content {
  position: relative;
  overflow-y: auto;
  padding: 24px 32px;
  flex: 1 1 auto;
}
.slide-pane__subtitle {
  font-size: 12px;
  margin-top: 2px;
}
:root {
  font-size: 16px;
}

.ed_button {
  border: none;
}
.ed_button,
.ed_button > * {
  cursor: pointer;
}
.ed_button.button {
  padding: 12px 64.5px;
  border: 0px;
  font-family: "DMSansMedium";
  font-size: 1rem;
  font-style: normal;
  line-height: 21.6px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 6px;
}
.ed_button.button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ed_button.tomato-red {
  border: 1px solid #e71e04;
  background-color: #e71e04;
  color: #ffffff;
}
.ed_button.sky-blue {
  background-color: #1c9ad6;
  color: #ffffff !important;
}
.ed_button.light-navy {
  border: 1px solid #174082;
  color: #ffffff;
  background-color: #174082;
}
.ed_button.dusty-orange {
  border: 1px solid #f79035;
  color: #ffffff;
  background-color: #f79035;
}
.ed_button.white-one {
  background-color: #ffffff;
  color: #03002f;
  border: 1px solid #03002f;
}
.ed_button.white-twenty {
  border: 1px solid #eeeeee;
  color: #000;
  background-color: #eeeeee;
}
.ed_button.kelly-green-two {
  border: 1px solid #00aa27;
  color: #ffffff;
  background-color: #00aa27;
}
.ed_button.blue-one {
  border: 1px solid #03002f;
  color: #ffffff;
  background-color: #03002f;
}
.ed_button.kelly-grey-one {
  border: 1px solid #70706f;
  color: #ffffff;
  background-color: #70706f;
}
.ed_button.slim {
  padding: 10px 16px;
}
.ed_button.link {
  color: #f79035;
}
.ed_button.link-hover {
  color: #03002f;
}
.ed_button.link-hover:hover {
  color: #878edd;
}
.ed_button.blue-link {
  color: #3580f7;
}
.ed_button.green-btn {
  color: #ffffff;
  background-color: #51b255;
}
.ed_button.red-btn {
  color: #ffffff;
  background-color: #dd504d;
}
.ed_button.midnight-blue {
  color: #ffffff;
  background-color: #03002f !important;
  border: 1px solid #03002f !important;
}
.ed_button.midnight-blue.disabled {
  background-color: #c0bfcb !important;
  border-color: #c0bfcb !important;
  opacity: 1;
}
.ed_button.midnight-blue-border {
  border: 1px solid #03002f;
  border-radius: 5px;
  background-color: #ffffff;
  color: #03002f;
}
.ed_button.midnight-blue-underline-border {
  border: 1px solid #03002f;
  border-radius: 5px;
  background-color: #ffffff;
  color: #03002f;
  text-decoration: underline;
}
.ed_button.vivid-green-border {
  border: 1px solid #52d20a;
  border-radius: 5px;
  background-color: #ffffff;
  color: #52d20a;
}
.ed_button.midnight-blue-underline {
  border: 0;
  padding: 0 !important;
  color: #03002f;
  text-decoration: underline;
  background: inherit;
}
.ed_button.midnight-blue-no-underline {
  border: 0;
  padding: 0 !important;
  color: #03002f;
  background: inherit;
}
.ed_button.dusty-grey-underline {
  border: 0;
  padding: 0 !important;
  color: #8d8a8a;
  background: inherit;
  font-size: 1.375rem;
  font-family: "DMSansNormal";
}
.ed_button.black-underline {
  border: 0;
  padding: 0 !important;
  color: #292929;
  text-decoration: underline;
  background: inherit;
}
.ed_button.tomato {
  border: 0;
  padding: 15px 30px;
  background-color: #f04e45;
  border-radius: 5px;
  color: #ffffff;
}
.ed_button.dark-peach-rounded-border {
  color: #f04e45;
  background-color: transparent;
  font-family: "DMSansMedium";
  border-radius: 50px;
  border: 1px solid #f04e45;
}
.ed_button.grey-suit {
  color: #ffffff;
  background-color: #c0bfcb;
}
.ed_button.monochrome-light-grey {
  color: #ffffff;
  background-color: #e7e7e7;
}
.ed_button.dark-peach {
  color: #ffffff;
  background-color: #f04e45;
}
.ed_button.dark-peach.disabled {
  opacity: 0.7;
}
.ed_button.dark-peach-hover {
  color: #ffffff;
  background-color: #f04e45;
}
.ed_button.dark-peach-hover:hover {
  background-color: #f36f68;
}
.ed_button.dark-peach-hover.disabled {
  opacity: 0.7;
}
.ed_button.dark-peach-rounded {
  color: #ffffff;
  background-color: #f04e45;
  font-family: "DMSansMedium";
  border-radius: 50px;
  padding: 13px 49px;
}
.ed_button.white-rounded {
  color: #03002f;
  background-color: #ffffff;
  font-family: "DMSansBold";
  font-size: 1rem;
  border-radius: 50px;
  padding: 13px 49px;
}
.ed_button.white-rounded:hover {
  background-color: #b2b2c2;
}
.ed_button.blood-red {
  color: #ffffff;
  background-color: #dd504d;
  border: 1px solid #dd504d;
}
.ed_button.blood-red-border {
  color: #dd504d;
  background-color: #ffffff;
  border: 1px solid #dd504d;
}
.ed_button.without-back-link-blue {
  color: #03002f;
  background-color: #ffffff;
  border: none !important;
  text-decoration: underline;
}
.ed_button.secondary-gray-border {
  border: 0;
  padding: 0 !important;
  color: #b8b8b8;
  background: inherit;
}
.ed_button.green-underline {
  border: 0;
  padding: 0 !important;
  color: #51b255;
  background: inherit;
  text-decoration: underline;
}
.ed_button.white-underline {
  border: 0;
  padding: 0 !important;
  color: #ffffff;
  background: inherit;
  text-decoration: underline;
}
.ed_button.monochrome-light-grey-border {
  border: 1px solid #cfd9e0;
  color: #02012d;
  background-color: #ffffff;
}
.ed_button.aqua-white-border {
  border: 1px solid #f2f2f5 !important;
  background-color: transparent !important;
}

.common_button {
  text-align: center;
}

@media screen and (max-width: 577px) {
  .ed_button.button {
    font-size: 0.875rem;
    padding: 8.21px 43.66px;
  }
}.authorizetosell-section .authorizetosell-error-msg .bg_lightPinkTwo,
.authorizetosell-section-mobile .authorizetosell-error-msg .bg_lightPinkTwo {
  background-color: #fef4ec;
}
.authorizetosell-section .authorizetosell-error-msg .bg_lightPinkTwo label,
.authorizetosell-section-mobile .authorizetosell-error-msg .bg_lightPinkTwo label {
  justify-content: center;
}
.authorizetosell-section .authorizetosell-error-msg .p-1,
.authorizetosell-section-mobile .authorizetosell-error-msg .p-1 {
  text-align: center;
  padding: 1rem !important;
  border-radius: 5px !important;
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  color: #f7943e !important;
}
@media screen and (max-width: 1023px) {
  .authorizetosell-section .authorizetosell-error-msg .p-1,
  .authorizetosell-section-mobile .authorizetosell-error-msg .p-1 {
    font-size: 0.75rem !important;
  }
}

.authorizetosell-section .modal-title {
  font-family: "DMSansMedium";
}

.authorizetosell-desk .generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 11px 12px 5px 12px;
}
.authorizetosell-desk .marketCard {
  border: none !important;
  padding: 0px !important;
}
.authorizetosell-desk .marketCard .rounded-circle1 {
  color: #03002f !important;
  border: 1px solid #e7e7e7 !important;
}
.authorizetosell-desk .marketCard .sortBtnEtf .ed_button {
  height: 40px !important;
  width: 40px !important;
}
.authorizetosell-desk .marketCard .edis-search .common-search-bar {
  height: 40px;
}
.authorizetosell-desk .marketCard .edis-search input {
  height: 40px;
}

.bottom-fixed {
  position: fixed;
  bottom: 0px;
  z-index: 999;
  padding: 10px;
}
.bottom-fixed div:first-child {
  padding-left: 9%;
}
.bottom-fixed div:last-child {
  padding-right: 9%;
}

.img-size img {
  height: 80px;
}
.authorizetosellHistory-section .authorize-history-arrow .edel-icon-arrow-right1 {
  font-size: 0.625rem;
}
.authorizetosellHistory-section .authorizationhistory-table tbody tr {
  cursor: pointer;
}
.authorizetosellHistory-section .authorizationhistory-table .history-date {
  color: #727271 !important;
}
.authorizetosellHistory-section .authorizationhistory-table {
  margin-bottom: 0px !important;
}
.authorizetosellHistory-section .authorizationhistory-table tr th:nth-child(1),
.authorizetosellHistory-section .authorizationhistory-table tr td:nth-child(1) {
  width: 20%;
}
.authorizetosellHistory-section .authorizationhistory-table tr th:nth-child(2),
.authorizetosellHistory-section .authorizationhistory-table tr td:nth-child(2) {
  width: 15%;
}
.authorizetosellHistory-section .authorizationhistory-table tr th:nth-child(3),
.authorizetosellHistory-section .authorizationhistory-table tr td:nth-child(3) {
  width: 20%;
}
.authorizetosellHistory-section .authorizationhistory-table tr th:nth-child(4),
.authorizetosellHistory-section .authorizationhistory-table tr td:nth-child(4) {
  width: 15%;
}
.authorizetosellHistory-section .authorizationhistory-table tr th:nth-child(5),
.authorizetosellHistory-section .authorizationhistory-table tr td:nth-child(5) {
  width: 20%;
}
.authorizetosellHistory-section .authorizationhistory-table tr th:nth-child(6),
.authorizetosellHistory-section .authorizationhistory-table tr td:nth-child(6) {
  width: 20%;
  padding-left: 5px;
  padding-right: 5px;
}
.authorizetosellHistory-section .authorizationhistory-table tr th:nth-child(7),
.authorizetosellHistory-section .authorizationhistory-table tr td:nth-child(7) {
  width: 5%;
}
.authorizetosellHistory-section .authorizationhistory-table tbody tr td:nth-child(1),
.authorizetosellHistory-section .authorizationhistory-table tbody tr td:nth-child(4),
.authorizetosellHistory-section .authorizationhistory-table tbody tr td:nth-child(3) {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.authorizetosellHistory-section .authorizationhistory-table tbody tr td:nth-child(5),
.authorizetosellHistory-section .authorizationhistory-table tbody tr td:nth-child(6) {
  color: #f7943e;
}

.border-box {
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px;
}
.border-box .box-data-head {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #bebebe;
}
.border-box .box-data-value {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #444444;
  padding-left: 5px;
}
.border-box .box-data-value.roboto-fnt {
  font-size: 0.75rem !important;
  font-family: "RobotoRegular" !important;
}

.border-box-header .box-data-head {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  color: #bebebe;
}
.border-box-header .box-data-value {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #444444;
  padding-left: 5px;
}
.border-box-header .box-data-value.txt_green {
  color: #51b255 !important;
}
.border-box-header .box-data-value.txt_bloodRed {
  color: #dd504d !important;
}
.border-box-header .box-data-value.txt-orange-light {
  color: #f7943e !important;
}
.border-box-header .box-data-value.roboto-fnt {
  font-size: 0.75rem !important;
  font-family: "RobotoRegular" !important;
}

.btn-history .edel-icon-arrow-right1 {
  font-size: 0.625rem;
}

.edis-data-mb .mb-title {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
}
.edis-data-mb .mb-title .edel-icon-arrow-left1 {
  font-size: 0.813rem;
  font-family: "DMSansMedium";
}

.authorizetosell-section-mobile .marketgroup {
  padding: 0px !important;
  margin: 0px !important;
}
.authorizetosell-section-mobile .marketgroup .marketCard {
  padding: 0px !important;
}
@media (max-width: 768px) {
  .authorizetosell-section-mobile .marketgroup .marketCard .marketcardhead {
    padding: 15px !important;
  }
}
.authorizetosell-section-mobile .authorizetosell-mobile-card .marketCard {
  margin: 0px;
}
.authorizetosell-section-mobile .authorizetosell-mobile-card .generic-tabs.common-tab-color.showborder .nav {
  gap: 15px;
  padding-left: 5%;
}
.authorizetosell-section-mobile .authorizetosell-mobile-card .rounded-circle {
  color: #03002f !important;
}
.authorizetosell-section-mobile .authorizetosell-mobile-card .edel-icon-arrow-left {
  color: #03002f !important;
}
.authorizetosell-section-mobile .authorizetosell-mobile-card .marketcardbody {
  padding: 0px !important;
}
.authorizetosell-section-mobile .authorizetosell-mobile-card .marketcardbody .search-sort-filter .sort .link {
  padding: 14px !important;
}
.authorizetosell-section-mobile .authorizetosell-mobile-card .marketcardbody .search-sort-filter .sort span.sort-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 28px;
  top: -34px;
  position: relative;
  display: flex;
}
.authorizetosell-section-mobile .authorizetosell-mobile-card .marketcardbody .search-sort-filter .sort .sort-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 28px;
  top: -34px;
  position: relative;
  display: flex;
}
.authorizetosell-section-mobile .authorizetosell-mobile-card .marketcardbody .search-sort-filter {
  margin-top: 20px !important;
}
.authorizetosell-section-mobile .authorizetosell-mobile-card .marketcardbody .search-sort-filter .fund-search {
  width: 90%;
}

.title {
  font-family: "DMSansMedium";
}

.grid-authorization-mb {
  display: grid;
  grid-template-columns: 95% 5%;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}
.grid-authorization-mb .edel-icon-arrow-right1 {
  font-size: 0.75rem;
}

.outerdiv-retryAuthorization {
  background-color: #fef4ec;
  padding: 3px;
}
.outerdiv-retryAuthorization .retryAuthorization-section .edel-icon-validation {
  font-size: 1.25rem;
  color: #03002f;
  padding-right: 10px;
}
.outerdiv-retryAuthorization .retryAuthorization-section span:last-child {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #f7943e;
}

.authorize-sell-btn .ed_button.button {
  padding: 12px 40px !important;
}

.pe-35 {
  padding-left: 35px !important;
}

.pe-37 {
  padding-left: 37px !important;
}

.sliding-heading span.box-data-value[data-attr=Failed] {
  color: #dd504d !important;
}
.sliding-heading span.box-data-value[data-attr=Completed] {
  color: #51b255 !important;
}

.set-height {
  height: 40px !important;
}

#three-dot-loading {
  display: flex;
  justify-content: center;
  height: inherit;
  align-items: center;
}

.box-shadow-content {
  box-shadow: 0px 4px 17px 0px rgba(60, 60, 60, 0.11);
}

.box-shadow {
  background: #fff;
  box-shadow: 0px 6px 2px -5px rgba(0, 0, 0, 0.1);
}

.bottom-fixed-content {
  position: fixed;
  z-index: 9;
  bottom: 0px;
  background-color: #ffffff;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .bottom-fixed-content {
    position: fixed;
    z-index: 21;
  }
}

.history-card {
  height: 102px;
  margin: 10px 15px;
  border: 1px solid var(--separator-border, #e7e7e7);
  border-radius: 5px;
}

.history-card-item {
  min-height: 88px;
  max-height: 150px;
  margin: 10px 0px;
  border: 1px solid var(--separator-border, #e7e7e7);
  border-radius: 5px;
}

.authorizeheader-sticky-ui .heading {
  padding: 20px;
  min-height: 50px;
}
.authorizeheader-sticky-ui .sliding-heading {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.bottom-section .txt_bloodRed {
  color: #dd504d !important;
}

@media (max-width: 1600px) {
  .edisoverflow-dyanamic {
    height: 450px;
    overflow: scroll;
    padding-bottom: 0px;
  }
}
@media (max-width: 1440px) {
  .edisoverflow-dyanamic {
    height: 300px;
    overflow: scroll;
    padding-bottom: 0px;
  }
}span[data-attr=Active] {
  color: #51b255;
}

span[data-attr=Suspended] {
  color: #f83c3c;
}

.basic-profile-section .leftsidebar.col-sm-3 {
  width: 22% !important;
}
.basic-profile-section .leftsidebar {
  box-shadow: none !important;
}
.basic-profile-section .leftsidebar .nav .nav-item {
  margin-bottom: 15px;
}
.basic-profile-section .leftsidebar .nav .nav-item a {
  padding: 11px;
  width: 200px;
}
.basic-profile-section .leftsidebar .nav .nav-item a.nav-link.active {
  padding: 15px;
  background-color: #f2f2f5;
  border-radius: 5px;
  border-right: none !important;
}
.basic-profile-section .leftsidebar .nav .nav-item a.nav-link.active span {
  color: #03002f !important;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.basic-profile-section .rightsidebar {
  height: unset;
  overflow-y: auto;
  overflow-x: hidden;
}
.basic-profile-section .rightsidebar.col-sm-9 {
  width: 78% !important;
  padding-right: 0px;
}
.basic-profile-section .rightsidebar {
  padding-left: 0px !important;
}
.basic-profile-section .rightsidebar .profile-outer-box {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.basic-profile-section .rightsidebar .profile-outer-box .profile .profile-header {
  position: relative;
}
.basic-profile-section .rightsidebar .profile-outer-box .profile .profile-header .profile-header-cover img {
  width: 100%;
}
.basic-profile-section .rightsidebar .profile-outer-box .profile .profile-header-content {
  position: relative;
}
.basic-profile-section .rightsidebar .profile-outer-box .profile .profile-header-content .profile-header-img {
  height: 100px;
  width: 100px;
  border-radius: 50% !important;
  z-index: 10;
  margin-top: -3.75rem;
  margin-left: 30px;
  padding: 0.1875rem;
  -webkit-border-radius: 9px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1023px) {
  .basic-profile-section .rightsidebar .profile-outer-box .profile .profile-header-content .profile-header-img img {
    position: relative;
    height: 100px;
    width: 100px;
    position: absolute;
    border-radius: 50%;
    border: 5px solid #ffffff;
  }
}
.basic-profile-section .rightsidebar .profile-outer-box .profile .profile-header-content .profile-header-img .Editicon-div {
  background-color: #03002f;
  color: #ffffff;
  border-radius: 50px;
  text-align: center;
  right: 0px;
  top: 63px;
  height: 25px;
  width: 25px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.basic-profile-section .rightsidebar .profile-outer-box .profile .profile-header-content .profile-header-img .Editicon-div .edel-icon-edit {
  font-size: 0.75rem;
}
.basic-profile-section .rightsidebar .profile-outer-box .profile .profile-header-content .Equity-profile-btn .lineHeightmb30 {
  margin-left: 10px !important;
}
.basic-profile-section .rightsidebar .profile-outer-box .profile .profile-header-content .Equity-profile-btn {
  background-color: #f2f2f5;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
}
.basic-profile-section .rightsidebar .profile-outer-box .profile .profile-header-content .Equity-profile-btn .image {
  margin-inline: 10px !important;
}
.basic-profile-section .rightsidebar .profile-outer-box .profile .profile-header-content .Equity-profile-btn .text {
  color: #03002f !important;
}
.basic-profile-section .rightsidebar .profile-outer-box .profile .profile-header-content .pt-15-top {
  position: relative;
  margin-top: -15px;
}
.basic-profile-section .rightsidebar .profile-outer-box .Editicon-img {
  padding-left: 5px;
}
.basic-profile-section .rightsidebar .profile-outer-box .Editicon-img img {
  width: 13px;
}
.basic-profile-section .rightsidebar .midnight-blue-border {
  border: 1px solid #03002f;
}

.grid-3-full {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  gap: 15px;
}

.showmore-content .edel-icon-arrow-down {
  font-size: 1.5rem;
}
.showmore-content .edel-icon-arrow-right {
  font-size: 1.5rem;
}

.pt-30-top {
  position: relative;
  top: -30px;
}

.pt-5-top {
  position: relative;
  top: -5px;
}

.editprofile-modal .modal-body {
  padding: 45px 30px 60px 30px;
}
.editprofile-modal .editprofile-section {
  display: flex;
  justify-content: center;
  gap: 33px;
}
.editprofile-modal .editprofile-section .editbox-profile .edel-icon-trash {
  font-size: 20px;
}
.editprofile-modal .editprofile-section .editbox-profile {
  border: 1px solid #e7e7e7;
  padding: 15px;
  border-radius: 5px;
  width: 220px;
}

.border-outer-box {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.boder-Bottom {
  border-bottom: 1px solid #e7e7e7;
}

.border-Top {
  border-top: 1px solid #e7e7e7;
}

.basic-profile-section .nav-link.active > svg .tomato-red {
  fill: #e71e04 !important;
}
.basic-profile-section .nav-link.active > svg .midnight-blue {
  fill: #03002f !important;
}
.basic-profile-section .nav-link.active > svg .midnight-bluestroke {
  stroke: #03002f !important;
}

.basicProfile-image-mainblock .basicProfile-image-block {
  height: 75px;
  width: 75px;
  display: inline-block;
  position: relative;
  border: 1px solid #e7e7e7;
}
.basicProfile-image-mainblock .basicProfile-image-block img {
  height: 65.63px;
  width: 65.63px;
}
.basicProfile-image-mainblock .basicProfile-image-block .close-icon-head {
  height: 18.75px;
  width: 18.75px;
  background: #dd504d;
  position: absolute;
  left: 45px;
}
.basicProfile-image-mainblock .basicProfile-image-block .edel-icon-bold-close:before {
  color: #ffffff;
  justify-content: center;
  top: 20%;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 9px;
}
.basicProfile-image-mainblock .basicProfile-image-block .edel-icon-plus {
  background: none;
}

.accordian-arrow-big .accordion-header .accordion-button::after {
  font-size: 1.875rem;
}

.footerClass-editprofile .col-lg-12 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.your-account-pf {
  margin-inline: 68px;
}

.bottombtnsection-basicprofile {
  justify-content: center;
  margin-top: 20px;
  gap: 20px;
}

.bottombtnsection-basicprofile-mob {
  gap: 20px !important;
  margin-block: 20px 30px !important;
}

.infinity-acc {
  background: linear-gradient(96deg, #e9bc55 0%, #151515 117.01%);
  padding: 9px 15px;
  gap: 5px;
  border-radius: 5px;
  margin-bottom: -15px;
}

.mandatedetails-wrapper {
  border: 1px solid #e7e7e7;
  padding: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.mandatedetails-wrapper .edel-icon-emtpy_icon {
  font-size: 2.125rem;
}

.mandate-details-heading {
  margin-bottom: 30px;
}

.profile-backround-img {
  width: 100%;
}

.brokrage-plan-rates-section {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.brokrage-plan-rates-section .brokrage-head {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
  display: flex;
  line-height: normal;
}
@media (max-width: 768px) {
  .brokrage-plan-rates-section .brokrage-head {
    font-size: 0.75rem !important;
    font-family: "DMSansNormal" !important;
  }
}
.brokrage-plan-rates-section .brokrage-data {
  font-size: 1rem;
  font-family: "RobotoMedium";
  color: #444444;
  display: flex;
  margin-top: 10px;
  line-height: normal;
}
@media (max-width: 768px) {
  .brokrage-plan-rates-section .brokrage-data {
    font-size: 0.875rem !important;
    font-family: "EncodeSansSemiBold" !important;
    margin-top: 5px;
  }
}

.common-accordian-small-content .accordion-item {
  padding: 0px 0px 0px 0px !important;
}
.common-accordian-small-content .accordion-item .accordion-header .accordion-button {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.common-accordian-small-content .accordion-item .accordion-header .accordion-button span {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.common-accordian-small-content .accordion-item .accordion-header .accordion-button.collapsed::after {
  position: relative;
  top: -5px;
}
.common-accordian-small-content .accordion-item .accordion-body {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.brokeragesegment-table thead th {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  border-left: 1px solid #e7e7e7;
  color: #03002f;
  text-align: center;
}
.brokeragesegment-table thead th:first-child {
  border-left: none;
}
@media (max-width: 1023px) {
  .brokeragesegment-table thead th {
    border-top: none;
    font-size: 0.75rem;
    border-bottom: none;
    padding: 15px;
  }
}
.brokeragesegment-table .edel-icon-cross-2 {
  color: #51b255;
}
.brokeragesegment-table .edel-icon-bold-close {
  color: #f83c3c;
}
.brokeragesegment-table .edel-icon-minus {
  color: #727271;
}

.table-border {
  border-spacing: 0px;
  border: none !important;
  border-bottom: 0px;
}
.table-border tr td {
  border-top: none;
  border-left: 1px solid #e7e7e7;
  text-align: center;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #03002f;
  text-align: center;
}
@media (max-width: 1023px) {
  .table-border tr td {
    border-top: 1px solid #e7e7e7;
    border-bottom: none;
    font-size: 0.75rem;
  }
}
.table-border tr td:first-child {
  border-left: 0px;
}
.table-border tr td:first-child:last-child {
  border-bottom: 0px;
}
.table-border tr td:last-child {
  border-right: 0px;
}

.brokrage-notification {
  background-color: #fef6f0;
  padding: 20px;
  border-radius: 5px;
}
@media (max-width: 1023px) {
  .brokrage-notification {
    padding: 15px 18px 15px;
  }
}
@media (max-width: 1023px) {
  .brokrage-notification ul {
    padding-left: 20px;
  }
}
.brokrage-notification ul li {
  list-style-type: disc;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .brokrage-notification ul li {
    font-size: 0.625rem !important;
  }
}
.brokrage-notification ul li:first-child {
  margin-bottom: 30px;
}
.brokrage-notification ul li:nth-child(2) {
  margin-bottom: 30px;
}

.regulatory-all-items {
  display: flex;
  gap: 60px;
}

.regulatory-items {
  display: flex;
  gap: 10px;
  align-items: center;
}
.regulatory-items .pointer {
  cursor: pointer;
}

.active-segment {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
}
.active-segment span:first-child {
  color: #727271 !important;
}
.active-segment span:last-child {
  text-align: right;
}
.active-segment span.Editicon-img {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  color: #03002f !important;
}

.additional-deatils-section .accordion-item .accordion-body {
  padding-bottom: 0px !important;
}
.additional-deatils-section .popup-Allmandate .all-mandate-section {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 47px;
}

.statusMsg-box {
  border: 1px solid #e7e7e7;
  padding: 30px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}

div[data-attr="Not Updated"] {
  color: #f83c3c;
}

div[data-attr=Updated] {
  color: #51b255;
}

.status-section {
  display: grid;
  gap: 15px;
}

.add-new-upiid .grid-2 {
  gap: 60px;
}
.add-new-upiid .new-upi-drp .equitydrop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
}

.width-161 {
  width: 161px;
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  padding: 10px 12px !important;
}

.all-mandate-section {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}
.all-mandate-section .mandate-head {
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #727271;
  display: flex;
}
.all-mandate-section .mandate-data {
  font-size: 1rem;
  font-family: "RobotoMedium";
  display: flex;
}
.all-mandate-section .mandate-data.manadate-data-icon .edel-icon-arrow-right {
  font-size: 1.5rem;
}

span[data-attr=Approved] {
  color: #51b255 !important;
}

div[data-attr=Approved] {
  color: #51b255 !important;
}

span[data-attr="Scan image not uploaded"] {
  color: #f83c3c !important;
}

div[data-attr="Scan image not uploaded"] {
  color: #f83c3c !important;
}

@media (max-width: 767px) {
  .radiobox-primarybankaccount .radio_btn {
    padding-left: 16px !important;
  }
}
.radiobox-primarybankaccount {
  display: flex;
  gap: 10px;
}
.radiobox-primarybankaccount .common-radio-button.active {
  border: 1px solid #03002f;
  border-radius: 5px;
}
.radiobox-primarybankaccount .radio_btn {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  width: 131px;
  padding-block: 10px 9px !important;
  padding-right: 40px;
  padding-left: 0px;
}

.share-wrapper-input {
  border: 1px solid #e7e7e7;
}
.share-wrapper-input .form-control {
  border: none !important;
}

.kyc-section .grid-2:last-child {
  display: grid;
  grid-template-columns: 1fr 2fr;
}

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

.dpid-moblie-error-msg {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 30px 0px;
}

.dpid-mainblock {
  position: relative;
}
@media (min-width: 1023px) {
  .dpid-mainblock .basic-error-msg {
    padding-top: 30px;
  }
}

.pdt-4 {
  padding-top: 4px;
}

.linked-banks-main-block .border-outer-box {
  position: relative;
}
.linked-banks-main-block .edel-icon-add-notfill {
  font-size: 0.938rem;
}

.aadhar-status-link a {
  color: #03002f;
  text-decoration: underline !important;
  margin-left: 5px;
}
.aadhar-status-link a:focus {
  color: #03002f;
}

.profiledata-popup .ed_button {
  width: 220px;
  padding: 15px 30px;
}
.profiledata-popup .modal-footer .col-lg-12 {
  display: flex;
  justify-content: center;
}
.profiledata-popup .modal-footer .ed_button.button {
  padding: 15px;
  width: 220px;
}

.nse-bse-checkbox-block-desktop .form-check {
  padding-left: 0px;
  line-height: 0px;
  min-height: 0px;
  margin-bottom: 0px;
}
.nse-bse-checkbox-block-desktop .common-checkbox .checkboxWrap.border-box-checkbox {
  padding: 9px 10px;
}
.nse-bse-checkbox-block-desktop .radio-button label {
  align-items: center;
  gap: 0.4px;
}

.default-exchange-btn-block .ed_button.button {
  line-height: 100%;
}

.setting-content-btn.default-exchange-btn-block .ed_button {
  padding: 12px 30px !important;
}

.cancel-button-size {
  font-size: 0.875rem !important;
  font-family: "DMSansBold" !important;
}

.nse-bse-checkbox-block {
  gap: 20px !important;
  padding: 20px 15px 31px;
}
.nse-bse-checkbox-block .disp_val {
  margin-left: 8px;
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}
.nse-bse-checkbox-block .form-check {
  border-radius: 5px;
  padding: 11px 10px;
  border: 1px solid #e7e7e7;
}
.nse-bse-checkbox-block .form-check input[type=checkbox] {
  border: 1px solid #e7e7e7;
}
.nse-bse-checkbox-block .form-check input[type=checkbox]:checked {
  background-color: #03002f !important;
  border-color: #03002f !important;
}

.mgl-30 {
  margin-left: 30px;
}

.registerddevices-errormsg .basic-error-msg {
  display: block;
  text-align: center;
}
.registerddevices-errormsg .basic-error-msg .error-text {
  margin-top: 20px;
  margin-bottom: 30px;
}

.basicprofile-mob-manageupi .bankaccountsection .bankname {
  align-self: start;
}

.basicproifle-loader {
  padding: 30px 0px;
  background: #ffffff;
}
.basicproifle-loader .middleloader {
  background: #ffffff;
}

.additional-deatils-section #accordion-content {
  position: relative;
}

.lh-100 {
  line-height: 100%;
}

.brokerage-mobileview {
  padding-bottom: 45px;
}

.upi-info-btn {
  margin-bottom: 30px;
}
.upi-info-btn .errormsg-box {
  background-color: #fef6f0;
}

.registered-devices-rightcontent-both.right-content-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.registered-devices-rightcontent-both.right-content-box .right-section {
  display: flex;
  align-items: center;
}

.registered-devices-rightcontent.right-content-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.mgt-9 {
  margin-top: 9px;
}

.signon-mandate-popup .modal-title {
  font-family: "DMSansBold";
  font-size: 1.375rem;
  color: #03002f;
}

.new-dmsan-btn-500 .ed_button.button {
  font-family: "DMSansMedium";
}

.newbtn-dm-16-500 {
  font-family: "DMSansMedium" !important;
  font-size: 1rem !important;
}

.newbtn-dm-12-500 {
  font-family: "DMSansMedium" !important;
  font-size: 0.75rem !important;
}

.text-transform-none {
  text-transform: none !important;
}

.mob-basicprofile-Adharlink {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}

.register-device-basicprofile-desk {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}

.register-device-basicprofile {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  position: fixed;
  bottom: 20px;
}

.mb-10 {
  margin-bottom: 10px;
}

.h-50 input {
  height: 50px;
}

.check-agree-upi {
  padding-bottom: 15px !important;
}

.mbt-45 {
  margin-bottom: 45px;
}

.pdb-25 {
  padding-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .small-accordion-background.common-accordian-small-content .accordion-button span {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
  .regulatory-all-items {
    display: flex;
    gap: 25px;
    flex-direction: column;
  }
}
.small-accordion-background.common-accordian-small-content .accordion-item .accordion-header .accordion-button.collapsed::after,
.small-accordion-background.common-accordian-small-content .accordion-item .accordion-header .accordion-button::after {
  background-color: #f2f2f5 !important;
  height: 30px;
  width: 30px;
  font-size: 0.563rem;
}
@media (max-width: 768px) {
  .small-accordion-background.common-accordian-small-content .accordion-item .accordion-header .accordion-button.collapsed::after,
  .small-accordion-background.common-accordian-small-content .accordion-item .accordion-header .accordion-button::after {
    font-size: 1.375rem;
  }
}
.small-accordion-background.common-accordian-small-content .accordion-item .accordion-header .accordion-button.collapsed::after,
.small-accordion-background.common-accordian-small-content .accordion-item .accordion-header .accordion-button::after {
  top: 0px;
  margin-left: 30px;
}

.bold-heading .modal-title {
  font-size: 1.75rem;
  font-family: "DMSansBold";
  color: #03002f;
}

.editprofile-content .drawer-head {
  background-color: #f4fafd !important;
}
.editprofile-content .z-index-high__handle-wrapper {
  background-color: #f4fafd !important;
}

.button-register-bf {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}

.mandate-flow-basicprofile {
  padding-block: 20px;
  padding-left: 20px;
}

.mandatesection-even-row {
  background-color: #f7f7f7;
}

.mandatesection-odd-row {
  background-color: #ffffff;
}

.mandate-data-table {
  display: flex;
  align-items: center;
  padding-block: 15px;
  margin-left: 25px;
}

.table-heading-wrappar {
  margin-bottom: 30px;
}
.table-heading-wrappar .table-heading-item {
  margin-left: 25px;
}
.table-heading-wrappar .table-heading-item .mandate-data-left {
  padding-inline: 22px;
}

.links-of-inside-table {
  margin-top: 60px !important;
  margin: 3px 0 3px 3px;
}

.drawer-height .height-setting-drawer__content {
  max-height: 90vh !important;
}

.nominee-details-data-accordion {
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  padding: 15px 30px;
}
.nominee-details-data-accordion.mobile-table {
  padding: 5px 15px;
}
.nominee-details-data-accordion.mobile-table .nominee-share-pill .shares {
  width: 86px;
  height: 24px;
}
.nominee-details-data-accordion.customaccordian-new .accordion-item {
  border: none !important;
  padding: 0px;
  margin: 15px 0px;
}
.nominee-details-data-accordion.customaccordian-new .accordion-header .accordion-button {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 0.664rem;
}
.nominee-details-data-accordion.customaccordian-new .accordion-header .accordion-button.collapsed::after {
  transform: rotate(-90deg);
}
.nominee-details-data-accordion.customaccordian-new .accordion-header .accordion-button::after {
  background-color: transparent !important;
  transform: rotate(0deg);
}
.nominee-details-data-accordion.customaccordian-new .accordion-header .accordion-button:focus {
  box-shadow: none !important;
  border-color: transparent !important;
}
.nominee-details-data-accordion.customaccordian-new .accordion-body {
  background-color: #ffffff !important;
}
.nominee-details-data-accordion.customaccordian-new .accordion-body .mobile-gc-table .main-id-row:nth-of-type(even) {
  text-align: left;
}
.nominee-details-data-accordion .mobile-gc-table {
  background-color: #f5f7ff;
  border: none !important;
  padding: 1px;
  margin-top: 10px;
  gap: 15px;
}
.nominee-details-data-accordion .profile-outer-box {
  background-color: #f5f7ff;
  border: none !important;
  padding: 1px;
  border-radius: 10px !important;
}

.nominee-share-pill .shares {
  padding: 12px 9px;
  height: 42px;
  width: 114px;
  border: 1px solid #ccccd6;
  border-radius: 50px;
}

.nominee-empty-stated .nominee-empty-icon img {
  width: 84px;
  height: 84px;
}
.nominee-empty-stated .nominee-add-button {
  cursor: pointer;
  transition: color 0.2s ease;
}
.nominee-empty-stated .nominee-add-button .add-icon {
  font-size: 16px;
  font-weight: bold;
}

.tooltip-inner .switcher-section {
  margin: 5px;
  padding: 0px;
}

.desk-toast.otptoast {
  top: 22px;
}
.desk-toast.otptoast .toast-container .toast {
  background-color: transparent !important;
}
.desk-toast.otptoast .toast-container .toast .toast-body {
  border-radius: 8px;
}

.tooltip-close-btn {
  margin-left: 8px;
  margin-top: 3px;
  cursor: pointer;
}

.right-content-box {
  border: 1px solid #e7e7e7;
  padding: 30px;
  display: grid;
  grid-template-columns: 75% 25%;
  justify-content: space-between;
  align-items: center;
}
.right-content-box .right-section {
  text-align: right;
  position: relative;
}
.right-content-box .right-section .edel-icon-arrow-right-big::before {
  font-size: 1.875rem;
  position: absolute;
  right: 4px;
  bottom: -17px;
}

.setting-content-btn .ed_button {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
  padding: 13px 20px !important;
}

@media (min-width: 1023px) {
  .show-more-less .edel-icon-arrow-down-big {
    display: flex;
    align-items: center;
    margin-left: 10px;
  }
  .show-more-less .edel-icon-arrow-down-big:before {
    font-size: 0.75rem;
  }
  .show-more-less .rotate {
    transform: rotate(180deg);
  }
}

.communication-setting-radio .radio-button {
  margin-bottom: 15px;
}
.communication-setting-radio .radio-button .disp_val {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}

.serviceRequest-section {
  display: grid;
  grid-template-columns: repeat(6, 128px);
  gap: 15px;
}
.serviceRequest-section .right-content-box {
  padding: 11px 6px 11px 11px;
}
.serviceRequest-section .right-content-box:hover {
  border-color: #e7e7e7;
  background-color: #f2f2f5;
}
.serviceRequest-section .right-content-box .edel-icon-arrow-right-big::before {
  font-size: 1.25rem;
}
.serviceRequest-section .left-section span {
  font-size: 0.875rem !important;
  font-family: "DMSansNormal" !important;
}

/*****************************support *************************/
.grid-3-20 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

.support-additional-section .wealth-advisor-Hsection {
  justify-content: center;
  align-items: center;
}
.support-additional-section .wealth-advisor-Hsection .topsection {
  font-size: 1rem !important;
  font-family: "DMSansBold" !important;
}
@media (max-width: 768px) {
  .support-additional-section .wealth-advisor-Hsection .topsection {
    font-size: 0.875rem !important;
    font-family: "DMSansMedium" !important;
    color: #444444 !important;
  }
}
.support-additional-section .wealth-advisor-Hsection .bottomsection {
  font-size: 0.875rem !important;
  font-family: "DMSansNormal" !important;
}
@media (max-width: 768px) {
  .support-additional-section .wealth-advisor-Hsection .bottomsection {
    font-size: 0.75rem !important;
    font-family: "DMSansNormal" !important;
    color: #727271 !important;
    margin-top: 10px;
  }
}
.support-additional-section .customaccordian-new .ContactUs.accordion-header .accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

.timing-section p.heading-time {
  padding-bottom: 30px !important;
}
.timing-section p {
  padding-bottom: 10px !important;
  margin-bottom: 0px !important;
}
.timing-section p span {
  font-size: 1rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .timing-section p span {
    font-size: 0.875rem;
  }
}
.timing-section p span:first-child {
  width: 30%;
}
.timing-section .timing-data {
  padding-bottom: 10px;
}
.timing-section .timing-data p {
  display: grid;
  grid-template-columns: 20% auto;
  gap: 30px;
}

.contact-data-tab .accordion-item:nth-child(2) .accordion-header .accordion-button,
.contact-data-tab .accordion-item:nth-child(3) .accordion-header .accordion-button {
  justify-content: space-between !important;
}
.contact-data-tab .accordion-item:nth-child(2) .accordion-header .accordion-button::after,
.contact-data-tab .accordion-item:nth-child(3) .accordion-header .accordion-button::after {
  display: none !important;
}

.feeback-fileupload .file-upload-section-generic {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.feeback-fileupload .file-upload-section-generic .upload-content {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}

.uploadscreen-section {
  display: flex;
  justify-content: space-between;
}
.uploadscreen-section .circle-img {
  background-color: #03002f;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  position: relative;
}
.uploadscreen-section .circle-img img {
  position: relative;
  right: 9px;
  top: 10px;
}
.uploadscreen-section .circle-img::after {
  content: "\e962";
  font-family: "edel_icon" !important;
  color: #51b255;
  position: absolute;
  left: 36px;
  top: 33px;
  font-size: 13px;
  border-radius: 100%;
}

@media screen and (min-width: 768px) {
  .rateAdvisor-main .rateadvisor-section {
    display: grid;
    grid-template-columns: 100px auto;
    gap: 20px;
  }
  .rateAdvisor-main .rateadvisor-section .start-icon {
    margin-top: 10px;
    margin-bottom: 10px;
    gap: 20px;
  }
  .rateAdvisor-main .rateadvisor-section .start-icon label {
    font-size: 36px !important;
    padding-right: 30px;
  }
  .rateAdvisor-main .feedback-section {
    display: block !important;
    align-items: center;
    border: 1px solid #e7e7e7;
    padding: 15px;
    border-radius: 5px;
  }
  .rateAdvisor-main .feedback-section .border-box {
    border: 1px solid #e7e7e7;
    padding: 15px;
    border-radius: 5px;
  }
  .rateAdvisor-main .feedback-section .border-box.active {
    border: 1px solid #03002f !important;
    background-color: #f2f2f5;
  }
  .rateAdvisor-main .feedback-section .feedback-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .rateAdvisor-main .rateadvisor-section {
    display: grid;
    grid-template-columns: 100px auto;
    gap: 20px;
  }
  .rateAdvisor-main .rateadvisor-section .start-icon {
    margin-top: 10px;
    margin-bottom: 10px;
    gap: 40px;
  }
  .rateAdvisor-main .rateadvisor-section .start-icon label {
    font-size: 30px !important;
  }
  .rateAdvisor-main .feedback-section {
    display: block !important;
    align-items: center;
    border: 1px solid #e7e7e7;
    padding: 15px;
    border-radius: 5px;
  }
  .rateAdvisor-main .feedback-section .border-box {
    border: 1px solid #e7e7e7;
    padding: 15px;
    border-radius: 5px;
  }
  .rateAdvisor-main .feedback-section .border-box.active {
    border: 1px solid #03002f;
    background-color: #f2f2f5;
  }
  .rateAdvisor-main .feedback-section .feedback-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
.rate-advisory-modal .modal-dialog {
  max-width: 660px;
}
.rate-advisory-modal .modal-dialog .modal-body {
  padding: 20px 30px;
}

.star-block-label {
  position: relative;
}
.star-block-label input[type=radio] {
  position: absolute;
  display: none;
  left: 30%;
  top: 30%;
}

.txt_yellow path {
  fill: #ffb800 !important;
}

.halfstar path {
  fill: url(#gradient) !important;
}

.txt-footer-light path {
  fill: #e2e2e2 !important;
}

.gap-15 {
  gap: 15px;
}

.grid-2-1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

.default-exchange-checkbox .border-box-checkbox .radio-button .radio_btn {
  gap: 3px;
}

.registered-device-mb.overflow-scroll-300 {
  height: 150%;
  overflow: scroll;
  padding-bottom: 40px;
}

.registered-devices-mainblock .register-device-text {
  margin-bottom: 15px;
  margin-top: 7px;
}
@media (min-width: 1023px) {
  .registered-devices-mainblock .modal-title {
    font-family: "DMSansBold";
    font-size: 1.375rem;
    color: #444444;
  }
}
.registered-devices-mainblock .modal-body {
  padding-bottom: 0px;
}
.registered-devices-mainblock .modal-body p {
  margin-bottom: 0px;
}
.registered-devices-mainblock .modal-footer {
  padding-top: 26px;
}
.registered-devices-mainblock .common-table-border table tbody tr td:last-child {
  text-align: right;
}

.setting-content-grid {
  display: grid;
  grid-template-columns: 10% auto;
  gap: 20px;
}

.call-icon-mob-basic-profile {
  width: 20px !important;
}

.enabled-external-totp-mob {
  display: flex;
  align-items: center;
}

.capture-and-submit {
  margin-inline: 120px;
}

.icon-left-click-pic {
  margin-top: 9px;
  font-size: 24px;
}

.mb-basic-profile .profile-header-img {
  position: relative;
}
.mb-basic-profile .profile-header-img img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.mb-basic-profile .Equity-profile-btn {
  background-color: #f2f2f5;
  border-radius: 5px;
  padding: 5px 13px !important;
  display: flex;
  align-items: center;
  height: 45%;
}
.mb-basic-profile .Equity-profile-btn .refresh-align img {
  width: 9px !important;
  margin-right: 10px !important;
}
.mb-basic-profile .Equity-profile-btn .text {
  color: #03002f !important;
}
.mb-basic-profile .Equity-profile-btn.basic-profile-btn .DMSan_14_500 {
  font-size: 0.625rem !important;
  font-family: "DMSansMedium" !important;
}
.mb-basic-profile .profile-section-mb-inf {
  border: 1px solid #d6af26;
  padding: 15px !important;
  border-radius: 5px;
}
.mb-basic-profile .profile-section-mb-nonInf {
  border: 1px solid #e7e7e7;
  padding: 15px !important;
  border-radius: 5px;
}
.mb-basic-profile .Editicon-div {
  background-color: #03002f;
  color: #ffffff;
  border-radius: 50px;
  padding: 2px 4px;
  position: absolute;
  right: 9px;
  top: 40px;
}
.mb-basic-profile .Editicon-div .edel-icon-plus {
  font-size: 0.75rem;
}
.mb-basic-profile .leftsidebar {
  margin-top: 15px;
}
.mb-basic-profile .leftsidebar .nav .nav-item a {
  width: 100%;
}
.mb-basic-profile .basicprofile-mb-tab .nav-tabs {
  padding-left: 8px;
  padding-bottom: 15px;
}
.mb-basic-profile .basicprofile-mb-tab .nav-link {
  position: relative;
  top: 11%;
}
.mb-basic-profile .basicprofile-mb-tab .tab-content {
  padding: 15px 15px 0px;
}
.mb-basic-profile .basicprofile-mb-tab .right-content-box {
  margin: 0px auto !important;
  padding: 15px !important;
}
.mb-basic-profile .basicprofile-mb-tab .right-content-box:not(:last-child) {
  border-bottom: none !important;
}
.mb-basic-profile .basicprofile-mb-tab .right-content-box:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.mb-basic-profile .basicprofile-mb-tab .right-content-box:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.mb-basic-profile .basicprofile-mb-tab .right-content-box .left-section span {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}
.mb-basic-profile .basicprofile-mb-tab .right-content-box .left-section .subhedding-acc {
  display: none !important;
}
.mb-basic-profile .basicprofile-mb-tab .common-accordian .accordion-header .accordion-button::after {
  font-size: 24px;
  transform: rotate(272deg);
  line-height: 10px;
  display: flex;
  justify-content: center;
}
.mb-basic-profile .basicprofile-mb-tab .common-accordian:last-child {
  border-bottom: none !important;
}
.mb-basic-profile .basicprofile-mb-tab .common-accordian .accordion-item {
  margin: 0px auto;
  padding: 15px !important;
}
.mb-basic-profile .rate-advisor .mb-txt-center {
  text-align: center;
  align-items: center;
  justify-content: center;
}
.mb-basic-profile .rate-advisor .feedback-section .border-box {
  padding: 10px;
}
.mb-basic-profile .rate-advisor .feedback-section .feedback-grid {
  gap: 10px;
}
.mb-basic-profile .rate-advisor .rateadvisor-section img {
  width: 60px;
  margin-top: 15px;
}
.mb-basic-profile .rate-advisor .rateadvisor-section {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: center;
}

.grid-2-mb {
  display: grid;
  grid-template-columns: 65% auto;
}

.grid-1-2-gap20 {
  display: grid;
  grid-template-columns: 25px auto;
  gap: 20px;
  align-items: center;
}

@media (max-width: 768px) {
  .mb-hidden {
    display: none !important;
  }
}
.mb-basic-profile .z-index-high__backdrop {
  z-index: 10000 !important;
}
.mb-basic-profile .z-index-high {
  z-index: 10001 !important;
}
.mb-basic-profile .all-mandate-section div:last-child {
  display: none !important;
}
.mb-basic-profile .all-mandate-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  padding: 0px;
}
.mb-basic-profile .all-mandate-section .mandate-head {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}
.mb-basic-profile .all-mandate-section .mandate-data {
  font-size: 0.875rem !important;
  font-family: "RobotoMedium" !important;
  margin-top: 10px;
}

.Edit-profile-mb img {
  width: 25px;
  height: 21px;
  border-radius: 50%;
}
.Edit-profile-mb .Edit-profile-mb-item {
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #e7e7e7;
}

.mobile-gc-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  gap: 15px;
  align-items: flex-start;
}
.mobile-gc-table .main-id-row {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 5px;
  padding-left: 16px;
  padding-right: 16px;
}
.mobile-gc-table .main-id-row:nth-of-type(even) {
  color: red;
  text-align: right;
}
.mobile-gc-table .main-id-row .main-id-col {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.mobile-gc-table .main-id-row .main-id-col-data {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #444444;
  line-height: 15px;
}

.bold-data-all span {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  color: #03002f;
}

.edel-icon-plus.fnt10,
.edel-icon-download.fnt10,
.edel-icon-bold-download.fnt10 {
  font-size: 0.625rem;
}
.edel-icon-plus.fnt18,
.edel-icon-download.fnt18,
.edel-icon-bold-download.fnt18 {
  font-size: 1.125rem;
}

.small-link-btn {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}

.brokrage-plan-mb .brokeragesegment-table {
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px;
}
.brokrage-plan-mb .brokrage-outer-box {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin: 0px auto;
  padding-bottom: 15px;
}
.brokrage-plan-mb .brokrage-outer-box .brokrage-heading > span:first-child {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  margin-top: 20px;
}
.brokrage-plan-mb .brokrage-outer-box .brokrage-heading > span:last-child {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
  margin-top: 5px;
}
.brokrage-plan-mb .brokrage-plan-rates-section {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}

.add-new-upid-section-mb .add-new-upiid .grid-2 {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 29px !important;
}
.add-new-upid-section-mb .add-new-upiid .width-161 {
  width: 140px !important;
}

.view-btn {
  border: 1px solid #03002f;
  padding: 5px 11px;
  color: #03002f;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  border-radius: 5px;
}

.generate-mandate-data-mb .profile-outer-box .radiobox-primarybankaccount span {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
  line-height: 25px;
}
.generate-mandate-data-mb .DMSanN_16_400 {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}
.generate-mandate-data-mb .DMSanN_14_400 {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
  padding-top: 10px;
  padding-bottom: 10px;
}
.generate-mandate-data-mb .width-161 {
  width: 100%;
}

.registered-device-mb .grid-image-auto {
  display: grid;
  grid-template-columns: 50px auto;
}
.registered-device-mb .box-device {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  color: #03002f;
  background-color: #f2f2f5;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 60px;
  border-radius: 5px;
}

.accordian-small-mb .accordion-item {
  padding: 15px !important;
}
.accordian-small-mb .common-checkbox .form-check .form-check-label {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  line-height: 20px;
}

.mb-service-request .serviceRequest-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0px;
}
.mb-service-request .serviceRequest-section .right-content-box {
  width: 100%;
}

.basicprofile-changes {
  display: flex;
  align-items: center;
}

.welthadvisory-acc-mb .topsection {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  color: #444444 !important;
}
.welthadvisory-acc-mb .bottomsection {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
  color: #727271 !important;
  margin-top: 8px;
}
.welthadvisory-acc-mb .accordion-button::after {
  padding: 0px !important;
  background-color: #f2f2f5 !important;
  line-height: 25px !important;
  color: #03002f !important;
}
.welthadvisory-acc-mb .accordion-button:not(.collapsed)::after {
  width: 23px;
  height: 25px;
}
.welthadvisory-acc-mb .accordion-content .grid-3-20 {
  display: grid !important;
  grid-template-columns: 1fr !important;
}
.welthadvisory-acc-mb .accordion-content .grid-3-20 > div {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 30px !important;
}
.welthadvisory-acc-mb .timing-section .timing-data p {
  justify-content: space-between;
}
.welthadvisory-acc-mb .timing-section .DMSans_16_500 {
  font-size: 0.875rem !important;
  font-family: "DMSansNormal" !important;
}
.welthadvisory-acc-mb .timing-section .DMSanN_16_400 {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}
.welthadvisory-acc-mb .txt-secondary-gray {
  color: #b8b8b8 !important;
}

.FeedbackData-mb {
  padding-top: 20px;
}

.mb-title .edel-icon-arrow-left1 {
  font-size: 0.75rem;
  gap: 5px;
}

.basic-profile-circle.imCircle::before {
  display: flex;
  align-items: center;
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 0.5rem;
  color: #727271 !important;
  padding-left: 10px;
  padding-right: 10px;
}

.basic-profile-banklist .bankaccountsection .accountNumber .txt_secondary-gray {
  text-wrap: nowrap;
}

.arrow-btn-size {
  font-size: 15px;
  margin-right: 7px;
}

.captured-img-basic-profile {
  width: 589px;
}

.popup-nri-basic-profile {
  margin-top: 20px;
  margin-inline: 20px;
}

.address-basicprofile {
  width: 170px;
  line-height: 20px;
}

.basic-feedback-main-block .headers {
  color: #727271;
}
.basic-feedback-main-block .empty_file {
  background: #ffffff;
  display: block;
  margin: 29px 0px 10px 10px;
  cursor: pointer;
  font-size: 14px;
  width: 100%;
}
.basic-feedback-main-block .empty_file .file_upload {
  font-size: 23px;
  color: #000000;
  vertical-align: middle;
  display: inline-block;
}
.basic-feedback-main-block .file_block {
  padding-bottom: 30px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .basic-feedback-main-block .file_block {
    display: flex;
    gap: 30px;
  }
}
.basic-feedback-main-block .file_block span {
  display: block;
  margin: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 2px;
  color: #999999;
  font-size: 13px;
  line-height: 15px;
}
.basic-feedback-main-block .file_block .image_cont {
  display: inline-block;
  width: 82px;
  height: 85px;
  position: relative;
  margin: 10px 18px -1px 0px;
  position: relative;
}
@media (max-width: 767px) {
  .basic-feedback-main-block .file_block .image_cont {
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
  }
}
.basic-feedback-main-block .file_block .new_file {
  vertical-align: top;
  width: 82px;
  height: 85px;
}
@media (max-width: 767px) {
  .basic-feedback-main-block .file_block .new_file {
    width: 40px;
    height: 40px;
    margin: 0;
  }
}
.basic-feedback-main-block .file_block .imgbtn_grp {
  border: #cccccc 1px solid;
  border-radius: 2px;
  display: block;
  text-align: center;
  width: 82px;
  height: 85px;
  margin: 3px 18px -1px 0px;
}
@media (max-width: 767px) {
  .basic-feedback-main-block .file_block .imgbtn_grp {
    width: 65px;
    height: 65px;
    margin: 0;
  }
}
.basic-feedback-main-block .file_block .imgbtn_grp img {
  width: 100%;
  height: 100%;
}
.basic-feedback-main-block .file_block .imgbtn_grp .edel-icon-close:before {
  position: absolute;
  color: #ffffff;
  right: 2px;
  background: red;
}
.basic-feedback-main-block .file_block .imgbtn_grp .icon-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 25px;
  padding-bottom: 55px;
  cursor: pointer;
}
.basic-feedback-main-block .file_block .imgbtn_grp .comment {
  height: 99px;
}
@media (max-width: 767px) {
  .basic-feedback-main-block .file_block .close {
    top: -6px;
    right: -5px;
    line-height: 18px;
    background: #666666;
    border-radius: 50%;
    border: 1px #666666 solid;
    height: 20px;
    width: 20px;
    padding: 0;
    position: absolute;
    text-shadow: 0 0 0 transparent;
    font-weight: normal;
  }
  .basic-feedback-main-block .file_block .close span {
    font-size: 28px;
  }
}
.basic-feedback-main-block .file_block .excel_icon {
  font-size: 35px;
  padding-top: 24px;
  line-height: 35px;
  color: #000000;
}
@media (max-width: 767px) {
  .basic-feedback-main-block .file_block .excel_icon {
    font-size: 26px;
    padding-top: 2px;
  }
}
.basic-feedback-main-block .file_block .icons {
  margin-top: -25px;
  display: none;
}
.basic-feedback-main-block .file_block .first,
.basic-feedback-main-block .file_block .second {
  display: inline-block;
  line-height: 15px;
}
.basic-feedback-main-block .file_block .first {
  margin-right: 40px;
}
.basic-feedback-main-block .file_block .second {
  font-size: 19px;
}
.basic-feedback-main-block .file_block .file_msg {
  display: inline-block;
  padding: 3px 0 3px 10px;
  margin: 0;
  width: 75px;
  white-space: initial;
  vertical-align: middle;
  color: #174082;
  font-size: 14px;
  cursor: pointer;
}
.basic-feedback-main-block .errMsg {
  color: red;
}
.basic-feedback-main-block .CustomCommonDropdown #selectoption {
  color: #444;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}

.commentbox-section {
  position: relative;
}
.commentbox-section .form-control {
  height: 99px;
  font-size: 1rem;
  font-family: "DMSansNormal";
}
.commentbox-section .form-control::placeholder {
  font-size: 1rem;
  font-family: "DMSansNormal" !important;
}

.w-160 {
  width: 160px;
}

.dropdown-select-UI {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e7e7e7;
  height: 50px !important;
  border-radius: 5px;
}
.dropdown-select-UI .form-control {
  border: none;
}
.dropdown-select-UI .edel-icon-arrow-down {
  font-size: 1.375rem;
}

.new_file .imgbtn_grp {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .imgbtn_grp .icon-close {
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    top: -6px !important;
    right: -25px !important;
  }
}
.custom-drp-arrow-content {
  position: relative;
}
.custom-drp-arrow-content select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  float: right;
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #0ebeff;
  -ms-word-break: normal;
  word-break: normal;
  cursor: pointer;
}
.custom-drp-arrow-content select::-ms-expand {
  display: none;
}
.custom-drp-arrow-content:after {
  content: "\eb6c";
  font-family: "edel_icon" !important;
  color: #444444;
  right: 13px;
  font-size: 0.625rem;
  top: 40%;
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.toast-remove-position .position-absolute {
  position: relative !important;
}

.suspended-account {
  padding-block: 11px;
  padding-left: 11px;
  background: #fceded;
  border-radius: 5px;
  margin-bottom: 15px;
}

.infinity-account-desk {
  width: 100% !important;
}

.mandate-flow-basic {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .mandate-flow-basic {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.headerof-mandateflow .stock-details-head {
  margin-top: -30px;
  position: fixed;
  z-index: 2;
}

.profile-outer-box .mandatepara {
  margin-top: 63px !important;
}

@media only screen and (max-width: 767px) {
  .inputfield-number {
    margin-bottom: 100px !important;
  }
}
.bottombtnsection-basicprofile {
  position: fixed;
  bottom: -12px;
  margin-left: -14px !important;
  padding-block: 20px;
}

@media (max-width: 768px) {
  .bottombtnsection-basicprofile {
    position: fixed;
    bottom: 0;
    background: #ffffff;
    margin-left: 0px !important;
    z-index: 999;
  }
}
.radiobox-primarybankaccount .recommended-highlight {
  font-size: 8px;
  position: sticky !important;
}
@media (max-width: 768px) {
  .radiobox-primarybankaccount .recommended-highlight {
    position: sticky;
    margin-top: -5px;
    top: 0%;
    left: 33px;
    width: 72px;
  }
}
.radiobox-primarybankaccount .recommended-highlight {
  position: sticky;
  left: 50px;
  z-index: 5;
  border-radius: 2px;
  font-family: "DMSansMedium";
  background: #f9dc75;
  padding: 0px 6px;
}

.generate-mandate-button {
  margin-block: 30px;
  padding: 15px 20px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
}

.view_more_mandate {
  margin-top: 25px !important;
  text-decoration: underline;
}

.generate-mandate-link {
  width: 95% !important;
}
.generate-mandate-link .generate-mandate {
  text-decoration: underline;
}

.date-picker-mandate .react-datepicker__day-name,
.date-picker-mandate .react-datepicker__day,
.date-picker-mandate .react-datepicker__time-name {
  width: 12%;
}
.date-picker-mandate .react-datepicker__day-names,
.date-picker-mandate .react-datepicker__week {
  display: flex;
  align-items: start;
  justify-content: center;
}

.equitydropdown-mandate button {
  gap: 200px !important;
}
.equitydropdown-mandate.equity-dropdown-block .equitydrop {
  width: 100% !important;
}
.equitydropdown-mandate.equity-dropdown-block .dropdown-menu {
  width: 100% !important;
}

.kycpopup-wrappar .currently-kyc-text {
  text-align: center;
  margin-top: 60px;
}
.kycpopup-wrappar .currently-kyc-img {
  margin-top: 50px;
}
.kycpopup-wrappar .go-back-text {
  margin-top: 60px;
}

@media (max-width: 768px) {
  .go-back-text {
    margin-top: 60px;
    padding-bottom: 40px;
  }
}
.basicprofile-this-device {
  border: 1px solid #03002f;
  border-radius: 5px;
  padding: 5px;
}

.basicprofile-register-button {
  display: flex;
  justify-content: flex-start;
  padding-inline: 20px;
  margin-block: 15px;
  background: #ffffff;
}

.mobile-cursor-removed {
  cursor: default !important;
}

.paymentmethodSection-basicprofile {
  margin-bottom: 60px !important;
}

.infinity-img-brokerage {
  width: 66px !important;
}

.error-msg-something-wents-wrong {
  margin-left: 132px !important;
}

.profiledata-popup .modal-title {
  font-size: 1.75rem;
  font-family: "DMSansBold";
}

@media (max-width: 768px) {
  .profiledata-popup .modal-title {
    font-size: 1rem;
    font-family: "DMSansBold";
  }
}
.nomination-details-back-btn {
  margin-left: 20px;
}

.mobile-nomination-header .mobile-nomination-subtitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding: 0 20px;
}
.mobile-nomination-header .mobile-nomination-subtitle .mobile-update-details {
  display: flex;
  align-items: center;
  gap: 4px;
}

.showmore-details .edel-icon-arrow-up {
  height: 15px;
  margin-left: 10px;
  vertical-align: middle;
}
.showmore-details .edel-icon-arrow-up.rotated {
  height: 11px;
  transform: rotate(180deg);
}

.edel-icon-star-filled.filled {
  color: #ffe500 !important;
}

.avialability-msg-grid {
  display: grid;
  grid-template-columns: 35% 10% 55%;
}

.account-popup-width.w-100 .ed_button {
  width: 100%;
}

.basic-nominee-border {
  border: 1px solid #e7e7e7;
  padding: 15px;
  border-radius: 5px;
  margin-top: 10px;
}
.basic-nominee-border .edel-icon-emtpy_icon {
  font-size: 1.875rem;
}
.basic-nominee-border .basic-error-msg {
  gap: 10px;
  align-items: center;
  justify-content: center;
}.radio-button label {
  display: grid;
  grid-template-columns: 27px 1fr;
  gap: 14px;
  align-items: center;
}
@media (max-width: 768px) {
  .radio-button label {
    grid-template-columns: 14px 1fr;
    gap: 6px;
  }
}
.radio-button input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  height: 25px;
  width: 25px;
  outline: none;
  margin: 0;
  cursor: pointer;
  border: 1px solid #e7e7e7;
  background: transparent;
  border-radius: 50%;
  display: grid;
  justify-self: end;
  justify-items: center;
  align-items: center;
  overflow: hidden;
  transition: border 0.5s ease;
}
@media (max-width: 768px) {
  .radio-button input[type=radio] {
    height: 18px;
    width: 18px;
  }
}
.radio-button input[type=radio]::before, .radio-button input[type=radio]::after {
  content: "";
  display: flex;
  justify-self: center;
  border-radius: 50%;
}
.radio-button input[type=radio]::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1;
  opacity: var(--opacity, 1);
}
.radio-button input[type=radio]::after {
  position: relative;
  width: 76.9230769231%;
  height: 76.9230769231%;
  background: #03002f;
  top: var(--y, 100%);
}
@media (max-width: 768px) {
  .radio-button input[type=radio]::after {
    width: 76.9230769231%;
    height: 76.9230769231%;
  }
}
.radio-button input[type=radio]:checked {
  border: 1px solid #03002f !important;
}
.radio-button input[type=radio]:checked::after {
  --y: 0%;
}
.radio-button input[type=radio]:checked::before {
  --opacity: 0;
}
.radio-button input[type=radio]:checked ~ input[type=radio]::after {
  --y: -100%;
}
.radio-button input[type=radio]:not(:checked)::before {
  --opacity: 1;
  transition: opacity 0s linear 0.5s;
}
@keyframes stretch-animate {
  0% {
    transform: scale(1, 1);
  }
  28% {
    transform: scale(1.15, 0.85);
  }
  50% {
    transform: scale(0.9, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.radio-button.common-radio-button input[type=radio] {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #adadad;
}
.radio-button.common-radio-button input[type=radio]::after {
  position: relative;
  width: 100%;
  height: 100%;
  background: #03002f;
  border: 2px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.radio-button.common-radio-button .radio_btn .DMSansMedium_16_500 {
  font-size: 0.875rem !important;
  line-height: 15px;
}
.radio-button.common-radio-button.radio-center .radio_btn {
  display: flex;
  align-items: center;
}:root {
  font-size: 16px;
}

.error-msg {
  background: #ffffff;
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 30px 10px;
  height: 100%;
  width: 100%;
}
.error-msg .error-msg-wrapper {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.error-msg .error-msg-wrapper .erroricon {
  color: #b8b8b8;
  font-size: 1.375rem;
  height: 100%;
  width: 100%;
}
.error-msg .error-msg-wrapper .error-msg-text {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  line-height: 15px;
  color: #727271;
  opacity: 0.5;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .error-msg .error-msg-wrapper .error-msg-text {
    margin-top: 10px;
  }
}
.error-msg .error-msg-wrapper .error-msg-text span {
  display: flex;
  text-align: center;
  height: 43px;
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  line-height: 18px;
}
@media (max-width: 700px) {
  .error-msg .error-msg-wrapper .error-msg-text span {
    font-size: 0.75rem;
  }
}

.error_wrapper__backdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.error_wrapper {
  height: 35%;
}
.error_wrapper .error_wrapper__content {
  padding: 10%;
}
.error_wrapper .error_wrapper__content div {
  text-align: center;
}

.refreshErrorBtn .btn {
  padding: 0;
}
.refreshErrorBtn .btn .refreshErrorBtn-icon i {
  color: #03002f;
}
.refreshErrorBtn .btn .refreshErrorBtn-icon i::before {
  font-size: 11px;
}
.refreshErrorBtn .btn p {
  margin: 0;
  font-size: 0.75rem;
  line-height: 20px;
  font-family: "encodesans_normal";
  padding-left: 7.3px;
  color: #03002f;
}

.zindex-session-exp .ed-generic-header.modal-header {
  flex: 1;
  display: flow;
  padding: 20px !important;
}

.mobile-drawer-session {
  padding: 15px;
}
.mobile-drawer-session .authorize-section-error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  background-color: transparent;
}:root {
  font-size: 16px;
}

.show {
  display: block;
}

.fade {
  display: none;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-29 {
  margin-bottom: 29px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px !important;
}

.modal-open .ed-generic-modal {
  background: rgba(204, 204, 204, 0.19);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.modal-open .ed-generic-modal .modal-dialog {
  max-width: 527px !important;
  width: 100%;
  transition: none;
}
.modal-open .ed-generic-modal .modal-dialog .withShadow {
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
}
.modal-open .ed-generic-modal .modal-dialog .modal-content {
  border: none;
  margin: auto !important;
}
.modal-open .ed-generic-modal .modal-dialog .modal-content .ed-generic-header.modal-header {
  background-color: #f2f2f5;
  padding: 19px 35px;
  border-bottom: 0px;
}
.modal-open .ed-generic-modal .modal-dialog .modal-content .ed-generic-header.modal-header .modal-title {
  font-family: "DMSansNormal";
  font-size: 1.25rem;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  cursor: pointer;
  color: #0b243a;
}
.modal-open .ed-generic-modal .modal-dialog .modal-content .modal-body {
  padding: 60px 62px 33.76px 62px;
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: center;
  color: #727271;
  background-color: #ffffff;
}
.modal-open .ed-generic-modal .modal-dialog .modal-content .modal-body p {
  text-align: center;
}
.modal-open .ed-generic-modal .modal-dialog .modal-footer.ed-generic-off-footer {
  padding: 0px 60px 36.24px 60px;
  border-top: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
}
.modal-open .ed-generic-modal .modal-dialog .modal-footer.ed-generic-off-footer button {
  width: 194px;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  margin: 0px;
  padding: 14px 28px;
  height: 48px;
}
.modal-open .ed-generic-modal .modal-dialog .modal-footer.ed-generic-off-footer button.go-back {
  background-color: #ffffff;
  color: #dd504d;
  border-color: #dd504d;
}
.modal-open .ed-generic-modal .modal-dialog .modal-footer.ed-generic-off-footer button.review-changes {
  color: #dfa717;
  border-color: #dfa717;
  background: #ffffff;
}
.modal-open .ed-generic-modal .modal-dialog .modal-footer.ed-generic-off-footer button.confirm {
  color: #ffffff;
  background-color: #03002f;
  border-color: #03002f;
}

.login-btn {
  background-color: #03002f;
  border: #03002f;
  width: 25%;
  height: 40px;
  margin-top: 5%;
  padding: 10px !important;
}

.squareoff_wrapper__backdrop {
  z-index: 99999999 !important;
}

.squareoff_wrapper {
  z-index: 99999999999 !important;
}

@media screen and (max-width: 1024px) {
  .confirmationpopupmob__backdrop {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  .confirmationpopupmob {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
  }
  .confirmationpopupmob__content {
    padding: 0px !important;
  }
  .confirm-transaction.changes .ed-generic-header .modal-title {
    font-family: "DMSansMedium";
    font-size: 1.125rem;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    color: #444444;
  }
  .ed-generic-modal .modal-dialog {
    margin: 0px;
  }
  .ed-generic-modal .ed-generic-header {
    text-align: center;
    border-bottom: 0px;
    display: block;
    padding: 0px;
  }
  .ed-generic-modal .ed-generic-header .modal-title {
    font-family: "DMSansMedium";
    font-size: 1.25rem;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center !important;
    cursor: pointer;
    padding-top: 8px;
    color: #0b243a;
  }
  .ed-generic-modal .modal-body {
    padding: 18px 24.5px 30px 24.5px;
    font-family: "DMSansNormal";
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: #727271;
    background-color: #ffffff;
    color: #b8b8b8;
  }
  .ed-generic-modal .ed-generic-off-footer {
    padding: 0px 25px 27px 25px;
    display: flex;
    justify-content: space-between;
    border-top: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
  }
  .ed-generic-modal .ed-generic-off-footer button {
    width: 46.25%;
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0px;
    padding: 4px 21px;
    height: 40px;
    border-radius: 5px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 360px) {
  .ed-generic-modal .ed-generic-off-footer button {
    padding: 4px 18px;
  }
}
@media screen and (max-width: 1024px) {
  .ed-generic-modal .ed-generic-off-footer button.go-back {
    background-color: #ffffff;
    color: #dd504d;
    border-color: #dd504d;
  }
  .ed-generic-modal .ed-generic-off-footer button.review-changes {
    color: #ff6b00;
    border-color: #ff6b00;
    background: #ffffff;
  }
  .ed-generic-modal .ed-generic-off-footer button.confirm {
    color: #ffffff;
    background-color: #03002f;
    border-color: #03002f;
  }
}
.investment-acc-popup-main {
  margin-inline: 20px;
}
.investment-acc-popup-main .investment-acc-popup-upgrade-text {
  font-family: "DMSansNormal";
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 25px;
  color: #48467e;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 3px;
}
.investment-acc-popup-main .investment-acc-popup-unlock-text {
  font-family: "DMSansBold";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  color: #48467e;
  margin-bottom: 20px;
}
.investment-acc-popup-main .investment-acc-popup-benefits-main {
  border-radius: 8px;
  width: 366px !important;
  background: #e4e3f2;
  list-style-type: disc;
  padding: 20px;
  width: fit-content; /* Adjust width based on content */
  margin: 0 auto; /* Centers the div horizontally */
  text-align: center; /* Aligns text inside the div */
}
.investment-acc-popup-main .investment-acc-popup-benefits-main li {
  color: #48467e;
  text-align: left;
  margin-top: 10px;
  list-style: none;
}
.investment-acc-popup-main .investment-acc-popup-benefits-main li::before {
  content: "•";
  position: relative;
  left: 0;
  top: 1px;
  font-size: 1.3em;
  margin-right: 4px;
}
.investment-acc-popup-main .investment-acc-popup-benefits-main div {
  color: #78769e;
  font-family: "DMSansNormal";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.24px;
}
.investment-acc-popup-main .investment-acc-popup-contact-main {
  margin-top: 12px;
}
.investment-acc-popup-main .investment-acc-popup-contact-Rm-text {
  color: #2c2a5c;
  position: relative;
  left: 10%;
  line-height: 140%;
  margin-bottom: 7px;
}
.investment-acc-popup-main .investment-acc-popup-contact-img {
  width: 11px;
  height: 11px;
}
.investment-acc-popup-main .investment-acc-popup-contact-div {
  color: #292562;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.investment-acc-popup-main .investment-acc-popup-contact {
  position: relative;
  left: 10%;
  gap: 36px;
}

.popupWatchlist-inv-acc-main .modal-content {
  border-radius: 8px;
  border: 0px;
  background: linear-gradient(322deg, #bbbadf -62.69%, #fff 97.61%);
}
.popupWatchlist-inv-acc-main .modal-content .modal-body {
  margin: 0px 30px 30px 30px !important;
  padding: 0px;
}
.popupWatchlist-inv-acc-main .modal-content .modal-header {
  margin: 30px 0px 0px 0px !important;
  padding: 0px;
  border-bottom: 0px !important;
  position: relative;
}
.popupWatchlist-inv-acc-main .modal-content .modal-header .edel-icon-bold-close {
  position: absolute;
  right: 28px;
  width: 9px;
  height: 9px;
  top: -10px;
  color: #979797;
  padding: 2px;
}

.inv-acc-popup-main-mob__backdrop {
  background: rgba(0, 0, 0, 0.19);
  opacity: 1;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}

.investment-acc-popup-main-mob {
  margin-inline: 20px;
}
.investment-acc-popup-main-mob .investment-acc-popup-upgrade-text {
  font-family: "DMSansNormal";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  color: #292663;
  margin-top: 10px;
  margin-bottom: 3px;
}
.investment-acc-popup-main-mob .investment-acc-popup-unlock-text {
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 128%;
  color: #807eb0;
}
.investment-acc-popup-main-mob .investment-acc-popup-benefits-main {
  border-radius: 8px;
  width: 366px !important;
  list-style-type: disc;
  padding: 20px;
  width: fit-content; /* Adjust width based on content */
  margin: 0 auto; /* Centers the div horizontally */
  text-align: center; /* Aligns text inside the div */
}
.investment-acc-popup-main-mob .investment-acc-popup-benefits-main li {
  color: #48467e;
  text-align: left;
  margin-top: 10px;
  list-style: none;
}
.investment-acc-popup-main-mob .investment-acc-popup-benefits-main li::before {
  content: "•";
  position: relative;
  left: 0;
  top: 1px;
  font-size: 1.3em;
  margin-right: 4px;
}
.investment-acc-popup-main-mob .investment-acc-popup-benefits-main div {
  color: #78769e;
  font-family: "DMSansNormal";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 145%;
}
.investment-acc-popup-main-mob .investment-acc-popup-contact-main {
  padding-block: 20px;
  background: #dad9ee;
  position: relative;
  left: -2%;
  width: 104%;
}
.investment-acc-popup-main-mob .investment-acc-popup-contact-Rm-text {
  color: #2c2a5c;
  position: relative;
  left: 10%;
  line-height: 140%;
  margin-bottom: 7px;
}
.investment-acc-popup-main-mob .investment-acc-popup-contact-img {
  width: 11px;
  height: 11px;
  display: flex;
  align-self: center;
}
.investment-acc-popup-main-mob .investment-acc-popup-contact-div {
  color: #292562;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.investment-acc-popup-main-mob .investment-acc-popup-contact {
  position: relative;
  left: 10%;
  gap: 36px;
}:root {
  font-size: 16px;
}

.show {
  display: block;
}

.fade {
  display: none;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-29 {
  margin-bottom: 29px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px !important;
}

.modal-open .popHoldingTitle {
  background: rgba(204, 204, 204, 0.19);
  backdrop-filter: blur(50px);
}
.modal-open .popHoldingTitle .modal-dialog {
  max-width: 995px !important;
  width: 100%;
  transition: none;
  margin-top: 100px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content {
  border: none;
  background: linear-gradient(#f0f9ff, #ffffff, #ffffff);
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-header {
  display: block;
  color: #0b243a;
  font-family: "DMSansNormal";
  background-color: #f0f9ff;
  border-bottom: none;
  font-style: normal;
  height: 100px;
  padding: 31px 37px 30px 40px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-header .btn-close {
  color: #1c1c28;
  opacity: 1;
  height: 17px;
  width: 17px;
  float: right;
  transform: translateY(-27px);
  box-shadow: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-header .modal-title .d-footpop-headtitle {
  font-family: "DMSansNormal";
  font-style: normal;
  font-size: 1.75rem;
  line-height: 39px;
  color: #0b243a;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-header .modal-title .d-footpop-headtitle span {
  font-family: "DMSansBold";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body {
  padding: 40px 40px 0px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group .row {
  position: relative;
  margin-top: 15px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group .holder {
  position: absolute;
  top: 16px;
  transform: translateX(18px);
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group .holder label {
  color: #727271;
  font-family: "DMSansMedium";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group .holder .star {
  color: #e62020;
  margin-left: 5px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group #poptextarea {
  color: #727271;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-control,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-select {
  border: 1px solid #e7e7e7;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-control:focus,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-select:focus {
  border: 1px solid #e7e7e7;
  box-shadow: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform :-ms-input-placeholder:after {
  content: "*";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform textarea {
  padding: 20px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform input,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select {
  height: 60px;
  border-radius: 8px;
  font-family: "DMSansMedium";
  padding: 18px;
  color: #727271;
  outline: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform input::placeholder:after,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select::placeholder:after {
  content: " *";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select::-ms-expand {
  display: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select + span {
  font-size: 1.25rem;
  float: right;
  margin-top: -37px;
  margin-right: 15px;
  /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
  pointer-events: none;
  /* everything after this is just to cover up the original arrow */
  /* (for browsers that don't support the syntax used above) */
  background-color: transparent;
  color: #03002f !important;
  padding-right: 5px;
}
@media (max-width: 640px) {
  .modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select + span {
    margin-top: -25px;
  }
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select option {
  padding-right: 21px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-select,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform textarea {
  color: #727271;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag {
  height: 143px;
  padding: 18px 0px 35px;
  border: 1px dashed #b8b8b8;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .uploadError {
  color: red;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .uploadSectionWrap .fileNameSec {
  display: flex;
  justify-content: center;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileName {
  font-family: "DMSansNormal";
  font-size: 1rem;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileClose {
  margin-left: 10px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag #feedBackFile {
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: pointer;
  display: block;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag #upload-icon {
  font-size: 2.625rem;
  color: #03002f;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .upload-content {
  margin-top: 26px;
  font-size: 1rem;
  line-height: 22px;
  color: #727271;
  font-family: "DMSansMedium";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform button {
  width: 100%;
  background: #03002f;
  border-radius: 5px;
  color: #ffffff;
  font-family: "DMSansMedium";
  font-size: 1.125rem;
  height: 53px;
  border: none;
  outline: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform textarea {
  height: 143px;
  border-radius: 8px;
  resize: none;
}

.footer_wrapper__backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
}

.footer_wrapper .footer_wrapper__handle-wrapper {
  padding: 10px 0px;
  background-color: #f2f2f5;
  border-radius: 5px 5px 0px 0px;
}
.footer_wrapper .footer_wrapper__content {
  padding: 0px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-heading {
  height: 40px;
  background-color: #f0f9ff;
  padding: 0px 0px 20px 15px;
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-heading span {
  font-family: "DMSansBold";
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group {
  position: relative;
  margin: 0px 15px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .form-control:focus,
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .form-select:focus {
  box-shadow: none;
  border: 1px solid #3580f7;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group textarea {
  resize: none;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-holder {
  position: absolute;
  transform: translate(20px, 10px);
  color: #727271;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-holder label {
  font-family: "DMSansMedium";
  color: #727271;
  font-size: 0.875rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-holder .form-control {
  border-color: #e7e7e7;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-holder .star {
  color: red;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group input {
  padding: 10px 0px 10px 20px;
  height: 40px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group input:focus {
  box-shadow: none;
  border: 1px solid #3580f7;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group select::-ms-expand {
  display: none;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group select + span {
  font-size: 0.625rem;
  float: right;
  margin-top: -25px;
  margin-right: 15px;
  /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
  pointer-events: none;
  /* everything after this is just to cover up the original arrow */
  /* (for browsers that don't support the syntax used above) */
  background-color: transparent;
  color: #3580f7 !important;
  padding-right: 5px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow {
  margin-top: 20px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .form-control {
  border: 1px dashed #b8b8b8;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag {
  height: 96px;
  padding: 15px 40px;
  border: 1px dashed #b8b8b8;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadError {
  color: red;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadSectionWrap .fileNameSec {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileName {
  font-family: "DMSansNormal";
  font-size: 1rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileName p {
  margin-bottom: 0px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileClose {
  margin-left: 10px;
  font-size: 0.75rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .upload-content {
  margin-top: 10px;
  font-family: "DMSanM";
  color: #727271;
  font-size: 0.875rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .fs-20 {
  font-size: 1.25rem;
  color: #3580f7;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-submitRow button {
  width: 100%;
  background: #3580f7;
  border-radius: 5px;
  color: #ffffff;
  font-family: "DMSanM";
  font-size: 1.125rem;
  height: 53px;
  border: none;
  outline: none;
  margin-top: 30px;
}

.display-none {
  display: none !important;
}

.feedback-link-mobile .drawer-close-button {
  border-radius: 100px;
  border: 1px solid #f05046;
  height: 40px;
  min-width: 100px;
  background-color: #ffffff;
  color: #f05046;
}.pdf-pan {
  background-color: #fffcea;
  border-radius: 8px;
  display: flex;
  padding: 12px 14px;
  gap: 8px;
  align-items: flex-start;
}
.pdf-pan .note-heading .edel-icon-attention-icon {
  font-size: 18px;
}
.pdf-pan .message {
  line-height: 18px;
}

.tax-report-succcess .smallcase-popup-success-body {
  height: 330px !important;
  grid-template-rows: 1fr 1fr 1fr 1fr !important;
  row-gap: 4% !important;
}
@media (max-width: 1023px) {
  .tax-report-succcess .mob-smallcase-popup-success-body {
    margin-bottom: 10px;
  }
}

.tax-report-loader .smallcase-popup-loader-body {
  height: 330px !important;
}
.tax-report-loader .smallcase-popup-loader-body .loader {
  height: 150px !important;
}
.tax-report-succcess .mob-smallcase-popup-success {
  height: 340px;
}

.not-client-login.smallcase-popup-success-body,
.not-client-login .smallcase-popup-success-body {
  height: 330px !important;
  grid-template-rows: 1fr 1fr 1fr 1fr !important;
  row-gap: 20px;
}
@media (max-width: 1023px) {
  .not-client-login.mob-smallcase-popup-success-body {
    margin-bottom: 10px;
    margin-top: 0px;
  }
}
.not-client-login.smallcase-popup-loader-body {
  height: 330px !important;
  grid-template-rows: 1fr 1fr 1fr !important;
}
.not-client-login.smallcase-popup-loader-body .loader {
  height: 150px !important;
}
.not-client-login.dp-bills-download .pdf-pan {
  margin-top: 10px;
}
.not-client-login.dp-bills-download .action-post-success, .not-client-login.dp-interest-download .action-post-success {
  margin-top: 10px;
}
@media (max-width: 1023px) {
  .not-client-login.dp-bills-download .mob-smallcase-popup-loader, .not-client-login.dp-interest-download .mob-smallcase-popup-loader {
    grid-template-rows: 1fr 1fr 1fr !important;
    height: 250px;
  }
}
.not-client-login.common-mob-smallcase-popup-download .mob-smallcase-popup-loader {
  grid-template-rows: 1fr 1fr 1fr !important;
  height: 250px;
}
.not-client-login.mob-smallcase-popup-loader {
  height: 250px;
}
.not-client-login.modalContainer {
  height: auto !important;
}

.tax-report-succcess .mob-smallcase-popup-success {
  height: 340px;
}:root {
  font-size: 16px;
}

.smallcase-popup-fail {
  max-width: 714px !important;
  height: 429px;
  border-radius: 4px;
  font-family: "DMSansNormal";
}
.smallcase-popup-fail-head {
  width: 100%;
  height: 65px;
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
  display: inline-flex;
  background: #f2f2f5;
  border-radius: 15px 15px 0px 0px;
  align-items: center;
  justify-content: flex-start;
  padding: 2%;
}
.smallcase-popup-fail-head p {
  margin: 0;
  padding: 0;
}
.smallcase-popup-fail-head .download {
  color: #0b243a;
  font-size: 1rem;
  padding-right: 10px;
  font-size: 1rem;
}
.smallcase-popup-fail-body {
  width: 100%;
  height: 364px;
  background: #ffffff;
  font-weight: 500;
  font-size: 1rem;
  line-height: 22px;
  padding: 50.43px 4% 4%;
  border-radius: 0px 0px 15px 15px;
}
.smallcase-popup-fail-body .downloadSuccess {
  width: 169.84px;
  height: 92.47px;
  justify-self: center;
}
.smallcase-popup-fail-body .threshold {
  display: flex;
  justify-content: center;
  padding: 5%;
}
.smallcase-popup-fail-body .update-message {
  display: flex;
  text-align: center;
  margin: 39px auto 60.53px;
  width: 50%;
  color: #727271;
  font-size: 1rem;
  font-family: "DMSansMedium";
}
@media screen and (min-width: 1024px) {
  .smallcase-popup-fail-body .update-message {
    height: 44px;
  }
}
.smallcase-popup-fail-body .update-message {
  align-self: flex-end;
  text-align: center;
  justify-self: center;
  color: #727271;
}
.smallcase-popup-fail-body .action-post-success {
  align-items: center;
  justify-content: center;
  display: flex;
}
.smallcase-popup-fail-body .action-post-success button {
  border: none;
  align-items: center;
  justify-content: center;
  display: flex;
  background: transparent;
  color: #03002f;
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}
.smallcase-popup-fail-body .action-post-success .twist {
  display: inline-block;
  padding-right: 5px;
}

.mob-smallcase-popup-fail {
  width: 100%;
  max-width: 425px;
  height: 307px;
  font-family: "DMSansNormal";
  font-style: normal;
  font-weight: 500;
  background-color: #ffffff;
  justify-content: center;
  padding: 0px 2% 2%;
}
.mob-smallcase-popup-fail-body {
  justify-self: center;
  margin-bottom: 40px;
  margin-top: 22px;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.mob-smallcase-popup-fail-body .downloadSuccess {
  width: 169.84px;
  height: 92.47px;
  justify-self: center;
}
.mob-smallcase-popup-fail-body .update-message {
  width: 320px;
}
@media screen and (min-width: 1024px) {
  .mob-smallcase-popup-fail-body .update-message {
    height: 44px;
    padding-top: 26px;
  }
}
.mob-smallcase-popup-fail-body .update-message {
  padding-top: 6%;
  color: #727271;
}
.mob-smallcase-popup-fail .action-post-success {
  display: flex;
  justify-content: center;
}
.mob-smallcase-popup-fail .action-post-success button {
  border: none;
  align-items: center;
  justify-content: center;
  display: flex;
  background: transparent;
  color: #03002f;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.mob-smallcase-popup-fail .action-post-success .twist {
  display: inline-block;
  padding-right: 5px;
}:root {
  font-size: 16px;
}

.smallcase-popup-loader {
  max-width: 714px !important;
  height: 374px;
  border-radius: 4px;
  font-family: "DMSansNormal";
  font-style: normal;
  font-weight: 400;
}
.smallcase-popup-loader-head {
  width: 100%;
  height: 65px;
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
  display: inline-flex;
  background: #f2f2f5;
  border-radius: 15px 15px 0px 0px;
  align-items: center;
  justify-content: flex-start;
  padding: 2%;
}
.smallcase-popup-loader-head p {
  margin: 0;
  padding: 0;
}
.smallcase-popup-loader-head .download {
  color: #0b243a;
  font-size: 1rem;
  padding-right: 10px;
  font-size: 1rem;
}
.smallcase-popup-loader-body {
  width: 100%;
  height: 309px;
  background: #ffffff;
  font-weight: 500;
  font-size: 1rem;
  line-height: 22px;
  display: grid;
  border-radius: 0px 0px 15px 15px;
  justify-content: center;
  padding: 5%;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
}
.smallcase-popup-loader-body .loader {
  justify-self: center;
  margin-top: 20px;
}
.smallcase-popup-loader-body .update-message {
  width: 100%;
  height: 44px;
  align-self: center;
  text-align: center;
  color: #727271;
  justify-self: center;
}

.mob-smallcase-popup-loader {
  width: 100%;
  max-width: 425px;
  height: 228px;
  font-family: "DMSansNormal";
  font-style: normal;
  font-weight: 500;
  background-color: #ffffff;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  justify-content: center;
  padding: 2%;
}
.mob-smallcase-popup-loader-body {
  justify-self: center;
  align-self: center;
  padding-top: 20px;
}
.mob-smallcase-popup-loader-body .loader {
  width: 50px;
  height: 50px;
}
.mob-smallcase-popup-loader .update-message {
  width: 259px;
  height: 44px;
  align-self: flex-end;
  text-align: center;
  color: #727271;
  justify-self: center;
  align-self: center;
}@media (min-width: 1023px) {
  .transaction-history-container .smallcase-popup-success-body {
    height: 350px;
    row-gap: 5%;
  }
}
.transaction-history-container .editTransaction .modalDPTitle .modal-content {
  width: 550px;
}
.transaction-history-container .editTransaction .modalDPTitle .modal-content .modal-header {
  height: 77px;
  padding-left: 30px;
}
.transaction-history-container .editTransaction .modalDPTitle .modal-content .modal-header .modal-title {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
}
.transaction-history-container .editTransaction .modal.show .modal-dialog {
  max-width: 550px;
}
.transaction-history-container .editTransaction .height_width_check input {
  height: 20px;
  width: 20px;
}
.transaction-history-container .editTransaction .button-width-229 .ed_button.button {
  width: 229px;
}
.transaction-history-container .editTransaction .modal-backdrop.show {
  background: rgba(69, 67, 67, 0.5);
  backdrop-filter: blur(1px);
}
.transaction-history-container .editTransaction .modalBackground {
  background: rgba(69, 67, 67, 0.5);
  backdrop-filter: blur(1px);
}
.transaction-history-container .editTransaction .edit-txns-scroller {
  max-height: 185px;
  overflow-y: scroll;
}
.transaction-history-container .editTransaction .edit-txns-scroller::-webkit-scrollbar {
  width: 2px !important;
  height: 2px !important;
}
.transaction-history-container .editTransaction .edit-txns-scroller::-webkit-scrollbar-track {
  background: transparent;
}
.transaction-history-container .editTransaction .edit-txns-scroller::-webkit-scrollbar-thumb {
  background: #03002f;
}
.transaction-history-container .edel-icon-Timer-refresh {
  color: #03002f;
  font-size: 20px;
}
.transaction-history-container .remove-button-report button:hover {
  color: #ffffff;
  background-color: #03002f;
}
.transaction-history-container .downloadHoldingDesk-form {
  padding-top: 15px;
}
.transaction-history-container .modalDPTitle .modal-content .modal-header .modal-title {
  font-family: "DMSansNormal";
}
.transaction-history-container .error-authorize-approximate {
  margin: 0.5rem auto;
}
@media (max-width: 1023px) {
  .transaction-history-container .error-authorize-approximate {
    padding: 15px;
    margin: 0px;
  }
}
@media (min-width: 1023px) {
  .transaction-history-container .error-authorize-approximate .p-1 {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
  .transaction-history-container .error-authorize-approximate.top-notification .p-1 {
    font-size: 0.875rem;
    font-family: "DMSansNormal";
  }
}
.transaction-history-container .error-authorize-approximate .invalidMsg div {
  padding: 0.5rem !important;
}
.transaction-history-container .error-authorize-approximate .change-bg-pastal {
  background-color: #fef4ec !important;
}
.transaction-history-container .error-authorize-approximate .change-bg-pastal .change-txtcolor {
  color: #f7943e !important;
}
.transaction-history-container .edit-auth {
  width: 60%;
  padding-bottom: 100px;
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}
.transaction-history-container .edit-auth .invalidMsg {
  border-radius: 10px;
}
@media (min-width: 1023px) {
  .transaction-history-container .edit-auth .invalidMsg .p-1 {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}
.transaction-history-container .view_all-transaction {
  color: #03002f;
  text-decoration: underline;
  margin: 20px 0px 0px 15px;
}
.transaction-history-container .constantsalign-right {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.transaction-history-container .constantsalign-right .vals {
  margin-left: 5px;
  padding: 1px 3px;
}
.transaction-history-container .sorting-transacion {
  background-color: #ffffff;
  padding: 15px 20px;
}
.transaction-history-container .sorting-transacion .sorting-margin {
  margin-bottom: 25px;
}
.transaction-history-container .sorting-transacion .highest-sort {
  color: #b8b8b8;
}
.transaction-history-container .buyback-class {
  color: #1c9ad6;
  background-color: rgba(28, 154, 214, 0.1);
  border: 0.1px solid #1c9ad6;
  border-radius: 2px;
}
.transaction-history-container .EQ-class {
  color: #f7943e;
  border: 0.1px solid #f7943e;
  border-radius: 2px;
}
.transaction-history-container .dateTransaction {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px 39px 15px 0px;
  background-color: #ffffff !important;
  padding-top: 15px;
}
.transaction-history-container .dateTransaction .date_Transaction {
  color: #b8b8b8;
}
.transaction-history-container .external-txns .modal-backdrop.show {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
}
.transaction-history-container .external-txns .modal-dialog .modal-content {
  width: 525px;
  border-radius: 3px;
}
.transaction-history-container .external-txns .modal-dialog .modal-content .modal-header {
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
}
.transaction-history-container .external-txns .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
}
.transaction-history-container .external-txns .modal-dialog .modal-content .modal-body .edit-history {
  margin: 20px 30px 30px 30px;
  width: 459px;
}
.transaction-history-container .page-title-toggle-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.transaction-history-container .page-title-toggle-btn .page-title {
  display: flex;
  flex-flow: column;
}
.transaction-history-container .transaction_dataTime {
  color: #717172;
  display: flex;
  gap: 5px;
  align-items: center;
}
.transaction-history-container .transaction_dataTime .dot_datetime {
  height: 4px;
  width: 4px;
  background-color: #b8b8b8;
  border-radius: 50%;
}
.transaction-history-container .show-all-transactions {
  height: 60px;
  width: 100%;
  background-color: #eef7ee;
  border-radius: 5px;
  align-items: center;
  padding: 12px 15px 0px 10px;
}
.transaction-history-container .show-all-transactions .learn_transaction {
  text-decoration: underline;
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .transaction-history-container .show-all-transactions .learn_transaction {
    margin-left: 4px;
  }
}
.transaction-history-container .show-all-transactions .approximated-transaction {
  text-decoration: underline;
}
.transaction-history-container .show-all-transactions .vector-i-con i {
  margin-right: 9px;
}
.transaction-history-container .close-transactions {
  color: #51b255;
  margin-left: 31px;
}
.transaction-history-container .editableCount-instruments {
  padding: 20px;
}
.transaction-history-container .approximate-transaction .edel-icon-arrow-left1 {
  font-size: 0.75rem;
}
.transaction-history-container .approximate-transaction .modal-content .accept-approxiamte {
  color: #f04e45;
}
.transaction-history-container .approximate-transaction .modal-dialog-centered {
  justify-content: center;
}
.transaction-history-container .approximate-transaction .modalDPTitle .modal-dialog {
  max-width: unset;
}
.transaction-history-container .approximate-transaction .modalDPTitle .modal-content {
  width: 947px !important;
}
.transaction-history-container .approximation-bottom {
  box-shadow: 0px 0px 7px 1px #e7e7e7 !important;
}
.transaction-history-container .center-pagination {
  text-align: center;
}
.transaction-history-container .center-pagination .dynamic-pagination {
  justify-content: center;
}
.transaction-history-container .center-pagination .dynamic-pagination .page-link {
  color: #03002f;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.transaction-history-container .center-pagination .dynamic-pagination .page-item.active .page-link {
  border: 1px solid #03002f;
  background-color: #ffffff;
  color: #03002f;
}
.transaction-history-container .center-pagination .dynamic-pagination .page-item.arrow-button {
  height: 28px;
  width: 32px;
}
.transaction-history-container .center-pagination .dynamic-pagination .page-item.arrow-button .page-link {
  border-radius: 5px;
  background-color: white;
}
.transaction-history-container .center-pagination .dynamic-pagination .page-item.arrow-button .page-link i {
  left: 4px;
  position: relative;
}
.transaction-history-container .center-pagination .dynamic-pagination .page-item.arrow-button .page-link .edel-icon-arrow-left:before {
  position: relative;
  left: -5px;
  top: 1px;
}
.transaction-history-container .center-pagination .dynamic-pagination .page-item.arrow-button .page-link .edel-icon-arrow-right:before {
  position: relative;
  left: -5px;
  top: 1px;
}
.transaction-history-container .center-pagination .pagination-number {
  border: 1px solid #03002f;
  padding: auto;
  height: 28px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.transaction-history-container .filter-transaction .common-EdButtonIcon-icon {
  position: relative;
}
.transaction-history-container .filter-transaction .common-EdButtonIcon-icon .filter-selected {
  background: #dd504d;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
}
.transaction-history-container .filter-transaction .common-EdButtonIcon-icon .disabled {
  opacity: 0.5 !important;
}
.transaction-history-container .filter-transaction .common-EdButtonIcon-icon .ed_button {
  border-radius: 5px;
}
.transaction-history-container .transaction-10 {
  padding: 10px 30px !important;
  font-size: unset;
}
.transaction-history-container .edit-history {
  padding: 15px 25px 30px;
}
.transaction-history-container .edit-history .Edit_container .form-check-input:checked {
  background-color: #03002f;
  border-color: #03002f;
}
.transaction-history-container .input-group-edit {
  position: absolute;
  right: -11px;
}
.transaction-history-container .datepicker-edit-format2 .input-group {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.transaction-history-container .datepicker-edit-format2 .input-group.yearDropdown.common-datepicker.disabled {
  background: #e7e7e7;
  opacity: 1;
  color: #03002f;
  font-size: 0.875rem;
  font-family: "RobotoMedium";
}
.transaction-history-container .datepicker-edit-format2 .focus-border,
.transaction-history-container .datepicker-edit-format2 .focus-border:focus,
.transaction-history-container .datepicker-edit-format2 .focus-border:active {
  border: 1px solid #03002f !important;
  outline: #03002f !important;
  border-radius: 5px;
}
.transaction-history-container .datepicker-edit-format2 .react-datepicker__input-container input {
  height: 36px;
  width: 102px;
  border: none;
  border-radius: 5px;
  text-align: left;
  padding: 10px;
}
@media (max-width: 1023px) {
  .transaction-history-container .datepicker-edit-format2 .react-datepicker__input-container {
    width: 155px;
  }
}
.transaction-history-container .transaction-edit-history .modal-content.modal-content {
  width: unset;
}
.transaction-history-container .accept-and-save-section {
  background-color: #ffffff;
  width: 100%;
  bottom: 0;
  box-shadow: 0px -4px 17px 0px rgba(60, 60, 60, 0.11);
  position: fixed;
  background-color: #ffffff;
}
.transaction-history-container .accept-and-save-section .accept-section {
  display: flex;
  gap: 10px;
  padding: 20px 15px 30px;
}
.transaction-history-container .accept-and-save-section .save-button-approximation {
  padding: 15px;
  width: 100%;
  box-shadow: 0px 4px 17px 0px rgba(60, 60, 60, 0.11);
}
.transaction-history-container .calendar-transaction .calendar_container {
  margin: unset;
  margin-top: 16px !important;
  margin-left: -10px;
}
.transaction-history-container .edit-edmodal .modal-content {
  width: 550px;
}
.transaction-history-container .pad-15 {
  padding: 15px;
}
.transaction-history-container .txt-decor {
  text-decoration: underline;
  margin: 0px 0 20px 0;
}
.transaction-history-container .icon-calendar-edit i {
  font-size: 1.063rem !important;
}
.transaction-history-container .transaction-success-history {
  text-align: center;
  padding: 41px 15px 31px 15px;
}
.transaction-history-container .transaction-success-history .tick-success {
  font-size: 5.625rem;
}
.transaction-history-container .edel-icon-double-arrow-right:before,
.transaction-history-container .edel-icon-double-arrow-left:before {
  color: #03002f;
}
.transaction-history-container .transaction-history-table {
  border-collapse: collapse !important;
}
.transaction-history-container .transaction-history-table thead tr .brd-left {
  border-left: 1px solid #e7e7e7;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.transaction-history-container .transaction-history-table thead tr .brd-right {
  border-right: 1px solid #e7e7e7;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.transaction-history-container .transaction-history-table thead tr th {
  background-color: #ffffff;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 12px 15px;
}
.transaction-history-container .transaction-history-table thead tr th .title {
  grid-template-columns: auto;
  grid-template-rows: 1fr;
}
.transaction-history-container .transaction-history-table thead tr th .title .arrows {
  margin-left: 0.5rem;
}
.transaction-history-container .transaction-history-table thead tr th:nth-child(5) .title, .transaction-history-container .transaction-history-table thead tr th:nth-child(6) .title, .transaction-history-container .transaction-history-table thead tr th:nth-child(7) .title, .transaction-history-container .transaction-history-table thead tr th:nth-child(8) .title {
  justify-items: end;
}
.transaction-history-container .transaction-history-table thead tr th.justify-items-end-title .title {
  justify-items: end;
}
.transaction-history-container .transaction-history-table tbody tr {
  border: none !important;
}
.transaction-history-container .transaction-history-table tbody tr .readmore-ellip,
.transaction-history-container .transaction-history-table tbody tr .name-readmore {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
  line-height: normal !important;
}
.transaction-history-container .transaction-history-table tbody tr td {
  border: 0px;
  padding: 12px;
  min-height: 62px;
  font-size: 0.75rem !important;
  font-family: "RobotoMedium" !important;
}
.transaction-history-container .transaction-history-table tbody tr:nth-child(even) {
  background-color: #ffffff !important;
}
.transaction-history-container .transaction-history-table tbody tr.selected-txn-row td, .transaction-history-container .transaction-history-table tbody tr:hover td {
  background-color: #fdebd7;
}
.transaction-history-container .common-numeric-arrows.numeric-value .arrows {
  margin-right: -17px;
}
.transaction-history-container .transaction-history-table-view-all tbody tr td {
  cursor: default;
}
.transaction-history-container .txn-history-search {
  max-width: 272px;
  width: 100%;
  height: 44px;
}
.transaction-history-container .txn-history-search .txn-history-onsearch {
  border-top: 1px solid #03002f;
  border-bottom: 1px solid #03002f;
  border-radius: 0;
}
.transaction-history-container .txn-history-search .common-search-bar {
  height: 44px;
  background-color: #f2f2f5 !important;
}
.transaction-history-container .txn-history-search .common-search-bar input {
  height: 8px;
  background-color: #f2f2f5 !important;
}
.transaction-history-container .txn-history-search .common-search-bar.open-search {
  border: 1px solid #03002f;
  background-color: #ffffff !important;
}
.transaction-history-container .txn-history-search .common-search-bar.open-search input {
  background-color: #ffffff !important;
}
.transaction-history-container .approximate-txns table {
  border-spacing: 0px;
}
.transaction-history-container .approximate-txns table td,
.transaction-history-container .approximate-txns table th {
  border: none;
  padding: 13px 15px;
}
.transaction-history-container .approximate-txns table th {
  background-color: #f1f3f9;
  padding: 13px 15px;
  border-top: 5px;
}
.transaction-history-container .approximate-txns table th .title .d-flex.align-items-center {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  color: #03002f;
}
.transaction-history-container .approximate-txns table th {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  color: #03002f;
}
.transaction-history-container .approximate-txns table th .arrow-at-a-time i {
  font-weight: 700;
}
.transaction-history-container .approximate-txns table tbody tr:nth-child(even) {
  background-color: #f2f2f5 !important;
}
.transaction-history-container .approximate-txns table tbody tr:nth-child(even):hover {
  background-color: #f2f2f5 !important;
}
.transaction-history-container .approximate-txns table tbody tr:hover {
  border: none;
  background: none !important;
}
.transaction-history-container .approximate-txns table .common-checkbox-custom input[type=checkbox]:disabled {
  opacity: 0.25;
  border: 2px solid #666666;
  cursor: default;
}
.transaction-history-container .approximate-txns table .common-checkbox-custom input[type=checkbox]:disabled:before {
  display: none;
}
.transaction-history-container .approximate-txns table .common-checkbox-custom input[type=checkbox] {
  border-radius: 5px;
  border: 2px solid #444444;
}
.transaction-history-container .approximate-txns table .common-checkbox-custom .checked-tickbox::before {
  border: none;
}
.transaction-history-container .approximate-txns .invalidMsg div {
  padding: 0.5rem !important;
}
.transaction-history-container .common-download-newtheme .year_container {
  left: 15rem;
}
.transaction-history-container .table-classNameWidth .name {
  width: 170px;
}

.sticky-txn-filterbar {
  padding: 20px 0px;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media (max-width: 1023px) {
  .sticky-txn-filterbar {
    background: #f8f7fa;
    position: sticky;
    top: 49px;
    z-index: 2;
    padding: 20px 15px;
  }
}
.sticky-txn-filterbar .holdings-search {
  padding-top: 10px;
}

.all-txns-of-selected-scrip-drawer .pnl-scrip-details-head {
  width: 100%;
  padding-top: 10px;
}
.all-txns-of-selected-scrip-drawer .all-txns-of-selected-scrip-body {
  position: relative;
}
.all-txns-of-selected-scrip-drawer .all-txns-of-selected-scrip-body .history-data-detail {
  padding: 20px 15px;
  border-bottom: 1px solid #e7e7e7;
  position: sticky;
  line-height: normal;
  top: 0;
  background-color: #ffffff;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  color: #444444;
}
.all-txns-of-selected-scrip-drawer .all-txns-of-selected-scrip-body .all-txns-of-selected-scrip {
  display: flex;
  flex-flow: column;
}
.all-txns-of-selected-scrip-drawer .all-txns-of-selected-scrip-body .all-txns-of-selected-scrip .txn-card {
  padding: 15px;
  display: flex;
  flex-flow: column;
  background-color: #ffffff;
  gap: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.all-txns-of-selected-scrip-drawer .all-txns-of-selected-scrip-body .all-txns-of-selected-scrip .txn-card .date-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: normal;
}
.all-txns-of-selected-scrip-drawer .all-txns-of-selected-scrip-body .all-txns-of-selected-scrip .txn-card .txn-data-points {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 50px;
  row-gap: 10px;
}
.all-txns-of-selected-scrip-drawer .all-txns-of-selected-scrip-body .all-txns-of-selected-scrip .txn-card .txn-data-points .txn-data-point {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: normal;
}

.transaction-history-sidebar .txnh-sidebear-head {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}
.transaction-history-sidebar .sidebarTransactionbody {
  padding: 15px 15px;
}
.transaction-history-sidebar .sidebarTransactionbody-fields {
  background-color: rgba(242, 242, 245, 0.25);
  margin: 15px -15px;
}
.transaction-history-sidebar .sidebarTransactionbody .net-transaction {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px 15px 12px 15px;
  position: relative;
}
.transaction-history-sidebar .sidebarTransactionbody .net-transaction:before {
  content: "";
  position: absolute;
  left: 2.5%;
  bottom: 0;
  height: 1px;
  width: 95%;
  border-bottom: 1px solid #e7e7e7;
}
.transaction-history-sidebar .viewAll-head-table .common-table-border table tbody tr {
  border: unset !important;
}
.transaction-history-sidebar .stock-details {
  background-color: #ffffff;
}
.transaction-history-sidebar .head-transactionSidebar {
  margin-right: 5px;
}
.transaction-history-sidebar .downloadHoldingDesk .custom_btn {
  background-color: #03002f !important;
  color: #ffffff;
}
.transaction-history-sidebar .downloadHoldingDesk .custom_btn:hover {
  background-color: #03002f !important;
  color: #ffffff;
}

.txn-sidebardrawer-head {
  display: grid;
  grid-template-columns: 3fr 2fr;
  width: 100%;
}
.txn-sidebardrawer-head .back-to-transactions {
  font-size: 12px;
}
.txn-sidebardrawer-head .txn-security-displayname {
  white-space: nowrap;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.buyback-class {
  color: #1c9ad6;
  background-color: rgba(28, 154, 214, 0.1);
  border: 0.1px solid #1c9ad6;
  border-radius: 2px;
  padding: 0px 10px;
  margin: 0 2px;
  text-wrap: nowrap;
  pointer-events: none;
  white-space: nowrap;
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.EQ-class {
  color: #f7943e;
  border: 0.1px solid #f7943e;
  border-radius: 2px;
  padding: 0px 10px;
  margin: 0 2px;
}

.th-split-row-head {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 10px;
}
.th-split-row-body {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr 20px;
  grid-template-rows: 1fr;
  gap: 10px;
}
.th-split-row-body-esop {
  grid-template-columns: 1fr 1fr 1fr 1fr 20px;
  grid-template-rows: 1fr;
  gap: 10px;
}
.th-split-row-body-esop .input-changes-edit .form-control {
  width: 102px;
}
@media (max-width: 1023px) {
  .th-split-row-body-esop .input-changes-edit .form-control {
    width: 155px;
  }
  .th-split-row-body-esop .input-changes-edit .form-control.date-drawer-input-field {
    width: 155px;
  }
}
.th-split-row-body .datepicker-edit-format2 .input-group {
  position: static;
}
@media (max-width: 1023px) {
  .th-split-row-body {
    grid-template-columns: 1fr 1fr 1fr 20px;
    grid-template-rows: 1fr;
    gap: 10px;
  }
  .th-split-row-body-esop {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    padding-bottom: 10px;
  }
  .th-split-row-body-esop .input-changes-edit .form-control {
    width: 102px;
  }
}
@media (max-width: 1023px) and (max-width: 1023px) {
  .th-split-row-body-esop .input-changes-edit .form-control {
    width: 155px;
  }
  .th-split-row-body-esop .input-changes-edit .form-control.date-drawer-input-field {
    width: 155px;
  }
}
@media (max-width: 1023px) {
  .th-split-row-body .del-btn {
    position: absolute;
    right: 5%;
  }
  .th-split-row-body.brd-btm {
    border-bottom: 1px solid #373737;
  }
}

.input-changes-edit .form-control {
  width: 140px;
}
@media (max-width: 1023px) {
  .input-changes-edit .form-control {
    width: 110px;
  }
  .input-changes-edit .form-control.date-drawer-input-field {
    width: 110px;
  }
}
.input-changes-edit .input-edit {
  color: #03002f;
  font-size: 0.875rem;
  font-family: "RobotoMedium";
}
.input-changes-edit .disabled {
  background-color: #e7e7e7;
}

.txn-comeq .toggle-switch-label {
  height: 18px !important;
  border: 1px solid #03002f !important;
}
.txn-comeq .toggle-switch-label .big-switch {
  background-color: #03002f !important;
}

@media (max-width: 1023px) {
  .transaction-history-container .input-group-append {
    position: absolute;
    top: 5px;
    right: 10px;
  }
  .transaction-history-container .input-group-append .input-group-text.d-block {
    padding: unset;
    height: 35px;
    line-height: 20px;
    font-family: "EncodeSansMedium";
    background-color: unset;
    border: 0;
    color: #03002f;
  }
  .transaction-history-container .input-group-append .input-group-text.d-block .edel-icon-calendar-report {
    font-size: 15px;
    font-weight: 700;
  }
  .transaction-history-container .dateChange-editTxns .react-datepicker__day--selected {
    margin: 4px 10px;
    height: 32px;
    width: 32px;
    line-height: 2rem;
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    border-radius: 50%;
  }
  .transaction-history-container .dateChange-editTxns .react-datepicker__navigation--years-previous,
  .transaction-history-container .dateChange-editTxns .react-datepicker__navigation--years-upcoming {
    display: none !important;
  }
  .transaction-history-container .transaction-history-sidebar .sidebarTransactionbody {
    padding: 15px 15px !important;
  }
  .transaction-history-container .transaction-history-sidebar .view_all-transaction {
    margin: unset;
  }
  .transaction-history-container .transaction-history-sidebar .edel-icon-arrow-left1 {
    font-size: 1rem;
  }
  .transaction-history-container .details-row-history .justify-self-end {
    justify-self: end;
  }
  .transaction-history-container .details-row-history .row-top-leftie {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 25px 1fr 1fr 1fr;
    align-items: center;
  }
  .transaction-history-container .details-row-history .row-bottom-leftie-1 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 5px 0 0px 25px;
  }
  .transaction-history-container .details-row-history .row-bottom-leftie-2 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 2fr;
    padding: 5px 0 0px 25px;
  }
  .transaction-history-container .details-row-history .common-checkbox-custom {
    width: 20px;
    height: 20px;
  }
  .transaction-history-container .details-row-history .common-checkbox-custom:checked {
    accent-color: #03002f;
  }
  .transaction-history-container .details-row-history .edel-icon-Timer-refresh {
    color: #03002f;
    font-size: 20px;
  }
  .transaction-history-container .transaction-button .common-checkbox-custom {
    width: 20px;
    height: 20px;
  }
  .transaction-history-container .transaction-button .common-checkbox-custom:checked {
    accent-color: #03002f;
  }
  .transaction-history-container .common-datepicker .react-datepicker .react-datepicker__day--today {
    color: unset;
  }
}
.approx-txn-tooltip .tooltip-arrow::before {
  border-width: 0 !important;
}

.transactionhistory-dropdownsort .filterasset-drop-head {
  font-family: "DMSansBold";
  font-size: 1rem;
  color: #444444;
}
.transactionhistory-dropdownsort .filterasset-drop-head .arr-color {
  color: #03002f;
}
.transactionhistory-dropdownsort .filterasset-drop li {
  padding: 0;
}
.transactionhistory-dropdownsort .filterasset-drop-body ul {
  margin: 0px;
  padding: 20px;
}
.transactionhistory-dropdownsort .filterasset-drop-body li {
  padding-bottom: 20px;
}
.transactionhistory-dropdownsort .filterasset-drop-body li:last-child {
  padding-bottom: 0px;
}
.transactionhistory-dropdownsort .filterasset-drop-body li p {
  margin-top: 0px;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #444444;
}
.transactionhistory-dropdownsort .filterasset-drop-body .checkbox .checked {
  border-color: #e7e7e7;
}
.transactionhistory-dropdownsort .filterasset-drop-body .checkbox input[type=checkbox]:checked + .checked {
  background-color: #03002f !important;
}
.transactionhistory-dropdownsort .filterasset-drop-body .checkbox input[type=checkbox]:checked + .checked:before {
  margin-left: 0px;
}

.transaction-downloadpop .remove-button-report .btn {
  background-color: #03002f;
}

@media (max-width: 1023px) {
  .transaction-history-container .Edit_container {
    padding: 15px 15px 10px 15px;
  }
  .transaction-history-container .Edit_container .saveEdits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
  }
}
.txnaction-icon-container .action-icon {
  width: 44px;
  height: 44px;
  font-size: 0.875rem;
  background-color: #f2f2f5;
  border-radius: 5px;
}

.txn-loaderpop-mob .mob-smallcase-popup-loader-body {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.txn-loaderpop-mob .mob-smallcase-popup-loader-body .loader {
  height: 100px;
  width: 100px;
}

.filterHistory_main .orderbook-sorting {
  padding-bottom: 80px;
}

.buy-sell-btns-spacing {
  height: 70px !important;
  padding: 15px 25px;
  gap: 25px;
  box-shadow: 0px -4px 17px 0px rgba(60, 60, 60, 0.11);
  position: sticky;
  bottom: 0;
  z-index: 10;
  background-color: #ffffff;
}

.buy-sell-btns,
.apply-cancel-btns {
  width: 100%;
  display: flex;
}
.buy-sell-btns .ed_button.button,
.apply-cancel-btns .ed_button.button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  height: 100% !important;
  padding: unset !important;
  border-radius: 5px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 18px;
}

.container .readMore-txnHistory .name .readmore i {
  top: 18px;
}@font-face {
  font-family: "edel_icon";
  src: url("/new/assets/edel_icon.CaFalv_6.eot?6wqd7m");
  src: url("/new/assets/edel_icon.CaFalv_6.eot?6wqd7m#iefix") format("embedded-opentype"), url("/new/assets/edel_icon.BBOLGnDE.ttf?6wqd7m") format("truetype"), url("/new/assets/edel_icon.CLB-59TZ.woff?6wqd7m") format("woff"), url("/new/assets/edel_icon.U7VXwcr1.svg?6wqd7m#edel_icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=edel-icon-], [class*=" edel-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "edel_icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.edel-icon-nuvama-icon .path1:before {
  content: "\f2c5";
  color: rgb(240, 78, 69);
}

.edel-icon-nuvama-icon .path2:before {
  content: "\f2c6";
  margin-left: -1.697265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-insta-option .path1:before {
  content: "\f2c1";
  color: rgb(81, 187, 65);
}

.edel-icon-insta-option .path2:before {
  content: "\f2c2";
  margin-left: -0.66015625em;
  color: rgb(204, 90, 37);
}

.edel-icon-insta-option .path3:before {
  content: "\f2c3";
  margin-left: -0.66015625em;
  color: rgb(81, 187, 65);
}

.edel-icon-insta-option .path4:before {
  content: "\f2c4";
  margin-left: -0.66015625em;
  color: rgb(81, 187, 65);
}

.edel-icon-curved-arrow:before {
  content: "\f2c0";
}

.edel-icon-document-marker:before {
  content: "\f2be";
}

.edel-icon-newspaper-clip:before {
  content: "\f2bf";
}

.edel-icon-profile-user:before {
  content: "\f2ba";
}

.edel-icon-data-stack:before {
  content: "\f2bb";
}

.edel-icon-highlight-spark:before {
  content: "\f2bc";
}

.edel-icon-success-trend:before {
  content: "\f2bd";
}

.edel-icon-guest-user-line:before {
  content: "\f2b9";
  color: #1c377d;
}

.edel-icon-right-circle:before {
  content: "\ee05";
}

.edel-icon-consent-reject:before {
  content: "\f2b8";
}

.edel-icon-buildings:before {
  content: "\f2b4";
}

.edel-icon-user-icon-personal:before {
  content: "\f2b3";
}

.edel-icon-FQ .path1:before {
  content: "\f26f";
  color: rgb(202, 110, 174);
}

.edel-icon-FQ .path2:before {
  content: "\f2b0";
  margin-left: -1em;
  color: rgb(244, 230, 239);
}

.edel-icon-FQ .path3:before {
  content: "\f2b1";
  margin-left: -1em;
  color: rgb(244, 230, 239);
}

.edel-icon-FQ .path4:before {
  content: "\f2b2";
  margin-left: -1em;
  color: rgb(202, 110, 174);
}

.edel-icon-IPO-Offering:before {
  content: "\f273";
}

.edel-icon-unlink:before {
  content: "\f2af";
}

.edel-icon-attach-link:before {
  content: "\f2ae";
}

.edel-icon-privacy .path1:before {
  content: "\f285";
  color: rgb(202, 110, 174);
}

.edel-icon-privacy .path2:before {
  content: "\f2ad";
  margin-left: -1em;
  color: rgb(244, 230, 239);
}

.edel-icon-investment-funds .path1:before {
  content: "\f296";
  color: rgb(202, 110, 174);
}

.edel-icon-investment-funds .path2:before {
  content: "\f297";
  margin-left: -1em;
  color: rgb(202, 110, 174);
}

.edel-icon-investment-funds .path3:before {
  content: "\f298";
  margin-left: -1em;
  color: rgb(202, 110, 174);
}

.edel-icon-investment-funds .path4:before {
  content: "\f299";
  margin-left: -1em;
  color: rgb(202, 110, 174);
}

.edel-icon-investment-funds .path5:before {
  content: "\f29a";
  margin-left: -1em;
  color: rgb(202, 110, 174);
}

.edel-icon-investment-funds .path6:before {
  content: "\f29b";
  margin-left: -1em;
  color: rgb(229, 184, 216);
}

.edel-icon-investment-funds .path7:before {
  content: "\f29c";
  margin-left: -1em;
  color: rgb(229, 184, 216);
}

.edel-icon-mutualfunds1 .path1:before {
  content: "\f29d";
  color: rgb(202, 110, 174);
}

.edel-icon-mutualfunds1 .path2:before {
  content: "\f29e";
  margin-left: -0.98046875em;
  color: rgb(202, 110, 174);
}

.edel-icon-mutualfunds1 .path3:before {
  content: "\f29f";
  margin-left: -0.98046875em;
  color: rgb(202, 110, 174);
}

.edel-icon-mutualfunds1 .path4:before {
  content: "\f2a0";
  margin-left: -0.98046875em;
  color: rgb(202, 110, 174);
}

.edel-icon-mutualfunds1 .path5:before {
  content: "\f2a1";
  margin-left: -0.98046875em;
  color: rgb(229, 184, 216);
}

.edel-icon-disc-msg:before {
  content: "\f2a2";
}

.edel-icon-disc-call:before {
  content: "\f2a3";
}

.edel-icon-customers:before {
  content: "\f2a4";
}

.edel-icon-Non-categorized:before {
  content: "\f2a5";
}

.edel-icon-System:before {
  content: "\f2a6";
}

.edel-icon-bonds1:before {
  content: "\f2a7";
}

.edel-icon-insurancelegency:before {
  content: "\f2a8";
}

.edel-icon-Myth5:before {
  content: "\f2a9";
}

.edel-icon-Myth4:before {
  content: "\f2aa";
}

.edel-icon-equalizer:before {
  content: "\f2ab";
}

.edel-icon-mountain:before {
  content: "\f2ac";
}

.edel-icon-colored-warning .path1:before {
  content: "\f294";
  color: rgb(221, 80, 77);
}

.edel-icon-colored-warning .path2:before {
  content: "\f295";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-folder-icon .path1:before {
  content: "\f28e";
  color: none;
}

.edel-icon-folder-icon .path2:before {
  content: "\f28f";
  margin-left: -1em;
  color: none;
}

.edel-icon-folder-icon .path3:before {
  content: "\f290";
  margin-left: -1em;
  color: none;
}

.edel-icon-folder-icon .path4:before {
  content: "\f291";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-folder-icon .path5:before {
  content: "\f292";
  margin-left: -1em;
  color: rgb(225, 230, 240);
}

.edel-icon-folder-icon .path6:before {
  content: "\f293";
  margin-left: -1em;
  color: rgb(217, 217, 217);
}

.edel-icon-copied:before {
  content: "\f28c";
}

.edel-icon-password-1:before {
  content: "\f28d";
}

.edel-icon-myth-3:before {
  content: "\f280";
}

.edel-icon-myth-2:before {
  content: "\f281";
}

.edel-icon-myth-1:before {
  content: "\f282";
}

.edel-icon-heart:before {
  content: "\f283";
}

.edel-icon-resources:before {
  content: "\f284";
}

.edel-icon-insurance1:before {
  content: "\f286";
}

.edel-icon-wealth-mangement:before {
  content: "\f287";
}

.edel-icon-family:before {
  content: "\f288";
}

.edel-icon-deep-learning:before {
  content: "\f289";
}

.edel-icon-tax-optimize:before {
  content: "\f28a";
}

.edel-icon-duble-click:before {
  content: "\f28b";
}

.edel-icon-ActivateRM:before {
  content: "\f276";
}

.edel-icon-ActivateAccount:before {
  content: "\f277";
}

.edel-icon-RelationshipManger:before {
  content: "\f278";
}

.edel-icon-InvestmentOptions:before {
  content: "\f279";
}

.edel-icon-psiBank:before {
  content: "\f27a";
}

.edel-icon-NRO:before {
  content: "\f27b";
}

.edel-icon-Selfattested:before {
  content: "\f27c";
}

.edel-icon-OCICard:before {
  content: "\f27d";
}

.edel-icon-Passport:before {
  content: "\f27e";
}

.edel-icon-PANCard:before {
  content: "\f27f";
}

.edel-icon-portfilio:before {
  content: "\f26d";
}

.edel-icon-Deposite:before {
  content: "\f26e";
}

.edel-icon-Bonds1:before {
  content: "\f270";
}

.edel-icon-cityFund:before {
  content: "\f271";
}

.edel-icon-Equity:before {
  content: "\f272";
}

.edel-icon-InvestmentFund:before {
  content: "\f274";
}

.edel-icon-MF:before {
  content: "\f275";
}

.edel-icon-e-log:before {
  content: "\f26c";
}

.edel-icon-demo-color .path1:before {
  content: "\f263";
  color: rgb(3, 0, 47);
}

.edel-icon-demo-color .path2:before {
  content: "\f264";
  margin-left: -1.0869140625em;
  color: rgb(3, 0, 47);
}

.edel-icon-demo-color .path3:before {
  content: "\f265";
  margin-left: -1.0869140625em;
  color: rgb(240, 78, 69);
}

.edel-icon-demo-color .path4:before {
  content: "\f266";
  margin-left: -1.0869140625em;
  color: rgb(240, 78, 69);
}

.edel-icon-overview:before {
  content: "\f267";
  color: #b8b8b8;
}

.edel-icon-demo:before {
  content: "\f268";
  color: #b8b8b8;
}

.edel-icon-overview-color .path1:before {
  content: "\f269";
  color: rgb(240, 78, 69);
}

.edel-icon-overview-color .path2:before {
  content: "\f26a";
  margin-left: -0.6923828125em;
  color: rgb(240, 78, 69);
}

.edel-icon-overview-color .path3:before {
  content: "\f26b";
  margin-left: -0.6923828125em;
  color: rgb(3, 0, 47);
}

.edel-icon-holding-type:before {
  content: "\f261";
}

.edel-icon-folio-report:before {
  content: "\f262";
}

.edel-icon-quill_paper-rupee:before {
  content: "\f25d";
}

.edel-icon-dpc-rates:before {
  content: "\f25e";
}

.edel-icon-brokerage:before {
  content: "\f25f";
}

.edel-icon-order-exception:before {
  content: "\f260";
}

.edel-icon-trading-success:before {
  content: "\f25c";
  color: #07af72;
}

.edel-icon-about-issuer:before {
  content: "\f25b";
}

.edel-icon-policy-detail:before {
  content: "\f25a";
}

.edel-icon-reverse:before {
  content: "\f259";
}

.edel-icon-deal-sheet:before {
  content: "\f256";
}

.edel-icon-poc-detail:before {
  content: "\f257";
}

.edel-icon-other-details:before {
  content: "\f258";
}

.edel-icon-cancel-thin:before {
  content: "\f255";
}

.edel-icon-e-collect:before {
  content: "\f162";
}

.edel-icon-bank-new:before {
  content: "\f254";
}

.edel-icon-cheque:before {
  content: "\f253";
}

.edel-icon-star-filled-new:before {
  content: "\f252";
}

.edel-icon-page-arrow-up:before {
  content: "\f250";
}

.edel-icon-star-unfilled-thick:before {
  content: "\f251";
}

.edel-icon-wealth-briefcase:before {
  content: "\f24e";
  color: #292663;
}

.edel-icon-nuvama-partner:before {
  content: "\f24f";
  color: #292663;
}

.edel-icon-client-login:before {
  content: "\f24d";
  color: #292663;
}

.edel-icon-refund-rupee:before {
  content: "\f23d";
}

.edel-icon-peer-comparison:before {
  content: "\f249";
  color: #999;
}

.edel-icon-portfolio-briefcase:before {
  content: "\f23e";
  color: #999;
}

.edel-icon-risks-analysis .path1:before {
  content: "\f23f";
  color: rgb(153, 153, 153);
}

.edel-icon-risks-analysis .path2:before {
  content: "\f240";
  margin-left: -0.9599609375em;
  color: rgb(153, 153, 153);
}

.edel-icon-risks-analysis .path3:before {
  content: "\f241";
  margin-left: -0.9599609375em;
  color: rgb(153, 153, 153);
}

.edel-icon-risks-analysis .path4:before {
  content: "\f242";
  margin-left: -0.9599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-risks-analysis .path5:before {
  content: "\f243";
  margin-left: -0.9599609375em;
  color: rgb(153, 153, 153);
}

.edel-icon-risks-analysis .path6:before {
  content: "\f244";
  margin-left: -0.9599609375em;
  color: rgb(153, 153, 153);
}

.edel-icon-invest-mf .path1:before {
  content: "\f245";
  color: rgb(184, 184, 184);
}

.edel-icon-invest-mf .path2:before {
  content: "\f246";
  margin-left: -1em;
  color: rgb(250, 251, 255);
}

.edel-icon-invest-mf .path3:before {
  content: "\f247";
  margin-left: -1em;
  color: rgb(184, 184, 184);
}

.edel-icon-profit-returns:before {
  content: "\f248";
  color: #999;
}

.edel-icon-price-details:before {
  content: "\f23a";
}

.edel-icon-order-details:before {
  content: "\f23b";
}

.edel-icon-depository-details:before {
  content: "\f23c";
}

.edel-icon-top-arrow-right:before {
  content: "\f239";
  color: #979cae;
}

.edel-icon-Traders .path1:before {
  content: "\f234";
  color: rgb(0, 178, 116);
}

.edel-icon-Traders .path2:before {
  content: "\f235";
  margin-left: -1.7041015625em;
  color: rgb(0, 178, 116);
}

.edel-icon-Traders .path3:before {
  content: "\f236";
  margin-left: -1.7041015625em;
  color: rgb(0, 178, 116);
}

.edel-icon-Traders .path4:before {
  content: "\f237";
  margin-left: -1.7041015625em;
  color: rgb(34, 37, 41);
}

.edel-icon-Traders .path5:before {
  content: "\f238";
  margin-left: -1.7041015625em;
  color: rgb(34, 37, 41);
}

.edel-icon-noun-legacy .path1:before {
  content: "\f22d";
  color: rgb(0, 0, 0);
}

.edel-icon-noun-legacy .path2:before {
  content: "\f22e";
  margin-left: -1.2578125em;
  color: rgb(240, 78, 69);
}

.edel-icon-noun-global-growth .path1:before {
  content: "\f22f";
  color: rgb(0, 0, 0);
}

.edel-icon-noun-global-growth .path2:before {
  content: "\f230";
  margin-left: -1.3544921875em;
  color: rgb(0, 0, 0);
}

.edel-icon-noun-global-growth .path3:before {
  content: "\f231";
  margin-left: -1.3544921875em;
  color: rgb(0, 0, 0);
}

.edel-icon-noun-global-growth .path4:before {
  content: "\f233";
  margin-left: -1.3544921875em;
  color: rgb(240, 78, 69);
}

.edel-icon-level:before {
  content: "\f22b";
}

.edel-icon-other-detail:before {
  content: "\f22c";
}

.edel-icon-debt-quality:before {
  content: "\f22a";
}

.edel-icon-loader:before {
  content: "\f229";
}

.edel-icon-cloud:before {
  content: "\f227";
}

.edel-icon-refresh-stroke:before {
  content: "\f228";
}

.edel-icon-statistic-bar-graph:before {
  content: "\f225";
  color: #b8b8b8;
}

.edel-icon-table-2:before {
  content: "\f226";
}

.edel-icon-bonds:before {
  content: "\f210";
  color: #656565;
}

.edel-icon-derivatives:before {
  content: "\f211";
  color: #656565;
}

.edel-icon-commodity-ao:before {
  content: "\f212";
  color: #656565;
}

.edel-icon-etfs-ao .path1:before {
  content: "\f213";
  color: rgb(101, 101, 101);
}

.edel-icon-etfs-ao .path2:before {
  content: "\f214";
  margin-left: -1.4169921875em;
  color: rgb(101, 101, 101);
}

.edel-icon-etfs-ao .path3:before {
  content: "\f215";
  margin-left: -1.4169921875em;
  color: rgb(255, 255, 255);
}

.edel-icon-etfs-ao .path4:before {
  content: "\f216";
  margin-left: -1.4169921875em;
  color: rgb(101, 101, 101);
}

.edel-icon-etfs-ao .path5:before {
  content: "\f217";
  margin-left: -1.4169921875em;
  color: rgb(255, 255, 255);
}

.edel-icon-buy-back:before {
  content: "\f218";
  color: #656565;
}

.edel-icon-currency-ao:before {
  content: "\f219";
  color: #656565;
}

.edel-icon-mutual-fund:before {
  content: "\f21a";
  color: #656565;
}

.edel-icon-equity-ao:before {
  content: "\f21b";
  color: #656565;
}

.edel-icon-corporate-fd:before {
  content: "\f21c";
  color: #656565;
}

.edel-icon-ipo:before {
  content: "\f21d";
  color: #656565;
}

.edel-icon-primary-ncd:before {
  content: "\f21e";
  color: #656565;
}

.edel-icon-aifs:before {
  content: "\f21f";
  color: #656565;
}

.edel-icon-pms-ao:before {
  content: "\f223";
  color: #656565;
}

.edel-icon-life-insurance-ao:before {
  content: "\f224";
  color: #656565;
}

.edel-icon-contact-mail .path1:before {
  content: "\f20c";
  color: rgb(3, 0, 47);
}

.edel-icon-contact-mail .path2:before {
  content: "\f20d";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-contact-mail .path3:before {
  content: "\f20e";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-contact-mail .path4:before {
  content: "\f20f";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-bank-modern .path1:before {
  content: "\f208";
  color: rgb(231, 231, 231);
}

.edel-icon-bank-modern .path2:before {
  content: "\f209";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-bank-modern .path3:before {
  content: "\f20a";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-bank-modern .path4:before {
  content: "\f20b";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-fund-document:before {
  content: "\f207";
}

.edel-icon-jpeg .path1:before {
  content: "\f19e";
  color: rgb(255, 255, 255);
}

.edel-icon-jpeg .path2:before {
  content: "\f19f";
  margin-left: -1em;
  color: rgb(126, 99, 77);
  opacity: 0.32;
}

.edel-icon-jpeg .path3:before {
  content: "\f1a0";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.05;
}

.edel-icon-jpeg .path4:before {
  content: "\f1a1";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-jpeg .path5:before {
  content: "\f1a2";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-jpeg .path6:before {
  content: "\f1a3";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-jpeg .path7:before {
  content: "\f1a4";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-jpeg .path8:before {
  content: "\f1a5";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-jpeg .path9:before {
  content: "\f1a6";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.05;
}

.edel-icon-jpeg .path10:before {
  content: "\f1a7";
  margin-left: -1em;
  color: rgb(213, 205, 198);
}

.edel-icon-jpeg .path11:before {
  content: "\f1a8";
  margin-left: -1em;
  color: rgb(213, 205, 198);
}

.edel-icon-jpeg .path12:before {
  content: "\f1a9";
  margin-left: -1em;
  color: rgb(213, 205, 198);
}

.edel-icon-jpeg .path13:before {
  content: "\f1aa";
  margin-left: -1em;
  color: rgb(102, 102, 102);
}

.edel-icon-jpg .path1:before {
  content: "\f1ab";
  color: rgb(255, 255, 255);
}

.edel-icon-jpg .path2:before {
  content: "\f1ac";
  margin-left: -1em;
  color: rgb(126, 99, 77);
  opacity: 0.32;
}

.edel-icon-jpg .path3:before {
  content: "\f1ad";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.05;
}

.edel-icon-jpg .path4:before {
  content: "\f1ae";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-jpg .path5:before {
  content: "\f1af";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-jpg .path6:before {
  content: "\f1b0";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-jpg .path7:before {
  content: "\f1b1";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-jpg .path8:before {
  content: "\f1b2";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.05;
}

.edel-icon-jpg .path9:before {
  content: "\f1b3";
  margin-left: -1em;
  color: rgb(213, 205, 198);
}

.edel-icon-jpg .path10:before {
  content: "\f1b4";
  margin-left: -1em;
  color: rgb(213, 205, 198);
}

.edel-icon-jpg .path11:before {
  content: "\f1b5";
  margin-left: -1em;
  color: rgb(213, 205, 198);
}

.edel-icon-jpg .path12:before {
  content: "\f1b6";
  margin-left: -1em;
  color: rgb(102, 102, 102);
}

.edel-icon-pdf1 .path1:before {
  content: "\f1b7";
  color: rgb(255, 255, 255);
}

.edel-icon-pdf1 .path2:before {
  content: "\f1b8";
  margin-left: -1em;
  color: rgb(126, 99, 77);
  opacity: 0.32;
}

.edel-icon-pdf1 .path3:before {
  content: "\f1b9";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.05;
}

.edel-icon-pdf1 .path4:before {
  content: "\f1ba";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.05;
}

.edel-icon-pdf1 .path5:before {
  content: "\f1bb";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-pdf1 .path6:before {
  content: "\f1bc";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-pdf1 .path7:before {
  content: "\f1bd";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-pdf1 .path8:before {
  content: "\f1be";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-pdf1 .path9:before {
  content: "\f1bf";
  margin-left: -1em;
  color: rgb(213, 205, 198);
}

.edel-icon-pdf1 .path10:before {
  content: "\f1c0";
  margin-left: -1em;
  color: rgb(213, 205, 198);
}

.edel-icon-pdf1 .path11:before {
  content: "\f1c1";
  margin-left: -1em;
  color: rgb(213, 205, 198);
}

.edel-icon-pdf1 .path12:before {
  content: "\f1c2";
  margin-left: -1em;
  color: rgb(213, 205, 198);
}

.edel-icon-pdf1 .path13:before {
  content: "\f1c3";
  margin-left: -1em;
  color: rgb(213, 205, 198);
}

.edel-icon-pdf1 .path14:before {
  content: "\f1c4";
  margin-left: -1em;
  color: rgb(102, 102, 102);
}

.edel-icon-png .path1:before {
  content: "\f1c5";
  color: rgb(255, 255, 255);
}

.edel-icon-png .path2:before {
  content: "\f1c6";
  margin-left: -1em;
  color: rgb(126, 99, 77);
  opacity: 0.32;
}

.edel-icon-png .path3:before {
  content: "\f1c7";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.05;
}

.edel-icon-png .path4:before {
  content: "\f1c8";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-png .path5:before {
  content: "\f1c9";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-png .path6:before {
  content: "\f1ca";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-png .path7:before {
  content: "\f1cb";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-png .path8:before {
  content: "\f1cc";
  margin-left: -1em;
  color: rgb(213, 205, 198);
}

.edel-icon-png .path9:before {
  content: "\f1cd";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path10:before {
  content: "\f1ce";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path11:before {
  content: "\f1cf";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path12:before {
  content: "\f1d0";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path13:before {
  content: "\f1d1";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path14:before {
  content: "\f1d2";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path15:before {
  content: "\f1d3";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path16:before {
  content: "\f1d4";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path17:before {
  content: "\f1d5";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path18:before {
  content: "\f1d6";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path19:before {
  content: "\f1d7";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path20:before {
  content: "\f1d8";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path21:before {
  content: "\f1d9";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path22:before {
  content: "\f1da";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path23:before {
  content: "\f1db";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path24:before {
  content: "\f1dc";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path25:before {
  content: "\f1dd";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path26:before {
  content: "\f1de";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path27:before {
  content: "\f1df";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path28:before {
  content: "\f1e0";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path29:before {
  content: "\f1e1";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path30:before {
  content: "\f1e2";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path31:before {
  content: "\f1e3";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path32:before {
  content: "\f1e4";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path33:before {
  content: "\f1e5";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path34:before {
  content: "\f1e6";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path35:before {
  content: "\f1e7";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path36:before {
  content: "\f1e8";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path37:before {
  content: "\f1e9";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path38:before {
  content: "\f1ea";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path39:before {
  content: "\f1eb";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path40:before {
  content: "\f1ec";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path41:before {
  content: "\f1ed";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path42:before {
  content: "\f1ee";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path43:before {
  content: "\f1ef";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path44:before {
  content: "\f1f0";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path45:before {
  content: "\f1f1";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path46:before {
  content: "\f1f2";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path47:before {
  content: "\f1f3";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path48:before {
  content: "\f1f4";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path49:before {
  content: "\f1f5";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path50:before {
  content: "\f1f6";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path51:before {
  content: "\f1f7";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path52:before {
  content: "\f1f8";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path53:before {
  content: "\f1f9";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path54:before {
  content: "\f1fa";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path55:before {
  content: "\f1fb";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path56:before {
  content: "\f1fc";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path57:before {
  content: "\f1fd";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path58:before {
  content: "\f1fe";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path59:before {
  content: "\f1ff";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path60:before {
  content: "\f200";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path61:before {
  content: "\f201";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path62:before {
  content: "\f202";
  margin-left: -1em;
  color: rgb(203, 201, 199);
  opacity: 0.64;
}

.edel-icon-png .path63:before {
  content: "\f203";
  margin-left: -1em;
  color: rgb(232, 232, 232);
  opacity: 0.64;
}

.edel-icon-png .path64:before {
  content: "\f204";
  margin-left: -1em;
  color: rgb(102, 102, 102);
}

.edel-icon-png .path65:before {
  content: "\f205";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.05;
}

.edel-icon-png .path66:before {
  content: "\f206";
  margin-left: -1em;
  color: rgb(213, 205, 198);
}

.edel-icon-upload-file .path1:before {
  content: "\f220";
  color: rgb(99, 116, 212);
}

.edel-icon-upload-file .path2:before {
  content: "\f221";
  margin-left: -1em;
  color: rgb(249, 255, 255);
}

.edel-icon-aum-size:before {
  content: "\f222";
}

.edel-icon-success-box .path1:before {
  content: "\f16a";
  color: rgb(255, 255, 255);
}

.edel-icon-success-box .path2:before {
  content: "\f16b";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path3:before {
  content: "\f16c";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path4:before {
  content: "\f16e";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path5:before {
  content: "\f16f";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path6:before {
  content: "\f170";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path7:before {
  content: "\f171";
  margin-left: -1.2412109375em;
  color: rgb(239, 241, 246);
}

.edel-icon-success-box .path8:before {
  content: "\f172";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path9:before {
  content: "\f173";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path10:before {
  content: "\f174";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path11:before {
  content: "\f175";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path12:before {
  content: "\f176";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path13:before {
  content: "\f177";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path14:before {
  content: "\f178";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path15:before {
  content: "\f179";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path16:before {
  content: "\f17a";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path17:before {
  content: "\f17b";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path18:before {
  content: "\f17c";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path19:before {
  content: "\f17d";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path20:before {
  content: "\f17e";
  margin-left: -1.2412109375em;
  color: rgb(0, 178, 116);
}

.edel-icon-success-box .path21:before {
  content: "\f17f";
  margin-left: -1.2412109375em;
  color: rgb(86, 192, 141);
}

.edel-icon-success-box .path22:before {
  content: "\f180";
  margin-left: -1.2412109375em;
  color: rgb(255, 255, 255);
}

.edel-icon-success-box .path23:before {
  content: "\f181";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path24:before {
  content: "\f182";
  margin-left: -1.2412109375em;
  color: rgb(201, 200, 227);
}

.edel-icon-success-box .path25:before {
  content: "\f183";
  margin-left: -1.2412109375em;
  color: rgb(208, 215, 228);
}

.edel-icon-success-box .path26:before {
  content: "\f184";
  margin-left: -1.2412109375em;
  color: rgb(208, 215, 228);
}

.edel-icon-success-box .path27:before {
  content: "\f185";
  margin-left: -1.2412109375em;
  color: rgb(208, 215, 228);
}

.edel-icon-failed-box .path1:before {
  content: "\f186";
  color: rgb(255, 255, 255);
}

.edel-icon-failed-box .path2:before {
  content: "\f187";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path3:before {
  content: "\f188";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path4:before {
  content: "\f189";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path5:before {
  content: "\f18a";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path6:before {
  content: "\f18b";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path7:before {
  content: "\f18c";
  margin-left: -1.2294921875em;
  color: rgb(239, 241, 246);
}

.edel-icon-failed-box .path8:before {
  content: "\f18d";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path9:before {
  content: "\f18e";
  margin-left: -1.2294921875em;
  color: rgb(221, 80, 77);
}

.edel-icon-failed-box .path10:before {
  content: "\f18f";
  margin-left: -1.2294921875em;
  color: rgb(228, 116, 114);
}

.edel-icon-failed-box .path11:before {
  content: "\f190";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path12:before {
  content: "\f191";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path13:before {
  content: "\f192";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path14:before {
  content: "\f193";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path15:before {
  content: "\f194";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path16:before {
  content: "\f195";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path17:before {
  content: "\f196";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path18:before {
  content: "\f197";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path19:before {
  content: "\f198";
  margin-left: -1.2294921875em;
  color: rgb(201, 200, 227);
}

.edel-icon-failed-box .path20:before {
  content: "\f199";
  margin-left: -1.2294921875em;
  color: rgb(208, 215, 228);
}

.edel-icon-failed-box .path21:before {
  content: "\f19a";
  margin-left: -1.2294921875em;
  color: rgb(208, 215, 228);
}

.edel-icon-failed-box .path22:before {
  content: "\f19b";
  margin-left: -1.2294921875em;
  color: rgb(208, 215, 228);
}

.edel-icon-failed-box .path23:before {
  content: "\f19c";
  margin-left: -1.2294921875em;
  color: rgb(255, 255, 255);
}

.edel-icon-failed-box .path24:before {
  content: "\f19d";
  margin-left: -1.2294921875em;
  color: rgb(255, 255, 255);
}

.edel-icon-success-outline .path1:before {
  content: "\f166";
  color: rgb(231, 231, 231);
  opacity: 0.5;
}

.edel-icon-success-outline .path2:before {
  content: "\f168";
  margin-left: -1em;
  color: rgb(0, 178, 116);
}

.edel-icon-success-outline .path3:before {
  content: "\f169";
  margin-left: -1em;
  color: rgb(0, 178, 116);
}

.edel-icon-Vector:before {
  content: "\f161";
}

.edel-icon-upi-icon .path1:before {
  content: "\f163";
  color: rgb(68, 68, 68);
}

.edel-icon-upi-icon .path2:before {
  content: "\f164";
  margin-left: -0.92578125em;
  color: rgb(255, 255, 255);
}

.edel-icon-upi-icon .path3:before {
  content: "\f165";
  margin-left: -0.92578125em;
  color: rgb(68, 68, 68);
}

.edel-icon-feedback .path1:before {
  content: "\f15c";
  color: rgb(240, 78, 69);
}

.edel-icon-feedback .path2:before {
  content: "\f15d";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-feedback .path3:before {
  content: "\f15e";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-feedback .path4:before {
  content: "\f15f";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-feedback .path5:before {
  content: "\f160";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-thin-arrow-right:before {
  content: "\f150";
  color: #fff;
}

.edel-icon-money-bag:before {
  content: "\f148";
}

.edel-icon-coin-stack:before {
  content: "\f14e";
}

.edel-icon-page-copy:before {
  content: "\f14f";
  color: #b2b2c2;
}

.edel-icon-mail-curved:before {
  content: "\f14d";
}

.edel-icon-chat-colored .path1:before {
  content: "\f149";
  color: rgb(54, 51, 89);
}

.edel-icon-chat-colored .path2:before {
  content: "\f14a";
  margin-left: -1em;
  color: rgb(41, 38, 99);
}

.edel-icon-chat-colored .path3:before {
  content: "\f14b";
  margin-left: -1em;
  color: rgb(54, 51, 89);
}

.edel-icon-chat-colored .path4:before {
  content: "\f14c";
  margin-left: -1em;
  color: rgb(79, 76, 110);
}

.edel-icon-Arrow-thin:before {
  content: "\f147";
}

.edel-icon-attention:before {
  content: "\f146";
}

.edel-icon-calendar-rounded-1:before {
  content: "\f145";
}

.edel-icon-orderbook-2-refresh:before {
  content: "\f142";
}

.edel-icon-database-eye:before {
  content: "\f144";
}

.edel-icon-switch-fund-3:before {
  content: "\f143";
}

.edel-icon-folded-paper:before {
  content: "\f141";
}

.edel-icon-page-search:before {
  content: "\f13f";
}

.edel-icon-switch-fund2:before {
  content: "\f140";
}

.edel-icon-page-eye-without-border:before {
  content: "\f13b";
}

.edel-icon-page-eye-with-border:before {
  content: "\f13c";
}

.edel-icon-copy-2:before {
  content: "\f13d";
}

.edel-icon-rupee-download:before {
  content: "\f13e";
}

.edel-icon-calendar-search:before {
  content: "\f139";
}

.edel-icon-calendar-cross:before {
  content: "\f13a";
}

.edel-icon-calendar-down-arrow:before {
  content: "\f137";
}

.edel-icon-reload:before {
  content: "\f138";
}

.edel-icon-view-mail .path1:before {
  content: "\f133";
  color: rgb(221, 80, 77);
}

.edel-icon-view-mail .path2:before {
  content: "\f134";
  margin-left: -1.2001953125em;
  color: rgb(221, 80, 77);
}

.edel-icon-view-mail .path3:before {
  content: "\f135";
  margin-left: -1.2001953125em;
  color: rgb(3, 0, 47);
}

.edel-icon-view-mail .path4:before {
  content: "\f136";
  margin-left: -1.2001953125em;
  color: rgb(3, 0, 47);
}

.edel-icon-pdf-file .path1:before {
  content: "\f12a";
  color: rgb(255, 255, 255);
}

.edel-icon-pdf-file .path2:before {
  content: "\f12b";
  margin-left: -0.857421875em;
  color: rgb(126, 99, 77);
  opacity: 0.32;
}

.edel-icon-pdf-file .path3:before {
  content: "\f12c";
  margin-left: -0.857421875em;
  color: rgb(102, 102, 102);
}

.edel-icon-pdf-file .path4:before {
  content: "\f12d";
  margin-left: -0.857421875em;
  color: rgb(0, 0, 0);
  opacity: 0.05;
}

.edel-icon-pdf-file .path5:before {
  content: "\f12e";
  margin-left: -0.857421875em;
  color: rgb(0, 0, 0);
  opacity: 0.05;
}

.edel-icon-pdf-file .path6:before {
  content: "\f12f";
  margin-left: -0.857421875em;
  color: rgb(240, 78, 69);
}

.edel-icon-pdf-file .path7:before {
  content: "\f130";
  margin-left: -0.857421875em;
  color: rgb(255, 255, 255);
}

.edel-icon-pdf-file .path8:before {
  content: "\f131";
  margin-left: -0.857421875em;
  color: rgb(255, 255, 255);
}

.edel-icon-pdf-file .path9:before {
  content: "\f132";
  margin-left: -0.857421875em;
  color: rgb(255, 255, 255);
}

.edel-icon-attention-icon:before {
  content: "\f129";
  color: #f7943e;
}

.edel-icon-redeem-1:before {
  content: "\f128";
}

.edel-icon-asset-etf:before {
  content: "\f11e";
  color: #ca6fb1;
}

.edel-icon-asset-wallet:before {
  content: "\f11f";
  color: #ca6fb1;
}

.edel-icon-asset-aif:before {
  content: "\f121";
  color: #ca6fb1;
}

.edel-icon-asset-pms:before {
  content: "\f122";
  color: #ca6fb1;
}

.edel-icon-asset-gold:before {
  content: "\f123";
  color: #ca6fb1;
}

.edel-icon-asset-rbi:before {
  content: "\f124";
  color: #ca6fb1;
}

.edel-icon-asset-ecbonds:before {
  content: "\f125";
  color: #ca6fb1;
}

.edel-icon-asset-corpfd:before {
  content: "\f126";
  color: #ca6fb1;
}

.edel-icon-maintain1:before {
  content: "\f11d";
}

.edel-icon-no-group:before {
  content: "\f11c";
  color: #c9c9c9;
}

.edel-icon-No-data-message .path1:before {
  content: "\f109";
  color: rgb(225, 230, 240);
}

.edel-icon-No-data-message .path2:before {
  content: "\f10a";
  margin-left: -1.134765625em;
  color: rgb(122, 120, 175);
}

.edel-icon-No-data-message .path3:before {
  content: "\f10b";
  margin-left: -1.134765625em;
  color: rgb(252, 252, 255);
}

.edel-icon-No-data-message .path4:before {
  content: "\f10c";
  margin-left: -1.134765625em;
  color: rgb(217, 226, 241);
}

.edel-icon-No-data-message .path5:before {
  content: "\f10d";
  margin-left: -1.134765625em;
  color: rgb(217, 226, 241);
}

.edel-icon-No-data-message .path6:before {
  content: "\f10e";
  margin-left: -1.134765625em;
  color: rgb(199, 205, 218);
}

.edel-icon-No-data-message .path7:before {
  content: "\f10f";
  margin-left: -1.134765625em;
  color: rgb(213, 217, 225);
}

.edel-icon-No-data-message .path8:before {
  content: "\f110";
  margin-left: -1.134765625em;
  color: rgb(241, 243, 250);
}

.edel-icon-No-data-message .path9:before {
  content: "\f111";
  margin-left: -1.134765625em;
  color: rgb(241, 243, 250);
}

.edel-icon-No-data-message .path10:before {
  content: "\f112";
  margin-left: -1.134765625em;
  color: rgb(217, 226, 241);
}

.edel-icon-No-data-message .path11:before {
  content: "\f113";
  margin-left: -1.134765625em;
  color: rgb(217, 226, 241);
}

.edel-icon-No-data-message .path12:before {
  content: "\f114";
  margin-left: -1.134765625em;
  color: rgb(208, 219, 238);
}

.edel-icon-No-data-message .path13:before {
  content: "\f115";
  margin-left: -1.134765625em;
  color: rgb(255, 255, 255);
}

.edel-icon-No-data-message .path14:before {
  content: "\f116";
  margin-left: -1.134765625em;
  color: rgb(208, 219, 238);
}

.edel-icon-No-data-message .path15:before {
  content: "\f117";
  margin-left: -1.134765625em;
  color: rgb(208, 219, 238);
}

.edel-icon-No-data-message .path16:before {
  content: "\f118";
  margin-left: -1.134765625em;
  color: rgb(208, 219, 238);
}

.edel-icon-No-data-message .path17:before {
  content: "\f119";
  margin-left: -1.134765625em;
  color: rgb(225, 230, 240);
}

.edel-icon-No-data-message .path18:before {
  content: "\f11a";
  margin-left: -1.134765625em;
  color: rgb(225, 230, 240);
}

.edel-icon-No-data-message .path19:before {
  content: "\f11b";
  margin-left: -1.134765625em;
  color: rgb(225, 230, 240);
}

.edel-icon-back-button:before {
  content: "\f108";
}

.edel-icon-nuwai .path1:before {
  content: "\f0b8";
  color: rgb(47, 46, 62);
}

.edel-icon-nuwai .path2:before {
  content: "\f0b9";
  margin-left: -0.9921875em;
  color: rgb(240, 88, 82);
}

.edel-icon-nuwai .path3:before {
  content: "\f0ba";
  margin-left: -0.9921875em;
  color: rgb(47, 46, 62);
}

.edel-icon-nuwai .path4:before {
  content: "\f0bb";
  margin-left: -0.9921875em;
  color: rgb(169, 55, 63);
}

.edel-icon-nuwai .path5:before {
  content: "\f0bc";
  margin-left: -0.9921875em;
  color: rgb(254, 254, 254);
}

.edel-icon-nuwai .path6:before {
  content: "\f0bd";
  margin-left: -0.9921875em;
  color: rgb(244, 153, 163);
}

.edel-icon-nuwai .path7:before {
  content: "\f0be";
  margin-left: -0.9921875em;
  color: rgb(240, 88, 82);
}

.edel-icon-nuwai .path8:before {
  content: "\f0bf";
  margin-left: -0.9921875em;
  color: rgb(240, 88, 82);
}

.edel-icon-nuwai .path9:before {
  content: "\f0c0";
  margin-left: -0.9921875em;
  color: rgb(254, 254, 254);
}

.edel-icon-nuwai .path10:before {
  content: "\f0c1";
  margin-left: -0.9921875em;
  color: rgb(240, 87, 81);
}

.edel-icon-nuwai .path11:before {
  content: "\f0c2";
  margin-left: -0.9921875em;
  color: rgb(252, 252, 252);
}

.edel-icon-nuwai .path12:before {
  content: "\f0c3";
  margin-left: -0.9921875em;
  color: rgb(253, 252, 252);
}

.edel-icon-nuwai .path13:before {
  content: "\f0c4";
  margin-left: -0.9921875em;
  color: rgb(253, 252, 251);
}

.edel-icon-nuwai .path14:before {
  content: "\f0c5";
  margin-left: -0.9921875em;
  color: rgb(235, 97, 92);
}

.edel-icon-nuwai .path15:before {
  content: "\f0c6";
  margin-left: -0.9921875em;
  color: rgb(214, 92, 93);
}

.edel-icon-nuwai .path16:before {
  content: "\f0c7";
  margin-left: -0.9921875em;
  color: rgb(170, 63, 71);
}

.edel-icon-nuwai .path17:before {
  content: "\f0c8";
  margin-left: -0.9921875em;
  color: rgb(55, 55, 69);
}

.edel-icon-nuwai .path18:before {
  content: "\f0c9";
  margin-left: -0.9921875em;
  color: rgb(242, 95, 91);
}

.edel-icon-nuwai .path19:before {
  content: "\f0ca";
  margin-left: -0.9921875em;
  color: rgb(174, 64, 74);
}

.edel-icon-nuwai .path20:before {
  content: "\f0cb";
  margin-left: -0.9921875em;
  color: rgb(56, 55, 69);
}

.edel-icon-nuwai .path21:before {
  content: "\f0cc";
  margin-left: -0.9921875em;
  color: rgb(175, 69, 79);
}

.edel-icon-nuwai .path22:before {
  content: "\f0cd";
  margin-left: -0.9921875em;
  color: rgb(241, 97, 91);
}

.edel-icon-nuwai .path23:before {
  content: "\f0ce";
  margin-left: -0.9921875em;
  color: rgb(179, 59, 65);
}

.edel-icon-nuwai .path24:before {
  content: "\f0cf";
  margin-left: -0.9921875em;
  color: rgb(242, 95, 94);
}

.edel-icon-nuwai .path25:before {
  content: "\f0d0";
  margin-left: -0.9921875em;
  color: rgb(175, 69, 78);
}

.edel-icon-nuwai .path26:before {
  content: "\f0d1";
  margin-left: -0.9921875em;
  color: rgb(224, 82, 79);
}

.edel-icon-nuwai .path27:before {
  content: "\f0d2";
  margin-left: -0.9921875em;
  color: rgb(62, 45, 63);
}

.edel-icon-nuwai .path28:before {
  content: "\f0d3";
  margin-left: -0.9921875em;
  color: rgb(176, 76, 84);
}

.edel-icon-nuwai .path29:before {
  content: "\f0d4";
  margin-left: -0.9921875em;
  color: rgb(172, 64, 74);
}

.edel-icon-nuwai .path30:before {
  content: "\f0d6";
  margin-left: -0.9921875em;
  color: rgb(174, 70, 78);
}

.edel-icon-nuwai .path31:before {
  content: "\f0d9";
  margin-left: -0.9921875em;
  color: rgb(151, 54, 63);
}

.edel-icon-nuwai .path32:before {
  content: "\f0da";
  margin-left: -0.9921875em;
  color: rgb(240, 98, 93);
}

.edel-icon-nuwai .path33:before {
  content: "\f0db";
  margin-left: -0.9921875em;
  color: rgb(217, 79, 80);
}

.edel-icon-nuwai .path34:before {
  content: "\f0dc";
  margin-left: -0.9921875em;
  color: rgb(171, 64, 74);
}

.edel-icon-nuwai .path35:before {
  content: "\f0dd";
  margin-left: -0.9921875em;
  color: rgb(241, 101, 95);
}

.edel-icon-nuwai .path36:before {
  content: "\f0de";
  margin-left: -0.9921875em;
  color: rgb(242, 101, 97);
}

.edel-icon-nuwai .path37:before {
  content: "\f0df";
  margin-left: -0.9921875em;
  color: rgb(172, 64, 72);
}

.edel-icon-nuwai .path38:before {
  content: "\f0e0";
  margin-left: -0.9921875em;
  color: rgb(247, 170, 179);
}

.edel-icon-nuwai .path39:before {
  content: "\f0e2";
  margin-left: -0.9921875em;
  color: rgb(174, 66, 74);
}

.edel-icon-nuwai .path40:before {
  content: "\f0e3";
  margin-left: -0.9921875em;
  color: rgb(176, 72, 81);
}

.edel-icon-nuwai .path41:before {
  content: "\f0e4";
  margin-left: -0.9921875em;
  color: rgb(243, 94, 91);
}

.edel-icon-nuwai .path42:before {
  content: "\f0e5";
  margin-left: -0.9921875em;
  color: rgb(59, 58, 71);
}

.edel-icon-nuwai .path43:before {
  content: "\f0e6";
  margin-left: -0.9921875em;
  color: rgb(250, 240, 236);
}

.edel-icon-nuwai .path44:before {
  content: "\f0e7";
  margin-left: -0.9921875em;
  color: rgb(241, 97, 94);
}

.edel-icon-nuwai .path45:before {
  content: "\f0e8";
  margin-left: -0.9921875em;
  color: rgb(153, 54, 64);
}

.edel-icon-nuwai .path46:before {
  content: "\f0e9";
  margin-left: -0.9921875em;
  color: rgb(170, 63, 70);
}

.edel-icon-nuwai .path47:before {
  content: "\f0ea";
  margin-left: -0.9921875em;
  color: rgb(65, 64, 78);
}

.edel-icon-nuwai .path48:before {
  content: "\f0eb";
  margin-left: -0.9921875em;
  color: rgb(241, 99, 93);
}

.edel-icon-nuwai .path49:before {
  content: "\f0ec";
  margin-left: -0.9921875em;
  color: rgb(240, 97, 91);
}

.edel-icon-nuwai .path50:before {
  content: "\f0ed";
  margin-left: -0.9921875em;
  color: rgb(240, 96, 91);
}

.edel-icon-nuwai .path51:before {
  content: "\f0ee";
  margin-left: -0.9921875em;
  color: rgb(153, 53, 62);
}

.edel-icon-nuwai .path52:before {
  content: "\f0ef";
  margin-left: -0.9921875em;
  color: rgb(65, 64, 77);
}

.edel-icon-nuwai .path53:before {
  content: "\f0f0";
  margin-left: -0.9921875em;
  color: rgb(176, 69, 81);
}

.edel-icon-nuwai .path54:before {
  content: "\f0f1";
  margin-left: -0.9921875em;
  color: rgb(241, 104, 100);
}

.edel-icon-nuwai .path55:before {
  content: "\f0f2";
  margin-left: -0.9921875em;
  color: rgb(242, 98, 93);
}

.edel-icon-nuwai .path56:before {
  content: "\f0f3";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path57:before {
  content: "\f0f4";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path58:before {
  content: "\f0f5";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path59:before {
  content: "\f0f6";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path60:before {
  content: "\f0f7";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path61:before {
  content: "\f0f8";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path62:before {
  content: "\f0f9";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path63:before {
  content: "\f0fa";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path64:before {
  content: "\f0fb";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path65:before {
  content: "\f0fc";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path66:before {
  content: "\f0fd";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path67:before {
  content: "\f0fe";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path68:before {
  content: "\f0ff";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path69:before {
  content: "\f100";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path70:before {
  content: "\f101";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path71:before {
  content: "\f102";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path72:before {
  content: "\f103";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path73:before {
  content: "\f104";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path74:before {
  content: "\f105";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path75:before {
  content: "\f106";
  margin-left: -0.9921875em;
  color: rgb(250, 206, 208);
}

.edel-icon-nuwai .path76:before {
  content: "\f107";
  margin-left: -0.9921875em;
  color: rgb(240, 100, 93);
}

.edel-icon-add-square:before {
  content: "\f0b7";
}

.edel-icon-product-bag .path1:before {
  content: "\f0b4";
  color: rgb(243, 245, 255);
}

.edel-icon-product-bag .path2:before {
  content: "\f0b5";
  margin-left: -1.0419921875em;
  color: rgb(68, 68, 68);
}

.edel-icon-product-bag .path3:before {
  content: "\f0b6";
  margin-left: -1.0419921875em;
  color: rgb(68, 68, 68);
}

.edel-icon-medal-bookmark:before {
  content: "\f0b3";
}

.edel-icon-mandate-add .path1:before {
  content: "\f0b1";
  color: rgb(3, 0, 47);
}

.edel-icon-mandate-add .path2:before {
  content: "\f0b2";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-ellipsed-text:before {
  content: "\f0ac";
}

.edel-icon-pause:before {
  content: "\f0aa";
}

.edel-icon-resume:before {
  content: "\f0ab";
}

.edel-icon-duplicate-1:before {
  content: "\f0a9";
}

.edel-icon-arrow-up-thin:before {
  content: "\f0a8";
}

.edel-icon-download-page2:before {
  content: "\f0a7";
}

.edel-icon-save-money-hand2 .path1:before {
  content: "\f055";
  color: rgb(247, 247, 247);
}

.edel-icon-save-money-hand2 .path2:before {
  content: "\f056";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path3:before {
  content: "\f057";
  margin-left: -1.2177734375em;
  color: rgb(232, 237, 246);
}

.edel-icon-save-money-hand2 .path4:before {
  content: "\f058";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path5:before {
  content: "\f059";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path6:before {
  content: "\f05a";
  margin-left: -1.2177734375em;
  color: rgb(232, 237, 246);
}

.edel-icon-save-money-hand2 .path7:before {
  content: "\f05b";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path8:before {
  content: "\f05c";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path9:before {
  content: "\f05d";
  margin-left: -1.2177734375em;
  color: rgb(232, 237, 246);
}

.edel-icon-save-money-hand2 .path10:before {
  content: "\f05e";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path11:before {
  content: "\f05f";
  margin-left: -1.2177734375em;
  color: rgb(232, 237, 246);
}

.edel-icon-save-money-hand2 .path12:before {
  content: "\f060";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path13:before {
  content: "\f061";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path14:before {
  content: "\f062";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path15:before {
  content: "\f063";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path16:before {
  content: "\f064";
  margin-left: -1.2177734375em;
  color: rgb(232, 237, 246);
}

.edel-icon-save-money-hand2 .path17:before {
  content: "\f065";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path18:before {
  content: "\f066";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path19:before {
  content: "\f067";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path20:before {
  content: "\f068";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path21:before {
  content: "\f069";
  margin-left: -1.2177734375em;
  color: rgb(232, 237, 246);
}

.edel-icon-save-money-hand2 .path22:before {
  content: "\f06a";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path23:before {
  content: "\f06b";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path24:before {
  content: "\f06c";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path25:before {
  content: "\f06d";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path26:before {
  content: "\f06e";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path27:before {
  content: "\f06f";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path28:before {
  content: "\f070";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path29:before {
  content: "\f071";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path30:before {
  content: "\f072";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path31:before {
  content: "\f073";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path32:before {
  content: "\f074";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path33:before {
  content: "\f075";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path34:before {
  content: "\f076";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path35:before {
  content: "\f077";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path36:before {
  content: "\f078";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path37:before {
  content: "\f079";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path38:before {
  content: "\f07a";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path39:before {
  content: "\f07b";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path40:before {
  content: "\f07c";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path41:before {
  content: "\f07d";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path42:before {
  content: "\f07e";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path43:before {
  content: "\f07f";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path44:before {
  content: "\f080";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path45:before {
  content: "\f081";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path46:before {
  content: "\f082";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path47:before {
  content: "\f083";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path48:before {
  content: "\f084";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path49:before {
  content: "\f085";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path50:before {
  content: "\f086";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path51:before {
  content: "\f087";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path52:before {
  content: "\f088";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path53:before {
  content: "\f089";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path54:before {
  content: "\f08a";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path55:before {
  content: "\f08b";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path56:before {
  content: "\f08c";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path57:before {
  content: "\f08d";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path58:before {
  content: "\f08e";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path59:before {
  content: "\f08f";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path60:before {
  content: "\f090";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path61:before {
  content: "\f091";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path62:before {
  content: "\f092";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path63:before {
  content: "\f093";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path64:before {
  content: "\f094";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path65:before {
  content: "\f095";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path66:before {
  content: "\f096";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path67:before {
  content: "\f097";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path68:before {
  content: "\f098";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path69:before {
  content: "\f09b";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path70:before {
  content: "\f09c";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path71:before {
  content: "\f09d";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path72:before {
  content: "\f09e";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path73:before {
  content: "\f09f";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path74:before {
  content: "\f0a0";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path75:before {
  content: "\f0a1";
  margin-left: -1.2177734375em;
  color: rgb(255, 255, 255);
}

.edel-icon-save-money-hand2 .path76:before {
  content: "\f0a2";
  margin-left: -1.2177734375em;
  color: rgb(208, 219, 238);
}

.edel-icon-save-money-hand2 .path77:before {
  content: "\f0a3";
  margin-left: -1.2177734375em;
  color: rgb(239, 241, 246);
}

.edel-icon-save-money-hand2 .path78:before {
  content: "\f0a4";
  margin-left: -1.2177734375em;
  color: rgb(232, 237, 246);
}

.edel-icon-save-money-hand2 .path79:before {
  content: "\f0a5";
  margin-left: -1.2177734375em;
  color: rgb(232, 237, 246);
}

.edel-icon-save-money-hand2 .path80:before {
  content: "\f0a6";
  margin-left: -1.2177734375em;
  color: rgb(232, 237, 246);
}

.edel-icon-error-thin .path1:before {
  content: "\f04d";
  color: rgb(215, 40, 40);
}

.edel-icon-error-thin .path2:before {
  content: "\f04e";
  margin-left: -1em;
  color: rgb(230, 230, 230);
}

.edel-icon-hollow-circle .path1:before {
  content: "\f04f";
  color: rgb(31, 154, 83);
}

.edel-icon-hollow-circle .path2:before {
  content: "\f050";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-withdrawal:before {
  content: "\f051";
}

.edel-icon-transfer:before {
  content: "\f052";
}

.edel-icon-redeem:before {
  content: "\f053";
}

.edel-icon-switch-fund:before {
  content: "\f054";
}

.edel-icon-calendar-filled:before {
  content: "\f046";
}

.edel-icon-expert-connect:before {
  content: "\f047";
}

.edel-icon-portfolio:before {
  content: "\f04b";
}

.edel-icon-product-book:before {
  content: "\f04c";
}

.edel-icon-profile-avatar:before {
  content: "\f045";
}

.edel-icon-double-safe-guards:before {
  content: "\f049";
}

.edel-icon-double-cross-in-message:before {
  content: "\f04a";
}

.edel-icon-double-settings:before {
  content: "\f048";
}

.edel-icon-side-triangle:before {
  content: "\f044";
}

.edel-icon-success-rounded-tick:before {
  content: "\f043";
}

.edel-icon-call2:before {
  content: "\f042";
}

.edel-icon-glossy:before {
  content: "\f040";
}

.edel-icon-crown:before {
  content: "\f041";
}

.edel-icon-plus-thin:before {
  content: "\f03e";
}

.edel-icon-compare-border-smooth:before {
  content: "\f03f";
}

.edel-icon-filter-1 .path1:before {
  content: "\f03a";
  color: rgb(255, 255, 255);
}

.edel-icon-filter-1 .path2:before {
  content: "\f03c";
  margin-left: -0.9755859375em;
  color: rgb(99, 116, 212);
}

.edel-icon-filter-1 .path3:before {
  content: "\f03d";
  margin-left: -0.9755859375em;
  color: rgb(208, 213, 245);
}

.edel-icon-person-in-frame:before {
  content: "\f03b";
}

.edel-icon-rounded-plus-2 .path1:before {
  content: "\ea42";
  color: rgb(252, 219, 217);
}

.edel-icon-rounded-plus-2 .path2:before {
  content: "\eb0d";
  margin-left: -0.94140625em;
  color: rgb(240, 78, 69);
}

.edel-icon-rounded-plus-2 .path3:before {
  content: "\f039";
  margin-left: -0.94140625em;
  color: rgb(240, 78, 69);
}

.edel-icon-reporting-2:before {
  content: "\e9b6";
}

.edel-icon-service-request-3:before {
  content: "\eb0c";
}

.edel-icon-all-bookmarks:before {
  content: "\eb0b";
  color: #9ba7ef;
}

.edel-icon-orderbook-2:before {
  content: "\ea2f";
}

.edel-icon-lead-dashboard-2:before {
  content: "\ea37";
}

.edel-icon-other-apps:before {
  content: "\e9b5";
}

.edel-icon-nuvama-learning:before {
  content: "\ea38";
}

.edel-icon-share-2:before {
  content: "\e9cb";
  color: #b2b2c2;
}

.edel-icon-offerings:before {
  content: "\e9a5";
}

.edel-icon-export:before {
  content: "\ea41";
}

.edel-icon-remove-bookmark .path1:before {
  content: "\eb0e";
  color: rgb(99, 116, 212);
}

.edel-icon-remove-bookmark .path2:before {
  content: "\eb0f";
  margin-left: -1em;
  color: rgb(99, 116, 212);
}

.edel-icon-remove-bookmark .path3:before {
  content: "\eb10";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-revenue-db-2:before {
  content: "\ea36";
}

.edel-icon-notification-bell-2:before {
  content: "\e965";
}

.edel-icon-add-bookmark:before {
  content: "\e9a9";
}

.edel-icon-kabab-menu:before {
  content: "\f026";
}

.edel-icon-bordered-cross:before {
  content: "\f025";
}

.edel-icon-no-search-result:before {
  content: "\f024";
  color: #b7b7b7;
}

.edel-icon-live-refresh .path1:before {
  content: "\f020";
  color: rgb(3, 0, 47);
}

.edel-icon-live-refresh .path2:before {
  content: "\f021";
  margin-left: -1.2001953125em;
  color: rgb(3, 0, 47);
}

.edel-icon-live-refresh .path3:before {
  content: "\f022";
  margin-left: -1.2001953125em;
  color: rgb(240, 78, 69);
}

.edel-icon-live-refresh .path4:before {
  content: "\f023";
  margin-left: -1.2001953125em;
  color: rgb(240, 78, 69);
}

.edel-icon-Map:before {
  content: "\f01f";
  color: #aaa;
}

.edel-icon-txn-details:before {
  content: "\f018";
  color: #03002f;
}

.edel-icon-charts .path1:before {
  content: "\f019";
  color: rgb(3, 0, 47);
}

.edel-icon-charts .path2:before {
  content: "\f01a";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-charts .path3:before {
  content: "\f01b";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-charts .path4:before {
  content: "\f01c";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-charts .path5:before {
  content: "\f01d";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-calendar-prevClose:before {
  content: "\f01e";
  color: #727271;
}

.edel-icon-timer-half:before {
  content: "\f017";
  color: #727271;
}

.edel-icon-clear-tax-cross:before {
  content: "\f014";
  color: #ffb800;
}

.edel-icon-double-user:before {
  content: "\f015";
  color: #03002f;
}

.edel-icon-edit-info-warn:before {
  content: "\f016";
  color: #03002f;
}

.edel-icon-manager .path1:before {
  content: "\f010";
  color: rgb(0, 0, 0);
  opacity: 0.11;
}

.edel-icon-manager .path2:before {
  content: "\f011";
  margin-left: -1em;
  color: rgb(28, 26, 69);
}

.edel-icon-manager .path3:before {
  content: "\f012";
  margin-left: -1em;
  color: rgb(28, 26, 69);
}

.edel-icon-manager .path4:before {
  content: "\f013";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-alerts .path1:before {
  content: "\effc";
  color: rgb(240, 78, 69);
}

.edel-icon-alerts .path2:before {
  content: "\effe";
  margin-left: -1.0771484375em;
  color: rgb(255, 255, 255);
}

.edel-icon-alerts .path3:before {
  content: "\efff";
  margin-left: -1.0771484375em;
  color: rgb(255, 255, 255);
}

.edel-icon-alerts .path4:before {
  content: "\f000";
  margin-left: -1.0771484375em;
  color: rgb(255, 255, 255);
}

.edel-icon-alerts .path5:before {
  content: "\f001";
  margin-left: -1.0771484375em;
  color: rgb(255, 255, 255);
}

.edel-icon-alerts .path6:before {
  content: "\f002";
  margin-left: -1.0771484375em;
  color: rgb(255, 255, 255);
}

.edel-icon-alerts .path7:before {
  content: "\f003";
  margin-left: -1.0771484375em;
  color: rgb(255, 255, 255);
}

.edel-icon-alerts .path8:before {
  content: "\f004";
  margin-left: -1.0771484375em;
  color: rgb(255, 255, 255);
}

.edel-icon-alerts .path9:before {
  content: "\f005";
  margin-left: -1.0771484375em;
  color: rgb(255, 255, 255);
}

.edel-icon-alerts .path10:before {
  content: "\f006";
  margin-left: -1.0771484375em;
  color: rgb(255, 255, 255);
}

.edel-icon-alerts .path11:before {
  content: "\f007";
  margin-left: -1.0771484375em;
  color: rgb(255, 255, 255);
}

.edel-icon-alerts .path12:before {
  content: "\f008";
  margin-left: -1.0771484375em;
  color: rgb(255, 255, 255);
}

.edel-icon-alerts .path13:before {
  content: "\f009";
  margin-left: -1.0771484375em;
  color: rgb(255, 255, 255);
}

.edel-icon-sr-ticket .path1:before {
  content: "\f00a";
  color: rgb(0, 0, 0);
  opacity: 0.11;
}

.edel-icon-sr-ticket .path2:before {
  content: "\f00b";
  margin-left: -1em;
  color: rgb(4, 1, 48);
}

.edel-icon-sr-ticket .path3:before {
  content: "\f00c";
  margin-left: -1em;
  color: rgb(4, 1, 48);
}

.edel-icon-sr-ticket .path4:before {
  content: "\f00d";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-sr-ticket .path5:before {
  content: "\f00e";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-sr-ticket .path6:before {
  content: "\f00f";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-blank-page:before {
  content: "\efe6";
  color: #cdccd5;
}

.edel-icon-expand-fin:before {
  content: "\effb";
  color: #03002f;
}

.edel-icon-ticket-grievance-mob:before {
  content: "\effd";
  color: #eee;
}

.edel-icon-successful-icon .path1:before {
  content: "\efee";
  color: rgb(233, 232, 206);
}

.edel-icon-successful-icon .path2:before {
  content: "\efef";
  margin-left: -1em;
  color: rgb(242, 242, 225);
}

.edel-icon-successful-icon .path3:before {
  content: "\eff0";
  margin-left: -1em;
  color: rgb(255, 203, 43);
}

.edel-icon-successful-icon .path4:before {
  content: "\eff1";
  margin-left: -1em;
  color: rgb(255, 203, 43);
}

.edel-icon-successful-icon .path5:before {
  content: "\eff2";
  margin-left: -1em;
  color: rgb(255, 203, 43);
}

.edel-icon-not-verified:before {
  content: "\efed";
  color: #f04e45;
}

.edel-icon-featured-failure .path1:before {
  content: "\efe8";
  color: rgb(252, 209, 209);
}

.edel-icon-featured-failure .path2:before {
  content: "\efe9";
  margin-left: -1em;
  color: rgb(255, 228, 226);
}

.edel-icon-featured-failure .path3:before {
  content: "\efea";
  margin-left: -1em;
  color: rgb(201, 62, 62);
}

.edel-icon-featured-failure .path4:before {
  content: "\efeb";
  margin-left: -1em;
  color: rgb(201, 62, 62);
}

.edel-icon-featured-failure .path5:before {
  content: "\efec";
  margin-left: -1em;
  color: rgb(201, 62, 62);
}

.edel-icon-verified:before {
  content: "\efe7";
  color: #52ad32;
}

.edel-icon-watchlist-another .path1:before {
  content: "\eff3";
  color: rgb(3, 0, 47);
}

.edel-icon-watchlist-another .path2:before {
  content: "\eff4";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-setalert-another .path1:before {
  content: "\eff5";
  color: rgb(3, 0, 47);
}

.edel-icon-setalert-another .path2:before {
  content: "\eff6";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-setalert-another .path3:before {
  content: "\eff7";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-setalert-another .path4:before {
  content: "\eff8";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-ticket-grievance-color:before {
  content: "\eff9";
  color: #f04e45;
}

.edel-icon-ticket-grievance:before {
  content: "\effa";
  color: #b1b2c4;
}

.edel-icon-peer-compare .path1:before {
  content: "\efdd";
  color: rgb(0, 0, 0);
}

.edel-icon-peer-compare .path2:before {
  content: "\efde";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-peer-compare .path3:before {
  content: "\efdf";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-peer-compare .path4:before {
  content: "\efe0";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-peer-compare .path5:before {
  content: "\efe1";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-peer-compare .path6:before {
  content: "\efe2";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-peer-compare .path7:before {
  content: "\efe3";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-peer-compare .path8:before {
  content: "\efe4";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-peer-compare .path9:before {
  content: "\efe5";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-margintrading:before {
  content: "\efdb";
  color: #03002f;
}

.edel-icon-linkadharcard:before {
  content: "\efdc";
  color: #03002f;
}

.edel-icon-click-circle-green .path1:before {
  content: "\efd6";
  color: rgb(27, 149, 25);
}

.edel-icon-click-circle-green .path2:before {
  content: "\efd7";
  margin-left: -1em;
  color: rgb(27, 149, 25);
  opacity: 0.2;
}

.edel-icon-Pen:before {
  content: "\efd8";
}

.edel-icon-Menu:before {
  content: "\efd9";
}

.edel-icon-Chat:before {
  content: "\efda";
}

.edel-icon-add-user:before {
  content: "\efd5";
}

.edel-icon-trend-arrow:before {
  content: "\efd3";
  color: #03002f;
}

.edel-icon-lock-report:before {
  content: "\efd4";
}

.edel-icon-more-button:before {
  content: "\efd2";
}

.edel-icon-withoutcolor-cross .path1:before {
  content: "\efd0";
  color: rgb(204, 204, 214);
}

.edel-icon-withoutcolor-cross .path2:before {
  content: "\efd1";
  margin-left: -0.947265625em;
  color: rgb(255, 255, 255);
}

.edel-icon-hot-text:before {
  content: "\efcd";
  color: #de1515;
}

.edel-icon-warm-text:before {
  content: "\efce";
  color: #ed8d1d;
}

.edel-icon-cold-text:before {
  content: "\efcf";
  color: #1dbbed;
}

.edel-icon-urgent-1:before {
  content: "\efcc";
  color: #dd504d;
}

.edel-icon-warning .path1:before {
  content: "\efb1";
  color: rgb(240, 78, 69);
}

.edel-icon-warning .path2:before {
  content: "\efb2";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-warning .path3:before {
  content: "\efb3";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Very-High .path1:before {
  content: "\efb4";
  color: rgb(0, 60, 80);
}

.edel-icon-Very-High .path2:before {
  content: "\efb5";
  margin-left: -1em;
  color: rgb(245, 245, 245);
}

.edel-icon-Very-High .path3:before {
  content: "\efb6";
  margin-left: -1em;
  color: rgb(81, 178, 85);
}

.edel-icon-Very-High .path4:before {
  content: "\efb7";
  margin-left: -1em;
  color: rgb(77, 223, 83);
}

.edel-icon-Very-High .path5:before {
  content: "\efb8";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Very-High .path6:before {
  content: "\efb9";
  margin-left: -1em;
  color: rgb(223, 167, 23);
}

.edel-icon-Very-High .path7:before {
  content: "\efba";
  margin-left: -1em;
  color: rgb(255, 107, 0);
}

.edel-icon-Very-High .path8:before {
  content: "\efbb";
  margin-left: -1em;
  color: rgb(221, 80, 77);
}

.edel-icon-low .path1:before {
  content: "\efbc";
  color: rgb(0, 60, 80);
}

.edel-icon-low .path2:before {
  content: "\efbd";
  margin-left: -1em;
  color: rgb(245, 245, 245);
}

.edel-icon-low .path3:before {
  content: "\efbe";
  margin-left: -1em;
  color: rgb(81, 178, 85);
}

.edel-icon-low .path4:before {
  content: "\efbf";
  margin-left: -1em;
  color: rgb(77, 223, 83);
}

.edel-icon-low .path5:before {
  content: "\efc0";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-low .path6:before {
  content: "\efc1";
  margin-left: -1em;
  color: rgb(223, 167, 23);
}

.edel-icon-low .path7:before {
  content: "\efc2";
  margin-left: -1em;
  color: rgb(255, 107, 0);
}

.edel-icon-low .path8:before {
  content: "\efc3";
  margin-left: -1em;
  color: rgb(221, 80, 77);
}

.edel-icon-Moderately-high .path1:before {
  content: "\efc4";
  color: rgb(0, 60, 80);
}

.edel-icon-Moderately-high .path2:before {
  content: "\efc5";
  margin-left: -1em;
  color: rgb(245, 245, 245);
}

.edel-icon-Moderately-high .path3:before {
  content: "\efc6";
  margin-left: -1em;
  color: rgb(81, 178, 85);
}

.edel-icon-Moderately-high .path4:before {
  content: "\efc7";
  margin-left: -1em;
  color: rgb(77, 223, 83);
}

.edel-icon-Moderately-high .path5:before {
  content: "\efc8";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Moderately-high .path6:before {
  content: "\efc9";
  margin-left: -1em;
  color: rgb(223, 167, 23);
}

.edel-icon-Moderately-high .path7:before {
  content: "\efca";
  margin-left: -1em;
  color: rgb(255, 107, 0);
}

.edel-icon-Moderately-high .path8:before {
  content: "\efcb";
  margin-left: -1em;
  color: rgb(221, 80, 77);
}

.edel-icon-graph-bags .path1:before {
  content: "\efa5";
  color: none;
}

.edel-icon-graph-bags .path2:before {
  content: "\efa6";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-graph-bags .path3:before {
  content: "\efa7";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-graph-bags .path4:before {
  content: "\efa8";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-graph-bags .path5:before {
  content: "\efa9";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-graph-bags .path6:before {
  content: "\efaa";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-graph-bags .path7:before {
  content: "\efab";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-graph-bags .path8:before {
  content: "\efac";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-coins-bag .path1:before {
  content: "\efad";
  color: rgb(3, 0, 47);
}

.edel-icon-coins-bag .path2:before {
  content: "\efae";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-coins-bag .path3:before {
  content: "\efaf";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-coins-bag .path4:before {
  content: "\efb0";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-trend-color .path1:before {
  content: "\efa3";
  color: rgb(3, 0, 47);
}

.edel-icon-trend-color .path2:before {
  content: "\efa4";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-delayed-payment .path1:before {
  content: "\ef8a";
  color: rgb(240, 78, 69);
}

.edel-icon-delayed-payment .path2:before {
  content: "\ef8b";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-delayed-payment .path3:before {
  content: "\ef8c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-delayed-payment .path4:before {
  content: "\ef8d";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-delayed-payment .path5:before {
  content: "\ef8e";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-delayed-payment .path6:before {
  content: "\ef8f";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Dp-Bills .path1:before {
  content: "\ef90";
  color: rgb(3, 0, 47);
}

.edel-icon-Dp-Bills .path2:before {
  content: "\ef91";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Dp-Bills .path3:before {
  content: "\ef92";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Dp-Bills .path4:before {
  content: "\ef93";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Dp-Bills .path5:before {
  content: "\ef94";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Dp-Bills .path6:before {
  content: "\ef95";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-days-pending .path1:before {
  content: "\ef96";
  color: rgb(3, 0, 47);
}

.edel-icon-days-pending .path2:before {
  content: "\ef97";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-days-pending .path3:before {
  content: "\ef98";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-days-pending .path4:before {
  content: "\ef99";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-days-pending .path5:before {
  content: "\ef9a";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-payment-interest .path1:before {
  content: "\ef9b";
  color: rgb(3, 0, 47);
}

.edel-icon-payment-interest .path2:before {
  content: "\ef9c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-payment-interest .path3:before {
  content: "\ef9d";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-payment-interest .path4:before {
  content: "\ef9e";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-payment-interest .path5:before {
  content: "\ef9f";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-payment-interest .path6:before {
  content: "\efa0";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-payment-interest .path7:before {
  content: "\efa1";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-payment-interest .path8:before {
  content: "\efa2";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-invalid-pan:before {
  content: "\ef86";
  color: #03002f;
}

.edel-icon-table-chat:before {
  content: "\ef87";
  color: #03002f;
}

.edel-icon-smallCase .path1:before {
  content: "\ef88";
  color: rgb(3, 0, 47);
}

.edel-icon-smallCase .path2:before {
  content: "\ef89";
  margin-left: -0.94140625em;
  color: rgb(240, 78, 69);
}

.edel-icon-calendar-rounded:before {
  content: "\ef85";
}

.edel-icon-user-avatar .path1:before {
  content: "\ef82";
  color: rgb(3, 0, 47);
}

.edel-icon-user-avatar .path2:before {
  content: "\ef83";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-user-avatar .path3:before {
  content: "\ef84";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-empower .path1:before {
  content: "\ef35";
  color: rgb(3, 0, 47);
}

.edel-icon-empower .path2:before {
  content: "\ef36";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-empower .path3:before {
  content: "\ef37";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-empower .path4:before {
  content: "\ef3a";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-empower .path5:before {
  content: "\ef3b";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-empower .path6:before {
  content: "\ef3c";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-empower .path7:before {
  content: "\ef3d";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-empower .path8:before {
  content: "\ef3e";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-empower .path9:before {
  content: "\ef3f";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-empower .path10:before {
  content: "\ef40";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-empower .path11:before {
  content: "\ef4a";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-empower .path12:before {
  content: "\ef4b";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-empower .path13:before {
  content: "\ef4c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-loans .path1:before {
  content: "\ef4d";
  color: rgb(3, 0, 47);
}

.edel-icon-loans .path2:before {
  content: "\ef4e";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-loans .path3:before {
  content: "\ef6a";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-loans .path4:before {
  content: "\ef6d";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-advisory1 .path1:before {
  content: "\ef6e";
  color: rgb(3, 0, 47);
}

.edel-icon-advisory1 .path2:before {
  content: "\ef6f";
  margin-left: -0.951171875em;
  color: rgb(3, 0, 47);
}

.edel-icon-advisory1 .path3:before {
  content: "\ef70";
  margin-left: -0.951171875em;
  color: rgb(240, 78, 69);
}

.edel-icon-episodic .path1:before {
  content: "\ef71";
  color: rgb(3, 0, 47);
}

.edel-icon-episodic .path2:before {
  content: "\ef72";
  margin-left: -1.1484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-episodic .path3:before {
  content: "\ef73";
  margin-left: -1.1484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-episodic .path4:before {
  content: "\ef74";
  margin-left: -1.1484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-episodic .path5:before {
  content: "\ef75";
  margin-left: -1.1484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-episodic .path6:before {
  content: "\ef76";
  margin-left: -1.1484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-episodic .path7:before {
  content: "\ef77";
  margin-left: -1.1484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-Acquisition .path1:before {
  content: "\ef78";
  color: rgb(3, 0, 47);
}

.edel-icon-Acquisition .path2:before {
  content: "\ef79";
  margin-left: -0.966796875em;
  color: rgb(240, 78, 69);
}

.edel-icon-Acquisition .path3:before {
  content: "\ef7a";
  margin-left: -0.966796875em;
  color: rgb(3, 0, 47);
}

.edel-icon-Acquisition .path4:before {
  content: "\ef7b";
  margin-left: -0.966796875em;
  color: rgb(240, 78, 69);
}

.edel-icon-Acquisition .path5:before {
  content: "\ef7c";
  margin-left: -0.966796875em;
  color: rgb(240, 78, 69);
}

.edel-icon-Acquisition .path6:before {
  content: "\ef7d";
  margin-left: -0.966796875em;
  color: rgb(3, 0, 47);
}

.edel-icon-events1 .path1:before {
  content: "\ef7e";
  color: rgb(3, 0, 47);
}

.edel-icon-events1 .path2:before {
  content: "\ef7f";
  margin-left: -0.9375em;
  color: rgb(240, 78, 69);
}

.edel-icon-office-branding .path1:before {
  content: "\ef80";
  color: rgb(240, 78, 69);
}

.edel-icon-office-branding .path2:before {
  content: "\ef81";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-collaterals .path1:before {
  content: "\ef38";
  color: rgb(240, 78, 69);
}

.edel-icon-collaterals .path2:before {
  content: "\ef39";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-others .path1:before {
  content: "\ef41";
  color: rgb(3, 0, 47);
}

.edel-icon-others .path2:before {
  content: "\ef42";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-others .path3:before {
  content: "\ef43";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-structure .path1:before {
  content: "\ef44";
  color: rgb(3, 0, 47);
}

.edel-icon-structure .path2:before {
  content: "\ef45";
  margin-left: -0.73828125em;
  color: rgb(3, 0, 47);
}

.edel-icon-structure .path3:before {
  content: "\ef46";
  margin-left: -0.73828125em;
  color: rgb(240, 78, 69);
}

.edel-icon-structure .path4:before {
  content: "\ef47";
  margin-left: -0.73828125em;
  color: rgb(3, 0, 47);
}

.edel-icon-structure .path5:before {
  content: "\ef48";
  margin-left: -0.73828125em;
  color: rgb(3, 0, 47);
}

.edel-icon-structure .path6:before {
  content: "\ef49";
  margin-left: -0.73828125em;
  color: rgb(3, 0, 47);
}

.edel-icon-investment .path1:before {
  content: "\ef4f";
  color: rgb(3, 0, 47);
}

.edel-icon-investment .path2:before {
  content: "\ef50";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-investment .path3:before {
  content: "\ef51";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-investment .path4:before {
  content: "\ef52";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-broking .path1:before {
  content: "\ef53";
  color: rgb(3, 0, 47);
}

.edel-icon-broking .path2:before {
  content: "\ef54";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-broking .path3:before {
  content: "\ef55";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-broking .path4:before {
  content: "\ef56";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-broking .path5:before {
  content: "\ef57";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-broking .path6:before {
  content: "\ef58";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-broking .path7:before {
  content: "\ef59";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-broking .path8:before {
  content: "\ef5a";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-broking .path9:before {
  content: "\ef5b";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-broking .path10:before {
  content: "\ef5c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-broking .path11:before {
  content: "\ef5d";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-trading-platform .path1:before {
  content: "\ef5e";
  color: rgb(3, 0, 47);
}

.edel-icon-trading-platform .path2:before {
  content: "\ef5f";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-trading-platform .path3:before {
  content: "\ef60";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-trading-platform .path4:before {
  content: "\ef61";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-trading-platform .path5:before {
  content: "\ef62";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-trading-platform .path6:before {
  content: "\ef63";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-exclusive-customer .path1:before {
  content: "\ef64";
  color: rgb(3, 0, 47);
}

.edel-icon-exclusive-customer .path2:before {
  content: "\ef65";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-exclusive-customer .path3:before {
  content: "\ef66";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-exclusive-customer .path4:before {
  content: "\ef67";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-class-product .path1:before {
  content: "\ef68";
  color: rgb(3, 0, 47);
}

.edel-icon-class-product .path2:before {
  content: "\ef69";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-verify .path1:before {
  content: "\ef6b";
  color: rgb(240, 78, 69);
}

.edel-icon-verify .path2:before {
  content: "\ef6c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-atom .path1:before {
  content: "\ef2f";
  color: rgb(3, 0, 47);
}

.edel-icon-atom .path2:before {
  content: "\ef30";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-atom .path3:before {
  content: "\ef31";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-technical-drawing-color .path1:before {
  content: "\ef32";
  color: rgb(3, 0, 47);
}

.edel-icon-technical-drawing-color .path2:before {
  content: "\ef33";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-technical-drawing-color .path3:before {
  content: "\ef34";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-edit-txn-report:before {
  content: "\ef2e";
  color: #03002f;
}

.edel-icon-financial-details:before {
  content: "\ef2d";
}

.edel-icon-report-excla .path1:before {
  content: "\ef24";
  color: rgb(0, 0, 0);
}

.edel-icon-report-excla .path2:before {
  content: "\ef2b";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-report-excla .path3:before {
  content: "\ef2c";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-notification-box:before {
  content: "\ef23";
}

.edel-icon-email-mobile-report:before {
  content: "\ef25";
}

.edel-icon-whatup-report:before {
  content: "\ef26";
}

.edel-icon-reactivate:before {
  content: "\ef27";
}

.edel-icon-bank-account:before {
  content: "\ef28";
}

.edel-icon-pan-linking:before {
  content: "\ef29";
}

.edel-icon-kra:before {
  content: "\ef2a";
}

.edel-icon-compare-color .path1:before {
  content: "\ef1f";
  color: rgb(3, 0, 47);
}

.edel-icon-compare-color .path2:before {
  content: "\ef20";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-compare-color .path3:before {
  content: "\ef21";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-compare-color .path4:before {
  content: "\ef22";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Information:before {
  content: "\ef04";
}

.edel-icon-no-holdings .path1:before {
  content: "\eefc";
  color: rgb(240, 78, 69);
}

.edel-icon-no-holdings .path2:before {
  content: "\eefd";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-no-holdings .path3:before {
  content: "\eefe";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-no-holdings .path4:before {
  content: "\eeff";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-no-holdings .path5:before {
  content: "\ef00";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-no-holdings .path6:before {
  content: "\ef01";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-filter-cross-coloured .path1:before {
  content: "\ef02";
  color: rgb(0, 0, 0);
}

.edel-icon-filter-cross-coloured .path2:before {
  content: "\ef03";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-success-icon-fullgreen .path1:before {
  content: "\eef7";
  color: rgb(225, 242, 237);
}

.edel-icon-success-icon-fullgreen .path2:before {
  content: "\eef8";
  margin-left: -1em;
  color: rgb(206, 233, 224);
}

.edel-icon-success-icon-fullgreen .path3:before {
  content: "\eef9";
  margin-left: -1em;
  color: rgb(7, 175, 114);
}

.edel-icon-success-icon-fullgreen .path4:before {
  content: "\eefa";
  margin-left: -1em;
  color: rgb(7, 175, 114);
}

.edel-icon-success-icon-fullgreen .path5:before {
  content: "\eefb";
  margin-left: -1em;
  color: rgb(7, 175, 114);
}

.edel-icon-success-icon-revamp .path1:before {
  content: "\eeec";
  color: rgb(225, 242, 237);
}

.edel-icon-success-icon-revamp .path2:before {
  content: "\eeed";
  margin-left: -1em;
  color: rgb(206, 233, 224);
}

.edel-icon-success-icon-revamp .path3:before {
  content: "\eeee";
  margin-left: -1em;
  color: rgb(7, 175, 114);
}

.edel-icon-success-icon-revamp .path4:before {
  content: "\eeef";
  margin-left: -1em;
  color: rgb(7, 175, 114);
}

.edel-icon-success-icon-revamp .path5:before {
  content: "\eef0";
  margin-left: -1em;
  color: none;
}

.edel-icon-failure-icon-revamp .path1:before {
  content: "\eef1";
  color: rgb(233, 233, 235);
}

.edel-icon-failure-icon-revamp .path2:before {
  content: "\eef2";
  margin-left: -1em;
  color: rgb(221, 221, 225);
}

.edel-icon-failure-icon-revamp .path3:before {
  content: "\eef3";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-failure-icon-revamp .path4:before {
  content: "\eef4";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-failure-icon-revamp .path5:before {
  content: "\eef5";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-failure-icon-revamp .path6:before {
  content: "\eef6";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-cross-bold-small:before {
  content: "\eeeb";
}

.edel-icon-settings-sort:before {
  content: "\eeea";
}

.edel-icon-aaa-sheet:before {
  content: "\ee11";
}

.edel-icon-action-settings:before {
  content: "\ee12";
}

.edel-icon-AIF .path1:before {
  content: "\ee13";
  color: rgb(240, 78, 69);
}

.edel-icon-AIF .path2:before {
  content: "\ee14";
  margin-left: -1.1875em;
  color: rgb(0, 0, 0);
}

.edel-icon-AIF .path3:before {
  content: "\ee15";
  margin-left: -1.1875em;
  color: rgb(0, 0, 0);
}

.edel-icon-AIF .path4:before {
  content: "\ee16";
  margin-left: -1.1875em;
  color: rgb(0, 0, 0);
}

.edel-icon-AIF .path5:before {
  content: "\ee17";
  margin-left: -1.1875em;
  color: rgb(0, 0, 0);
}

.edel-icon-AIF .path6:before {
  content: "\ee18";
  margin-left: -1.1875em;
  color: rgb(0, 0, 0);
}

.edel-icon-AIF .path7:before {
  content: "\ee19";
  margin-left: -1.1875em;
  color: rgb(0, 0, 0);
}

.edel-icon-AIF .path8:before {
  content: "\ee1a";
  margin-left: -1.1875em;
  color: rgb(0, 0, 0);
}

.edel-icon-AIF .path9:before {
  content: "\ee1b";
  margin-left: -1.1875em;
  color: rgb(0, 0, 0);
}

.edel-icon-AIF .path10:before {
  content: "\ee1c";
  margin-left: -1.1875em;
  color: rgb(0, 0, 0);
}

.edel-icon-AIF .path11:before {
  content: "\ee1d";
  margin-left: -1.1875em;
  color: rgb(0, 0, 0);
}

.edel-icon-all-reports:before {
  content: "\ee1e";
  color: #03002f;
}

.edel-icon-alpha:before {
  content: "\ee1f";
}

.edel-icon-alt-funds .path1:before {
  content: "\ee20";
  color: rgb(249, 217, 215);
}

.edel-icon-alt-funds .path2:before {
  content: "\ee21";
  margin-left: -0.90625em;
  color: rgb(255, 255, 255);
}

.edel-icon-alt-funds .path3:before {
  content: "\ee22";
  margin-left: -0.90625em;
  color: rgb(28, 26, 69);
}

.edel-icon-alt-funds .path4:before {
  content: "\ee23";
  margin-left: -0.90625em;
  color: rgb(28, 26, 69);
}

.edel-icon-alt-funds .path5:before {
  content: "\ee24";
  margin-left: -0.90625em;
  color: none;
}

.edel-icon-announcement:before {
  content: "\ee25";
  color: #03002f;
}

.edel-icon-arrow-down-prod:before {
  content: "\ee26";
}

.edel-icon-asset-prod:before {
  content: "\ee27";
}

.edel-icon-balance-prod:before {
  content: "\ee28";
}

.edel-icon-brain:before {
  content: "\ee29";
}

.edel-icon-bullseye:before {
  content: "\ee2a";
}

.edel-icon-calendar-prod:before {
  content: "\ee2b";
}

.edel-icon-cash-flow-coloured:before {
  content: "\ee2c";
  color: #51b255;
}

.edel-icon-chat-coloured .path1:before {
  content: "\ee2d";
  color: rgb(3, 0, 47);
}

.edel-icon-chat-coloured .path2:before {
  content: "\ee2e";
  margin-left: -1.0625em;
  color: rgb(240, 78, 69);
}

.edel-icon-chat-coloured .path3:before {
  content: "\ee2f";
  margin-left: -1.0625em;
  color: rgb(240, 78, 69);
}

.edel-icon-chat-coloured .path4:before {
  content: "\ee30";
  margin-left: -1.0625em;
  color: rgb(240, 78, 69);
}

.edel-icon-check:before {
  content: "\ee31";
}

.edel-icon-commodity-nav .path1:before {
  content: "\ee32";
  color: rgb(3, 0, 47);
}

.edel-icon-commodity-nav .path2:before {
  content: "\ee33";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-commodity-nav .path3:before {
  content: "\ee34";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-commodity-nav .path4:before {
  content: "\ee35";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-commodity-nav .path5:before {
  content: "\ee36";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-commodity-nav .path6:before {
  content: "\ee37";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-commodity-nav .path7:before {
  content: "\ee38";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-contact .path1:before {
  content: "\ee39";
  color: rgb(242, 111, 103);
}

.edel-icon-contact .path2:before {
  content: "\ee3a";
  margin-left: -0.96875em;
  color: rgb(242, 111, 103);
}

.edel-icon-contact .path3:before {
  content: "\ee3b";
  margin-left: -0.96875em;
  color: rgb(0, 0, 0);
}

.edel-icon-credit-card-prod:before {
  content: "\ee3c";
}

.edel-icon-Cross:before {
  content: "\ee3d";
}

.edel-icon-danger .path1:before {
  content: "\ee3e";
  color: rgb(229, 0, 0);
}

.edel-icon-danger .path2:before {
  content: "\ee3f";
  margin-left: -1.15625em;
  color: rgb(255, 255, 255);
}

.edel-icon-danger .path3:before {
  content: "\ee40";
  margin-left: -1.15625em;
  color: rgb(255, 255, 255);
}

.edel-icon-debt-prod:before {
  content: "\ee41";
}

.edel-icon-diagram-prod:before {
  content: "\ee42";
}

.edel-icon-earning-prod:before {
  content: "\ee43";
}

.edel-icon-editicon-underline:before {
  content: "\ee44";
}

.edel-icon-email-color .path1:before {
  content: "\ee45";
  color: rgb(3, 0, 47);
}

.edel-icon-email-color .path2:before {
  content: "\ee46";
  margin-left: -0.875em;
  color: rgb(242, 242, 245);
}

.edel-icon-email-color .path3:before {
  content: "\ee47";
  margin-left: -0.875em;
  color: rgb(240, 78, 69);
}

.edel-icon-email-color .path4:before {
  content: "\ee48";
  margin-left: -0.875em;
  color: rgb(3, 0, 47);
}

.edel-icon-enlarge-arrow:before {
  content: "\ee49";
}

.edel-icon-failure-popup .path1:before {
  content: "\ee4a";
  color: rgb(240, 78, 69);
}

.edel-icon-failure-popup .path2:before {
  content: "\ee4b";
  margin-left: -1.84375em;
  color: rgb(240, 78, 69);
}

.edel-icon-failure-popup .path3:before {
  content: "\ee4c";
  margin-left: -1.84375em;
  color: rgb(3, 0, 47);
}

.edel-icon-failure-popup .path4:before {
  content: "\ee4d";
  margin-left: -1.84375em;
  color: rgb(3, 0, 47);
}

.edel-icon-failure-popup .path5:before {
  content: "\ee4e";
  margin-left: -1.84375em;
  color: rgb(3, 0, 47);
}

.edel-icon-failure-popup .path6:before {
  content: "\ee4f";
  margin-left: -1.84375em;
  color: rgb(3, 0, 47);
}

.edel-icon-failure-popup .path7:before {
  content: "\ee50";
  margin-left: -1.84375em;
  color: rgb(221, 80, 77);
}

.edel-icon-fixedincome .path1:before {
  content: "\ee51";
  color: rgb(240, 78, 69);
}

.edel-icon-fixedincome .path2:before {
  content: "\ee52";
  margin-left: -0.96875em;
  color: rgb(240, 78, 69);
}

.edel-icon-fixedincome .path3:before {
  content: "\ee53";
  margin-left: -0.96875em;
  color: rgb(240, 78, 69);
}

.edel-icon-fixedincome .path4:before {
  content: "\ee54";
  margin-left: -0.96875em;
  color: rgb(240, 78, 69);
}

.edel-icon-fixedincome .path5:before {
  content: "\ee55";
  margin-left: -0.96875em;
  color: rgb(28, 26, 69);
}

.edel-icon-fixedincome .path6:before {
  content: "\ee56";
  margin-left: -0.96875em;
  color: rgb(28, 26, 69);
}

.edel-icon-fixedincome .path7:before {
  content: "\ee57";
  margin-left: -0.96875em;
  color: rgb(28, 26, 69);
}

.edel-icon-fixed-income .path1:before {
  content: "\ee58";
  color: rgb(250, 218, 216);
}

.edel-icon-fixed-income .path2:before {
  content: "\ee59";
  margin-left: -1.1875em;
  color: rgb(255, 255, 255);
}

.edel-icon-fixed-income .path3:before {
  content: "\ee5a";
  margin-left: -1.1875em;
  color: rgb(28, 26, 69);
}

.edel-icon-fixed-income .path4:before {
  content: "\ee5b";
  margin-left: -1.1875em;
  color: rgb(255, 255, 255);
}

.edel-icon-fixed-income .path5:before {
  content: "\ee5c";
  margin-left: -1.1875em;
  color: rgb(28, 26, 69);
}

.edel-icon-flow-chart:before {
  content: "\ee5d";
}

.edel-icon-folder-prod:before {
  content: "\ee5e";
}

.edel-icon-graph-book:before {
  content: "\ee5f";
}

.edel-icon-graph-sheet:before {
  content: "\ee60";
}

.edel-icon-hand-graph-pro:before {
  content: "\ee61";
}

.edel-icon-hand-money .path1:before {
  content: "\ee62";
  color: rgb(250, 218, 216);
}

.edel-icon-hand-money .path2:before {
  content: "\ee63";
  margin-left: -0.875em;
  color: rgb(255, 255, 255);
}

.edel-icon-hand-money .path3:before {
  content: "\ee64";
  margin-left: -0.875em;
  color: rgb(0, 0, 0);
}

.edel-icon-hand-money .path4:before {
  content: "\ee65";
  margin-left: -0.875em;
  color: rgb(28, 26, 69);
}

.edel-icon-hand-money .path5:before {
  content: "\ee66";
  margin-left: -0.875em;
  color: rgb(28, 26, 69);
}

.edel-icon-home-aif .path1:before {
  content: "\ee67";
  color: rgb(0, 0, 0);
}

.edel-icon-home-aif .path2:before {
  content: "\ee68";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-aif .path3:before {
  content: "\ee69";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-aif .path4:before {
  content: "\ee6a";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-bonds .path1:before {
  content: "\ee6b";
  color: rgb(0, 0, 0);
}

.edel-icon-home-bonds .path2:before {
  content: "\ee6c";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-bonds .path3:before {
  content: "\ee6d";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-bonds .path4:before {
  content: "\ee6e";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-commodty .path1:before {
  content: "\ee6f";
  color: rgb(0, 0, 0);
}

.edel-icon-home-commodty .path2:before {
  content: "\ee70";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-commodty .path3:before {
  content: "\ee71";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-commodty .path4:before {
  content: "\ee72";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-currency .path1:before {
  content: "\ee73";
  color: rgb(0, 0, 0);
}

.edel-icon-home-currency .path2:before {
  content: "\ee74";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-currency .path3:before {
  content: "\ee75";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-currency .path4:before {
  content: "\ee76";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-equity .path1:before {
  content: "\ee77";
  color: rgb(0, 0, 0);
}

.edel-icon-home-equity .path2:before {
  content: "\ee78";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-equity .path3:before {
  content: "\ee79";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-equity .path4:before {
  content: "\ee7a";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-etf .path1:before {
  content: "\ee7b";
  color: rgb(0, 0, 0);
}

.edel-icon-home-etf .path2:before {
  content: "\ee7c";
  margin-left: -1.03125em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-etf .path3:before {
  content: "\ee7d";
  margin-left: -1.03125em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-etf .path4:before {
  content: "\ee7e";
  margin-left: -1.03125em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-etf .path5:before {
  content: "\ee7f";
  margin-left: -1.03125em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-fixed-income .path1:before {
  content: "\ee80";
  color: rgb(0, 0, 0);
}

.edel-icon-home-fixed-income .path2:before {
  content: "\ee81";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-fixed-income .path3:before {
  content: "\ee82";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-fixed-income .path4:before {
  content: "\ee83";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-insurance .path1:before {
  content: "\ee84";
  color: rgb(0, 0, 0);
}

.edel-icon-home-insurance .path2:before {
  content: "\ee85";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-insurance .path3:before {
  content: "\ee86";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-ipo .path1:before {
  content: "\ee87";
  color: rgb(0, 0, 0);
}

.edel-icon-home-ipo .path2:before {
  content: "\ee88";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-ipo .path3:before {
  content: "\ee89";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-ipo .path4:before {
  content: "\ee8a";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-ipo .path5:before {
  content: "\ee8b";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-managed-portfolio .path1:before {
  content: "\ee8c";
  color: rgb(0, 0, 0);
}

.edel-icon-home-managed-portfolio .path2:before {
  content: "\ee8d";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-managed-portfolio .path3:before {
  content: "\ee8e";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-mf .path1:before {
  content: "\ee8f";
  color: rgb(0, 0, 0);
}

.edel-icon-home-mf .path2:before {
  content: "\ee90";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-mf .path3:before {
  content: "\ee91";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-pms .path1:before {
  content: "\ee92";
  color: rgb(0, 0, 0);
}

.edel-icon-home-pms .path2:before {
  content: "\ee93";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-pms .path3:before {
  content: "\ee94";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-pms .path4:before {
  content: "\ee95";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-sgb .path1:before {
  content: "\ee96";
  color: rgb(0, 0, 0);
}

.edel-icon-home-sgb .path2:before {
  content: "\ee97";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-sgb .path3:before {
  content: "\ee98";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-sgb .path4:before {
  content: "\ee99";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-structured-product .path1:before {
  content: "\ee9a";
  color: rgb(0, 0, 0);
}

.edel-icon-home-structured-product .path2:before {
  content: "\ee9b";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-home-structured-product .path3:before {
  content: "\ee9c";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-income-hand:before {
  content: "\ee9d";
}

.edel-icon-investment-bulb:before {
  content: "\ee9e";
}

.edel-icon-investment-graph:before {
  content: "\ee9f";
}

.edel-icon-Ipo1 .path1:before {
  content: "\eea0";
  color: rgb(240, 78, 69);
}

.edel-icon-Ipo1 .path2:before {
  content: "\eea1";
  margin-left: -0.90625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Ipo1 .path3:before {
  content: "\eea2";
  margin-left: -0.90625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Ipo1 .path4:before {
  content: "\eea3";
  margin-left: -0.90625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Ipo1 .path5:before {
  content: "\eea4";
  margin-left: -0.90625em;
  color: rgb(3, 0, 47);
}

.edel-icon-Ipo1 .path6:before {
  content: "\eea5";
  margin-left: -0.90625em;
  color: rgb(3, 0, 47);
}

.edel-icon-Ipo1 .path7:before {
  content: "\eea6";
  margin-left: -0.90625em;
  color: rgb(3, 0, 47);
}

.edel-icon-Ipo1 .path8:before {
  content: "\eea7";
  margin-left: -0.90625em;
  color: rgb(3, 0, 47);
}

.edel-icon-leverage-prod:before {
  content: "\eea8";
}

.edel-icon-lifeinsurance .path1:before {
  content: "\eea9";
  color: rgb(0, 0, 0);
}

.edel-icon-lifeinsurance .path2:before {
  content: "\eeaa";
  margin-left: -0.8125em;
  color: rgb(240, 78, 69);
}

.edel-icon-managed-port .path1:before {
  content: "\eeab";
  color: rgb(249, 217, 215);
}

.edel-icon-managed-port .path2:before {
  content: "\eeac";
  margin-left: -0.875em;
  color: rgb(0, 0, 0);
}

.edel-icon-managed-port .path3:before {
  content: "\eead";
  margin-left: -0.875em;
  color: rgb(0, 0, 0);
}

.edel-icon-market-analysis:before {
  content: "\eeae";
}

.edel-icon-menu-home:before {
  content: "\eeaf";
}

.edel-icon-money-upflow:before {
  content: "\eeb0";
}

.edel-icon-msg-email:before {
  content: "\eeb1";
}

.edel-icon-no-data .path1:before {
  content: "\eeb2";
  color: rgb(240, 78, 69);
}

.edel-icon-no-data .path2:before {
  content: "\eeb3";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-no-data .path3:before {
  content: "\eeb4";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-no-data .path4:before {
  content: "\eeb5";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-no-data .path5:before {
  content: "\eeb6";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-no-data .path6:before {
  content: "\eeb7";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-partnership-hands:before {
  content: "\eeb8";
}

.edel-icon-pig-tax:before {
  content: "\eeb9";
}

.edel-icon-pledge-coloured .path1:before {
  content: "\eeba";
  color: rgb(3, 0, 47);
}

.edel-icon-pledge-coloured .path2:before {
  content: "\eebb";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-rating-stars:before {
  content: "\eebc";
}

.edel-icon-RBI .path1:before {
  content: "\eebd";
  color: rgb(3, 0, 47);
}

.edel-icon-RBI .path2:before {
  content: "\eebe";
  margin-left: -0.96875em;
  color: rgb(248, 60, 60);
}

.edel-icon-RBI .path3:before {
  content: "\eebf";
  margin-left: -0.96875em;
  color: rgb(248, 60, 60);
}

.edel-icon-reduce-graph:before {
  content: "\eec0";
}

.edel-icon-reminder-coloured .path1:before {
  content: "\eec1";
  color: rgb(255, 206, 86);
}

.edel-icon-reminder-coloured .path2:before {
  content: "\eec2";
  margin-left: -0.96875em;
  color: rgb(3, 0, 47);
}

.edel-icon-reminder-coloured .path3:before {
  content: "\eec3";
  margin-left: -0.96875em;
  color: rgb(3, 0, 47);
}

.edel-icon-reminder-coloured .path4:before {
  content: "\eec4";
  margin-left: -0.96875em;
  color: rgb(255, 206, 86);
}

.edel-icon-reminder-coloured .path5:before {
  content: "\eec5";
  margin-left: -0.96875em;
  color: rgb(3, 0, 47);
}

.edel-icon-reminder-coloured .path6:before {
  content: "\eec6";
  margin-left: -0.96875em;
  color: rgb(242, 242, 245);
}

.edel-icon-reminder-coloured .path7:before {
  content: "\eec7";
  margin-left: -0.96875em;
  color: rgb(3, 0, 47);
}

.edel-icon-reminder-coloured .path8:before {
  content: "\eec8";
  margin-left: -0.96875em;
  color: rgb(3, 0, 47);
}

.edel-icon-reminder-coloured .path9:before {
  content: "\eec9";
  margin-left: -0.96875em;
  color: rgb(255, 206, 86);
}

.edel-icon-reminder-coloured .path10:before {
  content: "\eeca";
  margin-left: -0.96875em;
  color: rgb(255, 206, 86);
}

.edel-icon-rupee-turn-prod:before {
  content: "\eecb";
}

.edel-icon-save-money:before {
  content: "\eecc";
}

.edel-icon-save-money-hand:before {
  content: "\eecd";
}

.edel-icon-sbi-logo:before {
  content: "\eece";
}

.edel-icon-scales:before {
  content: "\eecf";
}

.edel-icon-scenario:before {
  content: "\eed0";
}

.edel-icon-setalert-fill1 .path1:before {
  content: "\eed1";
  color: rgb(3, 0, 47);
}

.edel-icon-setalert-fill1 .path2:before {
  content: "\eed2";
  margin-left: -1.0625em;
  color: rgb(3, 0, 47);
}

.edel-icon-setalert-fill1 .path3:before {
  content: "\eed3";
  margin-left: -1.0625em;
  color: rgb(3, 0, 47);
}

.edel-icon-setalert-fill1 .path4:before {
  content: "\eed4";
  margin-left: -1.0625em;
  color: rgb(3, 0, 47);
}

.edel-icon-setalert-fill1 .path5:before {
  content: "\eed5";
  margin-left: -1.0625em;
  color: rgb(240, 78, 69);
}

.edel-icon-setalert-fill1 .path6:before {
  content: "\eed6";
  margin-left: -1.0625em;
  color: rgb(3, 0, 47);
}

.edel-icon-setalert-fill1 .path7:before {
  content: "\eed7";
  margin-left: -1.0625em;
  color: rgb(81, 178, 85);
}

.edel-icon-setalert-fill1 .path8:before {
  content: "\eed8";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}

.edel-icon-success-popup .path1:before {
  content: "\eed9";
  color: rgb(240, 78, 69);
}

.edel-icon-success-popup .path2:before {
  content: "\eeda";
  margin-left: -1.84375em;
  color: rgb(240, 78, 69);
}

.edel-icon-success-popup .path3:before {
  content: "\eedb";
  margin-left: -1.84375em;
  color: rgb(3, 0, 47);
}

.edel-icon-success-popup .path4:before {
  content: "\eedc";
  margin-left: -1.84375em;
  color: rgb(3, 0, 47);
}

.edel-icon-success-popup .path5:before {
  content: "\eedd";
  margin-left: -1.84375em;
  color: rgb(3, 0, 47);
}

.edel-icon-success-popup .path6:before {
  content: "\eede";
  margin-left: -1.84375em;
  color: rgb(3, 0, 47);
}

.edel-icon-success-popup .path7:before {
  content: "\eedf";
  margin-left: -1.84375em;
  color: rgb(240, 78, 69);
}

.edel-icon-tags-prod:before {
  content: "\eee0";
}

.edel-icon-tax-prod:before {
  content: "\eee1";
}

.edel-icon-timer-reports:before {
  content: "\eee2";
  color: #727271;
}

.edel-icon-trade-prod:before {
  content: "\eee3";
}

.edel-icon-trade-prod-2:before {
  content: "\eee4";
}

.edel-icon-umbrella .path1:before {
  content: "\eee5";
  color: rgb(249, 217, 215);
}

.edel-icon-umbrella .path2:before {
  content: "\eee6";
  margin-left: -1.0625em;
  color: rgb(28, 26, 69);
}

.edel-icon-umbrella .path3:before {
  content: "\eee7";
  margin-left: -1.0625em;
  color: rgb(28, 26, 69);
}

.edel-icon-Union:before {
  content: "\eee8";
}

.edel-icon-wallet-prod:before {
  content: "\eee9";
}

.edel-icon-copy-1:before {
  content: "\ee10";
}

.edel-icon-coloured-star:before {
  content: "\ee06";
  color: #ffc700;
}

.edel-icon-rating-star:before {
  content: "\ee07";
  color: #c0bfcb;
}

.edel-icon-rating-block .path1:before {
  content: "\ee08";
  color: rgb(240, 78, 69);
}

.edel-icon-rating-block .path2:before {
  content: "\ee09";
  margin-left: -1.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-rating-block .path3:before {
  content: "\ee0a";
  margin-left: -1.9580078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-rating-block .path4:before {
  content: "\ee0b";
  margin-left: -1.9580078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-rating-block .path5:before {
  content: "\ee0c";
  margin-left: -1.9580078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-rating-block .path6:before {
  content: "\ee0d";
  margin-left: -1.9580078125em;
  color: rgb(0, 0, 0);
}

.edel-icon-rating-block .path7:before {
  content: "\ee0e";
  margin-left: -1.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-rating-block .path8:before {
  content: "\ee0f";
  margin-left: -1.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-cold .path1:before {
  content: "\ede8";
  color: rgb(29, 187, 237);
}

.edel-icon-cold .path2:before {
  content: "\ede9";
  margin-left: -1.0498046875em;
  color: rgb(255, 255, 255);
}

.edel-icon-cold .path3:before {
  content: "\edea";
  margin-left: -1.0498046875em;
  color: rgb(29, 187, 237);
}

.edel-icon-cold-tag .path1:before {
  content: "\edeb";
  color: rgb(29, 187, 237);
}

.edel-icon-cold-tag .path2:before {
  content: "\edec";
  margin-left: -1.0498046875em;
  color: rgb(255, 255, 255);
}

.edel-icon-cold-tag .path3:before {
  content: "\eded";
  margin-left: -1.0498046875em;
  color: rgb(31, 188, 237);
}

.edel-icon-cold-tag .path4:before {
  content: "\edee";
  margin-left: -1.0498046875em;
  color: rgb(26, 26, 26);
}

.edel-icon-cold-tag .path5:before {
  content: "\edef";
  margin-left: -1.0498046875em;
  color: rgb(31, 188, 237);
}

.edel-icon-hot .path1:before {
  content: "\edf0";
  color: rgb(237, 29, 29);
}

.edel-icon-hot .path2:before {
  content: "\edf1";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-hot .path3:before {
  content: "\edf2";
  margin-left: -1em;
  color: rgb(237, 29, 29);
}

.edel-icon-hot-tag .path1:before {
  content: "\edf3";
  color: rgb(237, 29, 29);
}

.edel-icon-hot-tag .path2:before {
  content: "\edf4";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-hot-tag .path3:before {
  content: "\edf5";
  margin-left: -1em;
  color: rgb(237, 29, 29);
}

.edel-icon-hot-tag .path4:before {
  content: "\edf6";
  margin-left: -1em;
  color: rgb(237, 29, 29);
}

.edel-icon-hot-tag .path5:before {
  content: "\edf7";
  margin-left: -1em;
  color: rgb(26, 26, 26);
}

.edel-icon-hot-tag .path6:before {
  content: "\edf8";
  margin-left: -1em;
  color: rgb(237, 29, 29);
}

.edel-icon-urgent .path1:before {
  content: "\edf9";
  color: rgb(255, 199, 0);
}

.edel-icon-urgent .path2:before {
  content: "\edfa";
  margin-left: -1.0498046875em;
  color: rgb(255, 255, 255);
}

.edel-icon-urgent .path3:before {
  content: "\edfb";
  margin-left: -1.0498046875em;
  color: rgb(255, 199, 0);
}

.edel-icon-urgent .path4:before {
  content: "\edfc";
  margin-left: -1.0498046875em;
  color: rgb(255, 199, 0);
}

.edel-icon-warm .path1:before {
  content: "\edfd";
  color: rgb(252, 153, 3);
}

.edel-icon-warm .path2:before {
  content: "\edfe";
  margin-left: -1.0498046875em;
  color: rgb(255, 255, 255);
}

.edel-icon-warm .path3:before {
  content: "\edff";
  margin-left: -1.0498046875em;
  color: rgb(252, 153, 3);
}

.edel-icon-warm-tag .path1:before {
  content: "\ee00";
  color: rgb(252, 153, 3);
}

.edel-icon-warm-tag .path2:before {
  content: "\ee01";
  margin-left: -1.0498046875em;
  color: rgb(255, 255, 255);
}

.edel-icon-warm-tag .path3:before {
  content: "\ee02";
  margin-left: -1.0498046875em;
  color: rgb(252, 153, 3);
}

.edel-icon-warm-tag .path4:before {
  content: "\ee03";
  margin-left: -1.0498046875em;
  color: rgb(252, 153, 3);
}

.edel-icon-warm-tag .path5:before {
  content: "\ee04";
  margin-left: -1.0498046875em;
  color: rgb(26, 26, 26);
}

.edel-icon-notice .path1:before {
  content: "\ed77";
  color: rgb(0, 0, 0);
}

.edel-icon-notice .path2:before {
  content: "\ed78";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-notice .path3:before {
  content: "\ed79";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-notice .path4:before {
  content: "\ede7";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-expert-person:before {
  content: "\ed76";
}

.edel-icon-portrait .path1:before {
  content: "\ede4";
  color: rgb(3, 0, 47);
}

.edel-icon-portrait .path2:before {
  content: "\ede5";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-portrait .path3:before {
  content: "\ede6";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-expand-view:before {
  content: "\ede3";
}

.edel-icon-download-color-new .path1:before {
  content: "\ede1";
  color: rgb(3, 0, 47);
}

.edel-icon-download-color-new .path2:before {
  content: "\ede2";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Timer-refresh:before {
  content: "\ede0";
}

.edel-icon-successful:before {
  content: "\edcb";
  color: #07af72;
}

.edel-icon-not-approved .path1:before {
  content: "\edcc";
  color: rgb(221, 80, 77);
}

.edel-icon-not-approved .path2:before {
  content: "\edd4";
  margin-left: -0.6669921875em;
  color: rgb(221, 80, 77);
}

.edel-icon-not-approved .path3:before {
  content: "\eddb";
  margin-left: -0.6669921875em;
  color: rgb(255, 255, 255);
}

.edel-icon-not-approved .path4:before {
  content: "\eddc";
  margin-left: -0.6669921875em;
  color: rgb(255, 255, 255);
}

.edel-icon-approved .path1:before {
  content: "\eddd";
  color: rgb(81, 178, 85);
}

.edel-icon-approved .path2:before {
  content: "\edde";
  margin-left: -0.7060546875em;
  color: rgb(81, 178, 85);
}

.edel-icon-approved .path3:before {
  content: "\eddf";
  margin-left: -0.7060546875em;
  color: rgb(255, 255, 255);
}

.edel-icon-dislike1:before {
  content: "\edd9";
  color: #dd504d;
}

.edel-icon-like:before {
  content: "\edda";
  color: #51b255;
}

.edel-icon-system .path1:before {
  content: "\edcd";
  color: rgb(242, 242, 245);
}

.edel-icon-system .path2:before {
  content: "\edce";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-system .path3:before {
  content: "\edcf";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-system .path4:before {
  content: "\edd0";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-file-decline .path1:before {
  content: "\edd1";
  color: rgb(0, 0, 0);
}

.edel-icon-file-decline .path2:before {
  content: "\edd2";
  margin-left: -1.0146484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-file-decline .path3:before {
  content: "\edd3";
  margin-left: -1.0146484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-red-cross:before {
  content: "\edd5";
  color: #dc3d3d;
}

.edel-icon-upload .path1:before {
  content: "\edd6";
  color: rgb(3, 0, 47);
}

.edel-icon-upload .path2:before {
  content: "\edd7";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-upload .path3:before {
  content: "\edd8";
  margin-left: -1em;
  color: rgb(221, 80, 77);
}

.edel-icon-access-denied .path1:before {
  content: "\edc9";
  color: rgb(3, 0, 47);
}

.edel-icon-access-denied .path2:before {
  content: "\edca";
  margin-left: -1em;
  color: rgb(221, 80, 77);
}

.edel-icon-calender-2:before {
  content: "\edc6";
}

.edel-icon-document:before {
  content: "\edc7";
}

.edel-icon-target:before {
  content: "\edc8";
}

.edel-icon-warning-bold:before {
  content: "\edc5";
}

.edel-icon-info-2 .path1:before {
  content: "\edc2";
  color: rgb(242, 242, 245);
}

.edel-icon-info-2 .path2:before {
  content: "\edc3";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-info-2 .path3:before {
  content: "\edc4";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-pending .path1:before {
  content: "\edb7";
  color: rgb(255, 255, 255);
}

.edel-icon-pending .path2:before {
  content: "\edb8";
  margin-left: -1em;
  color: rgb(255, 156, 84);
}

.edel-icon-pending .path3:before {
  content: "\edb9";
  margin-left: -1em;
  color: rgb(255, 156, 84);
}

.edel-icon-pending .path4:before {
  content: "\edba";
  margin-left: -1em;
  color: rgb(255, 156, 84);
}

.edel-icon-pending .path5:before {
  content: "\edbb";
  margin-left: -1em;
  color: rgb(255, 156, 84);
}

.edel-icon-pending .path6:before {
  content: "\edbc";
  margin-left: -1em;
  color: rgb(255, 156, 84);
}

.edel-icon-failed .path1:before {
  content: "\edbd";
  color: rgb(221, 80, 77);
}

.edel-icon-failed .path2:before {
  content: "\edbe";
  margin-left: -1em;
  color: none;
}

.edel-icon-failed .path3:before {
  content: "\edbf";
  margin-left: -1em;
  color: rgb(221, 80, 77);
}

.edel-icon-failed .path4:before {
  content: "\edc0";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-success:before {
  content: "\edc1";
  color: #51b255;
}

.edel-icon-hourglass2 .path1:before {
  content: "\edb0";
  color: rgb(3, 0, 47);
}

.edel-icon-hourglass2 .path2:before {
  content: "\edb1";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-hourglass2 .path3:before {
  content: "\edb2";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-hourglass2 .path4:before {
  content: "\edb3";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-hourglass2 .path5:before {
  content: "\edb4";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-hourglass2 .path6:before {
  content: "\edb5";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-hourglass2 .path7:before {
  content: "\edb6";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-days-calender .path1:before {
  content: "\edac";
  color: rgb(3, 0, 47);
}

.edel-icon-days-calender .path2:before {
  content: "\edad";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-mail-sent .path1:before {
  content: "\edae";
  color: rgb(3, 0, 47);
}

.edel-icon-mail-sent .path2:before {
  content: "\edaf";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-circle-profile .path1:before {
  content: "\ece1";
  color: rgb(3, 0, 47);
}

.edel-icon-circle-profile .path2:before {
  content: "\edab";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-set-alert-outline .path1:before {
  content: "\eda0";
  color: rgb(240, 78, 69);
}

.edel-icon-set-alert-outline .path2:before {
  content: "\eda1";
  margin-left: -0.9375em;
  color: rgb(240, 78, 69);
}

.edel-icon-set-alert-outline .path3:before {
  content: "\eda2";
  margin-left: -0.9375em;
  color: rgb(3, 0, 47);
}

.edel-icon-set-alert-outline .path4:before {
  content: "\eda3";
  margin-left: -0.9375em;
  color: rgb(3, 0, 47);
}

.edel-icon-set-alert-outline .path5:before {
  content: "\eda4";
  margin-left: -0.9375em;
  color: rgb(3, 0, 47);
}

.edel-icon-view-quote-outline .path1:before {
  content: "\eda5";
  color: rgb(240, 78, 69);
}

.edel-icon-view-quote-outline .path2:before {
  content: "\eda6";
  margin-left: -1.099609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-view-quote-outline .path3:before {
  content: "\eda7";
  margin-left: -1.099609375em;
  color: rgb(240, 78, 69);
}

.edel-icon-view-quote-outline .path4:before {
  content: "\eda8";
  margin-left: -1.099609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-view-quote-outline .path5:before {
  content: "\eda9";
  margin-left: -1.099609375em;
  color: rgb(240, 78, 69);
}

.edel-icon-view-quote-outline .path6:before {
  content: "\edaa";
  margin-left: -1.099609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-left-shortArrow:before {
  content: "\ed9f";
}

.edel-icon-green-note-border .path1:before {
  content: "\ed9a";
  color: rgb(206, 233, 224);
}

.edel-icon-green-note-border .path2:before {
  content: "\ed9b";
  margin-left: -1em;
  color: none;
}

.edel-icon-green-note-border .path3:before {
  content: "\ed9c";
  margin-left: -1em;
  color: rgb(7, 175, 114);
}

.edel-icon-green-note-border .path4:before {
  content: "\ed9d";
  margin-left: -1em;
  color: rgb(7, 175, 114);
}

.edel-icon-green-note-border .path5:before {
  content: "\ed9e";
  margin-left: -1em;
  color: none;
}

.edel-icon-reports-note .path1:before {
  content: "\ed97";
  color: rgb(3, 0, 47);
}

.edel-icon-reports-note .path2:before {
  content: "\ed98";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-reports-note .path3:before {
  content: "\ed99";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-layers-stock .path1:before {
  content: "\ed7a";
  color: rgb(255, 255, 255);
}

.edel-icon-layers-stock .path2:before {
  content: "\ed7b";
  margin-left: -1em;
  color: rgb(242, 242, 245);
}

.edel-icon-layers-stock .path3:before {
  content: "\ed7c";
  margin-left: -1em;
  color: rgb(242, 242, 245);
}

.edel-icon-layers-stock .path4:before {
  content: "\ed7d";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-layers-stock .path5:before {
  content: "\ed7e";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-layers-stock .path6:before {
  content: "\ed7f";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-layers-stock .path7:before {
  content: "\ed80";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-layers-stock .path8:before {
  content: "\ed81";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-layers-stock .path9:before {
  content: "\ed82";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-layers-stock .path10:before {
  content: "\ed83";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-layers-stock .path11:before {
  content: "\ed84";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-layers-stock .path12:before {
  content: "\ed85";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-layers-stock .path13:before {
  content: "\ed86";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-layers-stock .path14:before {
  content: "\ed87";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-layers-stock .path15:before {
  content: "\ed88";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-withdrawal-details .path1:before {
  content: "\ed89";
  color: rgb(3, 0, 47);
}

.edel-icon-withdrawal-details .path2:before {
  content: "\ed8a";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-withdrawal-details .path3:before {
  content: "\ed8b";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-investment-details .path1:before {
  content: "\ed8c";
  color: rgb(3, 0, 47);
}

.edel-icon-investment-details .path2:before {
  content: "\ed8d";
  margin-left: -1.25em;
  color: rgb(240, 78, 69);
}

.edel-icon-investment-details .path3:before {
  content: "\ed8e";
  margin-left: -1.25em;
  color: rgb(3, 0, 47);
}

.edel-icon-investment-details .path4:before {
  content: "\ed8f";
  margin-left: -1.25em;
  color: rgb(3, 0, 47);
}

.edel-icon-investment-details .path5:before {
  content: "\ed90";
  margin-left: -1.25em;
  color: rgb(3, 0, 47);
}

.edel-icon-investment-details .path6:before {
  content: "\ed91";
  margin-left: -1.25em;
  color: rgb(3, 0, 47);
}

.edel-icon-risk-measure .path1:before {
  content: "\ed92";
  color: rgb(3, 0, 47);
}

.edel-icon-risk-measure .path2:before {
  content: "\ed93";
  margin-left: -1.23046875em;
  color: rgb(240, 78, 69);
}

.edel-icon-risk-measure .path3:before {
  content: "\ed94";
  margin-left: -1.23046875em;
  color: rgb(240, 78, 69);
}

.edel-icon-quality-measure .path1:before {
  content: "\ed95";
  color: rgb(3, 0, 47);
}

.edel-icon-quality-measure .path2:before {
  content: "\ed96";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-split-coloured .path1:before {
  content: "\ed54";
  color: rgb(0, 0, 0);
}

.edel-icon-split-coloured .path2:before {
  content: "\ed5e";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Monitoring-Illustration .path1:before {
  content: "\ed55";
  color: rgb(3, 0, 47);
}

.edel-icon-Monitoring-Illustration .path2:before {
  content: "\ed56";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Monitoring-Illustration .path3:before {
  content: "\ed57";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Monitoring-Illustration .path4:before {
  content: "\ed58";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Monitoring-Illustration .path5:before {
  content: "\ed59";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Monitoring-Illustration .path6:before {
  content: "\ed5a";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Monitoring-Illustration .path7:before {
  content: "\ed5b";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Monitoring-Illustration .path8:before {
  content: "\ed5c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Monitoring-Illustration .path9:before {
  content: "\ed5d";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Travel-Insurance .path1:before {
  content: "\ed2c";
  color: rgb(240, 78, 69);
}

.edel-icon-Travel-Insurance .path2:before {
  content: "\ed42";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Travel-Insurance .path3:before {
  content: "\ed46";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Motor-Insurance-Icon .path1:before {
  content: "\ed47";
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-Insurance-Icon .path2:before {
  content: "\ed48";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-Insurance-Icon .path3:before {
  content: "\ed49";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-Insurance-Icon .path4:before {
  content: "\ed4a";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-Insurance-Icon .path5:before {
  content: "\ed4b";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-Insurance-Icon .path6:before {
  content: "\ed4c";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-Insurance-Icon .path7:before {
  content: "\ed4d";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Motor-Insurance-Icon .path8:before {
  content: "\ed4e";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-FinancialProtection .path1:before {
  content: "\ed4f";
  color: rgb(3, 0, 47);
}

.edel-icon-FinancialProtection .path2:before {
  content: "\ed50";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-FinancialProtection .path3:before {
  content: "\ed51";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-FinancialProtection .path4:before {
  content: "\ed52";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-FinancialProtection .path5:before {
  content: "\ed53";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-bearish:before {
  content: "\ed2d";
  color: #dd504d;
}

.edel-icon-bullish:before {
  content: "\ed2e";
  color: #51b255;
}

.edel-icon-book-info .path1:before {
  content: "\ed2f";
  color: rgb(3, 0, 47);
}

.edel-icon-book-info .path2:before {
  content: "\ed30";
  margin-left: -0.9765625em;
  color: rgb(3, 0, 47);
}

.edel-icon-book-info .path3:before {
  content: "\ed31";
  margin-left: -0.9765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-book-info .path4:before {
  content: "\ed32";
  margin-left: -0.9765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-book-info .path5:before {
  content: "\ed33";
  margin-left: -0.9765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-details-chain .path1:before {
  content: "\ed34";
  color: rgb(3, 0, 47);
}

.edel-icon-details-chain .path2:before {
  content: "\ed35";
  margin-left: -1.642578125em;
  color: rgb(240, 78, 69);
}

.edel-icon-details-chain .path3:before {
  content: "\ed36";
  margin-left: -1.642578125em;
  color: rgb(3, 0, 47);
}

.edel-icon-details-chain .path4:before {
  content: "\ed37";
  margin-left: -1.642578125em;
  color: rgb(3, 0, 47);
}

.edel-icon-details-chain .path5:before {
  content: "\ed38";
  margin-left: -1.642578125em;
  color: rgb(240, 78, 69);
}

.edel-icon-details-chain .path6:before {
  content: "\ed41";
  margin-left: -1.642578125em;
  color: rgb(3, 0, 47);
}

.edel-icon-future-money-bag .path1:before {
  content: "\ed17";
  color: rgb(3, 0, 47);
}

.edel-icon-future-money-bag .path2:before {
  content: "\ed18";
  margin-left: -0.7841796875em;
  color: rgb(3, 0, 47);
}

.edel-icon-future-money-bag .path3:before {
  content: "\ed19";
  margin-left: -0.7841796875em;
  color: rgb(3, 0, 47);
}

.edel-icon-future-money-bag .path4:before {
  content: "\ed21";
  margin-left: -0.7841796875em;
  color: rgb(3, 0, 47);
}

.edel-icon-future-money-bag .path5:before {
  content: "\ed22";
  margin-left: -0.7841796875em;
  color: rgb(240, 78, 69);
}

.edel-icon-future-money-bag .path6:before {
  content: "\ed23";
  margin-left: -0.7841796875em;
  color: rgb(240, 78, 69);
}

.edel-icon-buyback .path1:before {
  content: "\ed43";
  color: rgb(3, 0, 47);
}

.edel-icon-buyback .path2:before {
  content: "\ed44";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-buyback .path3:before {
  content: "\ed45";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-buyback .path4:before {
  content: "\ed5f";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-buyback .path5:before {
  content: "\ed60";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-buyback .path6:before {
  content: "\ed61";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-buyback .path7:before {
  content: "\ed62";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-buyback .path8:before {
  content: "\ed63";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-buyback-graph .path1:before {
  content: "\ed64";
  color: rgb(3, 0, 47);
}

.edel-icon-buyback-graph .path2:before {
  content: "\ed65";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-buyback-graph .path3:before {
  content: "\ed66";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-buyback-graph .path4:before {
  content: "\ed67";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-buyback-graph .path5:before {
  content: "\ed68";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-buyback-graph .path6:before {
  content: "\ed69";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-buyback-graph .path7:before {
  content: "\ed6a";
  margin-left: -0.9580078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-piggy-bank-1 .path1:before {
  content: "\ed6b";
  color: rgb(3, 0, 47);
}

.edel-icon-piggy-bank-1 .path2:before {
  content: "\ed6c";
  margin-left: -0.9580078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-piggy-bank-1 .path3:before {
  content: "\ed6d";
  margin-left: -0.9580078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-piggy-bank-1 .path4:before {
  content: "\ed6e";
  margin-left: -0.9580078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-piggy-bank-1 .path5:before {
  content: "\ed6f";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-piggy-bank-1 .path6:before {
  content: "\ed70";
  margin-left: -0.9580078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-piggy-bank-1 .path7:before {
  content: "\ed71";
  margin-left: -0.9580078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-piggy-bank-1 .path8:before {
  content: "\ed72";
  margin-left: -0.9580078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-piggy-bank-1 .path9:before {
  content: "\ed73";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-piggy-bank-1 .path10:before {
  content: "\ed74";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-piggy-bank-1 .path11:before {
  content: "\ed75";
  margin-left: -0.9580078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-Group-23483 .path1:before {
  content: "\ed24";
  color: rgb(3, 0, 47);
}

.edel-icon-Group-23483 .path2:before {
  content: "\ed25";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Group-23483 .path3:before {
  content: "\ed26";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Group-23483 .path4:before {
  content: "\ed27";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Group-23483 .path5:before {
  content: "\ed28";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Group-23483 .path6:before {
  content: "\ed29";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Group-23483 .path7:before {
  content: "\ed2a";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Group-23483 .path8:before {
  content: "\ed2b";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-stars-thumbs-up .path1:before {
  content: "\ed1a";
  color: rgb(240, 78, 69);
}

.edel-icon-stars-thumbs-up .path2:before {
  content: "\ed1b";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-stars-thumbs-up .path3:before {
  content: "\ed1c";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-stars-thumbs-up .path4:before {
  content: "\ed1d";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-stars-thumbs-up .path5:before {
  content: "\ed1e";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-stars-thumbs-up .path6:before {
  content: "\ed1f";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-stars-thumbs-up .path7:before {
  content: "\ed20";
  margin-left: -1em;
  color: none;
}

.edel-icon-driving-markets .path1:before {
  content: "\ed39";
  color: rgb(240, 78, 69);
}

.edel-icon-driving-markets .path2:before {
  content: "\ed3a";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-fixed-returns .path1:before {
  content: "\ed3b";
  color: rgb(3, 0, 47);
}

.edel-icon-fixed-returns .path2:before {
  content: "\ed3c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-fixed-returns .path3:before {
  content: "\ed3d";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-fixed-returns .path4:before {
  content: "\ed3e";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-fixed-returns .path5:before {
  content: "\ed3f";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-fixed-returns .path6:before {
  content: "\ed40";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-community:before {
  content: "\ed16";
  color: #f04e45;
}

.edel-icon-ProtectionPlans .path1:before {
  content: "\ed13";
  color: rgb(3, 0, 47);
}

.edel-icon-ProtectionPlans .path2:before {
  content: "\ed14";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-ProtectionPlans .path3:before {
  content: "\ed15";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-support-2:before {
  content: "\ed12";
  color: #5c5e64;
}

.edel-icon-new-advisory:before {
  content: "\ed0a";
  color: #5c5e64;
}

.edel-icon-other-info:before {
  content: "\ed09";
  color: #5c5e64;
}

.edel-icon-service-request-2:before {
  content: "\ed0b";
  color: #5c5e64;
}

.edel-icon-reporting:before {
  content: "\ed0c";
  color: #5c5e64;
}

.edel-icon-transactions-2:before {
  content: "\ed0d";
  color: #5c5e64;
}

.edel-icon-watchlist-2:before {
  content: "\ed0e";
  color: #5c5e64;
}

.edel-icon-revenue-dashboard:before {
  content: "\ed0f";
  color: #5c5e64;
}

.edel-icon-lead-dashboard:before {
  content: "\ed10";
  color: #5c5e64;
}

.edel-icon-home-4:before {
  content: "\ed11";
}

.edel-icon-smooth-bell .path1:before {
  content: "\eb62";
  color: rgb(75, 70, 92);
}

.edel-icon-smooth-bell .path2:before {
  content: "\ed06";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.2;
}

.edel-icon-smooth-bell .path3:before {
  content: "\ed07";
  margin-left: -1em;
  color: rgb(75, 70, 92);
}

.edel-icon-smooth-bell .path4:before {
  content: "\ed08";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.2;
}

.edel-icon-coloured-calendar .path1:before {
  content: "\ecff";
  color: rgb(3, 0, 47);
}

.edel-icon-coloured-calendar .path2:before {
  content: "\ed00";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-coloured-calendar .path3:before {
  content: "\ed01";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-coloured-calendar .path4:before {
  content: "\ed02";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-coloured-calendar .path5:before {
  content: "\ed03";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-coloured-calendar .path6:before {
  content: "\ed04";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-coloured-calendar .path7:before {
  content: "\ed05";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-stcok-exchange .path1:before {
  content: "\ecef";
  color: none;
}

.edel-icon-stcok-exchange .path2:before {
  content: "\ecf0";
  margin-left: -1.2158203125em;
  color: none;
}

.edel-icon-stcok-exchange .path3:before {
  content: "\ecf4";
  margin-left: -1.2158203125em;
  color: none;
}

.edel-icon-stcok-exchange .path4:before {
  content: "\ecf5";
  margin-left: -1.2158203125em;
  color: none;
}

.edel-icon-stcok-exchange .path5:before {
  content: "\ecf6";
  margin-left: -1.2158203125em;
  color: none;
}

.edel-icon-stcok-exchange .path6:before {
  content: "\ecf7";
  margin-left: -1.2158203125em;
  color: none;
}

.edel-icon-stcok-exchange .path7:before {
  content: "\ecf8";
  margin-left: -1.2158203125em;
  color: none;
}

.edel-icon-stcok-exchange .path8:before {
  content: "\ecf9";
  margin-left: -1.2158203125em;
  color: rgb(3, 0, 47);
}

.edel-icon-stcok-exchange .path9:before {
  content: "\ecfa";
  margin-left: -1.2158203125em;
  color: rgb(3, 0, 47);
}

.edel-icon-stcok-exchange .path10:before {
  content: "\ecfb";
  margin-left: -1.2158203125em;
  color: rgb(3, 0, 47);
}

.edel-icon-stcok-exchange .path11:before {
  content: "\ecfc";
  margin-left: -1.2158203125em;
  color: rgb(3, 0, 47);
}

.edel-icon-stcok-exchange .path12:before {
  content: "\ecfd";
  margin-left: -1.2158203125em;
  color: rgb(240, 78, 69);
}

.edel-icon-stcok-exchange .path13:before {
  content: "\ecfe";
  margin-left: -1.2158203125em;
  color: rgb(240, 78, 69);
}

.edel-icon-analytics .path1:before {
  content: "\ece4";
  color: rgb(3, 0, 47);
}

.edel-icon-analytics .path2:before {
  content: "\ece5";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-analytics .path3:before {
  content: "\ece6";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-analytics .path4:before {
  content: "\eced";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-analytics .path5:before {
  content: "\ecee";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-shareholder-color .path1:before {
  content: "\ecd7";
  color: rgb(240, 78, 69);
}

.edel-icon-shareholder-color .path2:before {
  content: "\ecd8";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-shareholder-color .path3:before {
  content: "\ecd9";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-info-book .path1:before {
  content: "\ecda";
  color: rgb(3, 0, 47);
}

.edel-icon-info-book .path2:before {
  content: "\ecdb";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-info-book .path3:before {
  content: "\ecdc";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-info-book .path4:before {
  content: "\ecdd";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-info-book .path5:before {
  content: "\ecde";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-profit-color .path1:before {
  content: "\ece2";
  color: rgb(240, 78, 69);
}

.edel-icon-profit-color .path2:before {
  content: "\ece3";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-risks-1 .path1:before {
  content: "\ece7";
  color: rgb(3, 0, 47);
}

.edel-icon-risks-1 .path2:before {
  content: "\ece8";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-risks-1 .path3:before {
  content: "\ece9";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-risks-1 .path4:before {
  content: "\ecea";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-risks-1 .path5:before {
  content: "\eceb";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-risks-1 .path6:before {
  content: "\ecec";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-invest-plant .path1:before {
  content: "\ecf1";
  color: rgb(3, 0, 47);
}

.edel-icon-invest-plant .path2:before {
  content: "\ecf2";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-invest-plant .path3:before {
  content: "\ecf3";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-add-notfill:before {
  content: "\ecd6";
}

.edel-icon-advisory:before {
  content: "\ecd5";
}

.edel-icon-download-coloured .path1:before {
  content: "\ecd3";
  color: rgb(240, 78, 69);
}

.edel-icon-download-coloured .path2:before {
  content: "\ecd4";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-flip:before {
  content: "\ecd2";
}

.edel-icon-voting .path1:before {
  content: "\ecc1";
  color: rgb(3, 0, 47);
}

.edel-icon-voting .path2:before {
  content: "\ecc2";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-voting .path3:before {
  content: "\ecc3";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-voting .path4:before {
  content: "\ecc4";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-voting .path5:before {
  content: "\ecc5";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-marginfiles .path1:before {
  content: "\ecc8";
  color: rgb(3, 0, 47);
}

.edel-icon-marginfiles .path2:before {
  content: "\ecc9";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-marginfiles .path3:before {
  content: "\ecca";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-marginfiles .path4:before {
  content: "\eccb";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-marginfiles .path5:before {
  content: "\eccc";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-marginfiles .path6:before {
  content: "\eccd";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-position .path1:before {
  content: "\ecce";
  color: rgb(3, 0, 47);
}

.edel-icon-position .path2:before {
  content: "\eccf";
  margin-left: -1.2138671875em;
  color: rgb(240, 78, 69);
}

.edel-icon-position .path3:before {
  content: "\ecd0";
  margin-left: -1.2138671875em;
  color: rgb(3, 0, 47);
}

.edel-icon-position .path4:before {
  content: "\ecd1";
  margin-left: -1.2138671875em;
  color: rgb(3, 0, 47);
}

.edel-icon-calculator-color .path1:before {
  content: "\ecb4";
  color: rgb(3, 0, 47);
}

.edel-icon-calculator-color .path2:before {
  content: "\ecb7";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-calculator-color .path3:before {
  content: "\ecb8";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-calculator-color .path4:before {
  content: "\ecb9";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-calculator-color .path5:before {
  content: "\ecba";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-calculator-color .path6:before {
  content: "\ecbb";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-calculator-color .path7:before {
  content: "\ecbc";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-calculator-color .path8:before {
  content: "\ecbd";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-calculator-color .path9:before {
  content: "\ecbe";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-chart-color .path1:before {
  content: "\ecbf";
  color: rgb(240, 78, 69);
}

.edel-icon-chart-color .path2:before {
  content: "\ecc0";
  margin-left: -0.9697265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-info-color .path1:before {
  content: "\ecc6";
  color: rgb(3, 0, 47);
}

.edel-icon-info-color .path2:before {
  content: "\ecc7";
  margin-left: -0.9697265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-table:before {
  content: "\ecb5";
}

.edel-icon-bar-chart:before {
  content: "\ecb6";
}

.edel-icon-logout1 .path1:before {
  content: "\ec6a";
  color: rgb(3, 0, 47);
}

.edel-icon-logout1 .path2:before {
  content: "\ec6b";
  margin-left: -0.849609375em;
  color: rgb(240, 78, 69);
}

.edel-icon-service .path1:before {
  content: "\ec6c";
  color: rgb(3, 0, 47);
}

.edel-icon-service .path2:before {
  content: "\ec6d";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-service .path3:before {
  content: "\ec6e";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-service .path4:before {
  content: "\ec6f";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-service .path5:before {
  content: "\ec70";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-service .path6:before {
  content: "\ec71";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-email1 .path1:before {
  content: "\ec72";
  color: rgb(3, 0, 47);
}

.edel-icon-email1 .path2:before {
  content: "\ec73";
  margin-left: -0.892578125em;
  color: rgb(3, 0, 47);
}

.edel-icon-email1 .path3:before {
  content: "\ec74";
  margin-left: -0.892578125em;
  color: rgb(242, 242, 245);
}

.edel-icon-email1 .path4:before {
  content: "\ec75";
  margin-left: -0.892578125em;
  color: rgb(240, 78, 69);
}

.edel-icon-chat .path1:before {
  content: "\ec76";
  color: rgb(3, 0, 47);
}

.edel-icon-chat .path2:before {
  content: "\ec77";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-support-color .path1:before {
  content: "\ec78";
  color: rgb(3, 0, 47);
}

.edel-icon-support-color .path2:before {
  content: "\ec79";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-orderbbok .path1:before {
  content: "\ec7a";
  color: rgb(240, 78, 69);
}

.edel-icon-orderbbok .path2:before {
  content: "\ec7b";
  margin-left: -0.8330078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-orderbbok .path3:before {
  content: "\ec7c";
  margin-left: -0.8330078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-orderbbok .path4:before {
  content: "\ec7d";
  margin-left: -0.8330078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-orderbbok .path5:before {
  content: "\ec7e";
  margin-left: -0.8330078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-orderbbok .path6:before {
  content: "\ec7f";
  margin-left: -0.8330078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-orderbbok .path7:before {
  content: "\ec80";
  margin-left: -0.8330078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-orderbbok .path8:before {
  content: "\ec81";
  margin-left: -0.8330078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-orderbbok .path9:before {
  content: "\ec82";
  margin-left: -0.8330078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-orderbbok .path10:before {
  content: "\ec83";
  margin-left: -0.8330078125em;
  color: rgb(3, 0, 47);
}

.edel-icon-mf-sipbook .path1:before {
  content: "\ec84";
  color: rgb(3, 0, 47);
}

.edel-icon-mf-sipbook .path2:before {
  content: "\ec85";
  margin-left: -0.8232421875em;
  color: rgb(255, 255, 255);
}

.edel-icon-mf-sipbook .path3:before {
  content: "\ec86";
  margin-left: -0.8232421875em;
  color: rgb(240, 78, 69);
}

.edel-icon-mf-sipbook .path4:before {
  content: "\ec87";
  margin-left: -0.8232421875em;
  color: rgb(240, 78, 69);
}

.edel-icon-mf-sipbook .path5:before {
  content: "\ec88";
  margin-left: -0.8232421875em;
  color: rgb(240, 78, 69);
}

.edel-icon-mf-sipbook .path6:before {
  content: "\ec89";
  margin-left: -0.8232421875em;
  color: rgb(240, 78, 69);
}

.edel-icon-mf-sipbook .path7:before {
  content: "\ec8a";
  margin-left: -0.8232421875em;
  color: rgb(240, 78, 69);
}

.edel-icon-sipbook .path1:before {
  content: "\ec8b";
  color: rgb(3, 0, 47);
}

.edel-icon-sipbook .path2:before {
  content: "\ec8c";
  margin-left: -0.8232421875em;
  color: rgb(255, 255, 255);
}

.edel-icon-sipbook .path3:before {
  content: "\ec8d";
  margin-left: -0.8232421875em;
  color: rgb(240, 78, 69);
}

.edel-icon-sipbook .path4:before {
  content: "\ec8e";
  margin-left: -0.8232421875em;
  color: rgb(240, 78, 69);
}

.edel-icon-sipbook .path5:before {
  content: "\ec8f";
  margin-left: -0.8232421875em;
  color: rgb(240, 78, 69);
}

.edel-icon-sipbook .path6:before {
  content: "\ec90";
  margin-left: -0.8232421875em;
  color: rgb(240, 78, 69);
}

.edel-icon-sipbook .path7:before {
  content: "\ec91";
  margin-left: -0.8232421875em;
  color: rgb(240, 78, 69);
}

.edel-icon-edis1 .path1:before {
  content: "\ec92";
  color: rgb(0, 0, 0);
}

.edel-icon-edis1 .path2:before {
  content: "\ec93";
  margin-left: -1.115234375em;
  color: rgb(0, 0, 0);
}

.edel-icon-edis1 .path3:before {
  content: "\ec94";
  margin-left: -1.115234375em;
  color: rgb(0, 0, 0);
}

.edel-icon-edis1 .path4:before {
  content: "\ec95";
  margin-left: -1.115234375em;
  color: rgb(240, 78, 69);
}

.edel-icon-edis1 .path5:before {
  content: "\ec96";
  margin-left: -1.115234375em;
  color: rgb(240, 78, 69);
}

.edel-icon-edis1 .path6:before {
  content: "\ec97";
  margin-left: -1.115234375em;
  color: rgb(240, 78, 69);
}

.edel-icon-edis1 .path7:before {
  content: "\ec98";
  margin-left: -1.115234375em;
  color: rgb(240, 78, 69);
}

.edel-icon-fundtransfer .path1:before {
  content: "\ec99";
  color: rgb(3, 0, 47);
}

.edel-icon-fundtransfer .path2:before {
  content: "\ec9a";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-fundtransfer .path3:before {
  content: "\ec9b";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-fundtransfer .path4:before {
  content: "\ec9c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-fundtransfer .path5:before {
  content: "\ec9d";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-fundtransfer .path6:before {
  content: "\ec9e";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-orderstatus .path1:before {
  content: "\ec9f";
  color: rgb(3, 0, 47);
}

.edel-icon-orderstatus .path2:before {
  content: "\eca0";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-orderstatus .path3:before {
  content: "\eca1";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-orderstatus .path4:before {
  content: "\eca2";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-orderstatus .path5:before {
  content: "\eca3";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-orderstatus .path6:before {
  content: "\eca4";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-orderstatus .path7:before {
  content: "\eca5";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-orderstatus .path8:before {
  content: "\eca6";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-orderstatus .path9:before {
  content: "\eca7";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-orderstatus .path10:before {
  content: "\eca8";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-placeorder .path1:before {
  content: "\eca9";
  color: rgb(3, 0, 47);
}

.edel-icon-placeorder .path2:before {
  content: "\ecaa";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-placeorder .path3:before {
  content: "\ecab";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-placeorder .path4:before {
  content: "\ecac";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-placeorder .path5:before {
  content: "\ecad";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-placeorder .path6:before {
  content: "\ecae";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-placeorder .path7:before {
  content: "\ecaf";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-placeorder .path8:before {
  content: "\ecb0";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-placeorder .path9:before {
  content: "\ecb1";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-placeorder .path10:before {
  content: "\ecb2";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-placeorder .path11:before {
  content: "\ecb3";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-pledge1 .path1:before {
  content: "\ebcf";
  color: rgb(240, 78, 69);
}

.edel-icon-pledge1 .path2:before {
  content: "\ebd0";
  margin-left: -0.9638671875em;
  color: rgb(3, 0, 47);
}

.edel-icon-edis .path1:before {
  content: "\ebd1";
  color: rgb(240, 78, 69);
}

.edel-icon-edis .path2:before {
  content: "\ebd2";
  margin-left: -0.7333984375em;
  color: rgb(3, 0, 47);
}

.edel-icon-edis .path3:before {
  content: "\ebd3";
  margin-left: -0.7333984375em;
  color: rgb(3, 0, 47);
}

.edel-icon-edis .path4:before {
  content: "\ebd4";
  margin-left: -0.7333984375em;
  color: rgb(240, 78, 69);
}

.edel-icon-edis .path5:before {
  content: "\ebd5";
  margin-left: -0.7333984375em;
  color: rgb(240, 78, 69);
}

.edel-icon-etf .path1:before {
  content: "\ebd6";
  color: rgb(3, 0, 47);
}

.edel-icon-etf .path2:before {
  content: "\ebd7";
  margin-left: -0.970703125em;
  color: rgb(3, 0, 47);
}

.edel-icon-etf .path3:before {
  content: "\ebd8";
  margin-left: -0.970703125em;
  color: rgb(3, 0, 47);
}

.edel-icon-etf .path4:before {
  content: "\ebd9";
  margin-left: -0.970703125em;
  color: rgb(3, 0, 47);
}

.edel-icon-etf .path5:before {
  content: "\ebda";
  margin-left: -0.970703125em;
  color: rgb(3, 0, 47);
}

.edel-icon-etf .path6:before {
  content: "\ebdb";
  margin-left: -0.970703125em;
  color: rgb(3, 0, 47);
}

.edel-icon-etf .path7:before {
  content: "\ebdc";
  margin-left: -0.970703125em;
  color: rgb(240, 78, 69);
}

.edel-icon-sgb .path1:before {
  content: "\ebdd";
  color: rgb(3, 0, 47);
}

.edel-icon-sgb .path2:before {
  content: "\ebde";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-sgb .path3:before {
  content: "\ebdf";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-sgb .path4:before {
  content: "\ebe0";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-sgb .path5:before {
  content: "\ebe1";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-sgb .path6:before {
  content: "\ebe2";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-sgb .path7:before {
  content: "\ebe3";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-sgb .path8:before {
  content: "\ebe4";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-sgb .path9:before {
  content: "\ebe5";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-sgb .path10:before {
  content: "\ebe6";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-sgb .path11:before {
  content: "\ebe7";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-ncd .path1:before {
  content: "\ebe8";
  color: rgb(3, 0, 47);
}

.edel-icon-ncd .path2:before {
  content: "\ebe9";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-ncd .path3:before {
  content: "\ebea";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-ncd .path4:before {
  content: "\ebeb";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-ncd .path5:before {
  content: "\ebec";
  margin-left: -1em;
  color: rgb(248, 60, 60);
}

.edel-icon-EC .path1:before {
  content: "\ebed";
  color: rgb(3, 0, 47);
}

.edel-icon-EC .path2:before {
  content: "\ebee";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-EC .path3:before {
  content: "\ebef";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-EC .path4:before {
  content: "\ebf0";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-EC .path5:before {
  content: "\ebf1";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-EC .path6:before {
  content: "\ebf2";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-EC .path7:before {
  content: "\ebf3";
  margin-left: -1em;
  color: rgb(248, 60, 60);
}

.edel-icon-corp-fd .path1:before {
  content: "\ebf4";
  color: rgb(3, 0, 47);
}

.edel-icon-corp-fd .path2:before {
  content: "\ebf5";
  margin-left: -1.0361328125em;
  color: rgb(3, 0, 47);
}

.edel-icon-corp-fd .path3:before {
  content: "\ebf6";
  margin-left: -1.0361328125em;
  color: rgb(3, 0, 47);
}

.edel-icon-corp-fd .path4:before {
  content: "\ebf7";
  margin-left: -1.0361328125em;
  color: rgb(3, 0, 47);
}

.edel-icon-corp-fd .path5:before {
  content: "\ebf8";
  margin-left: -1.0361328125em;
  color: rgb(3, 0, 47);
}

.edel-icon-corp-fd .path6:before {
  content: "\ebf9";
  margin-left: -1.0361328125em;
  color: rgb(240, 78, 69);
}

.edel-icon-corp-fd .path7:before {
  content: "\ebfa";
  margin-left: -1.0361328125em;
  color: rgb(240, 78, 69);
}

.edel-icon-corp-fd .path8:before {
  content: "\ebfb";
  margin-left: -1.0361328125em;
  color: rgb(240, 78, 69);
}

.edel-icon-corp-fd .path9:before {
  content: "\ebfc";
  margin-left: -1.0361328125em;
  color: rgb(240, 78, 69);
}

.edel-icon-corp-fd .path10:before {
  content: "\ebfd";
  margin-left: -1.0361328125em;
  color: rgb(240, 78, 69);
}

.edel-icon-corp-fd .path11:before {
  content: "\ebfe";
  margin-left: -1.0361328125em;
  color: rgb(240, 78, 69);
}

.edel-icon-corp-fd .path12:before {
  content: "\ebff";
  margin-left: -1.0361328125em;
  color: rgb(240, 78, 69);
}

.edel-icon-corp-fd .path13:before {
  content: "\ec00";
  margin-left: -1.0361328125em;
  color: rgb(240, 78, 69);
}

.edel-icon-corp-fd .path14:before {
  content: "\ec01";
  margin-left: -1.0361328125em;
  color: rgb(3, 0, 47);
}

.edel-icon-corp-fd .path15:before {
  content: "\ec02";
  margin-left: -1.0361328125em;
  color: rgb(3, 0, 47);
}

.edel-icon-corp-fd .path16:before {
  content: "\ec03";
  margin-left: -1.0361328125em;
  color: rgb(3, 0, 47);
}

.edel-icon-corp-fd .path17:before {
  content: "\ec04";
  margin-left: -1.0361328125em;
  color: rgb(3, 0, 47);
}

.edel-icon-corp-fd .path18:before {
  content: "\ec05";
  margin-left: -1.0361328125em;
  color: rgb(3, 0, 47);
}

.edel-icon-sgb-ipo .path1:before {
  content: "\ec06";
  color: rgb(3, 0, 47);
}

.edel-icon-sgb-ipo .path2:before {
  content: "\ec07";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-sgb-ipo .path3:before {
  content: "\ec08";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-sgb-ipo .path4:before {
  content: "\ec09";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-sgb-ipo .path5:before {
  content: "\ec0a";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-sgb-ipo .path6:before {
  content: "\ec0b";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-sgb-ipo .path7:before {
  content: "\ec0c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-nfo .path1:before {
  content: "\ec0d";
  color: rgb(3, 0, 47);
}

.edel-icon-nfo .path2:before {
  content: "\ec0e";
  margin-left: -2.0458984375em;
  color: rgb(3, 0, 47);
}

.edel-icon-nfo .path3:before {
  content: "\ec0f";
  margin-left: -2.0458984375em;
  color: rgb(240, 78, 69);
}

.edel-icon-nfo .path4:before {
  content: "\ec10";
  margin-left: -2.0458984375em;
  color: rgb(3, 0, 47);
}

.edel-icon-nfo .path5:before {
  content: "\ec11";
  margin-left: -2.0458984375em;
  color: rgb(3, 0, 47);
}

.edel-icon-nfo .path6:before {
  content: "\ec12";
  margin-left: -2.0458984375em;
  color: rgb(240, 78, 69);
}

.edel-icon-nfo .path7:before {
  content: "\ec13";
  margin-left: -2.0458984375em;
  color: rgb(240, 78, 69);
}

.edel-icon-nfo .path8:before {
  content: "\ec14";
  margin-left: -2.0458984375em;
  color: rgb(240, 78, 69);
}

.edel-icon-ncd-ipo .path1:before {
  content: "\ec15";
  color: rgb(3, 0, 47);
}

.edel-icon-ncd-ipo .path2:before {
  content: "\ec16";
  margin-left: -0.75em;
  color: rgb(240, 78, 69);
}

.edel-icon-Ipo .path1:before {
  content: "\ec17";
  color: rgb(240, 78, 69);
}

.edel-icon-Ipo .path2:before {
  content: "\ec18";
  margin-left: -0.9091796875em;
  color: rgb(240, 78, 69);
}

.edel-icon-Ipo .path3:before {
  content: "\ec19";
  margin-left: -0.9091796875em;
  color: rgb(240, 78, 69);
}

.edel-icon-Ipo .path4:before {
  content: "\ec1a";
  margin-left: -0.9091796875em;
  color: rgb(240, 78, 69);
}

.edel-icon-Ipo .path5:before {
  content: "\ec1b";
  margin-left: -0.9091796875em;
  color: rgb(3, 0, 47);
}

.edel-icon-Ipo .path6:before {
  content: "\ec1c";
  margin-left: -0.9091796875em;
  color: rgb(3, 0, 47);
}

.edel-icon-Ipo .path7:before {
  content: "\ec1d";
  margin-left: -0.9091796875em;
  color: none;
}

.edel-icon-Ipo .path8:before {
  content: "\ec1e";
  margin-left: -0.9091796875em;
  color: rgb(3, 0, 47);
}

.edel-icon-margin-cal .path1:before {
  content: "\ec1f";
  color: rgb(3, 0, 47);
}

.edel-icon-margin-cal .path2:before {
  content: "\ec20";
  margin-left: -0.9638671875em;
  color: rgb(240, 78, 69);
}

.edel-icon-margin-cal .path3:before {
  content: "\ec21";
  margin-left: -0.9638671875em;
  color: none;
}

.edel-icon-aplha-alerts .path1:before {
  content: "\ec22";
  color: rgb(240, 78, 69);
}

.edel-icon-aplha-alerts .path2:before {
  content: "\ec23";
  margin-left: -0.9287109375em;
  color: rgb(3, 0, 47);
}

.edel-icon-trading-area .path1:before {
  content: "\ec24";
  color: rgb(3, 0, 47);
}

.edel-icon-trading-area .path2:before {
  content: "\ec25";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-trading-area .path3:before {
  content: "\ec26";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-trading-area .path4:before {
  content: "\ec27";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-trading-area .path5:before {
  content: "\ec28";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-deals .path1:before {
  content: "\ec29";
  color: rgb(240, 78, 69);
}

.edel-icon-deals .path2:before {
  content: "\ec2a";
  margin-left: -1.0419921875em;
  color: rgb(3, 0, 47);
}

.edel-icon-livenews .path1:before {
  content: "\ec2b";
  color: rgb(3, 0, 47);
}

.edel-icon-livenews .path2:before {
  content: "\ec2c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-livenews .path3:before {
  content: "\ec2d";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-livenews .path4:before {
  content: "\ec2e";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-livenews .path5:before {
  content: "\ec2f";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-livenews .path6:before {
  content: "\ec30";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-livenews .path7:before {
  content: "\ec31";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-livenews .path8:before {
  content: "\ec32";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-event-calender .path1:before {
  content: "\ec33";
  color: rgb(3, 0, 47);
}

.edel-icon-event-calender .path2:before {
  content: "\ec34";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-optionChain .path1:before {
  content: "\ec35";
  color: rgb(3, 0, 47);
}

.edel-icon-optionChain .path2:before {
  content: "\ec36";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-optionChain .path3:before {
  content: "\ec37";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-optionChain .path4:before {
  content: "\ec38";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-optionChain .path5:before {
  content: "\ec39";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-optionChain .path6:before {
  content: "\ec3a";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-optionChain .path7:before {
  content: "\ec3b";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-optionChain .path8:before {
  content: "\ec3c";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-icons_Videos .path1:before {
  content: "\ec3d";
  color: rgb(240, 78, 69);
}

.edel-icon-icons_Videos .path2:before {
  content: "\ec3e";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-icons_Videos .path3:before {
  content: "\ec3f";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-icons_Videos .path4:before {
  content: "\ec40";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-options .path1:before {
  content: "\ec41";
  color: rgb(240, 78, 69);
}

.edel-icon-options .path2:before {
  content: "\ec42";
  margin-left: -1.115234375em;
  color: rgb(3, 0, 47);
}

.edel-icon-options .path3:before {
  content: "\ec43";
  margin-left: -1.115234375em;
  color: rgb(240, 78, 69);
}

.edel-icon-options .path4:before {
  content: "\ec44";
  margin-left: -1.115234375em;
  color: rgb(240, 78, 69);
}

.edel-icon-options .path5:before {
  content: "\ec45";
  margin-left: -1.115234375em;
  color: rgb(240, 78, 69);
}

.edel-icon-currency1 .path1:before {
  content: "\ec46";
  color: rgb(3, 0, 47);
}

.edel-icon-currency1 .path2:before {
  content: "\ec47";
  margin-left: -0.9697265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-currency1 .path3:before {
  content: "\ec48";
  margin-left: -0.9697265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-currency1 .path4:before {
  content: "\ec49";
  margin-left: -0.9697265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-currency1 .path5:before {
  content: "\ec4a";
  margin-left: -0.9697265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-currency1 .path6:before {
  content: "\ec4b";
  margin-left: -0.9697265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-commodity1 .path1:before {
  content: "\ec4c";
  color: rgb(3, 0, 47);
}

.edel-icon-commodity1 .path2:before {
  content: "\ec4d";
  margin-left: -0.97265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-commodity1 .path3:before {
  content: "\ec4e";
  margin-left: -0.97265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-commodity1 .path4:before {
  content: "\ec4f";
  margin-left: -0.97265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-commodity1 .path5:before {
  content: "\ec50";
  margin-left: -0.97265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-commodity1 .path6:before {
  content: "\ec51";
  margin-left: -0.97265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-commodity1 .path7:before {
  content: "\ec52";
  margin-left: -0.97265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-equity1 .path1:before {
  content: "\ec53";
  color: rgb(3, 0, 47);
}

.edel-icon-equity1 .path2:before {
  content: "\ec54";
  margin-left: -0.96875em;
  color: rgb(3, 0, 47);
}

.edel-icon-equity1 .path3:before {
  content: "\ec55";
  margin-left: -0.96875em;
  color: rgb(3, 0, 47);
}

.edel-icon-equity1 .path4:before {
  content: "\ec56";
  margin-left: -0.96875em;
  color: rgb(3, 0, 47);
}

.edel-icon-equity1 .path5:before {
  content: "\ec57";
  margin-left: -0.96875em;
  color: rgb(3, 0, 47);
}

.edel-icon-equity1 .path6:before {
  content: "\ec58";
  margin-left: -0.96875em;
  color: rgb(3, 0, 47);
}

.edel-icon-equity1 .path7:before {
  content: "\ec59";
  margin-left: -0.96875em;
  color: rgb(240, 78, 69);
}

.edel-icon-equity1 .path8:before {
  content: "\ec5a";
  margin-left: -0.96875em;
  color: rgb(240, 78, 69);
}

.edel-icon-pickright .path1:before {
  content: "\ec5b";
  color: rgb(3, 0, 47);
}

.edel-icon-pickright .path2:before {
  content: "\ec5c";
  margin-left: -0.9697265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-piggy-bank .path1:before {
  content: "\ec5d";
  color: rgb(3, 0, 47);
}

.edel-icon-piggy-bank .path2:before {
  content: "\ec5e";
  margin-left: -0.9658203125em;
  color: rgb(3, 0, 47);
}

.edel-icon-piggy-bank .path3:before {
  content: "\ec5f";
  margin-left: -0.9658203125em;
  color: rgb(3, 0, 47);
}

.edel-icon-piggy-bank .path4:before {
  content: "\ec60";
  margin-left: -0.9658203125em;
  color: rgb(240, 78, 69);
}

.edel-icon-piggy-bank .path5:before {
  content: "\ec61";
  margin-left: -0.9658203125em;
  color: rgb(240, 78, 69);
}

.edel-icon-spmld .path1:before {
  content: "\ec62";
  color: rgb(3, 0, 47);
}

.edel-icon-spmld .path2:before {
  content: "\ec63";
  margin-left: -0.806640625em;
  color: rgb(3, 0, 47);
}

.edel-icon-spmld .path3:before {
  content: "\ec64";
  margin-left: -0.806640625em;
  color: rgb(3, 0, 47);
}

.edel-icon-spmld .path4:before {
  content: "\ec65";
  margin-left: -0.806640625em;
  color: rgb(3, 0, 47);
}

.edel-icon-spmld .path5:before {
  content: "\ec66";
  margin-left: -0.806640625em;
  color: rgb(240, 78, 69);
}

.edel-icon-spmld .path6:before {
  content: "\ec67";
  margin-left: -0.806640625em;
  color: rgb(240, 78, 69);
}

.edel-icon-spmld .path7:before {
  content: "\ec68";
  margin-left: -0.806640625em;
  color: rgb(240, 78, 69);
}

.edel-icon-spmld .path8:before {
  content: "\ec69";
  margin-left: -0.806640625em;
  color: rgb(240, 78, 69);
}

.edel-icon-home-3:before {
  content: "\ebcd";
}

.edel-icon-menu:before {
  content: "\ebce";
}

.edel-icon-register-note:before {
  content: "\ebcc";
  color: #03002f;
}

.edel-icon-EscalationMatrix .path1:before {
  content: "\ebc2";
  color: rgb(3, 0, 47);
}

.edel-icon-EscalationMatrix .path2:before {
  content: "\ebc3";
  margin-left: -0.818359375em;
  color: rgb(240, 78, 69);
}

.edel-icon-FAQ .path1:before {
  content: "\ebc4";
  color: rgb(3, 0, 47);
}

.edel-icon-FAQ .path2:before {
  content: "\ebc5";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-FAQ .path3:before {
  content: "\ebc6";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-FAQ .path4:before {
  content: "\ebc7";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-loacte-us .path1:before {
  content: "\ebc8";
  color: rgb(3, 0, 47);
}

.edel-icon-loacte-us .path2:before {
  content: "\ebc9";
  margin-left: -0.869140625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Account-Open .path1:before {
  content: "\ebca";
  color: rgb(240, 78, 69);
}

.edel-icon-Account-Open .path2:before {
  content: "\ebcb";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-margins .path1:before {
  content: "\eb82";
  color: rgb(240, 78, 69);
}

.edel-icon-margins .path2:before {
  content: "\eb83";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-margins .path3:before {
  content: "\eb84";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-ledger .path1:before {
  content: "\eb85";
  color: rgb(3, 0, 47);
}

.edel-icon-ledger .path2:before {
  content: "\ebad";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-ledger .path3:before {
  content: "\ebae";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-transactionhistory .path1:before {
  content: "\ebaf";
  color: rgb(3, 0, 47);
}

.edel-icon-transactionhistory .path2:before {
  content: "\ebb0";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-transactionhistory .path3:before {
  content: "\ebb1";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-tax .path1:before {
  content: "\ebb2";
  color: rgb(3, 0, 47);
}

.edel-icon-tax .path2:before {
  content: "\ebb3";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-tax .path3:before {
  content: "\ebb4";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-profitloss .path1:before {
  content: "\ebb5";
  color: rgb(3, 0, 47);
}

.edel-icon-profitloss .path2:before {
  content: "\ebb6";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-profitloss .path3:before {
  content: "\ebb7";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-profitloss .path4:before {
  content: "\ebb8";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-profitloss .path5:before {
  content: "\ebb9";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-briefcase-color .path1:before {
  content: "\ebba";
  color: rgb(3, 0, 47);
}

.edel-icon-briefcase-color .path2:before {
  content: "\ebbb";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-briefcase-color .path3:before {
  content: "\ebbc";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-dashboard .path1:before {
  content: "\ebbd";
  color: rgb(3, 0, 47);
}

.edel-icon-dashboard .path2:before {
  content: "\ebbe";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-dashboard .path3:before {
  content: "\ebbf";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-dashboard .path4:before {
  content: "\ebc0";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-dashboard .path5:before {
  content: "\ebc1";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-edit-lead .path1:before {
  content: "\eb7d";
  color: rgb(3, 0, 47);
}

.edel-icon-edit-lead .path2:before {
  content: "\eb7e";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-download-page .path1:before {
  content: "\eb7f";
  color: rgb(3, 0, 47);
}

.edel-icon-download-page .path2:before {
  content: "\eb80";
  margin-left: -0.845703125em;
  color: rgb(240, 78, 69);
}

.edel-icon-download-page .path3:before {
  content: "\eb81";
  margin-left: -0.845703125em;
  color: rgb(240, 78, 69);
}

.edel-icon-split:before {
  content: "\ebac";
}

.edel-icon-twitter-new:before {
  content: "\ebaa";
}

.edel-icon-trends:before {
  content: "\eb86";
}

.edel-icon-about-company .path1:before {
  content: "\eb87";
  color: rgb(3, 0, 47);
}

.edel-icon-about-company .path2:before {
  content: "\eb88";
  margin-left: -0.9765625em;
  color: rgb(3, 0, 47);
}

.edel-icon-about-company .path3:before {
  content: "\eb89";
  margin-left: -0.9765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-about-company .path4:before {
  content: "\eb8a";
  margin-left: -0.9765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-about-company .path5:before {
  content: "\eb8b";
  margin-left: -0.9765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-peer-comparision .path1:before {
  content: "\eb8c";
  color: rgb(3, 0, 47);
}

.edel-icon-peer-comparision .path2:before {
  content: "\eb8d";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-peer-comparision .path3:before {
  content: "\eb8e";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-peer-comparision .path4:before {
  content: "\eb8f";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-peer-comparision .path5:before {
  content: "\eb90";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Corporate-news .path1:before {
  content: "\eb91";
  color: rgb(240, 78, 69);
}

.edel-icon-Corporate-news .path2:before {
  content: "\eb92";
  margin-left: -0.97265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Corporate-news .path3:before {
  content: "\eb93";
  margin-left: -0.97265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Corporate-news .path4:before {
  content: "\eb94";
  margin-left: -0.97265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Corporate-news .path5:before {
  content: "\eb95";
  margin-left: -0.97265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Corporate-news .path6:before {
  content: "\eb96";
  margin-left: -0.97265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Corporate-news .path7:before {
  content: "\eb97";
  margin-left: -0.97265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Corporate-news .path8:before {
  content: "\eb98";
  margin-left: -0.97265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Corporate-news .path9:before {
  content: "\eb99";
  margin-left: -0.97265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-Corporate-news .path10:before {
  content: "\eb9a";
  margin-left: -0.97265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-shareholder .path1:before {
  content: "\eb9b";
  color: rgb(240, 78, 69);
}

.edel-icon-shareholder .path2:before {
  content: "\eb9c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-shareholder .path3:before {
  content: "\eb9d";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-Fundamentals .path1:before {
  content: "\eb9e";
  color: rgb(240, 78, 69);
}

.edel-icon-Fundamentals .path2:before {
  content: "\eb9f";
  margin-left: -0.9697265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-Heart-shape:before {
  content: "\eba0";
  color: #b8b8b8;
}

.edel-icon-technical-drawing .path1:before {
  content: "\eba1";
  color: rgb(3, 0, 47);
}

.edel-icon-technical-drawing .path2:before {
  content: "\eba2";
  margin-left: -0.9697265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-technical-drawing .path3:before {
  content: "\eba3";
  margin-left: -0.9697265625em;
  color: rgb(240, 78, 69);
}

.edel-icon-stock-scan .path1:before {
  content: "\eba4";
  color: rgb(240, 78, 69);
}

.edel-icon-stock-scan .path2:before {
  content: "\eba5";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-scan .path3:before {
  content: "\eba6";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-scan .path4:before {
  content: "\eba7";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-scan .path5:before {
  content: "\eba8";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-scan .path6:before {
  content: "\eba9";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-reassign-lead .path1:before {
  content: "\eb70";
  color: rgb(3, 0, 47);
}

.edel-icon-reassign-lead .path2:before {
  content: "\eb71";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-reassign-lead .path3:before {
  content: "\eb7b";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-reassign-lead .path4:before {
  content: "\eb7c";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-logout-new:before {
  content: "\eb72";
}

.edel-icon-home-2:before {
  content: "\eb73";
}

.edel-icon-info-1:before {
  content: "\eb74";
}

.edel-icon-service-request:before {
  content: "\eb75";
}

.edel-icon-report:before {
  content: "\eb76";
}

.edel-icon-transactions:before {
  content: "\eb77";
}

.edel-icon-watchlist-1:before {
  content: "\eb78";
}

.edel-icon-revenue-db:before {
  content: "\eb79";
}

.edel-icon-lead-db:before {
  content: "\eb7a";
}

.edel-icon-send-message:before {
  content: "\eb6f";
}

.edel-icon-arrow-down-big:before {
  content: "\eb6c";
}

.edel-icon-sidebar-collapse:before {
  content: "\eb63";
}

.edel-icon-support-1:before {
  content: "\eb64";
}

.edel-icon-round-bell:before {
  content: "\eb65";
}

.edel-icon-file-circle-info:before {
  content: "\eb66";
}

.edel-icon-receipt:before {
  content: "\eb67";
}

.edel-icon-smooth-star:before {
  content: "\eb68";
}

.edel-icon-wallet:before {
  content: "\eb69";
}

.edel-icon-calendar-minus:before {
  content: "\eb6a";
}

.edel-icon-home:before {
  content: "\eb6b";
}

.edel-icon-application:before {
  content: "\eb61";
}

.edel-icon-high-meter .path1:before {
  content: "\eb12";
  color: rgb(0, 60, 80);
}

.edel-icon-high-meter .path2:before {
  content: "\eb13";
  margin-left: -1em;
  color: rgb(245, 245, 245);
}

.edel-icon-high-meter .path3:before {
  content: "\eb34";
  margin-left: -1em;
  color: rgb(81, 178, 85);
}

.edel-icon-high-meter .path4:before {
  content: "\eb35";
  margin-left: -1em;
  color: rgb(77, 223, 83);
}

.edel-icon-high-meter .path5:before {
  content: "\eb36";
  margin-left: -1em;
  color: rgb(255, 229, 0);
}

.edel-icon-high-meter .path6:before {
  content: "\eb37";
  margin-left: -1em;
  color: rgb(223, 167, 23);
}

.edel-icon-high-meter .path7:before {
  content: "\eb38";
  margin-left: -1em;
  color: rgb(255, 107, 0);
}

.edel-icon-high-meter .path8:before {
  content: "\eb39";
  margin-left: -1em;
  color: rgb(221, 80, 77);
}

.edel-icon-medium-meter .path1:before {
  content: "\eb3a";
  color: rgb(0, 60, 80);
}

.edel-icon-medium-meter .path2:before {
  content: "\eb49";
  margin-left: -1em;
  color: rgb(245, 245, 245);
}

.edel-icon-medium-meter .path3:before {
  content: "\eb4a";
  margin-left: -1em;
  color: rgb(81, 178, 85);
}

.edel-icon-medium-meter .path4:before {
  content: "\eb4b";
  margin-left: -1em;
  color: rgb(77, 223, 83);
}

.edel-icon-medium-meter .path5:before {
  content: "\eb55";
  margin-left: -1em;
  color: rgb(255, 229, 0);
}

.edel-icon-medium-meter .path6:before {
  content: "\eb56";
  margin-left: -1em;
  color: rgb(223, 167, 23);
}

.edel-icon-medium-meter .path7:before {
  content: "\eb57";
  margin-left: -1em;
  color: rgb(255, 107, 0);
}

.edel-icon-medium-meter .path8:before {
  content: "\eb58";
  margin-left: -1em;
  color: rgb(221, 80, 77);
}

.edel-icon-NA-meter .path1:before {
  content: "\eb59";
  color: rgb(0, 60, 80);
}

.edel-icon-NA-meter .path2:before {
  content: "\eb5a";
  margin-left: -1em;
  color: rgb(245, 245, 245);
}

.edel-icon-NA-meter .path3:before {
  content: "\eb5b";
  margin-left: -1em;
  color: rgb(184, 184, 184);
}

.edel-icon-NA-meter .path4:before {
  content: "\eb5c";
  margin-left: -1em;
  color: rgb(184, 184, 184);
}

.edel-icon-NA-meter .path5:before {
  content: "\eb5d";
  margin-left: -1em;
  color: rgb(184, 184, 184);
}

.edel-icon-NA-meter .path6:before {
  content: "\eb5e";
  margin-left: -1em;
  color: rgb(184, 184, 184);
}

.edel-icon-NA-meter .path7:before {
  content: "\eb5f";
  margin-left: -1em;
  color: rgb(184, 184, 184);
}

.edel-icon-NA-meter .path8:before {
  content: "\eb60";
  margin-left: -1em;
  color: rgb(184, 184, 184);
}

.edel-icon-liquidity-buy-sell .path1:before {
  content: "\e9f2";
  color: rgb(3, 0, 47);
}

.edel-icon-liquidity-buy-sell .path2:before {
  content: "\e9f3";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-liquidity-buy-sell .path3:before {
  content: "\e9f4";
  margin-left: -1em;
  color: rgb(81, 178, 85);
}

.edel-icon-liquidity-buy-sell .path4:before {
  content: "\e9f5";
  margin-left: -1em;
  color: rgb(81, 178, 85);
}

.edel-icon-liquidity-buy-sell .path5:before {
  content: "\e9f6";
  margin-left: -1em;
  color: rgb(81, 178, 85);
}

.edel-icon-liquidity-buy-sell .path6:before {
  content: "\e9f7";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-liquidity-buy-sell .path7:before {
  content: "\e9f8";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-liquidity-buy-sell .path8:before {
  content: "\ead6";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-liquidity-buy-sell .path9:before {
  content: "\ead7";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-market-rates .path1:before {
  content: "\ead8";
  color: rgb(3, 0, 47);
}

.edel-icon-market-rates .path2:before {
  content: "\ead9";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-market-rates .path3:before {
  content: "\eada";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-market-rates .path4:before {
  content: "\eadb";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-market-rates .path5:before {
  content: "\eadc";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-market-rates .path6:before {
  content: "\eadd";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-market-rates .path7:before {
  content: "\eade";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-invest-equities .path1:before {
  content: "\eadf";
  color: rgb(3, 0, 47);
}

.edel-icon-invest-equities .path2:before {
  content: "\eae0";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-invest-equities .path3:before {
  content: "\eae1";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-invest-equities .path4:before {
  content: "\eae2";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-invest-equities .path5:before {
  content: "\eae3";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-invest-equities .path6:before {
  content: "\eae4";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-invest-equities .path7:before {
  content: "\eae5";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-invest-equities .path8:before {
  content: "\eae6";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-invest-equities .path9:before {
  content: "\eae7";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-invest-equities .path10:before {
  content: "\eae8";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-invest-equities .path11:before {
  content: "\eae9";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-invest-equities .path12:before {
  content: "\eaea";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-cash-carry-mtf .path1:before {
  content: "\eaeb";
  color: rgb(3, 0, 47);
}

.edel-icon-cash-carry-mtf .path2:before {
  content: "\eaec";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-cash-carry-mtf .path3:before {
  content: "\eaed";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-cash-carry-mtf .path4:before {
  content: "\eaee";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-cash-carry-mtf .path5:before {
  content: "\eaef";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-cash-carry-mtf .path6:before {
  content: "\eaf0";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-cash-carry-mtf .path7:before {
  content: "\eaf1";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-cash-carry-mtf .path8:before {
  content: "\eaf2";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-cash-carry-mtf .path9:before {
  content: "\eaf3";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-cash-carry-mtf .path10:before {
  content: "\eaf4";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-cash-carry-mtf .path11:before {
  content: "\eaf5";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-pnl-tax .path1:before {
  content: "\eaf6";
  color: rgb(3, 0, 47);
}

.edel-icon-pnl-tax .path2:before {
  content: "\eaf7";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-pnl-tax .path3:before {
  content: "\eaf8";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-pnl-tax .path4:before {
  content: "\eaf9";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-pnl-tax .path5:before {
  content: "\eafa";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-pnl-tax .path6:before {
  content: "\eafb";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-pnl-tax .path7:before {
  content: "\eafc";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-pnl-tax .path8:before {
  content: "\eafd";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-pnl-tax .path9:before {
  content: "\eafe";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-pnl-tax .path10:before {
  content: "\eaff";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-pnl-tax .path11:before {
  content: "\eb00";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-pnl-tax .path12:before {
  content: "\eb01";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-pnl-tax .path13:before {
  content: "\eb02";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-pnl-tax .path14:before {
  content: "\eb03";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-research-1-1 .path1:before {
  content: "\eb04";
  color: rgb(3, 0, 47);
}

.edel-icon-research-1-1 .path2:before {
  content: "\eb05";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-research-1-1 .path3:before {
  content: "\eb06";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-research-1-1 .path4:before {
  content: "\eb07";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-research-1-1 .path5:before {
  content: "\eb08";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-tick-color-circle .path1:before {
  content: "\eb09";
  color: rgb(240, 78, 69);
}

.edel-icon-tick-color-circle .path2:before {
  content: "\eb0a";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-super-stars .path1:before {
  content: "\eb14";
  color: rgb(3, 0, 47);
}

.edel-icon-super-stars .path2:before {
  content: "\eb15";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-super-stars .path3:before {
  content: "\eb16";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-super-stars .path4:before {
  content: "\eb17";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-live-news .path1:before {
  content: "\eb18";
  color: rgb(3, 0, 47);
}

.edel-icon-live-news .path2:before {
  content: "\eb19";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-live-news .path3:before {
  content: "\eb1a";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-live-news .path4:before {
  content: "\eb1b";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-live-news .path5:before {
  content: "\eb1c";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-live-news .path6:before {
  content: "\eb1d";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-live-news .path7:before {
  content: "\eb1e";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-pi-chart-sectoral .path1:before {
  content: "\eb1f";
  color: rgb(3, 0, 47);
}

.edel-icon-pi-chart-sectoral .path2:before {
  content: "\eb20";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-pi-chart-sectoral .path3:before {
  content: "\eb21";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-market-map .path1:before {
  content: "\eb22";
  color: rgb(3, 0, 47);
}

.edel-icon-market-map .path2:before {
  content: "\eb23";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-market-today .path1:before {
  content: "\eb24";
  color: rgb(3, 0, 47);
}

.edel-icon-market-today .path2:before {
  content: "\eb25";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-rupee-buyback .path1:before {
  content: "\eb26";
  color: rgb(240, 78, 69);
}

.edel-icon-rupee-buyback .path2:before {
  content: "\eb27";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-rupee-buyback .path3:before {
  content: "\eb28";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-high-returns .path1:before {
  content: "\eb29";
  color: rgb(3, 0, 47);
}

.edel-icon-high-returns .path2:before {
  content: "\eb2a";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-high-returns .path3:before {
  content: "\eb2b";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-high-returns .path4:before {
  content: "\eb2c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-high-returns .path5:before {
  content: "\eb2d";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-high-returns .path6:before {
  content: "\eb2e";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-hour-glass-medium .path1:before {
  content: "\eb2f";
  color: rgb(3, 0, 47);
}

.edel-icon-hour-glass-medium .path2:before {
  content: "\eb30";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-gauge-exclaim .path1:before {
  content: "\eb31";
  color: rgb(3, 0, 47);
}

.edel-icon-gauge-exclaim .path2:before {
  content: "\eb32";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-gauge-exclaim .path3:before {
  content: "\eb33";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-graph-derivatives .path1:before {
  content: "\eb3b";
  color: rgb(3, 0, 47);
}

.edel-icon-graph-derivatives .path2:before {
  content: "\eb3c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-graph-derivatives .path3:before {
  content: "\eb3d";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-graph-derivatives .path4:before {
  content: "\eb3e";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-graph-derivatives .path5:before {
  content: "\eb3f";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-graph-derivatives .path6:before {
  content: "\eb40";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-graph-derivatives .path7:before {
  content: "\eb41";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-graph-derivatives .path8:before {
  content: "\eb42";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-itraday-up .path1:before {
  content: "\eb43";
  color: rgb(3, 0, 47);
}

.edel-icon-itraday-up .path2:before {
  content: "\eb44";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-itraday-up .path3:before {
  content: "\eb45";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-itraday-up .path4:before {
  content: "\eb46";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-filter-border .path1:before {
  content: "\eb47";
  color: rgb(242, 242, 245);
}

.edel-icon-filter-border .path2:before {
  content: "\eb48";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-dollar-emblem .path1:before {
  content: "\eb4c";
  color: rgb(3, 0, 47);
}

.edel-icon-dollar-emblem .path2:before {
  content: "\eb4d";
  margin-left: -1.13671875em;
  color: rgb(240, 78, 69);
}

.edel-icon-dollar-emblem .path3:before {
  content: "\eb4e";
  margin-left: -1.13671875em;
  color: rgb(240, 78, 69);
}

.edel-icon-dollar-emblem .path4:before {
  content: "\eb4f";
  margin-left: -1.13671875em;
  color: rgb(240, 78, 69);
}

.edel-icon-dollar-emblem .path5:before {
  content: "\eb50";
  margin-left: -1.13671875em;
  color: rgb(240, 78, 69);
}

.edel-icon-dollar-emblem .path6:before {
  content: "\eb51";
  margin-left: -1.13671875em;
  color: rgb(240, 78, 69);
}

.edel-icon-dollar-emblem .path7:before {
  content: "\eb52";
  margin-left: -1.13671875em;
  color: rgb(240, 78, 69);
}

.edel-icon-dollar-emblem .path8:before {
  content: "\eb53";
  margin-left: -1.13671875em;
  color: rgb(240, 78, 69);
}

.edel-icon-dollar-emblem .path9:before {
  content: "\eb54";
  margin-left: -1.13671875em;
  color: rgb(240, 78, 69);
}

.edel-icon-circle-stock .path1:before {
  content: "\ea8e";
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path2:before {
  content: "\ea8f";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path3:before {
  content: "\ea90";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path4:before {
  content: "\ea91";
  margin-left: -1.052734375em;
  color: rgb(240, 78, 69);
}

.edel-icon-circle-stock .path5:before {
  content: "\ea92";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path6:before {
  content: "\ea93";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path7:before {
  content: "\ea94";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path8:before {
  content: "\ea95";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path9:before {
  content: "\ea96";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path10:before {
  content: "\ea97";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path11:before {
  content: "\ea98";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path12:before {
  content: "\ea99";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path13:before {
  content: "\ea9a";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path14:before {
  content: "\ea9b";
  margin-left: -1.052734375em;
  color: rgb(240, 78, 69);
}

.edel-icon-circle-stock .path15:before {
  content: "\ea9c";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path16:before {
  content: "\ea9d";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path17:before {
  content: "\ea9e";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path18:before {
  content: "\ea9f";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path19:before {
  content: "\eaa0";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path20:before {
  content: "\eaa1";
  margin-left: -1.052734375em;
  color: rgb(3, 0, 47);
}

.edel-icon-circle-stock .path21:before {
  content: "\eaa2";
  margin-left: -1.052734375em;
  color: rgb(240, 78, 69);
}

.edel-icon-circle-stock .path22:before {
  content: "\eaa3";
  margin-left: -1.052734375em;
  color: rgb(240, 78, 69);
}

.edel-icon-circle-stock .path23:before {
  content: "\eaa4";
  margin-left: -1.052734375em;
  color: rgb(240, 78, 69);
}

.edel-icon-circle-stock .path24:before {
  content: "\eaa5";
  margin-left: -1.052734375em;
  color: rgb(240, 78, 69);
}

.edel-icon-stock-exchange .path1:before {
  content: "\eaa6";
  color: rgb(255, 255, 255);
}

.edel-icon-stock-exchange .path2:before {
  content: "\eaa7";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path3:before {
  content: "\eaa8";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path4:before {
  content: "\eaa9";
  margin-left: -0.599609375em;
  color: rgb(255, 255, 255);
}

.edel-icon-stock-exchange .path5:before {
  content: "\eaaa";
  margin-left: -0.599609375em;
  color: rgb(240, 78, 69);
}

.edel-icon-stock-exchange .path6:before {
  content: "\eaab";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path7:before {
  content: "\eaac";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path8:before {
  content: "\eaad";
  margin-left: -0.599609375em;
  color: rgb(255, 255, 255);
}

.edel-icon-stock-exchange .path9:before {
  content: "\eaae";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path10:before {
  content: "\eaaf";
  margin-left: -0.599609375em;
  color: rgb(240, 78, 69);
}

.edel-icon-stock-exchange .path11:before {
  content: "\eab0";
  margin-left: -0.599609375em;
  color: rgb(240, 78, 69);
}

.edel-icon-stock-exchange .path12:before {
  content: "\eab1";
  margin-left: -0.599609375em;
  color: rgb(240, 78, 69);
}

.edel-icon-stock-exchange .path13:before {
  content: "\eab2";
  margin-left: -0.599609375em;
  color: rgb(240, 78, 69);
}

.edel-icon-stock-exchange .path14:before {
  content: "\eab3";
  margin-left: -0.599609375em;
  color: rgb(240, 78, 69);
}

.edel-icon-stock-exchange .path15:before {
  content: "\eab4";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path16:before {
  content: "\eab5";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path17:before {
  content: "\eab6";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path18:before {
  content: "\eab7";
  margin-left: -0.599609375em;
  color: rgb(255, 255, 255);
}

.edel-icon-stock-exchange .path19:before {
  content: "\eab8";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path20:before {
  content: "\eab9";
  margin-left: -0.599609375em;
  color: rgb(240, 78, 69);
}

.edel-icon-stock-exchange .path21:before {
  content: "\eaba";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path22:before {
  content: "\eabb";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path23:before {
  content: "\eabc";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path24:before {
  content: "\eabd";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path25:before {
  content: "\eabe";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path26:before {
  content: "\eabf";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path27:before {
  content: "\eac0";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path28:before {
  content: "\eac1";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path29:before {
  content: "\eac2";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path30:before {
  content: "\eac3";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path31:before {
  content: "\eac4";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path32:before {
  content: "\eac5";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path33:before {
  content: "\eac6";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path34:before {
  content: "\eac7";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path35:before {
  content: "\eac8";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path36:before {
  content: "\eac9";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path37:before {
  content: "\eaca";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path38:before {
  content: "\eacb";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-stock-exchange .path39:before {
  content: "\eacc";
  margin-left: -0.599609375em;
  color: rgb(3, 0, 47);
}

.edel-icon-price-tag .path1:before {
  content: "\eacd";
  color: rgb(3, 0, 47);
}

.edel-icon-price-tag .path2:before {
  content: "\eace";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-price-tag .path3:before {
  content: "\eacf";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-price-tag .path4:before {
  content: "\ead0";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-report-color .path1:before {
  content: "\ead1";
  color: rgb(240, 78, 69);
}

.edel-icon-report-color .path2:before {
  content: "\ead2";
  margin-left: -0.8154296875em;
  color: rgb(3, 0, 47);
}

.edel-icon-alerts-notes .path1:before {
  content: "\ea81";
  color: rgb(240, 78, 69);
}

.edel-icon-alerts-notes .path2:before {
  content: "\ea82";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-alerts-notes .path3:before {
  content: "\ea83";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-alerts-notes .path4:before {
  content: "\ea84";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-alerts-notes .path5:before {
  content: "\ea85";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-alerts-notes .path6:before {
  content: "\ea86";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-alerts-notes .path7:before {
  content: "\ea87";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-alerts-notes .path8:before {
  content: "\ea88";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-alerts-notes .path9:before {
  content: "\ea89";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-alerts-notes .path10:before {
  content: "\ea8a";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-alerts-notes .path11:before {
  content: "\ea8b";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-alerts-notes .path12:before {
  content: "\ea8c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-alerts-notes .path13:before {
  content: "\ea8d";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.edel-icon-no-event .path1:before {
  content: "\ea7e";
  color: rgb(3, 0, 47);
}

.edel-icon-no-event .path2:before {
  content: "\ea7f";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-no-event .path3:before {
  content: "\ea80";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-green-tick1:before {
  content: "\ea7c";
  color: #51b255;
}

.edel-icon-delete-red1:before {
  content: "\ea7d";
  color: #dd504d;
}

.edel-icon-businessman .path1:before {
  content: "\ea7a";
  color: rgb(3, 0, 47);
}

.edel-icon-businessman .path2:before {
  content: "\ea7b";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-setalert-fill .path1:before {
  content: "\ea62";
  color: rgb(3, 0, 47);
}

.edel-icon-setalert-fill .path2:before {
  content: "\ea63";
  margin-left: -1.0556640625em;
  color: rgb(3, 0, 47);
}

.edel-icon-setalert-fill .path3:before {
  content: "\ea64";
  margin-left: -1.0556640625em;
  color: rgb(3, 0, 47);
}

.edel-icon-setalert-fill .path4:before {
  content: "\ea65";
  margin-left: -1.0556640625em;
  color: rgb(3, 0, 47);
}

.edel-icon-setalert-fill .path5:before {
  content: "\ea66";
  margin-left: -1.0556640625em;
  color: rgb(240, 78, 69);
}

.edel-icon-setalert-fill .path6:before {
  content: "\ea67";
  margin-left: -1.0556640625em;
  color: rgb(3, 0, 47);
}

.edel-icon-setalert-fill .path7:before {
  content: "\ea68";
  margin-left: -1.0556640625em;
  color: rgb(81, 178, 85);
}

.edel-icon-setalert-fill .path8:before {
  content: "\ea69";
  margin-left: -1.0556640625em;
  color: rgb(255, 255, 255);
}

.edel-icon-setalert .path1:before {
  content: "\ea6a";
  color: rgb(3, 0, 47);
}

.edel-icon-setalert .path2:before {
  content: "\ea6b";
  margin-left: -0.9443359375em;
  color: rgb(3, 0, 47);
}

.edel-icon-setalert .path3:before {
  content: "\ea6c";
  margin-left: -0.9443359375em;
  color: rgb(3, 0, 47);
}

.edel-icon-setalert .path4:before {
  content: "\ea6d";
  margin-left: -0.9443359375em;
  color: rgb(3, 0, 47);
}

.edel-icon-setalert .path5:before {
  content: "\ea6e";
  margin-left: -0.9443359375em;
  color: rgb(240, 78, 69);
}

.edel-icon-calendar-color .path1:before {
  content: "\ea6f";
  color: rgb(3, 0, 47);
}

.edel-icon-calendar-color .path2:before {
  content: "\ea70";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-calendar-color .path3:before {
  content: "\ea71";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-calendar-color .path4:before {
  content: "\ea72";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-calendar-color .path5:before {
  content: "\ea73";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-calendar-color .path6:before {
  content: "\ea74";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-calendar-color .path7:before {
  content: "\ea75";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-calendar-color .path8:before {
  content: "\ea76";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-calendar-color .path9:before {
  content: "\ea77";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-calendar-color .path10:before {
  content: "\ea78";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-calendar-color .path11:before {
  content: "\ea79";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-option-select:before {
  content: "\ea61";
}

.edel-icon-financial-protection1 .path1:before {
  content: "\ea5c";
  color: rgb(3, 0, 47);
}

.edel-icon-financial-protection1 .path2:before {
  content: "\ea5d";
  margin-left: -0.9775390625em;
  color: rgb(3, 0, 47);
}

.edel-icon-financial-protection1 .path3:before {
  content: "\ea5e";
  margin-left: -0.9775390625em;
  color: rgb(240, 78, 69);
}

.edel-icon-financial-protection1 .path4:before {
  content: "\ea5f";
  margin-left: -0.9775390625em;
  color: rgb(240, 78, 69);
}

.edel-icon-financial-protection1 .path5:before {
  content: "\ea60";
  margin-left: -0.9775390625em;
  color: rgb(240, 78, 69);
}

.edel-icon-graph-stock-1 .path1:before {
  content: "\ea2e";
  color: rgb(240, 78, 69);
}

.edel-icon-graph-stock-1 .path2:before {
  content: "\ea30";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-graph-stock-1 .path3:before {
  content: "\ea31";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-graph-stock-1 .path4:before {
  content: "\ea32";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-graph-stock-1 .path5:before {
  content: "\ea33";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-graph-stock-1 .path6:before {
  content: "\ea34";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-graph-stock-1 .path7:before {
  content: "\ea35";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-youn-star-plans .path1:before {
  content: "\e9f9";
  color: rgb(3, 0, 47);
}

.edel-icon-youn-star-plans .path2:before {
  content: "\e9fa";
  margin-left: -0.9521484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-youn-star-plans .path3:before {
  content: "\e9fb";
  margin-left: -0.9521484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-youn-star-plans .path4:before {
  content: "\e9fc";
  margin-left: -0.9521484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-youn-star-plans .path5:before {
  content: "\e9fd";
  margin-left: -0.9521484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-youn-star-plans .path6:before {
  content: "\e9fe";
  margin-left: -0.9521484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-youn-star-plans .path7:before {
  content: "\e9ff";
  margin-left: -0.9521484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-youn-star-plans .path8:before {
  content: "\ea00";
  margin-left: -0.9521484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-health-2 .path1:before {
  content: "\ea01";
  color: rgb(3, 0, 47);
}

.edel-icon-health-2 .path2:before {
  content: "\ea02";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-retirement-plan .path1:before {
  content: "\ea03";
  color: rgb(3, 0, 47);
}

.edel-icon-retirement-plan .path2:before {
  content: "\ea04";
  margin-left: -0.9521484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-retirement-plan .path3:before {
  content: "\ea05";
  margin-left: -0.9521484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-retirement-plan .path4:before {
  content: "\ea06";
  margin-left: -0.9521484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-retirement-plan .path5:before {
  content: "\ea07";
  margin-left: -0.9521484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-retirement-plan .path6:before {
  content: "\ea08";
  margin-left: -0.9521484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-retirement-plan .path7:before {
  content: "\ea09";
  margin-left: -0.9521484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-Saving-plans .path1:before {
  content: "\ea0a";
  color: rgb(3, 0, 47);
}

.edel-icon-Saving-plans .path2:before {
  content: "\ea0b";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Saving-plans .path3:before {
  content: "\ea0c";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Saving-plans .path4:before {
  content: "\ea0d";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Saving-plans .path5:before {
  content: "\ea0e";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Saving-plans .path6:before {
  content: "\ea0f";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Saving-plans .path7:before {
  content: "\ea10";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Saving-plans .path8:before {
  content: "\ea11";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Saving-plans .path9:before {
  content: "\ea12";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Saving-plans .path10:before {
  content: "\ea13";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Saving-plans .path11:before {
  content: "\ea14";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Saving-plans .path12:before {
  content: "\ea15";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-Saving-plans .path13:before {
  content: "\ea16";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-protection-plan .path1:before {
  content: "\ea17";
  color: rgb(3, 0, 47);
}

.edel-icon-protection-plan .path2:before {
  content: "\ea18";
  margin-left: -0.9521484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-insurance-cards-2 .path1:before {
  content: "\ea19";
  color: rgb(3, 0, 47);
}

.edel-icon-insurance-cards-2 .path2:before {
  content: "\ea1a";
  margin-left: -0.7998046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-insurance-cards-2 .path3:before {
  content: "\ea1b";
  margin-left: -0.7998046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-insurance-cards-2 .path4:before {
  content: "\ea1c";
  margin-left: -0.7998046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-insurance-cards-2 .path5:before {
  content: "\ea1d";
  margin-left: -0.7998046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-insurance-cards-2 .path6:before {
  content: "\ea1e";
  margin-left: -0.7998046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-insurance-cards-2 .path7:before {
  content: "\ea1f";
  margin-left: -0.7998046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-insurance-cards-2 .path8:before {
  content: "\ea20";
  margin-left: -0.7998046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-insurance-cards-2 .path9:before {
  content: "\ea21";
  margin-left: -0.7998046875em;
  color: rgb(240, 78, 69);
}

.edel-icon-insurance-cards-2 .path10:before {
  content: "\ea22";
  margin-left: -0.7998046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-insurance-cards-2 .path11:before {
  content: "\ea23";
  margin-left: -0.7998046875em;
  color: rgb(240, 78, 69);
}

.edel-icon-wealth-icon .path1:before {
  content: "\ea24";
  color: rgb(3, 0, 47);
}

.edel-icon-wealth-icon .path2:before {
  content: "\ea25";
  margin-left: -0.98046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-wealth-icon .path3:before {
  content: "\ea26";
  margin-left: -0.98046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-wealth-icon .path4:before {
  content: "\ea27";
  margin-left: -0.98046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-wealth-icon .path5:before {
  content: "\ea28";
  margin-left: -0.98046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-wealth-icon .path6:before {
  content: "\ea29";
  margin-left: -0.98046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-wealth-icon .path7:before {
  content: "\ea2a";
  margin-left: -0.98046875em;
  color: rgb(3, 0, 47);
}

.edel-icon-wealth-icon .path8:before {
  content: "\ea2b";
  margin-left: -0.98046875em;
  color: rgb(240, 78, 69);
}

.edel-icon-goals-cup .path1:before {
  content: "\ea2c";
  color: rgb(240, 78, 69);
}

.edel-icon-goals-cup .path2:before {
  content: "\ea2d";
  margin-left: -0.8447265625em;
  color: rgb(3, 0, 47);
}

.edel-icon-tax-benefits .path1:before {
  content: "\ea39";
  color: rgb(229, 229, 229);
}

.edel-icon-tax-benefits .path2:before {
  content: "\eb11";
  margin-left: -1.06640625em;
  color: rgb(255, 255, 255);
}

.edel-icon-tax-benefits .path3:before {
  content: "\f027";
  margin-left: -1.06640625em;
  color: rgb(242, 242, 245);
}

.edel-icon-tax-benefits .path4:before {
  content: "\f028";
  margin-left: -1.06640625em;
  color: rgb(255, 255, 255);
}

.edel-icon-tax-benefits .path5:before {
  content: "\f029";
  margin-left: -1.06640625em;
  color: rgb(240, 78, 69);
}

.edel-icon-tax-benefits .path6:before {
  content: "\f02a";
  margin-left: -1.06640625em;
  color: rgb(240, 78, 69);
}

.edel-icon-tax-benefits .path7:before {
  content: "\f02b";
  margin-left: -1.06640625em;
  color: rgb(240, 78, 69);
}

.edel-icon-tax-benefits .path8:before {
  content: "\f02c";
  margin-left: -1.06640625em;
  color: rgb(240, 78, 69);
}

.edel-icon-tax-benefits .path9:before {
  content: "\f02d";
  margin-left: -1.06640625em;
  color: rgb(0, 0, 0);
}

.edel-icon-tax-benefits .path10:before {
  content: "\f02e";
  margin-left: -1.06640625em;
  color: rgb(0, 0, 0);
}

.edel-icon-tax-benefits .path11:before {
  content: "\f02f";
  margin-left: -1.06640625em;
  color: rgb(0, 0, 0);
}

.edel-icon-Travel-insurance .path1:before {
  content: "\ea3a";
  color: rgb(3, 0, 47);
}

.edel-icon-Travel-insurance .path2:before {
  content: "\f030";
  margin-left: -0.8271484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-Travel-insurance .path3:before {
  content: "\f031";
  margin-left: -0.8271484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-Travel-insurance .path4:before {
  content: "\f032";
  margin-left: -0.8271484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-Travel-insurance .path5:before {
  content: "\f033";
  margin-left: -0.8271484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-Travel-insurance .path6:before {
  content: "\f034";
  margin-left: -0.8271484375em;
  color: rgb(240, 78, 69);
}

.edel-icon-Travel-insurance .path7:before {
  content: "\f035";
  margin-left: -0.8271484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-Travel-insurance .path8:before {
  content: "\f036";
  margin-left: -0.8271484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-Travel-insurance .path9:before {
  content: "\f037";
  margin-left: -0.8271484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-Travel-insurance .path10:before {
  content: "\f038";
  margin-left: -0.8271484375em;
  color: rgb(3, 0, 47);
}

.edel-icon-Motor-insurance .path1:before {
  content: "\ea43";
  color: rgb(3, 0, 47);
}

.edel-icon-Motor-insurance .path2:before {
  content: "\ea44";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path3:before {
  content: "\ea45";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path4:before {
  content: "\ea46";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path5:before {
  content: "\ea47";
  margin-left: -0.8134765625em;
  color: rgb(3, 0, 47);
}

.edel-icon-Motor-insurance .path6:before {
  content: "\ea48";
  margin-left: -0.8134765625em;
  color: rgb(3, 0, 47);
}

.edel-icon-Motor-insurance .path7:before {
  content: "\ea49";
  margin-left: -0.8134765625em;
  color: rgb(3, 0, 47);
}

.edel-icon-Motor-insurance .path8:before {
  content: "\ea4a";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path9:before {
  content: "\ea4b";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path10:before {
  content: "\ea4c";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path11:before {
  content: "\ea4d";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path12:before {
  content: "\ea4e";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path13:before {
  content: "\ea4f";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path14:before {
  content: "\ea50";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path15:before {
  content: "\ea51";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path16:before {
  content: "\ea52";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path17:before {
  content: "\ea53";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path18:before {
  content: "\ea54";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path19:before {
  content: "\ea55";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path20:before {
  content: "\ea56";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Motor-insurance .path21:before {
  content: "\ea57";
  margin-left: -0.8134765625em;
  color: rgb(240, 78, 69);
}

.edel-icon-Health-insurance .path1:before {
  content: "\ea58";
  color: rgb(3, 0, 47);
}

.edel-icon-Health-insurance .path2:before {
  content: "\ea59";
  margin-left: -1.1083984375em;
  color: rgb(240, 78, 69);
}

.edel-icon-Life-insurance .path1:before {
  content: "\ea5a";
  color: rgb(3, 0, 47);
}

.edel-icon-Life-insurance .path2:before {
  content: "\ea5b";
  margin-left: -0.955078125em;
  color: rgb(240, 78, 69);
}

.edel-icon-value-money .path1:before {
  content: "\e9e0";
  color: rgb(240, 78, 69);
}

.edel-icon-value-money .path2:before {
  content: "\e9e6";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-value-money .path3:before {
  content: "\e9e7";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-value-money .path4:before {
  content: "\e9e8";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-value-money .path5:before {
  content: "\e9e9";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-value-money .path6:before {
  content: "\e9ea";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-value-money .path7:before {
  content: "\e9eb";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-value-diamond .path1:before {
  content: "\e9ec";
  color: rgb(240, 78, 69);
}

.edel-icon-value-diamond .path2:before {
  content: "\e9ed";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-value-diamond .path3:before {
  content: "\e9ee";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-value-diamond .path4:before {
  content: "\e9ef";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-value-diamond .path5:before {
  content: "\e9f0";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-value-diamond .path6:before {
  content: "\e9f1";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-note-look .path1:before {
  content: "\e9e1";
  color: rgb(240, 78, 69);
}

.edel-icon-note-look .path2:before {
  content: "\e9e2";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-note-look .path3:before {
  content: "\e9e3";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-note-look .path4:before {
  content: "\e9e4";
  margin-left: -1em;
  color: rgb(240, 78, 69);
}

.edel-icon-note-look .path5:before {
  content: "\e9e5";
  margin-left: -1em;
  color: rgb(3, 0, 47);
}

.edel-icon-attachement:before {
  content: "\e9d2";
}

.edel-icon-checked-half-circle:before {
  content: "\e9d7";
}

.edel-icon-file:before {
  content: "\e9d8";
}

.edel-icon-watchlist-star:before {
  content: "\e9d9";
}

.edel-icon-out:before {
  content: "\e9cd";
}

.edel-icon-In:before {
  content: "\e9ce";
}

.edel-icon-pledging-box:before {
  content: "\e9cc";
}

.edel-icon-calendar-report:before {
  content: "\e9cf";
}

.edel-icon-settings:before {
  content: "\e9ca";
}

.edel-icon-rounded-plus:before {
  content: "\e9c9";
}

.edel-icon-win-back:before {
  content: "\e9c5";
}

.edel-icon-Engagement:before {
  content: "\e9c6";
}

.edel-icon-Activation:before {
  content: "\e9c7";
}

.edel-icon-onBoarding:before {
  content: "\e9c8";
}

.edel-icon-round-circle-minus .path1:before {
  content: "\e9c3";
  color: rgb(3, 0, 47);
}

.edel-icon-round-circle-minus .path2:before {
  content: "\e9c4";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-warning-excla:before {
  content: "\e9c0";
}

.edel-icon-success-circle:before {
  content: "\e9c1";
}

.edel-icon-success-group:before {
  content: "\e9c2";
}

.edel-icon-arrow-down-fillcolor:before {
  content: "\e9b7";
}

.edel-icon-arrow-up-fillcolor:before {
  content: "\e9b8";
}

.edel-icon-lead-logs:before {
  content: "\e9b9";
}

.edel-icon-past-interactions:before {
  content: "\e9ba";
}

.edel-icon-profile-refresh:before {
  content: "\e9bb";
}

.edel-icon-edit-icon-large:before {
  content: "\e9bc";
}

.edel-icon-product-pitch:before {
  content: "\e9bd";
}

.edel-icon-add-expenses:before {
  content: "\e9be";
}

.edel-icon-product-info:before {
  content: "\e9bf";
}

.edel-icon-double-refresh:before {
  content: "\e95a";
}

.edel-icon-cross:before {
  content: "\e9b0";
}

.edel-icon-streaming:before {
  content: "\e9b1";
}

.edel-icon-watchlist-menu:before {
  content: "\e9b2";
}

.edel-icon-events:before {
  content: "\e9b3";
}

.edel-icon-news:before {
  content: "\e9b4";
}

.edel-icon-optionschain:before {
  content: "\e9d0";
}

.edel-icon-download-1:before {
  content: "\e9ae";
}

.edel-icon-paper-trading:before {
  content: "\e9a6";
}

.edel-icon-option-strategy:before {
  content: "\e9aa";
}

.edel-icon-icon-charts:before {
  content: "\e9ab";
}

.edel-icon-setting:before {
  content: "\e966";
}

.edel-icon-import:before {
  content: "\e9af";
}

.edel-icon-preset:before {
  content: "\e967";
}

.edel-icon-compare:before {
  content: "\e968";
}

.edel-icon-move:before {
  content: "\e951";
}

.edel-icon-converte-position:before {
  content: "\e9d1";
}

.edel-icon-duplicate:before {
  content: "\e949";
}

.edel-icon-pin-large:before {
  content: "\e9ac";
}

.edel-icon-watchlist-briefcase:before {
  content: "\e9ad";
}

.edel-icon-loss:before {
  content: "\e9a4";
}

.edel-icon-watchlist-calender:before {
  content: "\e9a7";
}

.edel-icon-pin:before {
  content: "\e9a8";
}

.edel-icon-Add:before {
  content: "\e9d3";
}

.edel-icon-upload-icon1:before {
  content: "\e9a3";
}

.edel-icon-youtube-playbutton:before {
  content: "\e9a2";
}

.edel-icon-eye-show:before {
  content: "\e9a0";
}

.edel-icon-eye-hide:before {
  content: "\e9a1";
}

.edel-icon-option-chain:before {
  content: "\e96b";
}

.edel-icon-read-report:before {
  content: "\e969";
}

.edel-icon-analysis:before {
  content: "\e96a";
}

.edel-icon-alert-icon:before {
  content: "\e963";
}

.edel-icon-round-circle:before {
  content: "\e962";
}

.edel-icon-double-arrow-down:before {
  content: "\e960";
}

.edel-icon-double-arrow-up:before {
  content: "\e961";
}

.edel-icon-diamond:before {
  content: "\e95d";
}

.edel-icon-likes1:before {
  content: "\e99f";
}

.edel-icon-rounded-close:before {
  content: "\e999";
}

.edel-icon-bold-close:before {
  content: "\e998";
}

.edel-icon-wentwrong-search:before {
  content: "\e996";
}

.edel-icon-icon-bell:before {
  content: "\e997";
}

.edel-icon-point-arrow-down:before {
  content: "\e988";
}

.edel-icon-point-arrow-up:before {
  content: "\e989";
}

.edel-icon-excel1:before {
  content: "\e979";
}

.edel-icon-calendar2:before {
  content: "\e96f";
}

.edel-icon-arrow-left1:before {
  content: "\e96e";
}

.edel-icon-arrow-right1:before {
  content: "\e902";
}

.edel-icon-calendar1:before {
  content: "\e96d";
}

.edel-icon-share-icon:before {
  content: "\e96c";
}

.edel-icon-bars1:before {
  content: "\e95f";
}

.edel-icon-search1:before {
  content: "\e95e";
}

.edel-icon-pms:before {
  content: "\e957";
}

.edel-icon-watchlist:before {
  content: "\e952";
}

.edel-icon-markets:before {
  content: "\e953";
}

.edel-icon-Expected-core:before {
  content: "\f2b5";
}

.edel-icon-delay-report:before {
  content: "\f2b6";
}

.edel-icon-fill-arrow-circle:before {
  content: "\f2b7";
}

.edel-icon-quill_paper:before {
  content: "\f24a";
}

.edel-icon-Series-Details:before {
  content: "\f24b";
}

.edel-icon-Order-Details:before {
  content: "\f24c";
}

.edel-icon-Settings:before {
  content: "\f151";
}

.edel-icon-File:before {
  content: "\f152";
}

.edel-icon-Key:before {
  content: "\f153";
}

.edel-icon-Attachments:before {
  content: "\f154";
}

.edel-icon-Rupee-1:before {
  content: "\f155";
}

.edel-icon-Trend:before {
  content: "\f156";
}

.edel-icon-Repairing-Service:before {
  content: "\f157";
}

.edel-icon-Rupee:before {
  content: "\f158";
}

.edel-icon-Design:before {
  content: "\f159";
}

.edel-icon-transaction:before {
  content: "\f15a";
}

.edel-icon-Globalization:before {
  content: "\f15b";
}

.edel-icon-switch:before {
  content: "\f127";
  color: #d9d9d9;
}

.edel-icon-maintain:before {
  content: "\f120";
}

.edel-icon-upload-curve:before {
  content: "\f0b0";
}

.edel-icon-download-curve:before {
  content: "\f0ad";
}

.edel-icon-Transaction-border:before {
  content: "\f0ae";
}

.edel-icon-touchscreen:before {
  content: "\f0af";
}

.edel-icon-market-capital .path1:before {
  content: "\ef1c";
  color: rgb(0, 0, 0);
}

.edel-icon-market-capital .path2:before {
  content: "\ef1d";
  margin-left: -1.0224609375em;
  color: rgb(255, 255, 255);
}

.edel-icon-market-capital .path3:before {
  content: "\ef1e";
  margin-left: -1.0224609375em;
  color: rgb(255, 255, 255);
}

.edel-icon-Bonds:before {
  content: "\ef05";
  color: #6374d5;
}

.edel-icon-Structured-Products-1:before {
  content: "\ef06";
  color: #6374d5;
}

.edel-icon-RBI-Bonds:before {
  content: "\ef07";
  color: #6374d5;
}

.edel-icon-Debentures:before {
  content: "\ef08";
  color: #6374d5;
}

.edel-icon-54ec-bonds:before {
  content: "\ef09";
  color: #6374d5;
}

.edel-icon-offering-etfs:before {
  content: "\ef0a";
  color: #6374d5;
}

.edel-icon-offerings-mf:before {
  content: "\ef0b";
  color: #6374d5;
}

.edel-icon-offering-pms:before {
  content: "\ef0c";
  color: #6374d5;
}

.edel-icon-offering-aif:before {
  content: "\ef0d";
  color: #6374d5;
}

.edel-icon-general-insurance:before {
  content: "\ef0e";
  color: #6374d5;
}

.edel-icon-life-insurance:before {
  content: "\ef0f";
  color: #6374d5;
}

.edel-icon-subfee-infinity:before {
  content: "\ef10";
  color: #6374d5;
}

.edel-icon-offering-commodity:before {
  content: "\ef11";
  color: #6374d5;
}

.edel-icon-offering-currency:before {
  content: "\ef12";
  color: #6374d5;
}

.edel-icon-offering-equity:before {
  content: "\ef13";
  color: #6374d5;
}

.edel-icon-offering-sgb:before {
  content: "\ef14";
  color: #6374d5;
}

.edel-icon-offering-corpFd .path1:before {
  content: "\ef15";
  color: rgb(99, 116, 213);
}

.edel-icon-offering-corpFd .path2:before {
  content: "\ef16";
  margin-left: -1em;
  color: rgb(99, 116, 213);
}

.edel-icon-offering-corpFd .path3:before {
  content: "\ef17";
  margin-left: -1em;
  color: rgb(99, 116, 213);
}

.edel-icon-offering-corpFd .path4:before {
  content: "\ef18";
  margin-left: -1em;
  color: rgb(99, 116, 213);
}

.edel-icon-offering-corpFd .path5:before {
  content: "\ef19";
  margin-left: -1em;
  color: rgb(99, 116, 213);
}

.edel-icon-offering-corpFd .path6:before {
  content: "\ef1a";
  margin-left: -1em;
  color: rgb(99, 116, 213);
}

.edel-icon-offering-corpFd .path7:before {
  content: "\ef1b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.edel-icon-watchlist-color .path1:before {
  content: "\ecdf";
  color: rgb(3, 0, 47);
}

.edel-icon-watchlist-color .path2:before {
  content: "\ece0";
  margin-left: -1.599609375em;
  color: rgb(240, 78, 69);
}

.edel-icon-compare-trends:before {
  content: "\ebab";
}

.edel-icon-orderbook:before {
  content: "\eb6e";
}

.edel-icon-arrow-right-big:before {
  content: "\eb6d";
}

.edel-icon-Strengths:before {
  content: "\ead3";
}

.edel-icon-sound:before {
  content: "\ead4";
}

.edel-icon-Challenges:before {
  content: "\ead5";
}

.edel-icon-hourglass:before {
  content: "\e9dd";
}

.edel-icon-pin-code:before {
  content: "\e9de";
}

.edel-icon-notification-bell:before {
  content: "\e9df";
}

.edel-icon-idle-mic:before {
  content: "\e9dc";
}

.edel-icon-idle-mic-coloured .path1:before {
  content: "\e9da";
  color: rgb(3, 0, 47);
}

.edel-icon-idle-mic-coloured .path2:before {
  content: "\e9db";
  margin-left: -1.0498046875em;
  color: rgb(240, 78, 69);
}

.edel-icon-Folder:before {
  content: "\e9d4";
}

.edel-icon-ticket:before {
  content: "\e9d5";
}

.edel-icon-comment1:before {
  content: "\e9d6";
}

.edel-icon-Reports:before {
  content: "\ea3b";
}

.edel-icon-bank:before {
  content: "\ea3c";
}

.edel-icon-calculator:before {
  content: "\ea3d";
  color: #fff;
}

.edel-icon-assign:before {
  content: "\ea3e";
}

.edel-icon-cross-2:before {
  content: "\ea3f";
}

.edel-icon-smallcase-reports:before {
  content: "\e947";
}

.edel-icon-chart:before {
  content: "\e97a";
}

.edel-icon-list:before {
  content: "\e980";
}

.edel-icon-layers:before {
  content: "\e981";
}

.edel-icon-import1:before {
  content: "\e99c";
}

.edel-icon-Vector-6:before {
  content: "\e99d";
}

.edel-icon-validation:before {
  content: "\e99e";
}

.edel-icon-posible-stocks:before {
  content: "\e970";
}

.edel-icon-msg:before {
  content: "\e99b";
}

.edel-icon-emtpy_icon:before {
  content: "\e99a";
}

.edel-icon-error-msg-icon:before {
  content: "\e98d";
}

.edel-icon-stock-briefcase:before {
  content: "\e995";
}

.edel-icon-left-arrow:before {
  content: "\e994";
}

.edel-icon-calendar-mob:before {
  content: "\e993";
}

.edel-icon-split-icon:before {
  content: "\e98e";
}

.edel-icon-View-png:before {
  content: "\e98f";
}

.edel-icon-View-quote:before {
  content: "\e990";
}

.edel-icon-pnl-alert:before {
  content: "\e991";
}

.edel-icon-edit1:before {
  content: "\e992";
}

.edel-icon-bold-download:before {
  content: "\e98b";
}

.edel-icon-bold-search:before {
  content: "\e98c";
}

.edel-icon-curved-filter:before {
  content: "\e98a";
}

.edel-icon-add1:before {
  content: "\e91f";
}

.edel-icon-sort1:before {
  content: "\e983";
}

.edel-icon-dislike:before {
  content: "\e984";
}

.edel-icon-info1:before {
  content: "\e985";
}

.edel-icon-likes:before {
  content: "\e986";
}

.edel-icon-pledge:before {
  content: "\e987";
}

.edel-icon-info:before {
  content: "\e982";
}

.edel-icon-structured-products:before {
  content: "\e954";
}

.edel-icon-etfs:before {
  content: "\e955";
}

.edel-icon-fo:before {
  content: "\e956";
}

.edel-icon-commodity:before {
  content: "\e958";
}

.edel-icon-currency:before {
  content: "\e959";
}

.edel-icon-mutualfunds:before {
  content: "\e95b";
}

.edel-icon-equity:before {
  content: "\e95c";
}

.edel-icon-copy-icon:before {
  content: "\e964";
}

.edel-icon-pull-transaction:before {
  content: "\e97f";
}

.edel-icon-pdf:before {
  content: "\e97b";
}

.edel-icon-timeout-holding:before {
  content: "\e97c";
}

.edel-icon-sort:before {
  content: "\e97d";
}

.edel-icon-add:before {
  content: "\e97e";
}

.edel-icon-rotate:before {
  content: "\e974";
}

.edel-icon-zoomout:before {
  content: "\e975";
}

.edel-icon-zoomin:before {
  content: "\e976";
}

.edel-icon-next-arrow:before {
  content: "\e977";
}

.edel-icon-previous-arrow:before {
  content: "\e978";
}

.edel-icon-tool:before {
  content: "\e971";
}

.edel-icon-insurance:before {
  content: "\e972";
}

.edel-icon-loan:before {
  content: "\e973";
}

.edel-icon-edel-icon-right-thin-arrow:before {
  content: "\ea40";
}

.edel-icon-edel-logo2:before {
  content: "\e950";
}

.edel-icon-user2:before {
  content: "\e94d";
}

.edel-icon-support:before {
  content: "\e94e";
}

.edel-icon-notification:before {
  content: "\e94f";
}

.edel-icon-logout:before {
  content: "\e94a";
}

.edel-icon-cube:before {
  content: "\e94b";
}

.edel-icon-bars:before {
  content: "\e94c";
}

.edel-icon-dots-three-horizontal:before {
  content: "\e948";
}

.edel-icon-blocked:before {
  content: "\e943";
}

.edel-icon-refresh:before {
  content: "\e944";
}

.edel-icon-link-icon:before {
  content: "\e945";
}

.edel-icon-right-arrow:before {
  content: "\e946";
}

.edel-icon-coins:before {
  content: "\e942";
}

.edel-icon-play:before {
  content: "\e941";
}

.edel-icon-trash:before {
  content: "\e940";
}

.edel-icon-file-upload:before {
  content: "\e93f";
}

.edel-icon-excel:before {
  content: "\e93e";
}

.edel-icon-timer:before {
  content: "\e93c";
}

.edel-icon-flash:before {
  content: "\e93d";
}

.edel-icon-user1:before {
  content: "\e93b";
}

.edel-icon-email:before {
  content: "\e936";
}

.edel-icon-fax:before {
  content: "\e937";
}

.edel-icon-link:before {
  content: "\e938";
}

.edel-icon-phone1:before {
  content: "\e939";
}

.edel-icon-website:before {
  content: "\e93a";
}

.edel-icon-edel-logo1:before {
  content: "\e935";
}

.edel-icon-eye-cross:before {
  content: "\e934";
}

.edel-icon-star-filled:before {
  content: "\e932";
}

.edel-icon-star-unfilled:before {
  content: "\e933";
}

.edel-icon-communication:before {
  content: "\e92c";
}

.edel-icon-fast-time:before {
  content: "\e92d";
}

.edel-icon-people-talk:before {
  content: "\e92e";
}

.edel-icon-phone:before {
  content: "\e92f";
}

.edel-icon-star-plus:before {
  content: "\e930";
}

.edel-icon-user-circle:before {
  content: "\e92b";
}

.edel-icon-password:before {
  content: "\e928";
}

.edel-icon-forgot-login:before {
  content: "\e927";
}

.edel-icon-unlock:before {
  content: "\e929";
}

.edel-icon-yob:before {
  content: "\e92a";
}

.edel-icon-edit:before {
  content: "\e926";
}

.edel-icon-eye:before {
  content: "\e925";
}

.edel-icon-purse:before {
  content: "\e924";
}

.edel-icon-arrow-right:before {
  content: "\e923";
}

.edel-icon-insufficient-funds:before {
  content: "\e922";
}

.edel-icon-minus:before {
  content: "\e920";
}

.edel-icon-plus:before {
  content: "\e921";
}

.edel-icon-select:before {
  content: "\e91e";
}

.edel-icon-arrow-up:before {
  content: "\e91c";
}

.edel-icon-filter:before {
  content: "\e91d";
}

.edel-icon-clock:before {
  content: "\e904";
}

.edel-icon-key-horz:before {
  content: "\e91a";
}

.edel-icon-calendar:before {
  content: "\e919";
}

.edel-icon-star:before {
  content: "\e916";
}

.edel-icon-double-arrow-left:before {
  content: "\e914";
}

.edel-icon-double-arrow-right:before {
  content: "\e915";
}

.edel-icon-search:before {
  content: "\e913";
}

.edel-icon-arrow-left:before {
  content: "\e912";
}

.edel-icon-arrow-down:before {
  content: "\e911";
}

.edel-icon-tick:before {
  content: "\e906";
}

.edel-icon-download:before {
  content: "\e910";
}

.edel-icon-user:before {
  content: "\e90f";
}

.edel-icon-faqs:before {
  content: "\e90d";
}

.edel-icon-login-help:before {
  content: "\e90e";
}

.edel-icon-bulb:before {
  content: "\e90c";
}

.edel-icon-locate-us:before {
  content: "\e907";
}

.edel-icon-edel-logo:before {
  content: "\e908";
}

.edel-icon-announce:before {
  content: "\e909";
}

.edel-icon-email-us:before {
  content: "\e90a";
}

.edel-icon-call:before {
  content: "\e90b";
}

.edel-icon-twitter:before {
  content: "\f099";
}

.edel-icon-facebook:before {
  content: "\f09a";
}

.edel-icon-google-plus:before {
  content: "\f0d5";
}

.edel-icon-linkedin:before {
  content: "\f0e1";
}

.edel-icon-youtube:before {
  content: "\f167";
}

.edel-icon-instagram:before {
  content: "\f16d";
}

.edel-icon-whatsapp:before {
  content: "\f232";
}

.edel-icon-caret-down:before {
  content: "\f0d7";
}

.edel-icon-caret-up:before {
  content: "\f0d8";
}

.edel-icon-call1:before {
  content: "\e905";
}

.edel-icon-close:before {
  content: "\e91b";
}

.edel-icon-collapse:before {
  content: "\e903";
}

.edel-icon-expand:before {
  content: "\e901";
}

.edel-icon-exclamation:before {
  content: "\e900";
}

.edel-icon-comment:before {
  content: "\e917";
}

.edel-icon-tooltip:before {
  content: "\e918";
}

.edel-icon-timeout:before {
  content: "\e931";
}@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}
:root {
  font-size: 16px;
}

.sort-drop {
  width: 398px;
  background-color: #f2f2f5;
  border-radius: 5px;
  padding: 20px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  margin-top: 10px;
  position: absolute;
  z-index: 6;
  right: 8px;
}
.sort-drop-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 20px 0px 20px;
  width: 358px;
  background: #ffffff;
  border-radius: 5px;
}
.sort-drop-body .sort-drop-bodylist {
  margin: 0;
  padding: 0;
  width: 100%;
}
.sort-drop-body .sort-drop-bodylist li {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
}
.sort-drop-body .sort-drop-bodylist li:active, .sort-drop-body .sort-drop-bodylist li:hover {
  color: #03002f;
  cursor: pointer;
}
.sort-drop-body .sort-drop-bodylist li label:hover,
.sort-drop-body .sort-drop-bodylist li label:active {
  cursor: pointer;
}
.sort-drop-body .sort-drop-bodylist li .light-right {
  color: #b8b8b8;
}
.sort-drop-body .sort-drop-bodylist li .bodylist-right {
  display: flex;
  padding: 0 5px;
}
.sort-drop-body .sort-drop-bodylist li .bodylist-right i {
  padding-left: 10px;
}
.sort-drop-body .sort-drop-bodylist .nested-list label {
  margin-bottom: 10px;
}
.sort-drop-body .sort-drop-bodylist .nested-list li {
  margin-left: 20px;
  padding: 0;
}
.sort-drop-footer {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.sort-drop-footer .filter-button {
  background-color: #03002f;
  color: #ffffff;
}
.sort-drop-footer .filter-button:hover {
  background-color: #03002f;
  color: #ffffff;
}
.sort-drop-footer .reset-button {
  background-color: transparent;
  color: #03002f;
}
.sort-drop-footer .reset-button:hover {
  background-color: #03002f;
  color: #ffffff;
}
.sort-drop-footer .reset-button,
.sort-drop-footer .filter-button {
  padding: 14px 28px;
  border-radius: 6px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  width: 48%;
  border: 1px solid #03002f;
}

.light-blue {
  color: #03002f !important;
}

.sort-drop-light-blue-theme {
  width: 398px;
  background-color: #f0f9ff;
  border-radius: 5px;
  padding: 20px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  margin-top: 10px;
  position: absolute;
  z-index: 6;
  right: 8px;
}
.sort-drop-light-blue-theme .sort-drop-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 20px 0px 20px;
  width: 358px;
  background: #ffffff;
  border-radius: 5px;
}
.sort-drop-light-blue-theme .sort-drop-body .sort-drop-bodylist {
  margin: 0;
  padding: 0;
  width: 100%;
}
.sort-drop-light-blue-theme .sort-drop-body .sort-drop-bodylist li {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
}
.sort-drop-light-blue-theme .sort-drop-body .sort-drop-bodylist li:active, .sort-drop-light-blue-theme .sort-drop-body .sort-drop-bodylist li:hover {
  color: #3580f7;
  cursor: pointer;
}
.sort-drop-light-blue-theme .sort-drop-body .sort-drop-bodylist li label:hover,
.sort-drop-light-blue-theme .sort-drop-body .sort-drop-bodylist li label:active {
  cursor: pointer;
}
.sort-drop-light-blue-theme .sort-drop-body .sort-drop-bodylist li .light-right {
  color: #b8b8b8;
}
.sort-drop-light-blue-theme .sort-drop-body .sort-drop-bodylist li .bodylist-right {
  display: flex;
  padding: 0 5px;
}
.sort-drop-light-blue-theme .sort-drop-body .sort-drop-bodylist li .bodylist-right i {
  padding-left: 10px;
}
.sort-drop-light-blue-theme .sort-drop-body .sort-drop-bodylist .nested-list label {
  margin-bottom: 10px;
}
.sort-drop-light-blue-theme .sort-drop-body .sort-drop-bodylist .nested-list li {
  margin-left: 20px;
  padding: 0;
}
.sort-drop-light-blue-theme .sort-drop-footer {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.sort-drop-light-blue-theme .sort-drop-footer .filter-button {
  background-color: #3580f7;
  color: #ffffff;
}
.sort-drop-light-blue-theme .sort-drop-footer .filter-button:hover {
  background-color: #3580f7;
  color: #ffffff;
}
.sort-drop-light-blue-theme .sort-drop-footer .reset-button {
  background-color: transparent;
  color: #3580f7;
}
.sort-drop-light-blue-theme .sort-drop-footer .reset-button:hover {
  background-color: #3580f7;
  color: #ffffff;
}
.sort-drop-light-blue-theme .sort-drop-footer .reset-button,
.sort-drop-light-blue-theme .sort-drop-footer .filter-button {
  padding: 14px 28px;
  border-radius: 6px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  width: 48%;
  border: 1px solid #3580f7;
}.custom-report-new-theme .container {
  max-width: 1320px !important;
}
.custom-report-new-theme .container .teleport-switch-control-description {
  font-size: 0.75rem !important;
  color: #03002f !important;
}
.custom-report-new-theme .holding-tabs .nav-tabs li button.active {
  color: #03002f !important;
  border-color: #03002f !important;
}
.custom-report-new-theme .holding-tabs > .nav-tabs {
  top: 93px !important;
  line-height: 30px !important;
  z-index: 9 !important;
}
@media (max-width: 768px) {
  .custom-report-new-theme .holding-tabs > .nav-tabs {
    top: 60px !important;
  }
}
.custom-report-new-theme .holding-tabs #search-filter {
  margin-top: 30px !important;
}
.custom-report-new-theme .holding-tabs .tabs_pnl .pnl_tabs {
  top: 5px !important;
  z-index: 2 !important;
}
@media (max-width: 768px) {
  .custom-report-new-theme .holding-tabs .tabs_pnl .pnl_tabs::-webkit-scrollbar-thumb {
    background: #03002f !important;
  }
}
.custom-report-new-theme .holding-tabs .tab-content .date-text {
  line-height: 40px !important;
}
.custom-report-new-theme .holding-tabs .nav-tabs li button {
  line-height: 30px !important;
}
.custom-report-new-theme .dock_div {
  top: 125px !important;
}
.custom-report-new-theme .container .holding-tabs .ed-table #tableContent td:first-child {
  background-color: unset !important;
}
.custom-report-new-theme .custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator {
  border-color: #03002f !important;
}
.custom-report-new-theme .assetClassBgBlue .assetClassBgBlue_value {
  color: #03002f;
}
.custom-report-new-theme .holding_summary.background_blue {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .downloads {
  background-color: #f2f2f5 !important;
  color: #03002f !important;
}
.custom-report-new-theme .downloads .download-drop {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .downloads .download-drop .download-drop-bodylist .list-title:hover {
  color: #03002f !important;
}
.custom-report-new-theme .downloads .edel-icon-download {
  color: #03002f !important;
}
.custom-report-new-theme .downloads .edel-icon-download::before {
  color: #03002f !important;
}
.custom-report-new-theme .searchbar-c .input-group .input-group-prepend .edel-icon-search {
  background-color: #f2f2f5 !important;
  color: #03002f !important;
}
.custom-report-new-theme .searchbar-c .input-group .form-control {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .sort button {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .sort button i::before {
  color: #03002f !important;
}
.custom-report-new-theme .filter button {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .filter button i::before {
  color: #03002f !important;
}
.custom-report-new-theme .filter .filterasset-drop {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .filter .filterasset-drop-footer {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .filter .filterasset-drop-footer .filter-button.clear_all {
  border: 1px solid #e7e7e7 !important;
  color: #444444 !important;
  background-color: transparent !important;
}
.custom-report-new-theme .filter .filterasset-drop-footer .filter-button.clear_all:hover {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.custom-report-new-theme .filter .filterasset-drop-footer .filter-button.aply-btn {
  background-color: #03002f !important;
}
.custom-report-new-theme .filter .filterasset-drop-footer .filter-button-disable {
  background-color: #e7e7e7 !important;
}
.custom-report-new-theme .filter .filterasset-drop-body .checkbox .edel-icon-tick {
  border: 1px solid #e7e7e7;
}
.custom-report-new-theme .filter .filterasset-drop-body input[type=checkbox]:checked + .checked {
  background-color: #03002f !important;
}
.custom-report-new-theme .customFormSection .input-group-text .edel-icon-calendar-report {
  color: #03002f !important;
}
.custom-report-new-theme .customFormSection .input-group-text span {
  color: #03002f !important;
}
.custom-report-new-theme .customFormSection .radio input[type=radio]:checked {
  border: 1px solid #03002f !important;
}
.custom-report-new-theme .customFormSection .radio input[type=radio]:checked:before {
  background-color: #03002f !important;
}
.custom-report-new-theme .customFormSection .checkbox .form-check .form-check-input:checked {
  background-color: #03002f !important;
}
.custom-report-new-theme .customFormSection .edel-icon-add {
  color: #03002f !important;
}
.custom-report-new-theme .qtycheckbox .form-check-input:checked {
  background-color: #03002f !important;
  border: 1px solid #03002f !important;
}
.custom-report-new-theme .calendar_change span {
  color: #03002f !important;
}
.custom-report-new-theme .calendar_change .edel-icon-calendar2 {
  color: #03002f !important;
}
.custom-report-new-theme .calendar_date .fin_year {
  font-size: 1.25rem !important;
  font-family: "DMSansBold" !important;
}
.custom-report-new-theme .calendar_container {
  box-shadow: inset 0px 0px 0px 20px #f2f2f5 !important;
}
.custom-report-new-theme .calendar_container .calendar_list span:hover {
  background-color: #03002f !important;
}
.custom-report-new-theme .calendar_container .calendar_list span:hover .edel-icon-arrow-right1 {
  color: #ffffff !important;
}
.custom-report-new-theme .calendar_container .calendar_list span .edel-icon-arrow-right1 {
  color: #03002f !important;
}
.custom-report-new-theme .calendar_container .calendar_arrow {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .year_container {
  border: 1px solid #e7e7e7 !important;
}
.custom-report-new-theme .year_container .financial_year:hover span {
  background-color: #03002f !important;
}
.custom-report-new-theme .qty-drop .qty-drop-body {
  background-color: #f2f2f5 !important;
  border: 1px solid #e7e7e7 !important;
}
.custom-report-new-theme .view-pnl-reports-table .pnl-view-table-css thead th {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .selected_option {
  border: 1px solid #e7e7e7 !important;
  color: #03002f !important;
}
.custom-report-new-theme .selected_option .edel-icon-arrow-down {
  color: #03002f !important;
}
.custom-report-new-theme .pnl-actions .summarize-pnl .summarize .custom-control.border-switch .border-switch-control-indicator::after {
  background-color: #b8b8b8 !important;
}
.custom-report-new-theme .pnl-actions .summarize-pnl .summarize .custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator {
  border: 1px solid #03002f !important;
}
.custom-report-new-theme .pnl-actions .summarize-pnl .summarize .custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator::after {
  background-color: #03002f !important;
}
.custom-report-new-theme .calender-section {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.custom-report-new-theme .pnl_table #pnl_head tr td {
  padding-top: 10px !important;
}
.custom-report-new-theme .edel-icon-double-arrow-right,
.custom-report-new-theme .edel-icon-double-arrow-left {
  color: #03002f !important;
}
.custom-report-new-theme .container .holding-tabs #search-filter .taptopledge {
  padding-left: 15px !important;
}
.custom-report-new-theme .container .holding-tabs #search-filter .taptopledge i {
  color: #03002f !important;
}
.custom-report-new-theme .container .holding-tabs #search-filter .d-flex .quantity .btn-select-qty.btn-select-qty-new {
  font-size: 13px !important;
  color: #03002f !important;
}
.custom-report-new-theme .download-drop-bodylist i {
  color: #03002f !important;
}
.custom-report-new-theme .modalBackground {
  width: 100% !important;
  height: 100% !important;
}
.custom-report-new-theme .downloadHoldingDesk-form .btn-primary {
  background-color: #03002f !important;
  border: 1px solid #03002f !important;
}
.custom-report-new-theme .ed-sort-label-wrapper .sort-tag-container {
  border: 1px solid #03002f !important;
}
.custom-report-new-theme .ed-sort-label-wrapper .sort-tag-container .ed-sort-label-text,
.custom-report-new-theme .ed-sort-label-wrapper .sort-tag-container .edel-icon-point-arrow-down,
.custom-report-new-theme .ed-sort-label-wrapper .sort-tag-container .edel-icon-sort {
  color: #03002f !important;
}
.custom-report-new-theme .filters-tag {
  gap: 5px !important;
}
.custom-report-new-theme .filters-tag .ed-filter-label-wrapper .tag-container {
  border: 1px solid #03002f !important;
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .filters-tag .ed-filter-label-wrapper .tag-container .ed-filter-label-text {
  color: #03002f !important;
}
.custom-report-new-theme .filter-s.filters-dock {
  top: 209px !important;
}
.custom-report-new-theme .container .holding-tabs .ed-table #table-headings.adjust_desk_dock {
  top: 275px !important;
}
.custom-report-new-theme .dock_filter_desk {
  top: 110px !important;
  padding-top: 10px !important;
}
.custom-report-new-theme .pnl_table #pnl_head.adjust_desk_dock {
  top: 160px !important;
}
.custom-report-new-theme .remove-button-report .custom_btn {
  border: 1px solid #03002f !important;
  background-color: #03002f !important;
  color: #ffffff !important;
}
.custom-report-new-theme .filters-tag .ed-filter-label-wrapper span.edel-icon-close {
  color: #03002f !important;
}
.custom-report-new-theme .arr-color {
  color: #03002f !important;
}
.custom-report-new-theme .qty-drop-body .qty-drop-bodylist li:active,
.custom-report-new-theme .qty-drop-body .qty-drop-bodylist li:hover {
  color: #03002f !important;
}
.custom-report-new-theme .form-check-input:focus {
  border-color: #e7e7e7 !important;
}
.custom-report-new-theme .drawer__handle-wrapper .from_to_container_new .inputFieldCalendarIcon {
  background-color: #ffffff !important;
}
.custom-report-new-theme #dashboard-table#table-headings {
  z-index: 8;
}

.stock-details .stock-details-head {
  background-color: #f2f2f5 !important;
}
.stock-details .stock-details-head .edel-icon-arrow-right1 {
  color: #444444 !important;
}
.stock-details .transaction-table-block .generic-tabs .nav-tabs .nav-item .nav-link.active {
  color: #03002f !important;
  border-color: #03002f !important;
}
.stock-details .txn-detail .view-txn {
  color: #03002f !important;
}

#pnl-view-transaction-report .pnl-view-header-section .container-generic .edel-icon-left-arrow::before {
  color: #03002f !important;
}
#pnl-view-transaction-report .pnl-view-table-css thead th {
  background-color: #f2f2f5 !important;
}
#pnl-view-transaction-report .pnl-edit-checkbox input:checked ~ .teleport-switch-control-indicator {
  background-color: #03002f !important;
}

.pnl-actions .searchbar-c .input-group-prepend i {
  color: #03002f !important;
}

.background_blue {
  background-color: #f2f2f5 !important;
}

@media (max-width: 768px) {
  .summary_details.png-container-wrapper .dayspnl-container {
    background-color: #f2f2f5 !important;
  }
  .filter-wrapper {
    background-color: #f2f2f5 !important;
  }
  .filter-wrapper .downloads button {
    background-color: #f2f2f5 !important;
  }
  .filter-wrapper .searchbar-c input {
    background-color: #f2f2f5 !important;
  }
  .custom-report-new-theme .mob-filterasset-drop-head {
    background-color: #f2f2f5 !important;
  }
  .custom-report-new-theme .mob-filterasset-drop .bodylist .checkbox .checked {
    border: 1px solid #e7e7e7 !important;
  }
  .custom-report-new-theme .mob-filterasset-drop .bodylist input[type=checkbox] {
    opacity: 0;
    width: 0px;
    height: 0px;
  }
  .custom-report-new-theme .mob-filterasset-drop .bodylist input[type=checkbox]:checked + .checked {
    background-color: #03002f !important;
    border: 1px solid #03002f !important;
  }
  .custom-report-new-theme .mob-filterasset-drop-head .down-bar-right {
    color: #03002f !important;
  }
  .custom-report-new-theme .mob-sort-drop-head {
    background-color: #f2f2f5 !important;
  }
  .custom-report-new-theme .container .holding-tabs #search-filter .d-flex .quantity .tap-to-pledge a,
  .custom-report-new-theme .container .holding-tabs #search-filter .d-flex .square_off .tap-to-pledge a {
    color: #03002f !important;
  }
  .custom-report-new-theme .all-quantity .btn-select-qty-mob {
    color: #03002f !important;
  }
  .custom-report-new-theme .edel-icon-bold-search,
  .custom-report-new-theme .edel-icon-pledge,
  .custom-report-new-theme .edel-icon-bold-download,
  .custom-report-new-theme .edel-icon-arrow-down {
    color: #03002f !important;
  }
  .custom-report-new-theme .container #holdings .png-container-wrapper .dayspnl-container {
    background-color: #f2f2f5 !important;
  }
  .custom-report-new-theme section#tax .tax-summary .tax-summary-container .summary-section-bottom {
    background-color: #f2f2f5 !important;
  }
  .custom-report-new-theme .download-drop,
  .custom-report-new-theme .dashboard_dayspnl-mob {
    background-color: #f2f2f5 !important;
  }
  .custom-report-new-theme .drawer_year_container .mob_year_container span {
    display: flex !important;
    align-items: center !important;
  }
  .custom-report-new-theme .drawer_year_container .mob_year_container span i {
    padding: 0px !important;
  }
}
.midnight-blue-color {
  color: #03002f !important;
  font-weight: 500;
}

.transaction-table-block .generic-tabs .nav-tabs .nav-item .nav-link.active {
  color: #03002f !important;
  border-bottom: 1px solid #03002f !important;
}

.pnl-stock-details .edel-icon-arrow-right1,
.pnl-stock-details .edel-icon-arrow-down {
  color: #444444 !important;
}
.pnl-stock-details .pnl-stock-details-head {
  background-color: #f2f2f5 !important;
}
.pnl-stock-details .pnl-stock-details-head .edel-icon-arrow-right1 {
  color: #444444 !important;
}
.pnl-stock-details .pnl-stock-details-body .trade-header .trade-section-head .expand {
  background-color: #f2f2f5 !important;
  color: #03002f !important;
}
.pnl-stock-details .pnl-stock-details-body .trade-header .trade-section-head .expand .edel-icon-arrow-up {
  color: #03002f !important;
}
.pnl-stock-details .txn-detail .view-txn {
  color: #03002f !important;
}
.pnl-stock-details .txn-detail .download-txn {
  color: #03002f !important;
}

#pnl-view-transaction-report .pnl-summary-details {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px !important;
}

.report-tags-block .assetClassBgBlue {
  border: 1px solid #03002f !important;
}
.report-tags-block .assetClassBgBlue .assetClassBgBlue_value {
  color: #03002f !important;
}

.pnl-actions .filterasset-drop-footer .filter-button {
  border: 1px solid #03002f !important;
  color: #03002f !important;
}
.pnl-actions .filterasset-drop-footer .filter-button.aply-btn {
  color: #ffffff !important;
}
.pnl-actions .filterasset-drop-footer .filter-button:hover {
  background-color: #03002f !important;
  color: #ffffff !important;
}

.modalDPTitle .modal-content .modal-header {
  background-color: #f2f2f5 !important;
}

.view-pnl-reports-table table tbody tr:nth-of-type(even) > * {
  background-color: #f2f2f5 !important;
}

.transaction-table-block .edel-icon-edit:before {
  color: #03002f !important;
}

.modal-open .ed-generic-modal.edit-transaction .modal-dialog .modal-content .ed-generic-header.modal-header {
  background-color: #f2f2f5 !important;
}
.modal-open .ed-generic-modal.edit-transaction .modal-dialog .modal-content .ed-generic-header.modal-header .modal-title {
  background-color: #f2f2f5 !important;
}
.modal-open .ed-generic-modal.edit-transaction .modal-dialog .modal-content .ed-generic-header.modal-header .modal-title .edel-icon-arrow-left1 {
  color: #03002f !important;
}

.modal-open .ed-generic-modal.edit-transaction .modal-dialog .modal-content .modal-body .confirmation-btn button {
  background-color: #03002f !important;
}

.modal-open .ed-generic-modal.edit-transaction .modal-dialog .modal-content .ed-generic-header.modal-header .modal-title {
  background-color: #f2f2f5 !important;
}

.modal-open .ed-generic-modal.edit-transaction .modal-dialog .modal-content .modal-body .split-cta div button {
  color: #03002f !important;
}

.custom-report-new-theme .show-gains-container .remove-bg.downloads {
  background-color: unset !important;
}
.custom-report-new-theme .filterasset-drop-light-blue-theme {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .filterasset-drop-light-blue-theme .color_blue {
  color: #03002f !important;
}
.custom-report-new-theme .filterasset-drop-light-blue-theme .checkbox {
  font-family: "DMSansNormal" !important;
}
.custom-report-new-theme .sort-drop-light-blue-theme {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .sort-drop-light-blue-theme .sort-drop-footer .reset-button,
.custom-report-new-theme .sort-drop-light-blue-theme .sort-drop-footer .filter-button {
  background-color: #03002f !important;
  border: 1px solid #03002f !important;
  color: #ffffff !important;
}
.custom-report-new-theme .custom-control.border-switch .border-switch-control-input.border-switch-control-input-new:checked ~ .border-switch-control-indicator::after {
  background-color: #03002f !important;
}
.custom-report-new-theme .other-report-tabs.generic-tabs .nav-tabs li button.active {
  border-bottom: 1px solid #03002f !important;
  color: #03002f !important;
  font-family: "DMSansMedium" !important;
  font-size: 0.875rem !important;
}
.custom-report-new-theme .secondary-navy-theme .common-datepicker .edel-icon-calendar-report::before {
  color: #03002f !important;
}
.custom-report-new-theme .react-datepicker__navigation--years-previous,
.custom-report-new-theme .react-datepicker__navigation--years-upcoming {
  display: none;
}
.custom-report-new-theme .secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__day--selected,
.custom-report-new-theme .secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__day--in-selecting-range,
.custom-report-new-theme .secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__day--in-range,
.custom-report-new-theme .secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__month-text--selected,
.custom-report-new-theme .secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__month-text--in-selecting-range,
.custom-report-new-theme .secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__month-text--in-range,
.custom-report-new-theme .secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__quarter-text--selected,
.custom-report-new-theme .secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__quarter-text--in-selecting-range,
.custom-report-new-theme .secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__quarter-text--in-range,
.custom-report-new-theme .secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__year-text--selected,
.custom-report-new-theme .secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__year-text--in-selecting-range,
.custom-report-new-theme .secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__year-text--in-range {
  background-color: #03002f !important;
}
.custom-report-new-theme .other-report-tabs.generic-tabs .nav-tabs li button {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}
.custom-report-new-theme .secondary-navy-theme .modalHoldingTitle .modal-content .modal-header {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .secondary-navy-theme .custom_buttons button {
  border: 1px solid #03002f !important;
  color: #03002f !important;
}
.custom-report-new-theme .secondary-navy-theme .custom_buttons .active {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.custom-report-new-theme .secondary-navy-theme .custom_buttons button:hover {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.custom-report-new-theme .bg-secondarynavy {
  background-color: #03002f !important;
}
.custom-report-new-theme .holding-tabs-scrollable {
  display: flex;
  overflow-x: scroll;
  flex-wrap: nowrap;
}
.custom-report-new-theme .holding-tabs-scrollable::-webkit-scrollbar {
  width: 2px !important;
  height: 2px !important;
}
.custom-report-new-theme .holding-tabs-scrollable {
  /* Track */
}
.custom-report-new-theme .holding-tabs-scrollable::-webkit-scrollbar-track {
  background: transparent;
}
.custom-report-new-theme .holding-tabs-scrollable {
  /* Handle */
}
.custom-report-new-theme .holding-tabs-scrollable::-webkit-scrollbar-thumb {
  background: #03002f;
}
.custom-report-new-theme .mob-filterasset-drop-footer .ed_button.apply_filter {
  background-color: #03002f !important;
}
.custom-report-new-theme .reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-header {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .react-datepicker .react-datepicker__day--selected,
.custom-report-new-theme .react-datepicker .react-datepicker__day--in-selecting-range,
.custom-report-new-theme .react-datepicker .react-datepicker__day--in-range,
.custom-report-new-theme .react-datepicker .react-datepicker__month-text--selected,
.custom-report-new-theme .react-datepicker .react-datepicker__month-text--in-selecting-range,
.custom-report-new-theme .react-datepicker .react-datepicker__month-text--in-range,
.custom-report-new-theme .react-datepicker .react-datepicker__quarter-text--selected,
.custom-report-new-theme .react-datepicker .react-datepicker__quarter-text--in-selecting-range,
.custom-report-new-theme .react-datepicker .react-datepicker__quarter-text--in-range,
.custom-report-new-theme .react-datepicker .react-datepicker__year-text--selected,
.custom-report-new-theme .react-datepicker .react-datepicker__year-text--in-selecting-range,
.custom-report-new-theme .react-datepicker .react-datepicker__year-text--in-range {
  background-color: #03002f !important;
}
.custom-report-new-theme .report-common-modal.modalDPTitle .radio input[type=radio]:before {
  margin: 0px auto;
  height: 100%;
  width: 100%;
  border: 2px solid #ffffff !important;
}
.custom-report-new-theme .modalDPTitle .lightblue-radio .form-check-input:checked[type=radio] {
  border: 2px solid #03002f !important;
}
.custom-report-new-theme .modalDPTitle .lightblue-radio input[type=radio]:checked:before {
  background: #03002f !important;
}
.custom-report-new-theme .container .holding-tabs .nav-tabs li button.active {
  font-family: "DMSansMedium";
}
.custom-report-new-theme .react-datepicker .react-datepicker__day:hover {
  color: #ffffff !important;
  background-color: #03002f !important;
}
.custom-report-new-theme .mob-sort-drop-footer input {
  background-color: #03002f !important;
}
.custom-report-new-theme .mob-filterasset-drop-footer {
  left: 0px !important;
}
.custom-report-new-theme .mob-download-drop-body li p {
  color: #03002f !important;
}
@media (max-width: 768px) {
  .custom-report-new-theme .mob-download-drop-body ul li .openLink i {
    background-color: #f2f2f5 !important;
    color: #03002f !important;
  }
  .custom-report-new-theme .mobForm-new .mobFormWrap.mobFormWrap-new {
    background-color: #f2f2f5 !important;
  }
  .custom-report-new-theme .mobForm-new .custom_btn.custom_btn-new {
    background-color: #03002f !important;
    color: #03002f !important;
  }
}
.custom-report-new-theme .drawer_year_container .mob_year_container {
  background: #f2f2f5 !important;
}
.custom-report-new-theme .secondary-navy-theme .common-datepicker .custom_heading {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .light-blue-theme .mobFormWrap {
  background-color: #f2f2f5 !important;
}
.custom-report-new-theme .light-blue-theme .custom_btn:disabled {
  background-color: #03002f !important;
  border-color: #03002f !important;
}
.custom-report-new-theme .mob-sort-drop-footer {
  left: 0px !important;
}
.custom-report-new-theme .mob-sort-drop-head .down-bar-right {
  color: #03002f !important;
}
.custom-report-new-theme .edel-icon-arrow-left1 {
  color: #03002f !important;
}
.custom-report-new-theme .mob-stock-details-head {
  background-color: #f2f2f5 !important;
}

.customForm.mobForm.mobForm-new {
  background-color: #f2f2f5 !important;
}
.customForm.mobForm.mobForm-new .dateWrap .input-group-append .change-text {
  color: #03002f !important;
}
.customForm.mobForm.mobForm-new .custom_btn.custom_btn-new {
  background-color: #03002f !important;
}

@media (max-width: 768px) {
  .mobForm-new .mobFormWrap.mobFormWrap-new {
    background-color: #f2f2f5 !important;
  }
  .mobForm .mobFormHead i {
    color: #03002f !important;
  }
  .mobFormWrap-new .datePickerModal input {
    background-color: unset !important;
  }
  .mobFormWrap-new .date-container {
    background-color: #f2f2f5 !important;
  }
  .mobFormWrap-new .react-datepicker .react-datepicker__day:hover {
    background: #03002f !important;
  }
  .radio.report-format input[type=radio]:checked:before {
    background-color: #ffffff !important;
  }
  .blue_bg-new.mail .mail-input input {
    background-color: #ffffff !important;
  }
  .blue_bg-new.mail .mail-input input .icon i {
    color: #03002f !important;
  }
  .blue_bg-new.mail .icon i {
    color: #03002f !important;
  }
  .calendar_date .calendar_change {
    color: #03002f !important;
  }
  .btn-bg-report {
    background-color: #03002f !important;
  }
}:root {
  font-size: 16px;
}

.shareSocialLinks .share_button {
  margin-right: 15px;
}
@media (max-width: 1023px) {
  .shareSocialLinks .share_button {
    margin-right: 20px;
  }
}
.shareSocialLinks .share_button svg {
  border: 1px solid #e7e7e7;
  height: 50px;
  width: 50px;
  border-radius: 5px;
}
@media (max-width: 1023px) {
  .shareSocialLinks .share_button svg {
    height: 40px;
    width: 40px;
  }
}
.shareSocialLinks .share_button svg rect {
  fill: transparent;
}
.shareSocialLinks .share_button svg path {
  fill: red;
}
.shareSocialLinks .twitter .share_button svg path {
  fill: #55a8dc;
}
.shareSocialLinks .facebook .share_button svg path {
  fill: #425a95;
}
.shareSocialLinks .linkedIn .share_button svg {
  border: 1px solid #e7e7e7;
}
.shareSocialLinks .linkedIn .share_button svg path {
  fill: #3679b1;
}
.shareSocialLinks .whatsapp .share_button {
  margin: 0px;
}
.shareSocialLinks .whatsapp .share_button svg {
  border: 1px solid #e7e7e7;
}
.shareSocialLinks .whatsapp .share_button svg rect {
  fill: transparent;
}
.shareSocialLinks .whatsapp .share_button svg path {
  fill: #1faf38;
}
.shareSocialLinks .instagram .share_button svg {
  border: 1px solid #e7e7e7;
}
.shareSocialLinks .instagram .share_button svg rect {
  fill: transparent;
}
.shareSocialLinks .instagram .share_button svg path {
  fill: #3679b1;
}
.shareSocialLinks .gmail .share_button svg {
  border: 1px solid #e7e7e7;
}
.shareSocialLinks .gmail .share_button svg rect {
  fill: transparent;
}
.shareSocialLinks .gmail .share_button svg path {
  fill: #3679b1;
}
.shareSocialLinks .copyLink .copyLink_wrap {
  text-align: center;
  margin-top: 40px;
}
@media (max-width: 1023px) {
  .shareSocialLinks .copyLink .copyLink_wrap {
    margin-top: 0px;
    padding: 0px 15px 40px;
  }
}
.shareSocialLinks .copyLink .copyLink_wrap h6 {
  font-size: 1rem;
  line-height: 22.4px;
  font-family: "DMSansMedium";
  color: #727271;
  margin-bottom: 10px;
  text-align: left;
}
@media (max-width: 1023px) {
  .shareSocialLinks .copyLink .copyLink_wrap h6 {
    color: #b8b8b8;
    font-size: 0.75rem;
  }
}
.shareSocialLinks .copyLink .copyLink_wrap .copyLink--input {
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px;
  padding: 0 7px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shareSocialLinks .copyLink .copyLink_wrap .copyLink--input input {
  padding: 5px 0;
  border: unset;
  font-size: 14px;
  line-height: 16.8px;
  color: #bbbbbb;
  font-family: "DMSansMedium";
  width: 100%;
  height: 30px;
}
@media (max-width: 1023px) {
  .shareSocialLinks .copyLink .copyLink_wrap .copyLink--input input {
    height: 40px;
  }
}
.shareSocialLinks .copyLink .copyLink_wrap .copyLink--input button {
  border: unset;
  background: unset;
  margin-left: 16px;
}
.shareSocialLinks .copyLink .copyLink_wrap .copyLink--input button i {
  color: #03002f;
}
@media (max-width: 1023px) {
  .shareSocialLinks .copyLink .copyLink_wrap .copyLink--input button i {
    font-size: 1.25rem;
  }
}
.shareSocialLinks .modalShareTitle .modal-content {
  border: 0px;
}
.shareSocialLinks .modalShareTitle .modal-body {
  padding: 40px 20px !important;
}
.shareSocialLinks .modalShareTitle .modal-header {
  border: 0px;
  background-color: #f2f2f5;
  padding: 19px 21px 18px 20px !important;
}
.shareSocialLinks .modalShareTitle .modal-header .modal-title {
  font-size: 20px;
  line-height: 28px;
  font-family: "DMSansNormal";
  color: #0b243a;
}
.shareSocialLinks .modalShareTitle .modal-header .modal-title-bold {
  font-weight: bold;
}
.shareSocialLinks .succes-menu-size {
  font-size: 5rem;
}
.shareSocialLinks .error-menu-size {
  font-size: 4.375rem;
}
.shareSocialLinks .modal-dialog {
  max-width: 416px;
}
.shareSocialLinks .addition-modal-width {
  max-width: 660px;
  height: 427px;
}
.shareSocialLinks .consent-modal-width {
  max-width: 750px;
  overflow: auto;
}
.shareSocialLinks .addition-modal-padding {
  padding: 40px 76px !important;
}
.shareSocialLinks .modalHeader {
  width: 571px;
  text-align: center;
}
.shareSocialLinks .modalline {
  color: #444444;
  font-size: 18px;
  font-family: DM Sans;
  font-weight: 400;
  word-wrap: break-word;
}
.shareSocialLinks .modlweight {
  font-weight: 700;
}
.shareSocialLinks .social-icons-shareon {
  padding: 20px 15px;
  background: #f2f2f5;
  font-family: "DMSansBold";
  font-size: 0.875rem;
  line-height: 140%;
  color: #333333;
}
.shareSocialLinks .icon-list-mob {
  padding: 30px 25px 41px;
}

.copyLink--input {
  position: relative;
}

.copyLink--input .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: 14px;
  opacity: 0;
  transition: opacity 0.3s;
}

.copyLink--input .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.copyLink--input:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.mail-logo {
  height: 44px;
  width: 44px;
}
@media (max-width: 1023px) {
  .mail-logo {
    height: 38px;
    width: 38px;
  }
}

.twitter-logo {
  height: 44px;
  width: 44px;
}
@media (max-width: 1023px) {
  .twitter-logo {
    height: 38px;
    width: 38px;
  }
}

.whatsapp-logo {
  height: 44px;
  width: 44px;
}
@media (max-width: 1023px) {
  .whatsapp-logo {
    height: 38px;
    width: 38px;
  }
}

.facebook-logo {
  height: 44px;
  width: 44px;
}
@media (max-width: 1023px) {
  .facebook-logo {
    height: 38px;
    width: 38px;
  }
}

.linkedin-logo {
  height: 44px;
  width: 44px;
}
@media (max-width: 1023px) {
  .linkedin-logo {
    height: 38px;
    width: 38px;
  }
}

.instagram-logo {
  height: 44px;
  width: 44px;
}
@media (max-width: 1023px) {
  .instagram-logo {
    height: 38px;
    width: 38px;
  }
}
.quotes-historic-returns-ui .mk-card-topleftmain1 {
  display: flex;
  text-align: center;
  gap: 10px;
}
.quotes-historic-returns-ui .common-table-withbackground table thead th {
  padding: 15px 15px 10px 15px;
}
@media (max-width: 768px) {
  .quotes-historic-returns-ui .common-table-withbackground table thead th {
    padding: 15px 0px 15px 0px;
  }
}
@media (max-width: 1023px) {
  .quotes-historic-returns-ui .common-table-withbackground table thead th {
    color: #b8b8b8;
  }
}
.quotes-historic-returns-ui .common-table-withbackground table tbody tr td {
  font-family: "RobotoRegular";
}
@media (max-width: 1023px) {
  .quotes-historic-returns-ui .common-table-withbackground table tbody tr td {
    font-size: 0.875rem;
    font-family: "RobotoRegular";
  }
}
.quotes-historic-returns-ui .common-dropdown-toc.equity-dropdown-block .equitydrop {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #727271;
}

#historic-returns.dock-quotes-section {
  top: 235px;
}

.corp-events-qequity .border-bottom-corpevents {
  border-bottom: 1px solid #e7e7e7;
}
.corp-events-qequity .marketgroup .marketCard {
  padding: 20px;
}
.corp-events-qequity .mk-card-topleftmain1 {
  display: flex;
  gap: 10px;
}
.corp-events-qequity .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  display: flex;
  gap: 10px;
  align-items: center;
}

.results-quotes-equity .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  display: flex;
  gap: 10px;
  align-items: center;
}

.shareHoldingSummaryDataSection {
  margin-top: 70px;
}
.shareHoldingSummaryDataSection li {
  margin-bottom: 25px;
}
.shareHoldingSummaryDataSection li .cir_sym {
  width: 13px;
  height: 13px;
  display: inline-block;
  border-radius: 50%;
  margin-left: 2px;
  vertical-align: middle;
}
.shareHoldingSummaryDataSection li .shareText {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #444444;
}
.shareHoldingSummaryDataSection li .shareValue {
  font-size: 1rem;
  font-family: "RobotoMedium";
  color: #444444;
}

.depth-holding-table tr td:nth-child(1),
.depth-holding-table tr th:nth-child(1) {
  width: 15%;
  text-align: left;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .depth-holding-table tr td:nth-child(1),
  .depth-holding-table tr th:nth-child(1) {
    padding-left: 10px;
  }
}
.depth-holding-table tr td:nth-child(2),
.depth-holding-table tr th:nth-child(2) {
  width: 13%;
  text-align: center;
}
.depth-holding-table tr td:nth-child(3),
.depth-holding-table tr th:nth-child(3) {
  width: 10%;
  text-align: center;
}
.depth-holding-table tr td:nth-child(4),
.depth-holding-table tr th:nth-child(4) {
  width: 10%;
  text-align: center;
}
.depth-holding-table tr td:nth-child(5),
.depth-holding-table tr th:nth-child(5) {
  width: 9%;
  text-align: center;
}
.depth-holding-table tr td:nth-child(6),
.depth-holding-table tr th:nth-child(6) {
  width: 10%;
  text-align: right;
}
.depth-holding-table tr td:nth-child(7),
.depth-holding-table tr th:nth-child(7) {
  width: 10%;
  text-align: right;
}
.depth-holding-table tr td:nth-child(8),
.depth-holding-table tr th:nth-child(8) {
  width: 10%;
  text-align: right;
}
.depth-holding-table tr td:nth-child(9),
.depth-holding-table tr th:nth-child(9) {
  width: 10%;
  text-align: right;
  padding-right: 15px;
}
@media (max-width: 768px) {
  .depth-holding-table tr td:nth-child(9),
  .depth-holding-table tr th:nth-child(9) {
    padding-right: 10px;
  }
}
.depth-holding-table.add-padding table tbody tr td {
  padding: 20px 8px;
}
@media (max-width: 768px) {
  .depth-holding-table.add-padding table tbody tr td {
    padding: 5px 8px !important;
    line-height: 20px;
  }
}

.share-gap {
  gap: 30px;
}

@media (max-width: 768px) {
  .In-depth-holding-tab.generic-tabs .nav-tabs {
    display: grid;
    height: 54px !important;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
  }
  .In-depth-holding-tab.generic-tabs .nav-tabs .nav-item .nav-link {
    height: 53px;
    display: flex;
    align-items: start;
  }
}

.volumeanlysis-section .progress {
  height: 35px !important;
  margin-bottom: 0px !important;
}
.volumeanlysis-section .progress.progresscontainer .progress-bar-success {
  background-color: #ceeef9 !important;
  border-left-color: #008fbc !important;
}
.volumeanlysis-section .progress.progresscontainer .progress-bar-negative {
  background-color: #d8fef9 !important;
  border-left-color: #00d6bc !important;
}

.volumeanylsis-lenged .totalVol::before {
  color: #008fbc;
}
.volumeanylsis-lenged .deliveryVolume::before {
  color: #00d6bc;
}

.aboutcompany-quo-main-block {
  line-height: normal;
}
@media (min-width: 1023px) {
  .aboutcompany-quo-main-block .company-grid {
    display: grid;
    grid-template-columns: 25% 25% 50%;
  }
}
.aboutcompany-quo-main-block .company-info-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 16px;
  padding-top: 2px;
}
@media (min-width: 1023px) {
  .aboutcompany-quo-main-block .company-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 19px;
  }
}
.aboutcompany-quo-main-block .details-sub-block,
.aboutcompany-quo-main-block .executive-summary-sub-block {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr auto;
}
@media (max-width: 1023px) {
  .aboutcompany-quo-main-block .details-sub-block,
  .aboutcompany-quo-main-block .executive-summary-sub-block {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}
@media (min-width: 1023px) {
  .aboutcompany-quo-main-block .about-company-block {
    border-radius: 5px;
    padding: 20px;
  }
  .aboutcompany-quo-main-block .about-company-block.border-all {
    border: 1px solid #e7e7e7;
  }
}
@media (max-width: 1023px) {
  .aboutcompany-quo-main-block .about-company-block .top-block {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 15px;
    background: #ffffff;
  }
}
.aboutcompany-quo-main-block .about-company-block .rounded-circle {
  margin-left: 20px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  color: #03002f;
  border: 1px solid #f0f9ff;
  position: relative;
  cursor: pointer;
  top: 0px;
}
.aboutcompany-quo-main-block .about-company-block .rounded-circle i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}
.aboutcompany-quo-main-block .main-head > div:first-child,
.aboutcompany-quo-main-block .main-head-mob > div:first-child {
  color: #444444;
  font-family: "DMSansMedium";
  font-size: 1rem;
  padding-bottom: 17px;
}
.aboutcompany-quo-main-block .main-head ul.keyValuemargin {
  list-style-type: disc;
  margin-left: -7px;
}
.aboutcompany-quo-main-block .main-head-mob {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 15px;
  background: #ffffff;
}
.aboutcompany-quo-main-block .main-head-mob ul.keyValuemargin {
  list-style-type: disc;
  margin-left: -7px;
}
.aboutcompany-quo-main-block .sub-head .text-head {
  color: #444444;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.aboutcompany-quo-main-block .sub-head .text-body {
  color: #727271 !important;
  font-family: "DMSansMedium";
  font-size: 1rem;
  word-break: break-all;
}
.aboutcompany-quo-main-block .executive-summary-block {
  margin-top: 46px;
}
@media (max-width: 1023px) {
  .aboutcompany-quo-main-block .executive-summary-block {
    margin-top: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 15px;
    background: #ffffff;
  }
}
@media (max-width: 1023px) {
  .aboutcompany-quo-main-block .details-block {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 15px;
    background: #ffffff;
  }
}

.pdb-17 {
  padding-bottom: 17px;
}

.lh-160 {
  line-height: 160%;
}

.about-company-box {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 15px;
  background: #ffffff;
}

.mf-shareholding-table {
  position: relative;
  height: 390px;
  overflow-y: scroll !important;
}
.mf-shareholding-table::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.mf-shareholding-table {
  /* Track */
}
.mf-shareholding-table::-webkit-scrollbar-track {
  background: transparent;
}
.mf-shareholding-table {
  /* Handle */
}
.mf-shareholding-table::-webkit-scrollbar-thumb {
  background: #03002f;
}
.mf-shareholding-table::-webkit-scrollbar-track-piece {
  margin-top: 45px !important;
}
.mf-shareholding-table table {
  border-spacing: 0 0 !important;
  margin-top: 0px !important;
}
.mf-shareholding-table table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.mf-shareholding-table table thead tr:nth-child(1) th {
  background-color: #ffffff;
  padding: 20px 10px 7px 10px;
}
.mf-shareholding-table table thead tr:nth-child(2) th {
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #f1f3f9;
}
.mf-shareholding-table table thead tr:nth-child(2) th:nth-child(1) {
  text-align: left;
  border-top-left-radius: 5px;
  padding: 20px 10px 10px 8px !important;
  min-width: 110px;
}
.mf-shareholding-table table thead tr:nth-child(2) th:nth-child(3) {
  min-width: 60px;
}
.mf-shareholding-table table thead tr:nth-child(2) th:nth-child(4),
.mf-shareholding-table table thead tr:nth-child(2) th:nth-child(5),
.mf-shareholding-table table thead tr:nth-child(2) th:nth-child(6) {
  min-width: 100px;
}
.mf-shareholding-table table thead tr:nth-child(2) th:nth-child(2),
.mf-shareholding-table table thead tr:nth-child(2) th:nth-child(7) {
  min-width: 90px;
}
.mf-shareholding-table table thead tr:nth-child(2) th:nth-child(8) {
  min-width: 100px;
}
.mf-shareholding-table table tbody tr td {
  text-align: right !important;
  padding-right: 10px !important;
}
.mf-shareholding-table table tbody tr td:nth-child(1) {
  text-align: left !important;
}
.mf-shareholding-table table tbody tr:nth-child(even) {
  background-color: #f8f9fc !important;
}
.mf-shareholding-table table tbody tr:nth-child(even):hover {
  background: #f2f2f5 !important;
}
.mf-shareholding-table table tbody tr:nth-child(even):hover {
  background-color: unset !important;
}
.mf-shareholding-table table tbody tr td {
  border-top: 1px solid #e7e7e7;
  border: none;
  height: unset;
  padding: 15px 8px 15px 8px;
  border-radius: 0px;
  font-size: 1rem;
}
.mf-shareholding-table::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.mf-shareholding-table::-webkit-scrollbar-track {
  width: 2px;
  height: 2px;
}
.mf-shareholding-table {
  /* Handle */
}
.mf-shareholding-table::-webkit-scrollbar-thumb {
  background: #03002f;
  border-radius: 5px;
}

.remove-border td,
.remove-border th {
  border-left: none !important;
}

.sticky-stock-table.dept-380 {
  max-height: 381px !important;
}
.sticky-stock-table table tr td,
.sticky-stock-table table tr th {
  border: none !important;
}
.sticky-stock-table table tr td:nth-child(8) {
  border-left: 1px solid #e7e7e7 !important;
}
.sticky-stock-table table tr th:nth-child(8) {
  border-left: 1px solid #e7e7e7 !important;
}

.insider-detail .stock-details-body .slidingpane-icon-block {
  justify-content: space-evenly;
}
.insider-detail-body {
  background: #fbfdff;
  padding: 20px 40px 20px 15px;
}
.insider-detail-body .row {
  padding-bottom: 35px;
  padding-left: 15px;
}
.insider-detail-body .row .col,
.insider-detail-body .row .col-8,
.insider-detail-body .row .col-3 {
  padding: 0;
  display: grid;
}
.insider-detail-body .row .col label,
.insider-detail-body .row .col-8 label,
.insider-detail-body .row .col-3 label {
  font-size: 0.688rem;
  color: #b8b8b8;
  font-family: "DMSansMedium";
  margin-bottom: 3px;
}
.insider-detail-body .row .col span,
.insider-detail-body .row .col-8 span,
.insider-detail-body .row .col-3 span {
  font-size: 0.75rem;
  color: #444444;
  font-family: "RobotoMedium";
}
.insider-detail-body .row .col .encode,
.insider-detail-body .row .col-8 .encode,
.insider-detail-body .row .col-3 .encode {
  font-family: "DMSansMedium";
}
.insider-detail-body .row:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .insider-detail-body .row {
    padding-bottom: 30px;
  }
  .insider-detail-body .row .col,
  .insider-detail-body .row .col-8,
  .insider-detail-body .row .col-3 {
    padding: 0;
    display: grid;
  }
  .insider-detail-body .row .col label,
  .insider-detail-body .row .col-8 label,
  .insider-detail-body .row .col-3 label {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body {
  line-height: normal;
}
.insider-detail-body .data-head {
  font-size: 0.688rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
  display: flex;
}
.insider-detail-body .data-value {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  margin-top: 5px;
}
@media (max-width: 768px) {
  .insider-detail-body .data-value {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body .grid-inside-div {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 37% 37% 26%;
  gap: 5px;
  line-height: normal;
}

.insider-detail .stock-details-body .slidingpane-icon-block {
  justify-content: space-evenly;
}
.insider-detail-body {
  background: #fbfdff;
  padding: 20px 40px 20px 15px;
}
.insider-detail-body .row {
  padding-bottom: 35px;
  padding-left: 15px;
}
.insider-detail-body .row .col,
.insider-detail-body .row .col-8,
.insider-detail-body .row .col-3 {
  padding: 0;
  display: grid;
}
.insider-detail-body .row .col label,
.insider-detail-body .row .col-8 label,
.insider-detail-body .row .col-3 label {
  font-size: 0.688rem;
  color: #b8b8b8;
  font-family: "DMSansMedium";
  margin-bottom: 3px;
}
.insider-detail-body .row .col span,
.insider-detail-body .row .col-8 span,
.insider-detail-body .row .col-3 span {
  font-size: 0.75rem;
  color: #444444;
  font-family: "RobotoMedium";
}
.insider-detail-body .row .col .encode,
.insider-detail-body .row .col-8 .encode,
.insider-detail-body .row .col-3 .encode {
  font-family: "DMSansMedium";
}
.insider-detail-body .row:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .insider-detail-body .row {
    padding-bottom: 30px;
  }
  .insider-detail-body .row .col,
  .insider-detail-body .row .col-8,
  .insider-detail-body .row .col-3 {
    padding: 0;
    display: grid;
  }
  .insider-detail-body .row .col label,
  .insider-detail-body .row .col-8 label,
  .insider-detail-body .row .col-3 label {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body {
  line-height: normal;
}
.insider-detail-body .data-head {
  font-size: 0.688rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
  display: flex;
}
.insider-detail-body .data-value {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  margin-top: 5px;
}
@media (max-width: 768px) {
  .insider-detail-body .data-value {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body .grid-inside-div {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 37% 37% 26%;
  gap: 5px;
  line-height: normal;
}

.insider-table {
  width: 100%;
  margin: 0;
}
.insider-table .insider-head {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  color: #727271;
}
.insider-table .insider-head th:last-child {
  text-align: end;
  padding-right: 20px;
}
.insider-table tr td {
  padding: 17px 10px 15px 10px;
  color: #444444;
}
.insider-table tr td:last-child {
  padding-right: 20px;
  text-align: end;
}
.insider-table tr th {
  padding: 17px 10px 15px 10px;
}
.insider-table tr .reported-on {
  padding-left: 20px;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 140%;
  vertical-align: top;
}
@media (min-width: 1023px) {
  .insider-table tr .reported-on {
    width: 10%;
  }
}
.insider-table tr .stock-with-label {
  line-height: 140%;
  font-family: "DMSansMedium";
  font-size: 1rem;
}
.insider-table tr .stock-with-label label {
  display: block;
  color: #b8b8b8;
  font-size: 0.75rem;
}
.insider-table tr .average-price,
.insider-table tr .no-of-shares {
  font-family: "RobotoRegular";
  font-size: 1rem;
  line-height: 140%;
}
.insider-table tr .action .insider-label {
  border-radius: 3px;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  text-align: center;
  line-height: 140%;
  width: -moz-fit-content;
  width: fit-content;
}
.insider-table tr .action .insider-label label {
  cursor: pointer;
  border-radius: 3px;
  padding: 5px 10px;
}
.insider-table tr .action .insider-label .bought,
.insider-table tr .action .insider-label .buy,
.insider-table tr .action .insider-label .purchase {
  color: #51b255;
  background: #f6fbf6;
}
.insider-table tr .action .insider-label .declared {
  color: #0264ab;
  background: #e6eff7;
}
.insider-table tr .action .insider-label .sold,
.insider-table tr .action .insider-label .sell {
  color: #dd504d;
  background: #fff5f5;
}
.insider-table.quote-equity .insider-head {
  font-family: "DMSansMedium";
}
.insider-table.quote-equity tr {
  cursor: default;
}
.insider-table.quote-equity tr .reported-on {
  font-family: "DMSansMedium";
}
.insider-table.quote-equity tr .stock-with-label {
  font-family: "DMSansMedium";
}
.insider-table.quote-equity tr .action .insider-label {
  font-family: "DMSansMedium";
}

@media screen and (min-width: 1024px) {
  .insider-tabs {
    margin-top: -65px;
  }
  .insider-tabs .nav-tabs {
    display: flex;
    justify-content: end;
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 1023px) {
  .insider-tabs .nav-tabs {
    height: 32px;
  }
}
.showSortDropdown.insider .sort-drop {
  margin-top: 50px;
  right: 0px;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer {
  display: flex;
  gap: 6px;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .filter-button {
  background-color: #03002f;
  color: #ffffff;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .filter-button:hover {
  background-color: #03002f;
  color: #ffffff;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .reset-button,
.showSortDropdown.insider .sort-drop .sort-drop-footer .filter-button {
  width: 48%;
  padding: 14px 28px;
  border-radius: 6px;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  border: 1px solid #03002f;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .reset-button {
  background-color: transparent;
  color: #03002f;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .reset-button:hover {
  background-color: #03002f;
  color: #ffffff;
}

.sortBtnEtf > .ed_button {
  border-radius: 5px;
  width: 44px;
  height: 44px;
  padding: 0px;
}

.sort-filter-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
}

.insider-detail .stock-details-body .slidingpane-icon-block {
  justify-content: space-evenly;
}
.insider-detail-body {
  background: #fbfdff;
  padding: 20px 40px 20px 15px;
}
.insider-detail-body .row {
  padding-bottom: 35px;
  padding-left: 15px;
}
.insider-detail-body .row .col,
.insider-detail-body .row .col-8,
.insider-detail-body .row .col-3 {
  padding: 0;
  display: grid;
}
.insider-detail-body .row .col label,
.insider-detail-body .row .col-8 label,
.insider-detail-body .row .col-3 label {
  font-size: 0.688rem;
  color: #b8b8b8;
  font-family: "DMSansMedium";
  margin-bottom: 3px;
}
.insider-detail-body .row .col span,
.insider-detail-body .row .col-8 span,
.insider-detail-body .row .col-3 span {
  font-size: 0.75rem;
  color: #444444;
  font-family: "RobotoMedium";
}
.insider-detail-body .row .col .encode,
.insider-detail-body .row .col-8 .encode,
.insider-detail-body .row .col-3 .encode {
  font-family: "DMSansMedium";
}
.insider-detail-body .row:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .insider-detail-body .row {
    padding-bottom: 30px;
  }
  .insider-detail-body .row .col,
  .insider-detail-body .row .col-8,
  .insider-detail-body .row .col-3 {
    padding: 0;
    display: grid;
  }
  .insider-detail-body .row .col label,
  .insider-detail-body .row .col-8 label,
  .insider-detail-body .row .col-3 label {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body {
  line-height: normal;
}
.insider-detail-body .data-head {
  font-size: 0.688rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
  display: flex;
}
.insider-detail-body .data-value {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  margin-top: 5px;
}
@media (max-width: 768px) {
  .insider-detail-body .data-value {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body .grid-inside-div {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 37% 37% 26%;
  gap: 5px;
  line-height: normal;
}

@media screen and (max-width: 1023px) {
  .insider-trading-mob .marketCard {
    padding: 0 !important;
  }
  .insider-trading-mob .marketCard .marketcardhead {
    margin: 16px 15px !important;
  }
  .insider-trading-mob .marketCard .marketcardbody {
    padding: 0 !important;
  }
  .insider-trading-mob .marketCard .marketcardfoot {
    margin: 20px 15px !important;
  }
  .insider-trading-mob .marketCard .insider-mob-table {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 15px;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row {
    color: #444444;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .more-details {
    line-height: 140%;
    font-size: 0.75rem;
    color: #03002f;
    display: flex;
    align-items: center;
    justify-content: end;
    font-family: "DMSansMedium";
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .more-details .ed_button.blue-link {
    background: none;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .more-details i {
    font-size: 0.875rem;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 {
    font-size: 0.75rem;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col label,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 label {
    font-family: "DMSansNormal";
    line-height: 140%;
    color: #b8b8b8;
    display: block;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .other,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .other {
    font-family: "DMSansNormal";
    line-height: 140%;
    color: #727271;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .stock-name,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .stock-name {
    font-family: "DMSansBold";
    font-size: 0.875rem;
    line-height: 140%;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col span,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 span {
    color: #444444;
    line-height: 22px;
    font-family: "DMSansMedium";
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .roboto,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .roboto {
    font-family: "RobotoMedium";
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label {
    border-radius: 3px;
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    text-align: center;
    line-height: 140%;
    width: -moz-fit-content;
    width: fit-content;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label label,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label label {
    border-radius: 3px;
    padding: 5px 7px;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .bought,
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .buy,
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .purchase,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .bought,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .buy,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .purchase {
    color: #51b255;
    background: #f6fbf6;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .declared,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .declared {
    color: #0264ab;
    background: #e6eff7;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .sold,
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .sell,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .sold,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .sell {
    color: #dd504d;
    background: #fff5f5;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .only-label {
    align-items: center;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .display-end {
    justify-content: end;
    display: flex;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .align-end {
    text-align: right;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row:nth-child(1) {
    padding-bottom: 15px;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row:nth-child(2) {
    padding-bottom: 15px;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row:nth-child(3) {
    padding-bottom: 15px;
  }
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col label .other,
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col-7 label .other {
    font-family: "DMSansNormal";
  }
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col span,
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col-7 span {
    font-family: "DMSansMedium";
  }
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col .stock-name,
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col-7 .stock-name {
    font-family: "DMSansBold";
  }
  .insider-trading-mob .marketCard .insider-mob-table:first-child {
    border-top: 1px solid #e7e7e7;
  }
  .insider-trading-mob .marketCard .insider-sortby-button-block {
    padding: 15px;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
  }
  .insider-trading-mob .marketCard .insider-sortby-button-block .insider-sortby-button {
    padding: 8px 5px;
    border: 1px solid rgba(53, 128, 247, 0.1);
  }
  .insider-trading-mob .marketCard .insider-sortby-button-block .insider-sortby-button .edel-icon-sort {
    color: #03002f;
  }
  .insider-trading-mob .marketCard .insider-sortby-button-block .insider-sortby-button .insider-sortbutton-text {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    line-height: 140%;
    color: #727271;
    margin-left: 5px;
  }
}
@media (min-width: 1023px) {
  .insider-trading-block .mk-card-topleftmain .gap {
    margin-left: 10px !important;
  }
}

@media screen and (min-width: 1023px) {
  .insider-trading-mob .marketCard {
    padding-top: 10px !important;
  }
}
.etfFundsSection .addToWatchList .backgroundcolor_bluedrawer {
  z-index: 99;
}
.etfFundsSection .overview-pivot.pivot-points .pivotName {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.etfFundsSection .overview-pivot.pivot-points .pivotValue {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoBold";
}
.etfFundsSection .overview-pivot.pivot-points {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.etfFundsSection .overview-pivot.pivot-points .col:nth-child(even) {
  text-align: start;
}
@media screen and (max-width: 1023px) {
  .etfFundsSection .overview-pivot.pivot-points {
    grid-template-columns: 30% 40% 30%;
  }
  .etfFundsSection .overview-pivot.pivot-points .col:nth-child(even) {
    text-align: start;
  }
  .etfFundsSection .overview-pivot.pivot-points .col-3:nth-child(2) {
    display: grid;
    justify-content: center;
    width: 100%;
  }
  .etfFundsSection .overview-pivot.pivot-points .col-3:nth-child(3) {
    display: grid;
    justify-content: right;
    width: 100%;
    text-align: right;
  }
}
.etfFundsSection .overview-pivot.pivot-points .buy-sell-block {
  gap: 10px;
}
.etfFundsSection .overview-pivot.pivot-points .buy-sell-block .icon-block {
  height: 40px;
  width: 40px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.etfFundsSection .overview-pivot.pivot-points .buy-sell-block .ed_button.button {
  padding: 10px 50px;
}
@media screen and (max-width: 1023px) {
  .etfFundsSection .overview-pivot.pivot-points .buy-sell-block .ed_button.button {
    padding: 10px 20px;
  }
}
.etfFundsSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs {
  justify-content: space-around;
}
.etfFundsSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 10px 10px 5px 10px;
}
.etfFundsSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-width: 3px;
}
.etfFundsSection .etfSection .grey-color-section {
  border-radius: 5px;
  margin-bottom: 30px;
}
.etfFundsSection .grey-section-wrapper {
  margin-bottom: 30px;
  padding: 10px;
  border-radius: 5px;
}
.etfFundsSection .body-of-wrapper {
  margin-inline: -20px;
}
.etfFundsSection .body-of-wrapper .col-first {
  padding-inline: 15px;
  padding-top: 8px;
  padding-bottom: 29px;
}
.etfFundsSection .body-of-wrapper .col-second {
  padding-bottom: 11px;
  padding-inline: 15px;
}
.etfFundsSection .body-of-wrapper .container-grey-text {
  display: flex;
  justify-content: space-between;
}
.etfFundsSection .body-of-wrapper .container-grey-text .label {
  margin-bottom: 8px;
}
.etfFundsSection .body-of-wrapper {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .etfFundsSection .rightsideBtn-etf {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .etfFundsSection .marketCardArrow arrow-nav-leftside {
    font-size: 7px !important;
    margin-right: 15px !important;
  }
}
.etfFundsSection .overview-pivot {
  margin-left: -31px;
}
.etfFundsSection .piot-points-below {
  margin-top: -36px;
}

.rightsideBtn-etf {
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: normal;
}
.rightsideBtn-etf div {
  background-color: #f2f2f5;
  padding: 8px 8px;
  border-radius: 5px;
  line-height: normal;
}

.marketCardArrow i {
  font-size: 8px !important;
  margin-right: 15px;
}

.headingOfEtfName {
  margin-top: 5px !important;
  line-height: normal;
}
.headingOfEtfName .holding-etf-icon .edel-icon-stock-briefcase {
  font-size: 12px !important;
}
.headingOfEtfName .holding-etf-icon .holdings-count {
  margin-left: 5px;
  font-size: 0.875rem !important;
  font-family: "DMSansNormal" !important;
}

.etf-quote-section-briefcase {
  line-height: normal;
}
.etf-quote-section-briefcase span {
  margin-left: 20px;
}
.etf-quote-section-briefcase span .edel-icon-stock-briefcase {
  font-size: 0.625rem;
  color: #727271;
}
.etf-quote-section-briefcase span .holdings-count {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  color: #727271;
  margin-left: 4px !important;
}
@media (max-width: 768px) {
  .etf-quote-section-briefcase span .holdings-count {
    font-size: 0.625rem;
  }
}

.schemeinfoTable-eft .info-table-wrappar .generic-table tbody tr:nth-child(1) {
  background-color: #03002f;
}
.schemeinfoTable-eft .info-table-wrappar .generic-table tbody tr:nth-child(1) td {
  color: #ffffff;
  border: none !important;
}

.common-new-share .share .share-icon.brd-radius-50 {
  border-radius: 50% !important;
}
.common-new-share .share .share-icon.brd-radius-50 .share-btn {
  border-radius: 50% !important;
}

.main-wrapper-nav {
  justify-content: right;
}

.navHistory-table .historic-returns-head .marketCard {
  border: none !important;
}
.navHistory-table .historic-returns-head .wrapper-of-period {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  align-items: end;
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .navHistory-table .historic-returns-head .wrapper-of-period {
    margin-top: 0px;
  }
}
.navHistory-table .historic-returns-head .wrapper-of-period .title-nav {
  margin: 5px 8px;
}
.navHistory-table .historic-returns-head .wrapper-of-period .icon-downarrow {
  margin-bottom: 7px !important;
}
.navHistory-table .historic-returns-head .wrapper-of-period i {
  font-size: 8px;
  margin-left: 11px;
  margin-right: 8px !important;
}
.navHistory-table .historic-returns-head .element {
  border-bottom: 1px solid #e7e7e7;
}
.navHistory-table .marketgroup .marketCard .marketcardbody {
  padding: 14px 0px 20px;
}

.docked-position .etfQuotesLinksDesk .marketTabs-ul {
  padding-left: 139px !important;
}
.docked-position .etfQuotesLinksDesk ul {
  margin-left: -21px !important;
}

.schemeInfoo .schemeInfo .generic-table tbody tr:first-child {
  background-color: #03002f;
}
.schemeInfoo .schemeInfo .generic-table tbody tr:first-child td {
  color: white;
  background-color: #03002f;
}

.etfQuotesLinksDesk .marketTabs-ul {
  padding-left: 0px;
}
.etfQuotesLinksDesk ul {
  margin-top: 20px;
  gap: 10px;
  width: 100%;
}
.etfQuotesLinksDesk ul li a {
  margin-right: 5px;
  margin-left: 5px;
}

.etfQuotesLinksDesk-center {
  margin-left: -146px !important;
}

.holding-qty-section .edel-icon-stock-briefcase {
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .holding-qty-section .edel-icon-stock-briefcase {
    font-size: 0.625rem;
  }
}

.addwatchlist {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  width: 100%;
  margin-left: 15px;
  z-index: 1;
}
.addwatchlist ul {
  padding: 20px;
}
.addwatchlist ul li:not(:first-child) {
  border-top: 1px solid #e7e7e7;
}
.addwatchlist ul li:last-child {
  margin-bottom: 145px !important;
}
.addwatchlist .stockTabList .radio-button.common-radio-button input[type=radio] {
  height: 20px;
  width: 20px;
}
.addwatchlist .stockTabList .radio-button.common-radio-button.active input[type=radio] {
  border: 2px solid #03002f !important;
}
.addwatchlist .stockTabList .radio-button.common-radio-button.active input[type=radio]::after {
  width: 90% !important;
  height: 90% !important;
}

.createWatchlist .col {
  margin-top: 15px;
  width: 95%;
  margin-left: 10px;
}
.createWatchlist .watchlist-Input .form-control {
  border-color: red;
}
.createWatchlist .watchlist-Input .help_text.red {
  margin-left: 5px;
}
.createWatchlist .loginsection .help_text {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.createWatchlist .loginsection .help_text::before {
  content: "\e99e";
  font-family: "edel_icon";
  padding-right: 5px;
}

.quotesWtachlist .addToWatchList .watchlist-Input .form-control {
  border-color: red;
}
.quotesWtachlist .addToWatchList .help_text.red {
  margin-left: 20px;
}
@media (max-width: 768px) {
  .quotesWtachlist .addToWatchList .help_text.red {
    margin-left: 3px;
  }
}
@media (max-width: 768px) {
  .quotesWtachlist .addToWatchList .stockTabList .radio-button.common-radio-button input[type=radio] {
    height: 20px;
    width: 20px;
  }
}

.quotesWtachlist .edel-sidebar-drawer-head .edel-icon-left-arrow,
.createWatchlist .edel-sidebar-drawer-head .edel-icon-left-arrow {
  line-height: 1.3 !important;
}
.quotesWtachlist .edel-sidebar-drawer-head,
.createWatchlist .edel-sidebar-drawer-head {
  margin: 15px;
}
.quotesWtachlist .edel-sidebar-drawer-body .edel-icon-more-button,
.createWatchlist .edel-sidebar-drawer-body .edel-icon-more-button {
  margin-top: 2px !important;
}
.quotesWtachlist .edel-sidebar-drawer-body,
.createWatchlist .edel-sidebar-drawer-body {
  max-height: 450px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  width: 100%;
  z-index: 1;
}
.quotesWtachlist .edel-sidebar-drawer-body ul,
.createWatchlist .edel-sidebar-drawer-body ul {
  padding: 7px;
}
.quotesWtachlist .edel-sidebar-drawer-body ul li:not(:first-child),
.createWatchlist .edel-sidebar-drawer-body ul li:not(:first-child) {
  border-top: 1px solid #e7e7e7;
}
.quotesWtachlist .edel-sidebar-drawer-body .stockTabList,
.createWatchlist .edel-sidebar-drawer-body .stockTabList {
  padding-left: 0px !important;
}
.quotesWtachlist .bottombtnsection,
.createWatchlist .bottombtnsection {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.quotesWtachlist .bottombtnsection.stock,
.createWatchlist .bottombtnsection.stock {
  position: relative !important;
}

@media (max-width: 768px) {
  .quotesWtachlist .mb-addwatchlist-drawer.backgroundcolor_bluedrawer {
    min-height: 0px;
    z-index: 100;
  }
}
.quotesWtachlist .watchlist-toaster-fix {
  position: fixed !important;
  top: 180px;
  z-index: 10;
  display: flex;
  width: 40% !important;
  justify-content: center;
  align-items: center;
  left: 0px;
  right: 0%;
}
@media (max-width: 768px) {
  .quotesWtachlist .watchlist-toaster-fix {
    top: auto;
    bottom: 80px;
    width: 100% !important;
  }
}
.quotesWtachlist .watchlist-toaster-fix .toast-container {
  width: 100% !important;
  border-radius: 5px !important;
  margin-bottom: 5px !important;
}
.quotesWtachlist .watchlist-toaster-fix .toast {
  width: 100%;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
  border: 0px;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .quotesWtachlist .watchlist-toaster-fix .toast {
    width: fit-content;
    margin: auto;
  }
}
.quotesWtachlist .watchlist-toaster-fix .toast .bg-rose-white {
  background-color: #dcf0dd;
  border-radius: 10px;
}
.quotesWtachlist .watchlist-toaster-fix .toast .txt-faded-orange {
  color: #51b255;
}
.quotesWtachlist .watchlist-toaster-fix .toast div {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
@media (max-width: 1023px) {
  .quotesWtachlist .watchlist-toaster-fix .toast div {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}

.mob-wlsearch .preset-tabs {
  padding-inline: 15px;
}
.mob-wlsearch .search-toptabs-block {
  margin: 10px 0px;
  gap: 10px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.mob-wlsearch .search-toptabs-block .search-nosplit-block {
  padding-inline: 10px;
}
.mob-wlsearch .fade.show.tooltip {
  z-index: 1;
}
.mob-wlsearch .preset-tabs {
  position: relative;
  z-index: 2;
  margin: 0;
  width: 100%;
  background: #ffffff;
  left: 0;
}

.watchlistExtra-scripts-div-padding {
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .watchlistExtra-scripts-div-padding {
    padding-bottom: 300px;
  }
}

@media (max-width: 768px) {
  .last-child-padding-watchlist {
    padding-bottom: 300px;
    padding-bottom: 250px;
  }
  .last-child-padding-watchlist.editwatchlistDiv {
    padding-bottom: 250px;
  }
}
.preset-tooltip-class.desk-tooltips .tooltip-inner {
  margin-bottom: 0px;
}

.addToWatchList-position {
  position: sticky !important;
  bottom: 15% !important;
}
.addToWatchList-position .watchlist-toaster-fix {
  position: unset !important;
}

.mob-wlsearch .import-drawrer-backdrop {
  padding: 0px 0px !important;
}
.mob-wlsearch .import-drawrer-backdrop .drawer-header {
  padding: 21px 21px 20px 15px !important;
}
.mob-wlsearch .import-drawrer-backdrop .drawer-body {
  background-color: #ffffff;
}

.index-constituents .mcap-button-i {
  display: inline-flex;
  height: 24px;
  padding: 10px 5px 10px 7px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 5px;
  border: 0.5px solid var(--Title-Primary, #03002f);
}
.index-constituents .mcap-button-i .edel-icon-sort:before {
  font-size: 14px;
  font-weight: 100;
}
.index-constituents .share-icon {
  margin: 25px 20px;
}
@media (max-width: 1023px) {
  .index-constituents .share-icon {
    margin: 20px 15px;
  }
}
@media (max-width: 1023px) {
  .index-constituents div.marketcardhead.card-header {
    display: block;
  }
}
.index-constituents .ed_button.slim {
  padding: 12px;
  border-radius: 5px;
}
.index-constituents .common-search-bar input {
  padding: 15px;
}
.index-constituents .index-constituents-mainsubtitle {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0px;
  align-items: end;
}
@media (max-width: 1023px) {
  .index-constituents .index-constituents-mainsubtitle {
    display: block !important;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.index-constituents .rounded-circle1.exclamation1 {
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .index-constituents .rounded-circle1.exclamation1 {
    margin-right: 15px;
  }
}
.index-constituents .mk-card-topleftmain1 {
  margin: 20px 0px 0px 20px;
  display: flex;
}
@media (max-width: 1023px) {
  .index-constituents .mk-card-topleftmain1 {
    margin: 15px 0px 0px 15px;
    justify-content: space-between;
  }
}
.index-constituents .marketCard.card {
  padding: 0px !important;
}
.index-constituents .marketCard.card .marketcardfoot {
  margin-right: 20px !important;
}
.index-constituents .index-constituents-table .share {
  padding-right: 20px;
}
.index-constituents .index-constituents-table {
  height: 100%;
}
.index-constituents .index-constituents-table table thead {
  padding-bottom: 25 px;
  position: sticky;
  top: 0px;
  z-index: 1;
  background: white;
  height: 40px;
}
.index-constituents .index-constituents-table tr th {
  padding: 20px;
}
.index-constituents .index-constituents-table tr th:first-child {
  text-align: start;
  padding-left: 20px;
}
.index-constituents .index-constituents-table tr th:last-child {
  text-align: end;
  padding-right: 20px;
}
.index-constituents .index-constituents-table table tbody td {
  border-top: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.index-constituents .index-constituents-table table tbody tr td {
  border-left: 0px;
  border-right: 0px;
  color: #292929;
  font-size: 1rem;
  font-family: "RobotoMedium";
  padding: 20px;
}
.index-constituents .index-constituents-table table tbody tr td:first-child {
  padding-left: 20px;
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #292929;
  text-align: start;
}
.index-constituents .index-constituents-table table tbody tr td:last-child {
  text-align: end;
  padding-right: 20px;
}
.index-constituents .index-constituents-table table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0px;
}
.index-constituents .index-constituents-table table thead th {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #292929;
  border: none;
}
.index-constituents .index-constituents-table table thead tr {
  border: none;
}
.index-constituents .index-constituents-table table tbody tr {
  border-top: none;
  border-bottom: 1px solid #e7e7e7;
}

.index-constituents-viewall .marketCard.card {
  padding: 0px !important;
  border: none !important;
}
@media (max-width: 1023px) {
  .index-constituents-viewall .marketCard.card .filters-tag.index-sort-tags {
    padding-left: 20px !important;
  }
}

/* iOS-specific styles */
@supports (-webkit-touch-callout: none) {
  .index-constituents-viewall .marketCard.card {
    padding: 0px !important;
    border: none !important;
  }
  .index-constituents-viewall .marketcardbody .commonscroll-new.height700 {
    height: 100%;
  }
}
.futureSection .FandOtradeInfo {
  max-width: 410px;
}
@media screen and (max-width: 768px) {
  .futureSection .overview-pivot.pivot-points {
    margin-left: -27px;
  }
  .futureSection .pivotName {
    color: #727271 !important;
    font-size: 0.75rem !important;
    font-family: "DMSansNormal" !important;
  }
  .futureSection .pivotValue {
    color: #444444 !important;
    font-size: 0.875rem !important;
    font-family: "RobotoMedium" !important;
  }
  .futureSection .overview-pivot.pivot-points .col:nth-child(even) {
    text-align: end !important;
  }
}
.futureSection .overview-pivot.pivot-points .pivotName {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.futureSection .overview-pivot.pivot-points .pivotValue {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoBold";
}
.futureSection .overview-pivot.pivot-points {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.futureSection .overview-pivot.pivot-points .col:nth-child(even) {
  text-align: start;
}
@media screen and (max-width: 1023px) {
  .futureSection .overview-pivot.pivot-points {
    grid-template-columns: 1fr 1fr;
  }
}
.futureSection .overview-pivot.pivot-points .col:nth-child(even) {
  text-align: start;
}

.buy-sell-block {
  gap: 10px;
}
.buy-sell-block .icon-block {
  height: 40px;
  width: 40px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.buy-sell-block .ed_button.button {
  padding: 10px 50px;
}
@media screen and (max-width: 1023px) {
  .buy-sell-block .ed_button.button {
    padding: 10px 20px;
  }
}

.high-low-tabs.generic-tabs .nav-tabs {
  justify-content: space-around;
}
.high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 10px 10px 5px 10px;
}
.high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-width: 3px;
}

.downArrowDate .downArrow {
  margin-left: 5px;
  font-size: 8px;
}

.long-build i {
  border-radius: 50% !important;
  font-size: 9px !important;
}

#futures-news-corp-events .d-livenews-container {
  margin-left: 0px;
  margin-right: 0px;
}

.futureSection .future-overview-grid {
  display: grid !important;
  grid-template-columns: 60% 40%;
  gap: 5px;
}
.futureSection .future-overview-desk .equity-dropdown-block .equitydrop {
  margin-top: 5px !important;
}

#peer-comparison .marketcardbody.card-body {
  padding: 20px 0px 0px 0px !important;
}
#peer-comparison .marketcardbody.card-body .border-peer-comparison {
  border-bottom: 1px solid #e7e7e7;
}
#peer-comparison .marketcardbody.card-body .border-peer-comparison:first-child {
  border-top: 1px solid #e7e7e7;
}
#peer-comparison .marketcardbody.card-body .border-peer-comparison:hover {
  background-color: #f2f2f5;
}
#peer-comparison .MFPeerComp .marketCard .marketcardbody {
  padding-top: 0px !important;
}

.future-spotComparision {
  margin-top: 51px !important;
}
@media (max-width: 1023px) {
  .future-spotComparision {
    margin-top: 20px !important;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle {
  padding: 0px;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard {
  padding: 20px 20px 0px 20px;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard {
    padding: 15px;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftmain1 {
  font-family: "DMSansNormal" !important;
  font-size: 1.75rem !important;
  color: #0b243a !important;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftmain1 {
    line-height: 28px;
    margin-bottom: 15px;
    line-height: 140%;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftmain1 strong {
  font-family: "DMSansBold" !important;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftsub {
  font-family: "DMSansNormal" !important;
  margin-top: 20px !important;
  color: #727271;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftsub {
    margin-top: 23px !important;
    margin-bottom: 28px;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading {
  display: flex;
  column-gap: 10px;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredataheading {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredataheading span {
  color: #727271;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredataheading span {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredatavalue {
  font-family: "RobotoRegular";
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredatavalue span {
    color: #444444;
    font-family: "RobotoMedium";
    font-size: 0.875rem;
  }
}
@media (min-width: 1023px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead {
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead {
    display: block;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block button {
  display: flex;
  align-items: center;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .edel-icon-arrow-down {
  height: 14px;
  width: 14px;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .edel-icon-arrow-down:before {
  color: #03002f;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright {
    justify-content: flex-end;
    height: 0;
  }
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block {
    transform: translateY(-35px);
  }
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardbody {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  margin-top: 20px;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureGreenback {
  background-color: #f0fdf6;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureRedback {
  background-color: #fff5f5;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox {
  padding: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox {
    max-width: 100%;
    width: 100%;
    flex-flow: column;
    gap: 10px;
    padding: 10px;
    align-items: flex-start;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretablemainHeading {
  display: grid;
  grid-template-columns: 1fr;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretablemainHeading .futureHeadingTitle {
  margin: 0px;
  font-family: "DMSansNormal";
  font-size: 1rem;
  line-height: 20px;
  color: #444444;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretablemainHeading .futureHeadingTitle {
    font-size: 0.75rem;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureHeadingTitle {
  margin: 15px 0px 10px;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 18px;
  color: #727271;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureHeadingTitle {
    margin: 0px;
    font-size: 0.625rem;
    line-height: 140%;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureHeadingData {
  font-family: "RobotoBold";
  font-size: 1rem;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureHeadingData {
    font-family: "RobotoBold";
    font-size: 0.875rem;
    line-height: 140%;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureGreen {
  color: #51b255;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futurered {
  color: #dd504d;
}

/*************8 responsive changes************/
@media screen and (max-width: 480px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftmain1 {
    font-size: 1.25rem !important;
  }
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleft .mk-card-topleftmain {
    line-height: 140%;
    color: #0b243a;
  }
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .minutes-ago {
    font-family: "DMSansNormal";
    font-size: 0.75rem;
    color: #b8b8b8;
  }
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer {
    display: flex;
    max-width: 100%;
    gap: 10px;
    margin-top: 25px;
    justify-content: space-between;
  }
}
.futurespotblock {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .futurespotblock {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .futureHeadingData.ltpdata {
    font-family: "RobotoMedium";
    font-size: 0.875rem;
  }
}

.exchange-mobile-tabs .nav.nav-tabs {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  padding: 11px 15px 0px;
}
.exchange-mobile-tabs .nav.nav-tabs .nav-item {
  width: 50%;
}
.exchange-mobile-tabs .nav.nav-tabs .nav-item .nav-link {
  width: 100%;
  padding: 7px 4px 10px 6px;
}
.exchange-mobile-tabs .stocks-list {
  padding-bottom: 30px;
}
.exchange-mobile-tabs .stocks-list li:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
}

.width-fit {
  width: -moz-fit-content;
  width: fit-content;
}

@media only screen and (max-width: 768px) {
  .index-returns-and-fundDetails .quotes-futures-ui {
    margin-top: 18px;
    margin-bottom: 0px !important;
  }
}
.schemeInfoo .schemeInfo .generic-table tbody tr:first-child {
  background-color: #03002f;
}
.schemeInfoo .schemeInfo .generic-table tbody tr:first-child td {
  color: white;
  background-color: #03002f;
}

.docked-position.indexQuotesLinksDesk-center {
  margin-left: -290px !important;
}
.docked-position.indexQuotesLinksDesk-center .marketTabs-ul {
  padding-inline: 264px !important;
}
.docked-position.indexQuotesLinksDesk-center .index_QuotesLinksDesk ul {
  width: 145% !important;
}

.index_QuotesLinksDesk ul {
  padding-left: 0px;
  margin-top: 20px;
  gap: 10px;
  width: 100%;
}
.index_QuotesLinksDesk ul li a {
  margin-right: 5px;
  margin-left: 5px;
}

.indexQuotesLinksDesk-center {
  padding-left: -301px !important;
}

.index_overview-data_points {
  gap: 109px;
  margin-top: 30px !important;
}

.index_overview-data_points-index {
  gap: 112px;
  margin-top: 30px !important;
}

.corp-news-section-mb .d-livenews-container {
  margin: 0px auto !important;
  padding-left: 15px !important;
  padding-right: 0px !important;
}

.updatedTechnicalData .updatedTechnicalDataCount {
  padding-top: 0px;
  padding-left: 1px;
}
.updatedTechnicalData .progressBar-5 {
  padding-left: 4px;
  padding-right: 21px;
}

@media (max-width: 768px) {
  .IndicesHighLowDynamic .Progresscommondatavalue,
  .IndicesHighLowDynamic .progresscommongrayvalue {
    margin-top: 10px !important;
  }
}

@media (min-width: 1023px) {
  .indicesSection .marketcardfoot {
    margin-top: 30px;
  }
  .indicesSection .headingOfEtfName.col {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 768px) {
  .indicesSection .marketcardbody.card-body {
    padding-top: 0px !important;
  }
  .indicesSection .overview-pivot.pivot-points {
    margin-left: -27px;
  }
  .indicesSection .overview-pivot.pivot-points .pivotRight .pivotName {
    text-align: end;
  }
  .indicesSection .overview-pivot.pivot-points .pivotRight .pivotValue {
    text-align: end;
  }
  .indicesSection .overview-pivot.pivot-points .AdvanceDecline .dbar29Rangeslider {
    margin: 0px !important;
  }
  .indicesSection .pivotName {
    color: #727271 !important;
    font-size: 0.75rem !important;
    font-family: "DMSansNormal" !important;
    margin-bottom: 0.5rem !important;
  }
  .indicesSection .pivotValue {
    color: #444444 !important;
    font-size: 0.875rem !important;
    font-family: "RobotoMedium" !important;
  }
  .indicesSection .overview-pivot.pivot-points .col:nth-child(even) {
    text-align: end !important;
  }
}
.indicesSection .overview-pivot.pivot-points .pivotName {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.indicesSection .overview-pivot.pivot-points .pivotValue {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoBold";
}
.indicesSection .overview-pivot.pivot-points {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.indicesSection .overview-pivot.pivot-points .col:nth-child(even) {
  text-align: start;
}
@media screen and (max-width: 1023px) {
  .indicesSection .overview-pivot.pivot-points {
    grid-template-columns: 1fr 1fr;
  }
}
.indicesSection .overview-pivot.pivot-points .col:nth-child(even) {
  text-align: start;
}
.indicesSection .overview-pivot .pivotName {
  padding-bottom: 10px;
}

.docked-position .dockedheader {
  display: flex !important;
  justify-content: space-between;
}

.quotes-progress .progressbox .ml-13 {
  width: 100% !important;
}
.quotes-progress .progress.progresscontainer {
  height: 60px !important;
}
@media screen and (max-width: 1023px) {
  .quotes-progress .progress.progresscontainer {
    height: 64px !important;
  }
}

@media (max-width: 768px) {
  #indices-driving-markets .border-bottom-mb {
    border-bottom: 1px solid #e7e7e7;
  }
}

.high-low-tabs.generic-tabs .nav-tabs {
  justify-content: space-around;
}
.high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 10px 10px 5px 10px;
}
.high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-width: 3px;
}

.all-time-high-wrapper {
  margin-top: 50px;
  align-items: center;
  padding-block: 11px;
}
.all-time-high-wrapper .all-time-text {
  padding-left: 10px;
}
.all-time-high-wrapper .all-time-number i {
  margin-inline: 5px;
}
.all-time-high-wrapper .all-time-number {
  margin-right: 10px;
}

.overview-pivot .AdvanceDecline .pivotName {
  padding-bottom: 7px !important;
}

#indices-sector-analysis .mb-genericSidebar .drawer-body {
  overflow: scroll;
  height: 100vh;
}
#indices-sector-analysis .mb-genericSidebar .drawer-body::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
#indices-sector-analysis .mb-genericSidebar .drawer-body {
  /* Track */
}
#indices-sector-analysis .mb-genericSidebar .drawer-body::-webkit-scrollbar-track {
  background: transparent;
}
#indices-sector-analysis .mb-genericSidebar .drawer-body {
  /* Handle */
}
#indices-sector-analysis .mb-genericSidebar .drawer-body::-webkit-scrollbar-thumb {
  background: #03002f !important;
}

@media (max-width: 768px) {
  .indices-overview-content .overview-pivot .pivotName,
  .indices-overview-content .overview-pivot .pivotValue {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (max-width: 1366px) and (min-width: 1300px) {
  .indices-quote-sections .common-table-withbackground table tbody tr td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .indices-quote-sections .common-table-withbackground table thead tr th {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .indices-quote-sections .quotes-historic-returns-ui #historic-returns .marketcardbody {
    padding: 10px 0px;
  }
}
.sector .progress .progress-bar {
  height: 65px !important;
  border: 0px !important;
}

.sector-table {
  border-spacing: 0px;
}
.sector-table tbody tr:hover {
  background-color: unset !important;
}
.sector-table tr td:nth-child(1),
.sector-table tr th:nth-child(1) {
  width: 65%;
}
.sector-table tr td:nth-child(2),
.sector-table tr th:nth-child(2) {
  width: 15%;
}
.sector-table tr td:nth-child(3),
.sector-table tr th:nth-child(3) {
  width: 20%;
}

.sector-table td {
  vertical-align: middle !important;
}

.stock-composition {
  padding: 12px 8px 15px 8px;
  border-bottom: 1px solid #e7e7e7;
}

.sector-sort .common-search-bar {
  height: 50px;
}
.sector-sort .common-search-bar input {
  padding: 16px 10px;
}
.sector-sort .sort.common-EdButtonIcon-icon .ed_button.link {
  height: 50px;
  width: 50px;
  border-radius: 5px;
}
.sector-sort .sort.common-EdButtonIcon-icon .ed_button.link .edel-icon-round-circle {
  color: #dd504d;
  position: absolute;
  top: -3px;
  right: 0px;
  font-size: 0.5rem;
}

@media (max-width: 768px) {
  .indexfunds-indices .PeerCompMobile .row:first-child {
    padding-top: 0px !important;
  }
}
.indexfunds-indices .mobile-border-indexfunds {
  border-bottom: 1px solid #e7e7e7;
}
.indexfunds-indices .marketgroup .marketCard .marketcardfoot {
  padding: 0px 20px 20px !important;
}
.indexfunds-indices .share .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.indexfunds-indices .share .share-icon .edel-icon-share-icon::before {
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}
.indexfunds-indices .rounded-circle1.exclamation1 {
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .indexfunds-indices .rounded-circle1.exclamation1 {
    margin-right: 15px;
  }
}
.indexfunds-indices .mk-card-topleftmain1 {
  margin: 20px 0px 0px 20px;
  display: flex;
}
@media (max-width: 1023px) {
  .indexfunds-indices .mk-card-topleftmain1 {
    margin: 15px 0px 0px 15px;
    justify-content: space-between;
  }
}
.indexfunds-indices .marketCard.card {
  padding: 0px !important;
}
.indexfunds-indices .index-constituents-table table thead {
  padding-bottom: 25 px;
  position: sticky;
  top: 0px;
  z-index: 1;
  background: white;
  height: 40px;
}
.indexfunds-indices .index-constituents-table tr th {
  padding: 15px;
}
.indexfunds-indices .index-constituents-table tr th:first-child {
  text-align: start;
  padding-left: 20px;
}
.indexfunds-indices .index-constituents-table tr th:last-child {
  text-align: end;
  padding-right: 20px;
}
.indexfunds-indices .index-constituents-table table tbody tr {
  cursor: pointer;
  padding: 20px;
}
.indexfunds-indices .index-constituents-table table tbody tr:first-child {
  text-align: start;
  padding-left: 20px;
}
.indexfunds-indices .index-constituents-table table tbody tr:first-child td {
  border-top: 1px solid #e7e7e7;
}
@media (max-width: 1023px) {
  .indexfunds-indices .index-constituents-table table tbody tr:first-child td {
    border-top: 0px;
  }
}
.indexfunds-indices .index-constituents-table table tbody tr:last-child {
  text-align: end;
  padding-right: 20px;
}
.indexfunds-indices .index-constituents-table tr:hover {
  background-color: #f2f2f5 !important;
}
.indexfunds-indices .index-constituents-table table tbody td {
  border-top: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.indexfunds-indices .index-constituents-table table tbody tr td {
  border-left: 0px;
  border-right: 0px;
  color: #292929;
  font-size: 1rem;
  font-family: "RobotoMedium";
  padding: 20px;
}
.indexfunds-indices .index-constituents-table table tbody tr td:first-child {
  padding-left: 20px;
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #292929;
  text-align: start;
}
.indexfunds-indices .index-constituents-table table tbody tr td:last-child {
  text-align: end;
  padding-right: 20px;
}
.indexfunds-indices .index-constituents-table table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0px;
}
.indexfunds-indices .index-constituents-table table thead th {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
  border: none;
}
.indexfunds-indices .index-constituents-table table thead tr {
  border: none;
}

.index-funds-circle .edel-icon-round-circle {
  font-size: 10px;
  color: #b8b8b8;
}

.etf-indices .index-constituents .index-constituents-table {
  height: 100%;
}
.etf-indices .edel-icon-watchlist-color {
  font-size: 43px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
@media (max-width: 1023px) {
  .etf-indices .edel-icon-watchlist-color {
    font-size: 35px;
  }
}
.etf-indices .ed_button.green-btn {
  padding: 12px 49px;
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
}
@media (max-width: 1023px) {
  .etf-indices .ed_button.green-btn {
    height: 40px;
    width: 105px;
    padding: 9px 28px;
  }
}
.etf-indices .ed_button.blood-red {
  padding: 12px 49px;
  border-radius: 5px;
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
}
@media (max-width: 1023px) {
  .etf-indices .ed_button.blood-red {
    height: 40px;
    width: 105px;
    padding: 9px 28px;
  }
}
.etf-indices .marketgroup .marketCard .marketcardfoot {
  padding: 0px 20px 20px !important;
}
.etf-indices .index-constituents .share-icon {
  margin: 0px;
}
.etf-indices .index-constituents-table table tbody tr {
  cursor: pointer;
  padding: 20px;
}
.etf-indices .index-constituents-table table tbody tr:first-child {
  text-align: start;
  padding-left: 20px;
}
.etf-indices .index-constituents-table table tbody tr:first-child td {
  border-top: 1px solid #e7e7e7;
}
@media (max-width: 1023px) {
  .etf-indices .index-constituents-table table tbody tr:first-child td {
    border-top: 0px;
  }
}
.etf-indices .index-constituents-table table tbody tr:last-child {
  text-align: end;
  padding-right: 20px;
}
.etf-indices .index-constituents-table tr th {
  padding: 15px;
}
.etf-indices .index-constituents-table tr th:first-child {
  text-align: start;
  padding-left: 20px;
}
.etf-indices .index-constituents-table tr th:last-child {
  text-align: end;
  padding-right: 20px;
}
.etf-indices .index-constituents-table table tbody td {
  border-top: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.etf-indices .index-constituents-table table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0px;
}
.etf-indices .index-constituents-table table tbody tr td {
  border-left: 0px;
  border-right: 0px;
  color: #292929;
  font-size: 1rem;
  font-family: "RobotoMedium";
  padding: 15px;
}
.etf-indices .index-constituents-table table tbody tr td:first-child {
  padding-left: 20px;
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #292929;
  text-align: start;
}
.etf-indices .index-constituents-table table tbody tr td:last-child {
  text-align: end;
  padding-right: 20px;
}
.etf-indices .index-constituents-table table thead th {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
  border: none;
}
.etf-indices .index-constituents-table table thead tr {
  border: 1px solid #e7e7e7;
}

.mf-constituents-table table tbody tr td {
  padding-right: 10px !important;
}

.ipoobjective-card-section {
  border: 1px solid #e7e7e7;
  display: grid;
  grid-template-columns: 70% 30%;
  padding-bottom: 10px !important;
  max-height: max-content !important;
  border-radius: 5px;
}
.ipoobjective-card-section .textOverflow-Threelines {
  -webkit-line-clamp: unset !important;
}
.ipoobjective-card-section .ed-card-description {
  color: #333333 !important;
}
.ipoobjective-card-section .ed-secondary-body {
  display: flex;
  align-items: end;
  justify-content: end;
}

.mutualFundsSection .overview-pivot.pivot-points .pivotName {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.mutualFundsSection .overview-pivot.pivot-points .pivotValue {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoBold";
}
.mutualFundsSection .overview-pivot.pivot-points {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.mutualFundsSection .overview-pivot.pivot-points .col:nth-child(even) {
  text-align: start;
}
@media screen and (max-width: 1023px) {
  .mutualFundsSection .overview-pivot.pivot-points {
    grid-template-columns: 1fr 1fr;
  }
  .mutualFundsSection .overview-pivot.pivot-points .col:nth-child(even) {
    text-align: start;
  }
}
.mutualFundsSection .overview-pivot.pivot-points .buy-sell-block {
  gap: 10px;
}
.mutualFundsSection .overview-pivot.pivot-points .buy-sell-block .icon-block {
  height: 40px;
  width: 40px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.mutualFundsSection .overview-pivot.pivot-points .buy-sell-block .ed_button.button {
  padding: 10px 50px;
}
@media screen and (max-width: 1023px) {
  .mutualFundsSection .overview-pivot.pivot-points .buy-sell-block .ed_button.button {
    padding: 10px 20px;
  }
}
.mutualFundsSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs {
  justify-content: space-around;
}
.mutualFundsSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 10px 10px 5px 10px;
}
.mutualFundsSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-width: 3px;
}
@media (max-width: 768px) {
  .mutualFundsSection .rightsideBtn {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .mutualFundsSection .overview-pivot {
    margin-left: -27px;
  }
  .mutualFundsSection .marketCardArrow arrow-nav-leftside {
    font-size: 7px !important;
    margin-right: 15px !important;
  }
}
.mutualFundsSection .rightsideBtn {
  gap: 10px;
}
.mutualFundsSection .rightsideBtn .equity-btn {
  background-color: #f2f2f5;
  padding: 3px 5px;
  border-radius: 5px;
  margin-right: 10px;
}
.mutualFundsSection .rightsideBtn .largeCap-btn {
  background-color: #f2f2f5;
  padding: 3px 5px;
  border-radius: 5px;
}
.mutualFundsSection .pivotValue {
  margin-top: 10px !important;
}
.mutualFundsSection .navDate {
  margin-left: 5px;
}
.mutualFundsSection .navDate i {
  font-size: 13px;
}
.mutualFundsSection .navDate .rotate-icon {
  transform: rotate(180deg);
}
.mutualFundsSection .navHistory {
  margin-left: 10px;
  margin-top: 2px;
  color: #03002f;
  text-decoration-line: underline;
}
.mutualFundsSection .navHistoryIcon {
  margin-left: 4px;
  margin-top: 2px;
  width: 16px;
  height: 9.422px;
  flex-shrink: 0;
}

.dropdownAndTablecontent .dropdown {
  display: flex;
  justify-content: end;
  align-items: end;
}

.custom-date-padding {
  padding: 3px 7px;
}

.rightSideWrapper {
  display: flex;
  justify-content: end;
  align-items: end;
}

.marketCardArrow i {
  font-size: 14px !important;
  margin-right: 8px;
}

.three-color-progressBar-Mf {
  margin-top: 2rem;
}
.three-color-progressBar-Mf .pbar29Rangeslider {
  margin-top: 4px;
}

.three-color-progressbar-mf-dec .pbar29Rangeslider {
  margin-top: 3px;
}

.MFPeerComp .marketcardbody {
  padding: 0px !important;
}

@media only screen and (max-width: 768px) {
  .quotes-mutualfund-returns {
    margin-bottom: 10px !important;
  }
  .MFPeerComp .marketcardbody {
    padding: 0px !important;
  }
  .invesment-charges {
    margin-top: -43px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mutualfunds-understanding-sections .mob-understanding-section-mkt {
    margin-top: -8px !important;
    margin-inline: 13px;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
  }
}
@media only screen and (min-width: 768px) {
  .mutualfunds-understanding-sections {
    margin-top: 20px !important;
  }
}
.mutualfund-overview-wrappar {
  margin-top: 30px;
}
.mutualfund-overview-wrappar .mutualfund-overview {
  padding: 13px 9px;
  gap: 300px;
  border-radius: 5px;
}
.mutualfund-overview-wrappar .returns-wrappar {
  gap: 54px;
  padding-top: 15px;
}
.mob-overvire-wrappar {
  gap: 13px;
  margin-top: 20px;
}

.mutualfund-overview-mb {
  margin-top: 35px;
  gap: 37px;
}
.mutualfund-overview-mb .text {
  margin-top: 5px;
}
@media (max-width: 768px) {
  .mutualfund-overview-mb .arrow-icon-content {
    position: relative;
    top: -5px;
  }
}

.change-wrappar {
  margin-top: 10px;
}
.change-wrappar .change-growth {
  text-decoration: underline !important;
  margin-left: 5px;
}

.navbar-class-sidebar {
  height: calc(100vh - 140px);
  overflow-y: scroll;
}
.navbar-class-sidebar::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.navbar-class-sidebar {
  /* Track */
}
.navbar-class-sidebar::-webkit-scrollbar-track {
  background: transparent;
}
.navbar-class-sidebar {
  /* Handle */
}
.navbar-class-sidebar::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.navbar-class-sidebar .common-table-withbackground table thead th {
  padding-inline: 8px !important;
}

.mob-wrappar-year {
  border: 1px solid #727271;
  border-radius: 5px;
  padding: 5px;
}

.nav-history-sidebardrawer .marketcardhead {
  padding-bottom: 0px !important;
}
.nav-history-sidebardrawer .marketcardbody {
  padding-top: 0px !important;
}

.balance-table-block {
  line-height: normal;
}
.balance-table-block table tbody tr.hover-back-color {
  background-color: #03002f !important;
}
.balance-table-block table tbody tr.hover-back-color div {
  color: #ffffff !important;
}
.balance-table-block table tbody tr.hover-back-color:hover {
  background-color: #03002f !important;
}

.mob-overview-dropdown {
  border: none !important;
}
.mob-overview-dropdown .equitydrop .dropdown-toggle .btn .btn-primary {
  border: 2px solid green;
}
.mob-overview-dropdown.equity-dropdown-block .dropdown-menu {
  transform: translate(0px, 5px) !important;
}

.line-height-20-fin span {
  line-height: 22px;
}
@media (max-width: 768px) {
  .line-height-20-fin span {
    line-height: 20px;
  }
}

.mf-historic-returns {
  height: 100%;
}
.mf-historic-returns .quotes-historic-returns-ui .mk-card-topright {
  justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .mf-historic-returns .marketCard {
    padding: 15px !important;
  }
}
@media only screen and (min-width: 768px) {
  .mf-historic-returns tbody tr td:first-child {
    font-size: 1rem;
    font-family: "DMSansNormal" !important;
    color: #444444;
  }
}
@media only screen and (max-width: 768px) {
  .quotes-historic-returns-ui thead th {
    padding-left: 23px !important;
  }
  .quotes-historic-returns-ui thead tr th:first-child {
    padding-left: 8px !important;
  }
  .quotes-historic-returns-ui tbody tr td:first-child {
    font-size: 0.875rem !important;
    font-family: "DMSansNormal" !important;
    color: #444444;
  }
}
@media only screen and (max-width: 768px) {
  .quotes-historic-returns-ui thead th:nth-child(1),
  .quotes-historic-returns-ui thead th:nth-child(2) {
    width: 30px;
  }
  .quotes-historic-returns-ui thead th {
    padding-left: 23px !important;
  }
}
.underperforming-wrapper-main .underperforming-five-year {
  border-radius: 3px;
  background: #d9f3da;
  padding: 5px;
  width: 14px;
  height: 14px;
}
.underperforming-wrapper-main .Outperforming-five-year {
  border-radius: 3px;
  background: #fce9e9;
  padding: 5px;
  width: 14px;
  height: 14px;
}
.underperforming-wrapper-main .outperforming-wrapper {
  margin-block: 24px 20px;
}
.underperforming-wrapper-main .underperforming-wrapper {
  margin-block: 24px 20px;
}

.greenBackground {
  background-color: #d9f3da;
  height: 3.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.redBackground {
  background-color: #fce9e9;
  height: 3.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .underperforming-wrapper-main .underperforming-wrapper {
    margin-block: 20px 5px !important;
  }
  .underperforming-wrapper-main .outperforming-wrapper {
    margin-block: 15px 20px !important;
  }
  .underperforming-wrapper-main .five-year-returns tbody tr td:not(:first-child) {
    font-size: 0.875rem;
    color: #444444;
    font-family: "RobotoRegular";
    padding-right: 0px !important;
  }
}
.dynamicindicator-historicreturn {
  margin-right: 15px;
}

.returnsthisFund {
  padding: 0px !important;
}

@media (max-width: 768px) {
  .underperforming-wrapper-main table td span {
    font-size: 0.875rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .dynamicindicator-historicreturn {
    width: 100% !important;
    margin-right: 10px;
  }
  .dynamicindicator-historicreturn .Progresscommondatavalue {
    margin-top: 5px;
  }
  .dynamicindicator-historicreturn .dbar29RangesliderLabelname .Progresscommondatavalue {
    width: 50% !important;
  }
}
.historic-return-ui-mf .marketcardhead {
  display: grid !important;
  grid-template-columns: 1fr !important;
}
.historic-return-ui-mf .marketcardhead .mk-card-topright {
  display: grid !important;
  grid-template-columns: 100% !important;
}
.historic-return-ui-mf table .w-20-td {
  width: 20%;
}
@media (max-width: 768px) {
  .historic-return-ui-mf table .w-20-td {
    width: 18%;
    vertical-align: middle;
  }
}
.historic-return-ui-mf table .w-20-td {
  text-align: left !important;
}
.historic-return-ui-mf table .w-60-td {
  width: 60%;
}

@media only screen and (max-width: 768px) {
  .quotes-historic-returns-thisfunds .thisfunds-wrappar {
    padding-block: 13px !important;
  }
}
.mf-historic-returns.index .marketcardhead.card-header {
  display: block;
}
.mf-historic-returns.index .marketcardhead.card-header .mk-card-topright {
  margin-top: 15px;
}
@media only screen and (max-width: 1023px) {
  .mf-historic-returns.index .marketcardhead.card-header .mk-card-topright {
    justify-content: end;
  }
}

.historic-calculator-quotes .border-calculator {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.historic-calculator-quotes .explorefundmainSection {
  background-color: #f2f2f5;
}
.historic-calculator-quotes .rc-slider-handle {
  border: 8px solid #03002f !important;
}
.historic-calculator-quotes .rc-slider-dot {
  border: solid 2px #03002f;
}
.historic-calculator-quotes .radio-button input[type=radio]::after {
  background: #03002f;
}
.historic-calculator-quotes .ed_button.blue-one {
  border: none;
  background-color: #03002f;
}
.historic-calculator-quotes .explorefundmainSection .mf-invest {
  background-color: #49aee2;
}
@media (max-width: 768px) {
  .historic-calculator-quotes .growthCalculator-section .slider-container :global(.ant-slider-handle) {
    width: 28px;
    height: 28px;
    margin-top: -14px;
  }
  .historic-calculator-quotes .growthCalculator-section .slider-container :global(.ant-slider-rail),
  .historic-calculator-quotes .growthCalculator-section .slider-container :global(.ant-slider-track) {
    height: 8px;
  }
}
.historic-calculator-quotes .growthCalculator-section .slider-input-group .slidervalue {
  padding: 0px 6px !important;
}
.historic-calculator-quotes .growthCalculator-section .slider-input-group .slidervalue .form-control {
  text-align: center !important;
  padding-left: 0px;
  max-width: 100%;
  min-width: 30px;
}
.historic-calculator-quotes .growthCalculator-section .radioBoxsection {
  display: grid;
  grid-template-columns: 35% 35% auto;
  gap: 30px;
}
@media (max-width: 768px) {
  .historic-calculator-quotes .growthCalculator-section .radioBoxsection {
    display: flex;
    justify-content: space-between;
  }
}
.historic-calculator-quotes .growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
  height: 17px;
  width: 17px;
}
@media screen and (max-width: 1023px) {
  .historic-calculator-quotes .growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue {
    width: 88px;
  }
}
@media only screen and (max-width: 1024px) {
  #portfolio-holding .portfolioMFContainer .marketgroup {
    margin-top: 0px;
  }
}
.portfolioMFContainer {
  display: flex;
  float: left;
  height: 100%;
  width: 100%;
}
.portfolioMFContainer .MFPortfolioHoldingError .refreshErrorBtn {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .portfolioMFContainer .marketcardbody {
    padding-bottom: 0px !important;
  }
}
.portfolioMFContainer .portfolio-marketcard {
  padding-left: 0px;
}
@media (max-width: 768px) {
  .portfolioMFContainer .portfolio-marketcard .marketCard {
    padding: 0px !important;
  }
}
.portfolioMFContainer .portfolio-marketcard .assetallocation-section .lenged-Circle {
  width: 15px;
  height: 15px;
}
.portfolioMFContainer .portfolio-subcategory-mob .portfolioMFContainer .marketCard {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0 !important;
  padding-bottom: 0px !important;
}
@media screen and (max-width: 1023px) {
  .portfolioMFContainer .portfolio-subcategory-mob .portfolioMFContainer .marketCard {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.mf-sc-dropdown-mob .dropdown-menu.show {
  max-height: 340px !important;
  z-index: 6;
}

.mf-Stock-Composition {
  margin-top: 50px;
  margin-bottom: 100px;
}
.mf-Stock-Composition .mf-sc-header .equity-dropdown-block .dropdown-menu.show {
  max-height: 340px;
}
.mf-Stock-Composition .mf-sc-header .equitydrop {
  color: #444444 !important;
}
.mf-Stock-Composition .mf-sc-header .equitydrop i:before {
  color: #03002f !important;
}
.mf-Stock-Composition .mf-sc-header .equity-dropdown-block > .btn-primary.dropdown-toggle {
  border-color: #e7e7e7 !important;
}
.mf-Stock-Composition .mf-sc-header .edel-icon-round-circle {
  color: rgb(221, 80, 77);
  position: absolute;
  top: -3px;
  right: 0px;
  font-size: 0.5rem;
}
.mf-Stock-Composition .mf-search-box {
  width: 300px;
}
.mf-Stock-Composition .mf-Stock-Composition-table {
  max-height: 400px;
  overflow-y: auto;
  margin-top: -1px;
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar-track-piece {
  margin-top: 135px !important;
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.mf-Stock-Composition .mf-Stock-Composition-table {
  /* Track */
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar-track {
  background: transparent;
}
.mf-Stock-Composition .mf-Stock-Composition-table {
  /* Handle */
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.mf-Stock-Composition .mf-Stock-Composition-table thead {
  background-color: #f2f2f5;
  position: sticky;
  top: -1px;
  z-index: 4;
}
.mf-Stock-Composition .mf-Stock-Composition-table table thead th {
  font-size: 1rem;
  font-family: "DMSansNormal";
  padding-left: 8px;
  padding-right: 8px;
  border-bottom: none !important;
}
@media (max-width: 768px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table thead th {
    border: none !important;
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoRegular";
}
@media (max-width: 768px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td {
    padding: 15px 10px;
    border: none !important;
    font-size: 0.75rem;
    font-family: "EncodeSansMedium";
  }
}
@media screen and (min-width: 1023px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td:first-child {
    width: 250px;
  }
}
@media screen and (min-width: 1023px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td:nth-child(2) {
    width: 200px;
  }
}

.adjust-padding-block .common-search-bar input {
  padding-block: 10px !important;
  padding-right: 83px !important;
}

.adjust-padding-block-dec .common-search-bar input {
  padding-block: 13px !important;
}

.table-layout-content-grid {
  display: grid;
  grid-template-columns: 10% 90%;
}
.table-layout-content-grid .text-left {
  text-align: left;
}

.table-layout-content-grid-2 {
  display: grid;
  grid-template-columns: 85% 15%;
  align-items: center;
}
@media (max-width: 768px) {
  .table-layout-content-grid-2 .assetname {
    font-size: 0.875rem;
  }
}
.table-layout-content-grid-2 .assetname {
  padding-left: 10px;
}
@media (max-width: 768px) {
  .table-layout-content-grid-2 .perc-hold-content {
    font-size: 0.875rem !important;
  }
}

.children-container {
  height: 100%;
}

.horizontal-scroll-common {
  flex-direction: row;
  overflow-x: scroll;
  padding-bottom: 10px;
}
.horizontal-scroll-common::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.horizontal-scroll-common {
  /* Track */
}
.horizontal-scroll-common::-webkit-scrollbar-track {
  background: transparent;
}
.horizontal-scroll-common {
  /* Handle */
}
.horizontal-scroll-common::-webkit-scrollbar-thumb {
  background: #03002f !important;
}

.mf-Stock-Composition-mobile {
  margin-top: 15px !important;
}
.mf-Stock-Composition-mobile .marketgroup {
  padding: 0px !important;
  margin: 0px auto !important;
}
.mf-Stock-Composition-mobile .marketgroup .marketCard {
  padding: 0px !important;
  border: none !important;
}

.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table table {
  border-collapse: separate;
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table td,
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table th {
  text-wrap: nowrap !important;
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody tr:nth-of-type(odd) td:first-child {
  background-color: #ffffff !important;
  border-left: 1px solid #e7e7e7;
  z-index: 1 !important;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody tr:nth-of-type(odd) td:first-child {
    color: #444444;
    border: none !important;
  }
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody:nth-of-type(even) td:first-child {
  background-color: #f2f2f5 !important;
  border-left: 1px solid #e7e7e7;
  z-index: 1 !important;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody:nth-of-type(even) td:first-child {
    color: #444444;
    border: none !important;
  }
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody td:nth-child(1) {
  z-index: 1 !important;
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table thead tr:nth-child(2) th:first-child {
  position: sticky;
  z-index: 4;
  background-color: #f2f2f5;
  left: 0px;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table thead tr:nth-child(1) th:first-child {
  position: sticky;
  z-index: 3;
  background-color: #ffffff;
  left: 0px;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}

.stock-comp-drop .equity-dropdown-block .dropdown-menu {
  z-index: 5 !important;
}

.stock-comp-drop-mob {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}

@media (max-width: 768px) {
  .mf-portfolio-tabs .nav-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1.5fr !important;
  }
}
.mf-portfolio-tabs .nav-tabs .nav-item .nav-link {
  padding: 7px 4px 10px 6px !important;
}

.holding-non-handcursor .progresscontainer .progressbox {
  cursor: unset !important;
}

.assetPaddingremove .marketCard {
  padding-inline: 0px !important;
}
.assetPaddingremove .marketcardhead {
  margin-left: 20px !important;
}

.padding-class-asset {
  padding-inline: 15px !important;
}

.asset-class-padding .marketCard .marketcardfoot.card-footer {
  padding: 15px !important;
}

.peer-compare-mf .marketgroup .marketCard .marketcardfoot {
  padding: 0px 20px 20px !important;
}
.peer-compare-mf .share .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.peer-compare-mf .share .share-icon .edel-icon-share-icon::before {
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}
.peer-compare-mf .rounded-circle1.exclamation1 {
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .peer-compare-mf .rounded-circle1.exclamation1 {
    margin-right: 15px;
  }
}
.peer-compare-mf .mk-card-topleftmain1 {
  margin: 20px 0px 0px 20px;
  display: flex;
}
@media (max-width: 1023px) {
  .peer-compare-mf .mk-card-topleftmain1 {
    margin: 15px 0px 0px 15px;
    justify-content: space-between;
  }
}
.peer-compare-mf .marketCard.card {
  padding: 0px !important;
}
.peer-compare-mf .index-constituents-table table thead {
  padding-bottom: 25 px;
  position: sticky;
  top: 0px;
  z-index: 1;
  background: white;
  height: 40px;
}
.peer-compare-mf .index-constituents-table tr th {
  padding: 15px;
}
.peer-compare-mf .index-constituents-table tr th:first-child {
  text-align: start;
  padding-left: 20px;
}
.peer-compare-mf .index-constituents-table tr th:last-child {
  text-align: end;
  padding-right: 20px;
}
.peer-compare-mf .index-constituents-table table tbody tr {
  padding: 20px;
}
.peer-compare-mf .index-constituents-table table tbody tr:first-child {
  text-align: start;
  padding-left: 20px;
}
.peer-compare-mf .index-constituents-table table tbody tr:first-child td {
  border-top: 1px solid #e7e7e7;
}
@media (max-width: 1023px) {
  .peer-compare-mf .index-constituents-table table tbody tr:first-child td {
    border-top: 0px;
  }
}
.peer-compare-mf .index-constituents-table table tbody tr:last-child {
  text-align: end;
  padding-right: 20px;
}
.peer-compare-mf .index-constituents-table table tbody td {
  border-top: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.peer-compare-mf .index-constituents-table table tbody tr td {
  border-left: 0px;
  border-right: 0px;
  color: #292929;
  font-size: 1rem;
  font-family: "RobotoMedium";
  padding: 20px;
}
.peer-compare-mf .index-constituents-table table tbody tr td:first-child {
  padding-left: 20px;
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #292929;
  text-align: start;
}
.peer-compare-mf .index-constituents-table table tbody tr td:last-child {
  text-align: end;
  padding-right: 20px;
}
.peer-compare-mf .index-constituents-table table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0px;
}
.peer-compare-mf .index-constituents-table table thead th {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
  border: none;
}
.peer-compare-mf .index-constituents-table table thead tr {
  border: none;
}

.stock-composition-progress.progress {
  height: 5px !important;
  background-color: #f2f2f5 !important;
  border-radius: 3px !important;
}
.stock-composition-progress .bg-bg_label_skyblue {
  background-color: #1c9ad6;
}

.common-marketCard-nopadding.marketgroup .marketcardhead {
  padding: 20px !important;
}
.common-marketCard-nopadding .marketcardbody {
  padding-bottom: 0px !important;
}
.common-marketCard-nopadding .marketCard {
  padding: 0px !important;
}
.common-marketCard-nopadding .marketCard .marketcardfoot {
  padding-bottom: 0px !important;
}

.grid-fundhouse {
  display: flex;
  gap: 30px;
}

.about-fund-house-wrappar {
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.about-fund-house-wrappar .amc-name {
  margin-bottom: 5px;
}
.about-fund-house-wrappar .mf-name {
  margin-bottom: 15px;
}
.about-fund-house-wrappar .amu-cr {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 768px) {
  .about-fund-house-wrappar .amu-cr {
    text-align: end;
  }
}

.about-house-main {
  margin-inline: 12px;
}

.about-fund-house-mf {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.about-fund-house-mf .contact-info {
  margin-block: 15px;
}
.about-fund-house-mf .amc-name {
  margin-bottom: 5px;
}
.about-fund-house-mf .telephone-fax-wrappar {
  gap: 40px;
  margin-bottom: 15px;
}
.about-fund-house-mf .email-mf {
  margin-bottom: 5px;
}
.about-fund-house-mf .company-website {
  margin-block: 15px 5px;
}
.about-fund-house-mf .address-mf {
  line-height: 160%;
}

@media only screen and (max-width: 768px) {
  .about-house-main {
    padding-top: 0px !important;
  }
  .mutualfunds-about-funds {
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 1024px) {
  #portfolio-holding .portfolioMFContainer .marketgroup {
    margin-top: 0px;
  }
}
.portfolioMFContainer {
  display: flex;
  float: left;
  height: 100%;
  width: 100%;
}
.portfolioMFContainer .MFPortfolioHoldingError .refreshErrorBtn {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .portfolioMFContainer .marketcardbody {
    padding-bottom: 0px !important;
  }
}
.portfolioMFContainer .portfolio-marketcard {
  padding-left: 0px;
}
@media (max-width: 768px) {
  .portfolioMFContainer .portfolio-marketcard .marketCard {
    padding: 0px !important;
  }
}
.portfolioMFContainer .portfolio-marketcard .assetallocation-section .lenged-Circle {
  width: 15px;
  height: 15px;
}
.portfolioMFContainer .portfolio-subcategory-mob .portfolioMFContainer .marketCard {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0 !important;
  padding-bottom: 0px !important;
}
@media screen and (max-width: 1023px) {
  .portfolioMFContainer .portfolio-subcategory-mob .portfolioMFContainer .marketCard {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.mf-sc-dropdown-mob .dropdown-menu.show {
  max-height: 340px !important;
  z-index: 6;
}

.mf-Stock-Composition {
  margin-top: 50px;
  margin-bottom: 100px;
}
.mf-Stock-Composition .mf-sc-header .equity-dropdown-block .dropdown-menu.show {
  max-height: 340px;
}
.mf-Stock-Composition .mf-sc-header .equitydrop {
  color: #444444 !important;
}
.mf-Stock-Composition .mf-sc-header .equitydrop i:before {
  color: #03002f !important;
}
.mf-Stock-Composition .mf-sc-header .equity-dropdown-block > .btn-primary.dropdown-toggle {
  border-color: #e7e7e7 !important;
}
.mf-Stock-Composition .mf-sc-header .edel-icon-round-circle {
  color: rgb(221, 80, 77);
  position: absolute;
  top: -3px;
  right: 0px;
  font-size: 0.5rem;
}
.mf-Stock-Composition .mf-search-box {
  width: 300px;
}
.mf-Stock-Composition .mf-Stock-Composition-table {
  max-height: 400px;
  overflow-y: auto;
  margin-top: -1px;
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar-track-piece {
  margin-top: 135px !important;
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.mf-Stock-Composition .mf-Stock-Composition-table {
  /* Track */
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar-track {
  background: transparent;
}
.mf-Stock-Composition .mf-Stock-Composition-table {
  /* Handle */
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.mf-Stock-Composition .mf-Stock-Composition-table thead {
  background-color: #f2f2f5;
  position: sticky;
  top: -1px;
  z-index: 4;
}
.mf-Stock-Composition .mf-Stock-Composition-table table thead th {
  font-size: 1rem;
  font-family: "DMSansNormal";
  padding-left: 8px;
  padding-right: 8px;
  border-bottom: none !important;
}
@media (max-width: 768px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table thead th {
    border: none !important;
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoRegular";
}
@media (max-width: 768px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td {
    padding: 15px 10px;
    border: none !important;
    font-size: 0.75rem;
    font-family: "EncodeSansMedium";
  }
}
@media screen and (min-width: 1023px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td:first-child {
    width: 250px;
  }
}
@media screen and (min-width: 1023px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td:nth-child(2) {
    width: 200px;
  }
}

.adjust-padding-block .common-search-bar input {
  padding-block: 10px !important;
  padding-right: 83px !important;
}

.adjust-padding-block-dec .common-search-bar input {
  padding-block: 13px !important;
}

.table-layout-content-grid {
  display: grid;
  grid-template-columns: 10% 90%;
}
.table-layout-content-grid .text-left {
  text-align: left;
}

.table-layout-content-grid-2 {
  display: grid;
  grid-template-columns: 85% 15%;
  align-items: center;
}
@media (max-width: 768px) {
  .table-layout-content-grid-2 .assetname {
    font-size: 0.875rem;
  }
}
.table-layout-content-grid-2 .assetname {
  padding-left: 10px;
}
@media (max-width: 768px) {
  .table-layout-content-grid-2 .perc-hold-content {
    font-size: 0.875rem !important;
  }
}

.children-container {
  height: 100%;
}

.horizontal-scroll-common {
  flex-direction: row;
  overflow-x: scroll;
  padding-bottom: 10px;
}
.horizontal-scroll-common::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.horizontal-scroll-common {
  /* Track */
}
.horizontal-scroll-common::-webkit-scrollbar-track {
  background: transparent;
}
.horizontal-scroll-common {
  /* Handle */
}
.horizontal-scroll-common::-webkit-scrollbar-thumb {
  background: #03002f !important;
}

.mf-Stock-Composition-mobile {
  margin-top: 15px !important;
}
.mf-Stock-Composition-mobile .marketgroup {
  padding: 0px !important;
  margin: 0px auto !important;
}
.mf-Stock-Composition-mobile .marketgroup .marketCard {
  padding: 0px !important;
  border: none !important;
}

.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table table {
  border-collapse: separate;
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table td,
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table th {
  text-wrap: nowrap !important;
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody tr:nth-of-type(odd) td:first-child {
  background-color: #ffffff !important;
  border-left: 1px solid #e7e7e7;
  z-index: 1 !important;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody tr:nth-of-type(odd) td:first-child {
    color: #444444;
    border: none !important;
  }
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody:nth-of-type(even) td:first-child {
  background-color: #f2f2f5 !important;
  border-left: 1px solid #e7e7e7;
  z-index: 1 !important;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody:nth-of-type(even) td:first-child {
    color: #444444;
    border: none !important;
  }
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody td:nth-child(1) {
  z-index: 1 !important;
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table thead tr:nth-child(2) th:first-child {
  position: sticky;
  z-index: 4;
  background-color: #f2f2f5;
  left: 0px;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table thead tr:nth-child(1) th:first-child {
  position: sticky;
  z-index: 3;
  background-color: #ffffff;
  left: 0px;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}

.stock-comp-drop .equity-dropdown-block .dropdown-menu {
  z-index: 5 !important;
}

.stock-comp-drop-mob {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}

@media (max-width: 768px) {
  .mf-portfolio-tabs .nav-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1.5fr !important;
  }
}
.mf-portfolio-tabs .nav-tabs .nav-item .nav-link {
  padding: 7px 4px 10px 6px !important;
}

.holding-non-handcursor .progresscontainer .progressbox {
  cursor: unset !important;
}

.assetPaddingremove .marketCard {
  padding-inline: 0px !important;
}
.assetPaddingremove .marketcardhead {
  margin-left: 20px !important;
}

.padding-class-asset {
  padding-inline: 15px !important;
}

.asset-class-padding .marketCard .marketcardfoot.card-footer {
  padding: 15px !important;
}

.explorefundmainSection {
  background-color: #f2f2f5;
  padding: 30px 20px 30px 30px;
  border-radius: 5px;
}
.explorefundmainSection strong {
  margin-right: 5px;
}
.explorefundmainSection .fdreturn {
  margin-top: 39px;
  margin-bottom: 30px;
}
.explorefundmainSection .progressbarsection .progressbox {
  background-color: #ffffff;
  border-radius: 5px;
  height: 40px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.explorefundmainSection .progressbarsection .progressbox div:last-child {
  text-align: right;
}
.explorefundmainSection .progressbarsection .progressbox .mf-main,
.explorefundmainSection .progressbarsection .progressbox .mf-invest,
.explorefundmainSection .progressbarsection .progressbox .mf-gains {
  height: 10px;
}
.explorefundmainSection .progressbarsection .progressbox {
  background-color: #ffffff;
  border-radius: 5px;
  height: 40px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media (max-width: 768px) {
  .explorefundmainSection .progressbarsection .progressbox {
    padding-left: 12px !important;
    padding-right: 12px !important;
    grid-template-columns: 2fr 1.5fr;
  }
}
.explorefundmainSection .progressbarsection .progressbox div:last-child {
  text-align: right;
}
.explorefundmainSection .progressbarsection .progressbox .mf-main,
.explorefundmainSection .progressbarsection .progressbox .mf-invest,
.explorefundmainSection .progressbarsection .progressbox .mf-gains,
.explorefundmainSection .progressbarsection .progressbox .fd-gains {
  height: 10px;
}
.explorefundmainSection .outerprogresssection {
  display: flex;
  justify-content: space-between;
}
.explorefundmainSection .outerprogresssection .progressiconbox:last-child {
  grid-column-end: none;
}
.explorefundmainSection .outerprogresssection .progressiconbox {
  display: grid;
  grid-template-columns: 20px auto;
  gap: 8px;
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox {
    grid-template-columns: 11px auto;
    gap: 4px;
  }
}
.explorefundmainSection .outerprogresssection .progressiconbox .icondata div {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  position: relative;
  top: 5px;
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox .icondata div {
    width: 10px;
    height: 10px;
    top: 0px;
  }
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox div:last-child span:last-child {
    margin-top: 8px;
  }
}
.explorefundmainSection .mf-invest {
  background-color: #03002f;
}
.explorefundmainSection .mf-gains {
  background-color: #51b255;
}
.explorefundmainSection .fd-gains {
  background-color: #dfa717;
}
.explorefundmainSection .mt-36 {
  margin-top: 36px;
}
@media (max-width: 768px) {
  .explorefundmainSection .Roboto_36_600 {
    font-size: 1.875rem;
  }
  .explorefundmainSection .EncodeSansM_18_500 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSans_14_500 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .EncodeSans_16_600 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSansR_14_400 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .RobotoM_18_500 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSans_14_500 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .RobotoM_14_700 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .EncodeSansR_12_400 {
    font-size: 0.688rem;
  }
  .explorefundmainSection .EncodeSans_16_500 {
    font-size: 0.875rem;
  }
}

.blurdesign {
  opacity: 0.5;
}

.boxoutersection {
  border: 1px solid #e7e7e7;
  padding: 30px 20px 50px 20px;
  border-radius: 5px;
}
.boxoutersection .boxinnerSection {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
}
.boxoutersection .boxinnerSection h1 {
  margin-bottom: 10px;
}
.boxoutersection .horizontalline {
  border: 1px solid #e7e7e7;
  margin: 2rem 0px;
}
.boxoutersection > div:last-child .horizontalline {
  display: none;
}

.boxoutersectionview {
  border: 1px solid #e7e7e7;
  padding: 20px 20px 20px 20px;
  border-radius: 5px;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 23px;
  align-items: center;
  justify-items: center;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  width: 100%;
  padding: 23px;
  text-align: center;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox img {
  width: 43px;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox .headingtitle {
  line-height: 20px;
  margin-top: 20px;
}

.topperforming-experience {
  width: 100%;
  background-color: #fffbf2;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 32px;
  font-family: "EncodeSansLight";
  font-style: normal;
  height: 280px;
}
.topperforming-experience .topperforming-experience-body {
  font-weight: 300;
  font-size: 1rem;
  line-height: 20px;
  padding-top: 24px;
}
.topperforming-experience .topperforming-experience-body .Btntopperforming {
  float: left;
  margin-top: 3.14rem;
}
.topperforming-experience .topperforming-experience-body p {
  max-width: 310px;
}
.topperforming-experience .startlumpsumsection {
  justify-content: end;
  display: flex;
  align-items: end;
}
@media (max-width: 768px) {
  .topperforming-experience .startlumpsumsection .text-right {
    display: grid;
    grid-template-columns: 60% auto;
    grid-column-start: none;
  }
  .topperforming-experience .startlumpsumsection .text-right img {
    width: 45px;
  }
}
.topperforming-experience .startlumpsumsection .ed_button {
  text-transform: unset !important;
  width: 182px;
}
@media (max-width: 768px) {
  .topperforming-experience .startlumpsumsection .ed_button {
    width: 130px !important;
  }
}

.mfradiobox-mob-section .disp_val {
  color: #b8b8b8 !important;
}
.mfradiobox-mob-section .radio_btn input[type=radio]:checked + .disp_val {
  color: #444444 !important;
}

@media (max-width: 768px) {
  .mfradiobox-mob-section .disp_val {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}
.growthCalculator-section .height40 {
  height: 40px;
}
@media (max-width: 768px) {
  .growthCalculator-section .mb-ui p {
    text-align: center;
    margin-bottom: 10px !important;
  }
}
.growthCalculator-section .marketgroup {
  padding: 0px;
}
.growthCalculator-section .marketgroup .marketCard {
  padding-bottom: 0px !important;
}
.growthCalculator-section .marketgroup .marketCard .mk-card-topright.gap {
  margin-left: 9px !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .marketgroup .marketCard .mk-card-topleftmain {
    font-size: 1rem !important;
  }
}
.growthCalculator-section .calculatortab .nav-item:last-child .nav-link {
  padding: 11px 15px 11px 15px !important;
}
.growthCalculator-section .calculatortab .nav-item .nav-link {
  font-size: 1rem !important;
  padding: 11px 15px 11px 11px !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatortab .nav-item .nav-link {
    font-size: 0.875rem !important;
    margin-bottom: 0px !important;
  }
}
.growthCalculator-section .calculatortab .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.growthCalculator-section .radioBoxsection {
  display: grid;
  grid-template-columns: 35% 35% auto;
  gap: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .radioBoxsection {
    grid-template-columns: 55% 45%;
    gap: 0px;
  }
}
.growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
  height: 17px;
  width: 17px;
}
@media screen and (max-width: 1023px) {
  .growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}
.growthCalculator-section .calculatorTextbox {
  border-bottom: 1px solid #e7e7e7;
}
.growthCalculator-section .calculatorTextbox .input_prefix {
  font-size: 2.625rem;
  font-family: "RobotoBold";
  font-weight: bolder;
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatorTextbox .input_prefix {
    font-size: 2.25rem;
  }
}
.growthCalculator-section .calculatorTextbox .form-control {
  border: none;
  line-height: 40px;
  padding: 0 0 0 10px;
  border-radius: 0px;
  font-size: 2.5rem;
  font-family: "RobotoBold";
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatorTextbox .form-control {
    font-size: 2.25rem;
    text-align: center;
  }
}
.growthCalculator-section .timeperiodSection {
  display: grid;
  grid-template-columns: 85% 15%;
  align-items: center;
  margin-top: 38px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection {
    grid-template-columns: 75% 25%;
  }
}
.growthCalculator-section .timeperiodSection.assumedreturn {
  grid-template-columns: 80% 20%;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.assumedreturn {
    grid-template-columns: 72% 28%;
  }
}
.growthCalculator-section .timeperiodSection.recommendation {
  grid-template-columns: 75% 25% !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.recommendation {
    grid-template-columns: 68% 32% !important;
  }
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.recommendation .slider-input-group .slidervalue {
    width: 100px;
  }
  .growthCalculator-section .timeperiodSection.recommendation .slider-input-group .slidervalue .form-control {
    padding-right: 4px;
    padding-left: 7px;
  }
}
.growthCalculator-section .timeperiodSection.recommendation .input_suffix::before {
  content: "%/";
  margin-right: 5px;
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue {
  display: flex;
  align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue {
    padding-right: 10px;
  }
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control {
  border: none !important;
  font-size: 1.25rem;
  font-family: "RobotoRegular";
  text-align: right;
  padding-right: 6px;
  color: #444444;
  background-color: #ffffff;
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control:disabled {
  color: #b8b8b8;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control {
    font-size: 1rem;
  }
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .input_suffix {
  grid-column-end: none;
  color: #b8b8b8;
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .input_suffix {
    font-size: 0.875rem;
  }
}
.growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-input {
  width: 25px;
  height: 25px;
  accent-color: #03002f;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-input {
    width: 16px;
    height: 16px;
    position: relative;
    margin-top: 0px;
  }
}
.growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-label {
  line-height: 30px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-label {
    line-height: 35px;
    margin-left: 0px;
  }
}
.growthCalculator-section .radioBoxsectionfundtype {
  display: grid;
  grid-template-columns: 20% 20% 20% auto;
  gap: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .radioBoxsectionfundtype {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button {
  border: 1px solid #e7e7e7;
  padding: 7px 8px 7px 9px;
  border-radius: 3px;
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button.active {
  background-color: #f2f2f5;
  border: 1px solid #03002f;
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button input[type=radio]:checked::after {
  height: 17px;
  width: 17px;
}
@media screen and (max-width: 1023px) {
  .growthCalculator-section .radioBoxsectionfundtype .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatortab .mb-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 367px) and (max-width: 768px) {
  .mfradiobox-mob-section .radio-button .radio_btn {
    align-items: center !important;
  }
}
.docked-position.mfQuotesLinksDesk-center {
  margin-inline: -290px !important;
}
.docked-position.mfQuotesLinksDesk-center .mfQuotesLinksDesk ul {
  margin-left: 131px !important;
  width: 105% !important;
}

.mfQuotesLinksDesk ul {
  margin-inline: -31px;
  margin-top: 20px;
  gap: 10px;
  width: 100%;
}
.mfQuotesLinksDesk ul li a {
  margin-right: 5px;
  margin-left: 5px;
}

.mfQuotesLinksDesk-center {
  padding-left: 119px !important;
}

.mutual-fund-portfolio .percentage-value-section {
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0%;
  top: 45%;
}
@media (max-width: 768px) {
  .mutual-fund-portfolio .percentage-value-section {
    top: 46%;
    font-size: 0.813rem;
  }
}

@media (max-width: 768px) {
  .market-cap-td table tbody td {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .market-cap-td .merge-data-row td {
    width: 40% !important;
  }
}

.merge-data-row td:nth-child(1) {
  position: relative !important;
  left: unset !important;
  z-index: auto !important;
}

.sticky-mutualFund-overview {
  position: relative;
}
@media (max-width: 1023px) {
  .sticky-mutualFund-overview .marketgroup {
    margin: 10px 20px;
  }
}
@media (max-width: 768px) {
  .sticky-mutualFund-overview .marketgroup {
    margin: 10px 20px !important;
  }
}
.sticky-mutualFund-overview .marketgroup .marketCard {
  border: none !important;
  padding: 0px !important;
}
.sticky-mutualFund-overview .marketgroup .marketcardbody {
  padding: 0px !important;
  padding-bottom: 0px !important;
}
@media (max-width: 768px) {
  .sticky-mutualFund-overview .marketgroup .marketcardbody {
    padding-bottom: 0px !important;
  }
}
.sticky-mutualFund-overview .marketgroup .marketcardfoot {
  display: none !important;
}

.common-table-invementcharges table tbody tr td:first-child {
  text-wrap: nowrap;
}
@media (max-width: 768px) {
  .common-table-invementcharges table tbody tr td.DMSansMedium_16_500 {
    font-size: 0.875rem !important;
    font-family: "DMSansMedium" !important;
  }
}
@media (max-width: 768px) {
  .common-table-invementcharges table tbody tr td.DMSanN_16_400 {
    font-size: 0.875rem !important;
    font-family: "DMSansNormal" !important;
  }
}

.overview-section-padding-0 .marketcardbody {
  padding-top: 0px !important;
}

.mutual-fund-overview-grid {
  display: grid;
  grid-template-columns: 20% auto;
  gap: 54px;
}

.marketdepth-drp::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5em;
  top: 0.1rem;
  left: 34%;
  box-sizing: border-box;
  border: 9px solid #444444;
  border-color: transparent transparent #f2f2f5 #f2f2f5;
  transform-origin: 0 0;
  transform: rotate(-223deg);
  box-shadow: -1px 1px 0px 0px #e7e7e7;
  filter: drop-shadow(0px 4px 12px rgba(119, 119, 119, 0.04));
}
.marketdepth-drp {
  position: absolute;
  background-color: #f2f2f5;
  border-radius: 5px;
  padding: 10px;
  top: 35px;
  filter: drop-shadow(0px 4px 12px rgba(119, 119, 119, 0.04));
  z-index: 1;
}
.marketdepth-drp .marketdepth-generic {
  border-top: none !important;
}

.read-more-about-ncd {
  margin-left: 10px;
}

.slider-count-1 .slick-prev {
  right: 54%;
}
.slider-count-1 .slick-next {
  left: 54%;
}

.slider-count-3 .slick-prev {
  right: 60%;
}
.slider-count-3 .slick-next {
  left: 60%;
}

.slider-count-2 .slick-prev {
  right: 55%;
}
.slider-count-2 .slick-next {
  left: 55%;
}

.slider-count-4 .slick-prev {
  right: 60%;
}
.slider-count-4 .slick-next {
  left: 60%;
}

.timeline {
  border-left: 3px dashed #cbcccd;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  margin: 0 auto;
  letter-spacing: 0.2px;
  position: relative;
  line-height: 1.4em;
  font-size: 1.03em;
  padding: 10px 0 0 50px;
  list-style: none;
  text-align: left;
  max-width: 40%;
}

@media (max-width: 767px) {
  .timeline {
    max-width: 98%;
    padding: 25px;
  }
}
.timeline h1 {
  font-weight: 300;
  font-size: 1.4em;
}

.timeline h2,
.timeline h3 {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 10px;
}

.timeline .event {
  border-bottom: 1px dashed #e8ebf1;
  padding-bottom: 25px;
  margin-bottom: 25px;
  position: relative;
}

@media (max-width: 767px) {
  .timeline .event {
    padding-top: 30px;
  }
}
.timeline .event:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

.timeline .event:before,
.timeline .event:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline .event:before {
  left: -207px;
  content: attr(data-date);
  text-align: right;
  font-weight: 100;
  font-size: 0.9em;
  min-width: 120px;
}

@media (max-width: 767px) {
  .timeline .event:before {
    left: 0px;
    text-align: left;
  }
}
.timeline .event:after {
  -webkit-box-shadow: 0 0 0 3px #727cf5;
  box-shadow: 0 0 0 3px #727cf5;
  left: -55.8px;
  background: #fff;
  border-radius: 50%;
  height: 9px;
  width: 9px;
  content: "";
  top: 5px;
}

@media (max-width: 767px) {
  .timeline .event:after {
    left: -31.8px;
  }
}
.rtl .timeline {
  border-left: 0;
  text-align: right;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-right: 3px solid #727cf5;
}

.rtl .timeline .event::before {
  left: 0;
  right: -170px;
}

.rtl .timeline .event::after {
  left: 0;
  right: -55.8px;
}

.other-ncd-ipos-table {
  margin: 10px 0;
  width: 100%;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.other-ncd-ipos-table .header {
  width: 100%;
  padding: 15px 20px;
}
.other-ncd-ipos-table .header-mob {
  width: 100%;
  padding: 20px 15px;
}
.other-ncd-ipos-table .ncd-ipos-table-header {
  display: flex;
  flex-flow: column;
  border-bottom: 1px solid #e7e7e7;
}
.other-ncd-ipos-table .ncd-ipos-table-header .ncd-ipos-table-columns {
  display: flex;
  width: 100%;
  padding: 0 20px;
  gap: 15px;
}
.other-ncd-ipos-table .ncd-ipos-table-header .ncd-ipos-table-columns span {
  color: #727271;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  padding: 7px 0;
}
.other-ncd-ipos-table .ncd-ipos-table-header .ncd-ipos-table-columns span:nth-child(1) {
  flex: 2.5;
  display: flex;
  align-items: center;
}
.other-ncd-ipos-table .ncd-ipos-table-header .ncd-ipos-table-columns span:nth-child(2) {
  flex: 1.5;
  display: flex;
  align-items: center;
}
.other-ncd-ipos-table .ncd-ipos-table-header .ncd-ipos-table-columns span:nth-child(3) {
  flex: 1.5;
  display: flex;
  align-items: center;
}
.other-ncd-ipos-table .ncd-ipos-table-header .ncd-ipos-table-columns span:nth-child(4) {
  flex: 0.37;
  text-align: end;
}
.other-ncd-ipos-table .ncd-ipos-table-header .ncd-ipos-table-columns span:nth-child(5) {
  flex: 1;
  padding-right: 15px;
  text-align: end;
}
.other-ncd-ipos-table .ncd-ipos-table-header .ncd-ipos-table-columns span:nth-child(6) {
  flex: 1;
  padding-left: 10px;
}
.other-ncd-ipos-table .ncd-ipos-table-header .ncd-ipos-table-columns span:nth-child(7) {
  flex: 1.6;
  text-align: start;
  padding-right: 0;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo {
  display: flex;
  flex-flow: column;
  border-bottom: 1px solid #e7e7e7;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo .ncd-ipos-table-row {
  display: flex;
  padding: 10px 20px 5px 20px;
  gap: 15px;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo .ncd-ipos-table-row div:nth-child(1) {
  flex: 2.5;
  display: flex;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo .ncd-ipos-table-row div:nth-child(1) span {
  text-align: left;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo .ncd-ipos-table-row div:nth-child(2) {
  flex: 1.5;
  padding-top: 0;
  justify-content: flex-start;
  display: flex;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo .ncd-ipos-table-row div:nth-child(3) {
  flex: 1.5;
  padding-top: 0;
  display: flex;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo .ncd-ipos-table-row div:nth-child(4) {
  flex: 0.37;
  text-align: left;
  text-align: end;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo .ncd-ipos-table-row div:nth-child(5) {
  flex: 1;
  padding-right: 15px;
  text-align: end;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo .ncd-ipos-table-row div:nth-child(6) {
  flex: 1;
  padding-left: 10px;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo .ncd-ipos-table-row div:nth-child(7) {
  flex: 1.6;
  display: flex;
  padding-right: 0 !important;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo .ncd-ipos-table-row div:nth-child(7) .invest-n-share {
  height: fit-content;
  align-items: center;
  gap: 15px;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo .ncd-ipos-table-row div:nth-child(7) .invest-n-share .Apply-btn {
  padding: 9px 17px;
  width: 100px;
  height: 40px;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo .ncd-ipos-table-row div:nth-child(7) .invest-n-share span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.other-ncd-ipos-table .all-ipo-list .other-ncd-ipo .view-order-book {
  display: flex;
  align-items: center;
  margin: 15px 0;
  gap: 10px;
  justify-content: center;
  cursor: pointer;
}
.other-ncd-ipos-table .all-ipo-list {
  display: flex;
  flex-flow: column;
}
.other-ncd-ipos-table .all-ipo-list div:last-child {
  border-bottom: none !important;
}
.other-ncd-ipos-table .other-ncd-ipo-mob {
  padding: 15px;
  display: flex;
  flex-flow: column;
  gap: 15px;
  border-bottom: 1px solid #e7e7e7;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .company {
  display: flex;
  justify-content: space-between;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .company .company-name {
  width: 80%;
  line-height: 120%;
  text-align: start;
  display: flex;
  flex-flow: column;
  gap: 7px;
  gap: 10px;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .company .company-name .payout-freq {
  display: flex;
  align-items: center;
  justify-content: start;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .coupon-yield-amt {
  display: flex;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .coupon-yield-amt .coupon-rt,
.other-ncd-ipos-table .other-ncd-ipo-mob .coupon-yield-amt .yield,
.other-ncd-ipos-table .other-ncd-ipo-mob .coupon-yield-amt .min-inv-amt {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .coupon-yield-amt .coupon-rt {
  flex: 1.2;
  text-align: start;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .coupon-yield-amt .yield {
  flex: 1;
  text-align: start;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .coupon-yield-amt .min-inv-amt {
  flex: 1.5;
  text-align: end;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .rating {
  display: flex;
  width: 80%;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .rating span:nth-child(1) {
  flex: 3;
  text-align: start;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .rating span:nth-child(2) {
  flex: 1.5;
  text-align: end;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .share-apply {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .share-apply .Apply-btn {
  padding: 9px 17px;
  height: 40px;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .share-apply .alert-section {
  cursor: pointer;
  padding-left: 30px;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .share-apply .share-ipo {
  padding: 0;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .share-apply .share-ipo span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .subscription {
  display: flex;
  gap: 10px;
  text-align: end;
}
.other-ncd-ipos-table .other-ncd-ipo-mob .view-order-book {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.other-ncd-ipos-table .ncd-ipos-table-header .ncd-ipos-table-columns {
  border-bottom: 1px solid #e7e7e7;
}
.other-ncd-ipos-table .ncd-ipos-table-header .all-ipo-list {
  border-bottom: 1px solid #e7e7e7;
}
.other-ncd-ipos-table .ncd-ipos-table-header .all-ipo-list:last-child {
  border: none;
}

.ncd-ipo-series-table table tbody td,
.ncd-ipo-series-table table thead th {
  border: 1px solid rgb(236, 236, 236);
  text-align: center;
}
.ncd-ipo-series-table table tbody tr:hover {
  background-color: #f2f2f5;
}
.ncd-ipo-series-table table tbody td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.sidebarCashflow-ui .cashflow-content-ui {
  display: grid;
  grid-template-columns: 1fr !important;
}
.sidebarCashflow-ui .timelineipo-tl-container ul li:first-child {
  min-height: 100px !important;
}
.sidebarCashflow-ui .cashflow-section .head {
  padding-left: 15px !important;
}

.ncd-ipo-series-table-scroll {
  min-height: 240px;
  max-height: 300px;
  overflow-y: scroll;
  border-top: 1px solid #e7e7e7;
}
.ncd-ipo-series-table-scroll::-webkit-scrollbar-track-piece {
  margin-top: 40px !important;
}
.ncd-ipo-series-table-scroll::-webkit-scrollbar {
  width: 2px !important;
}
.ncd-ipo-series-table-scroll::-webkit-scrollbar-track {
  width: 10px;
}
.ncd-ipo-series-table-scroll::-webkit-scrollbar-thumb {
  background-color: #03002f;
  width: 10px !important;
}
.ncd-ipo-series-table-scroll table {
  margin-top: 0px;
}
.ncd-ipo-series-table-scroll thead {
  position: sticky;
  border-top: 0px !important;
  top: -2px;
  z-index: 7;
  background-color: #ffffff;
  outline: 1px solid #e7e7e7;
}

.details-grid-container {
  display: flex;
  flex-direction: column;
}
.details-grid-container .data-row {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.details-grid-container .data-row:nth-child(odd) {
  background-color: #f2f2f5;
}
.details-grid-container .data-row:nth-child(even) {
  background-color: #ffffff;
}

.ncd-ipo-details-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ncd-ipo-details-container .quote-title-details-wrapper .edel-icon-arrow-left {
  font-size: 1.375rem;
}
.ncd-ipo-details-container .ipo-status {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.875rem;
}
.ncd-ipo-details-container .ipo-status i {
  font-size: 0.625rem;
}
.ncd-ipo-details-container .scheme-details-container {
  padding: 0;
}

div[data-attr=Yield] {
  color: #03002f;
  text-decoration: underline !important;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}

.nfoDockedIPOMob {
  left: 0px;
  padding-inline: 0.5rem;
  z-index: 1000000;
  top: 50px;
}

.nfoDockedDesk {
  left: 0px;
  z-index: 98 !important;
  top: 135px;
}

.category-wise-breakup .category-breakup-table {
  margin-top: 15px !important;
}
.category-wise-breakup .total-col-category-breakup .total-row td {
  background-color: #f2f2f5;
}
.category-wise-breakup table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.category-wise-breakup td,
.category-wise-breakup th {
  border: 1px solid #e7e7e7;
  text-align: left;
  padding: 8px;
}
@media (max-width: 768px) {
  .category-wise-breakup td,
  .category-wise-breakup th {
    font-size: 0.75rem !important;
    font-family: "DMSansMedium" !important;
  }
}
.category-wise-breakup td:first-child {
  background-color: #f2f2f5;
  width: 14.1875rem;
  padding-inline: 20px 66px;
}
@media (max-width: 768px) {
  .category-wise-breakup td:first-child {
    padding-inline: 20px 30px;
  }
}
.category-wise-breakup td:nth-child(2),
.category-wise-breakup td:nth-child(3) {
  background-color: #ffffff;
  text-align: center;
  padding: 25px 65px;
}
@media (max-width: 768px) {
  .category-wise-breakup td:nth-child(2),
  .category-wise-breakup td:nth-child(3) {
    padding: 20px 30px;
  }
}
.category-wise-breakup th {
  border: none !important;
  text-align: center;
}

.category-wise-issue-breakup .marketcardfoot {
  margin-top: -48px !important;
}

.aboutcompany-quo-main-block {
  line-height: normal;
}
@media (min-width: 1023px) {
  .aboutcompany-quo-main-block .company-grid {
    display: grid;
    grid-template-columns: 25% 25% 50%;
  }
}
.aboutcompany-quo-main-block .company-info-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 16px;
  padding-top: 2px;
}
@media (min-width: 1023px) {
  .aboutcompany-quo-main-block .company-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 19px;
  }
}
.aboutcompany-quo-main-block .details-sub-block,
.aboutcompany-quo-main-block .executive-summary-sub-block {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr auto;
}
@media (max-width: 1023px) {
  .aboutcompany-quo-main-block .details-sub-block,
  .aboutcompany-quo-main-block .executive-summary-sub-block {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}
@media (min-width: 1023px) {
  .aboutcompany-quo-main-block .about-company-block {
    border-radius: 5px;
    padding: 20px;
  }
  .aboutcompany-quo-main-block .about-company-block.border-all {
    border: 1px solid #e7e7e7;
  }
}
@media (max-width: 1023px) {
  .aboutcompany-quo-main-block .about-company-block .top-block {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 15px;
    background: #ffffff;
  }
}
.aboutcompany-quo-main-block .about-company-block .rounded-circle {
  margin-left: 20px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  color: #03002f;
  border: 1px solid #f0f9ff;
  position: relative;
  cursor: pointer;
  top: 0px;
}
.aboutcompany-quo-main-block .about-company-block .rounded-circle i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}
.aboutcompany-quo-main-block .main-head > div:first-child,
.aboutcompany-quo-main-block .main-head-mob > div:first-child {
  color: #444444;
  font-family: "DMSansMedium";
  font-size: 1rem;
  padding-bottom: 17px;
}
.aboutcompany-quo-main-block .main-head ul.keyValuemargin {
  list-style-type: disc;
  margin-left: -7px;
}
.aboutcompany-quo-main-block .main-head-mob {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 15px;
  background: #ffffff;
}
.aboutcompany-quo-main-block .main-head-mob ul.keyValuemargin {
  list-style-type: disc;
  margin-left: -7px;
}
.aboutcompany-quo-main-block .sub-head .text-head {
  color: #444444;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.aboutcompany-quo-main-block .sub-head .text-body {
  color: #727271 !important;
  font-family: "DMSansMedium";
  font-size: 1rem;
  word-break: break-all;
}
.aboutcompany-quo-main-block .executive-summary-block {
  margin-top: 46px;
}
@media (max-width: 1023px) {
  .aboutcompany-quo-main-block .executive-summary-block {
    margin-top: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 15px;
    background: #ffffff;
  }
}
@media (max-width: 1023px) {
  .aboutcompany-quo-main-block .details-block {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 15px;
    background: #ffffff;
  }
}

.pdb-17 {
  padding-bottom: 17px;
}

.lh-160 {
  line-height: 160%;
}

.about-company-box {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 15px;
  background: #ffffff;
}

.ncd-ipo-quotes {
  margin: 20px 0px;
}
.ncd-ipo-quotes .available-series {
  height: 500px;
  width: 100%;
  background-color: rgb(243, 212, 212);
}
.ncd-ipo-quotes .scheme-details {
  height: 300px;
  width: 100%;
  background-color: rgb(184, 244, 211);
}
.ncd-ipo-quotes .cash-flow-analysis-n-compare-with-FD .cash-flow-analysis {
  border-radius: 5px;
  padding: 20px;
  border: 1px solid #e7e7e7;
}
.ncd-ipo-quotes .cash-flow-analysis-n-compare-with-FD .compare-with-FD-container {
  flex: 1;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
}
.ncd-ipo-quotes .cash-flow-analysis-n-compare-with-FD .compare-with-FD-container .heading-part {
  display: flex;
  flex-flow: column;
  border-bottom: 1px solid #e7e7e7;
  justify-content: flex-start;
  padding: 20px;
  gap: 16px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.ncd-ipo-quotes .cash-flow-analysis-n-compare-with-FD .compare-with-FD-container .heading-part .info-icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #e7e7e7;
}
.ncd-ipo-quotes .cash-flow-analysis-n-compare-with-FD .compare-with-FD-container .body-part {
  padding: 20px;
  display: flex;
  gap: 20px;
}
.ncd-ipo-quotes .cash-flow-analysis-n-compare-with-FD .compare-with-FD-container .body-part .checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ncd-ipo-quotes .cash-flow-analysis-n-compare-with-FD .compare-with-FD-container .body-part .progress-bar-container {
  gap: 20px;
}
.ncd-ipo-quotes .cash-flow-analysis-n-compare-with-FD .compare-with-FD-container .body-part .progress-bar-container .interest {
  gap: 10px;
}
.ncd-ipo-quotes .cash-flow-analysis-n-compare-with-FD .compare-with-FD-container .body-part .progress-bar-container .interest .one-progress-bar {
  gap: 10px;
  padding: 6px 20px;
  border-radius: 5px;
}
.ncd-ipo-quotes .cash-flow-analysis-n-compare-with-FD .compare-with-FD-container .body-part .progress-bar-container .interest .one-progress-bar .progress {
  height: 10px !important;
  border-radius: 0px !important;
  width: 100%;
  margin-bottom: 0 !important;
}
.ncd-ipo-quotes .cash-flow-analysis-n-compare-with-FD .compare-with-FD-container .body-part .amt-result {
  gap: 4px;
}
.ncd-ipo-quotes .cash-flow-analysis-n-compare-with-FD .compare-with-FD-container .body-part .amt-result .profit {
  font-size: 42px;
  font-weight: 600;
}
.grey-bordered-box {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  width: 100%;
  padding: 20px;
}
@media (max-width: 768px) {
  .grey-bordered-box {
    border-bottom: none !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}

.category-wrapper {
  padding: 5px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.docked-position.ncdIpoQuotesLinksDesk-center {
  margin-inline: -147px !important;
}
.docked-position.ncdIpoQuotesLinksDesk-center .ncdIpoQuotesLinksDesk ul {
  margin-left: 2px !important;
  width: 105% !important;
}

.ncdIpoQuotesLinksDesk ul {
  margin-inline: -25px;
  margin-top: 20px;
  gap: 10px;
  width: 100%;
}
.ncdIpoQuotesLinksDesk ul li a {
  margin-right: 5px;
  margin-left: 5px;
}

.ncdIpoQuotesLinksDesk-center {
  padding-left: 119px !important;
}

.edit-icon .edel-icon-edit-txn-report {
  font-size: 1.25rem;
}

.cashflow-section {
  padding: 10px 5px;
  border-radius: 5px;
}
.cashflow-section .head {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding-left: 37px;
}
@media (max-width: 768px) {
  .cashflow-section .head {
    padding-left: 10px;
  }
}
.cashflow-section .value {
  font-size: 0.875rem;
  font-family: "RobotoBold";
  color: #444444;
}
.cashflow-section .main-div-content {
  display: grid;
  grid-template-columns: 40% auto;
  padding: 5px;
  gap: 60px;
}

.count-input-section-bg .input-group {
  border: none !important;
}
.count-input-section-bg .input-group .input_prefix {
  width: 30px;
  height: 30px;
  border: 1px solid #e7e7e7;
  margin-right: 15px !important;
  background-color: #e7e7e7;
}
.count-input-section-bg .input-group .input_prefix button {
  height: 30px !important;
}
.count-input-section-bg .input-group .input_suffix {
  width: 30px;
  height: 30px;
  border: 1px solid #e7e7e7;
  margin-left: 15px !important;
  background-color: #e7e7e7;
}
.count-input-section-bg .input-group .input_suffix button {
  height: 30px !important;
  background-color: #e7e7e7;
  border-radius: unset !important;
}
.count-input-section-bg .input-group .form-control {
  border: 0px solid #e7e7e7 !important;
  border-radius: 5px !important;
  width: 30px;
}
.count-input-section-bg .counterinput .input-group-prepend button {
  line-height: 12px;
  background-color: #e7e7e7 !important;
  font-size: 1.25rem !important;
  height: 30px !important;
  width: 30px !important;
}

.NCDIpoSeriesmobile .marketCard {
  border-top: none !important;
  border-top-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  margin-bottom: 0px;
}
.NCDIpoSeriesmobile .marketcardhead {
  display: grid !important;
}

.quotes-ncd-ipo-finance .financial-analysis-desktop-block {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.quotesncd-aboutpage .aboutcompany-quo-main-block > div:nth-child(1) {
  display: none !important;
}

.quote-nd-mobile .mgt-50 {
  margin-top: 0px;
}
.quote-nd-mobile .mgt-50 .marketgroup {
  margin: 0px !important;
}

.ncd-ipo-quotes .grey-bordered-box .grid-box-ncd-ipo {
  gap: 15px;
}

.nfoDockedMob .grid-box-ncd-ipo {
  gap: 15px;
}

.board-radius-5-ncd {
  border-radius: 5px;
}

.marketdepth-tab-mob-css {
  padding-bottom: 50px !important;
  padding: 20px 20px 50px 20px !important;
}

.ncdipo-common-table .hand-cursor-ncd-ipo {
  cursor: pointer;
}

.ncd-market-quote .details-grid-container .data-row .data-head,
.details-grid-container-ncd .details-grid-container .data-row .data-head {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .ncd-market-quote .details-grid-container .data-row .data-head,
  .details-grid-container-ncd .details-grid-container .data-row .data-head {
    font-size: 0.875rem;
  }
}
.ncd-market-quote .details-grid-container .data-row .data-head,
.details-grid-container-ncd .details-grid-container .data-row .data-head {
  font-family: "DMSansNormal";
}
.ncd-market-quote .details-grid-container .data-row .data-value,
.details-grid-container-ncd .details-grid-container .data-row .data-value {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .ncd-market-quote .details-grid-container .data-row .data-value,
  .details-grid-container-ncd .details-grid-container .data-row .data-value {
    font-size: 0.875rem;
  }
}
.ncd-market-quote .details-grid-container .data-row .data-value,
.details-grid-container-ncd .details-grid-container .data-row .data-value {
  font-family: "DMSansMedium";
}

.details-grid-container .data-row .data-head {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .details-grid-container .data-row .data-head {
    font-size: 0.875rem;
  }
}
.details-grid-container .data-row .data-head {
  font-family: "DMSansNormal";
}
.details-grid-container .data-row .data-value {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .details-grid-container .data-row .data-value {
    font-size: 0.875rem;
  }
}
.details-grid-container .data-row .data-value {
  font-family: "DMSansMedium";
}

.grid-schemedeatils-5 {
  display: grid;
  grid-template-columns: 16% 16% 16% 16% auto;
}

.view-report-section {
  border: 1px solid #03002f;
  padding: 25px 17px 23px 0px;
  border-radius: 5px;
}
.view-report-section .edel-icon-report-color {
  font-size: 1.75rem;
}

.discount-section .edel-icon-price-tag {
  font-size: 2rem;
}

.subscriptionstatus-ipo.marketgroup .marketcardbody {
  padding-bottom: 0px !important;
}
.subscriptionstatus-ipo.marketgroup .marketcardbody .subscriptionstatus-data div:last-child {
  border-bottom: none !important;
}

.border-box-factor {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 20px !important;
}
.border-box-factor.green-border {
  border-color: #51b255;
}
.border-box-factor.red-border {
  border-color: #dd504d;
}
.border-box-factor .content-list {
  font-size: 1rem;
  font-family: "DMSansMedium";
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 20px;
}
.border-box-factor .content-list .grid-2-contentlist {
  display: grid;
  grid-template-columns: 20px auto;
  justify-content: center;
  align-items: baseline;
}
.border-box-factor .content-list .grid-2-contentlist .edel-icon-plus {
  font-size: 10px;
  color: #51b255;
}
.border-box-factor .content-list .grid-2-contentlist .edel-icon-minus {
  font-size: 10px;
  color: #dd504d;
}
.border-box-factor ul:last-child {
  margin-bottom: 0px;
}
.border-box-factor ul:last-child li {
  border-bottom: none;
  padding-bottom: 0px;
}

.keyfactor-section .edel-icon-Strengths {
  font-size: 0.813rem;
}

.leadmangeripo-marketcard .marketCard .marketcardbody {
  padding-bottom: 0px !important;
}

.table-all-border-data {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  border-spacing: 0px;
}
.table-all-border-data thead tr th {
  border: none;
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.table-all-border-data tbody td {
  border: none;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
.table-all-border-data tbody td:first-child {
  border-left: none;
}
.table-all-border-data tbody td:last-child {
  border-right: none;
}
.table-all-border-data tbody tr:last-child td {
  border-bottom: none;
}

.shareholdertable tr td:nth-child(1) {
  width: 36%;
}
.shareholdertable tr td:nth-child(2) {
  width: 32%;
}
.shareholdertable tr td:nth-child(3) {
  width: 32%;
}
.shareholdertable .data-head {
  font-size: 0.875rem;
  font-family: "DMSansBold";
}
.shareholdertable .data-value {
  font-size: 1rem;
  font-family: "RobotoMedium";
}
.shareholdertable .data-value-content {
  font-size: 1rem;
  font-family: "DMSansMedium";
  background-color: #f2f2f5;
}

@media (max-width: 1023px) {
  .shareholdingpatterns-section .progress {
    height: 7px !important;
    margin-bottom: 0px !important;
  }
  .shareholdingpatterns-section.bg-section {
    background-color: #f2f2f5;
    padding: 13px;
    border-radius: 5px;
    margin: 6px 15px 20px;
  }
}
.shareholdingpatterns-section .progress {
  height: 11px !important;
  margin-bottom: 0px !important;
}
.shareholdingpatterns-section.bg-section {
  background-color: #f2f2f5;
  padding: 20px;
  border-radius: 5px;
}

.border-box-ipo {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  padding: 10px 15px;
}

.border-bottom-ipo {
  border-bottom: 1px solid #e7e7e7;
}

.edel-icon-arrow-left {
  font-size: 30px;
}

@media (max-width: 1023px) {
  .nfo-marketcard-objective.marketgroup .marketCard .marketcardbody {
    margin-top: 0px !important;
  }
}

.upcomingnfoparentclass tr th:nth-child(1) {
  padding-left: 15px !important;
}
.upcomingnfoparentclass tr th:nth-child(1),
.upcomingnfoparentclass tr td:nth-child(1) {
  width: 18%;
  text-align: left !important;
}
.upcomingnfoparentclass tr th:nth-child(2),
.upcomingnfoparentclass tr td:nth-child(2) {
  width: 15%;
}
.upcomingnfoparentclass tr th:nth-child(3),
.upcomingnfoparentclass tr td:nth-child(3) {
  width: 15% !important;
}
.upcomingnfoparentclass tr th:nth-child(4),
.upcomingnfoparentclass tr td:nth-child(4) {
  width: 9% !important;
}
.upcomingnfoparentclass tr th:nth-child(5),
.upcomingnfoparentclass tr td:nth-child(5) {
  width: 9% !important;
}
.upcomingnfoparentclass tr th:nth-child(6),
.upcomingnfoparentclass tr td:nth-child(6) {
  width: 12% !important;
}
.upcomingnfoparentclass tr th:nth-child(7),
.upcomingnfoparentclass tr td:nth-child(7) {
  width: 9% !important;
}
.upcomingnfoparentclass tr th:nth-child(8),
.upcomingnfoparentclass tr td:nth-child(8) {
  width: 22% !important;
}
.upcomingnfoparentclass tbody tr td {
  height: unset !important;
}
.upcomingnfoparentclass tbody tr:nth-child(2) td.benchamarktd {
  width: 70% !important;
}

.nfoDocked {
  margin-left: 84px !important;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  position: fixed !important;
  background-color: white;
  z-index: 9;
  width: 100%;
}
@media (min-width: 1280px) {
  .nfoDocked {
    left: 4rem !important;
  }
}

.iponame-array-content {
  width: fit-content;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #03002f;
  padding: 2px 7px 2px 5px;
  background-color: #f2f2f5;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .iponame-array-content {
    min-width: min-content;
    max-width: min-content;
    font-size: 0.75rem;
    font-family: "DMSansNormal";
    color: #03002f;
    padding: 2px 7px 2px 5px;
    background-color: #f2f2f5;
    border-radius: 5px;
    line-height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap: nowrap;
  }
}

.nfo-past-perf-viewall .marketgroup .marketCard {
  border: 0px;
}

.listingPerformance.listingPerformanceNfo table tr td:nth-child(2),
.listingPerformance.listingPerformanceNfo table tr td:nth-child(3),
.listingPerformance.listingPerformanceNfo table tr td:nth-child(4) {
  color: #727271 !important;
}
.listingPerformance.listingPerformanceNfo .search-filter-nfo .ed_button.slim {
  padding: 18px 18px;
  border-radius: 0px 5px 5px 0px;
}
.listingPerformance.listingPerformanceNfo .search-filter-nfo .common-search-bar input {
  padding: 18.5px 10px;
  border-radius: 5px 0px 0px 5px;
  width: 280px;
}
.listingPerformance.listingPerformanceNfo .marketgroup .marketCard .marketcardfoot {
  margin-top: 20px;
  margin-bottom: 20px;
}
.listingPerformance.listingPerformanceNfo .marketCard {
  padding-bottom: 0px;
}
.listingPerformance.listingPerformanceNfo .marketCard .marketcardbody {
  padding: 0px;
}

.edel-icon-report-color {
  font-size: 38px;
}

.grid-5-nfodetails {
  display: grid;
  grid-template-columns: 22% 22% 22% 23% 11%;
}

.nfo-marketcard {
  padding: 0px !important;
}
.nfo-marketcard.nfo-marketcard-nopadding .marketCard {
  padding: 0px !important;
}
.nfo-marketcard.nfo-marketcard-nopadding .marketCard .marketcardhead {
  padding: 20px 20px 0px 20px !important;
}
@media (max-width: 768px) {
  .nfo-marketcard.nfo-marketcard-nopadding .marketCard .marketcardhead {
    padding: 15px 15px 0px 15px !important;
  }
}
.nfo-marketcard.nfo-marketcard-nomargin .marketcardbody {
  margin: 0px !important;
}
.nfo-marketcard.nfoviewall-padding .marketCard .marketcardfoot {
  padding: 0px 20px 20px 20px !important;
}
@media (max-width: 768px) {
  .nfo-marketcard .marketCard {
    padding: 15px !important;
  }
}
.nfo-marketcard .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain,
.nfo-marketcard .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.25rem !important;
  font-family: "DMSansNormal" !important;
}
.nfo-marketcard .marketCard .marketcardhead .rounded-circle1.exclamation1 {
  color: #03002f !important;
  border: 1px solid #e7e7e7 !important;
}
.nfo-marketcard .marketCard .marketcardfoot .share-icon {
  background-color: #f2f2f5 !important;
}
.nfo-marketcard .marketCard .marketcardfoot .share-icon .edel-icon-share-icon::before {
  color: #03002f !important;
}
.nfo-marketcard .img-circle-nfo {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #f2f2f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .nfo-marketcard .img-circle-nfo {
    width: 41px;
    height: 41px;
  }
}
.nfo-marketcard .rounded-circle.exclamation {
  color: #03002f !important;
  border-color: #e7e7e7 !important;
}
.nfo-marketcard .box-shadow-nfo {
  border-radius: 5px 5px 0px 0px;
  background: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}

.grid-25-auto {
  display: grid;
  grid-template-columns: 25% auto;
}

.nfo-marketcard-objective.marketgroup .marketCard .marketcardbody {
  margin-top: 30px;
}
.nfo-marketcard-objective.marketgroup .marketCard .marketcardbody .ed-card-secondary {
  height: inherit;
}
.nfo-marketcard-objective.marketgroup .marketCard .marketcardbody .ed-card-headline-container {
  max-width: 100%;
  width: 100%;
}
.nfo-marketcard-objective.marketgroup .marketCard .marketcardfoot {
  padding: 0px;
}
.nfo-marketcard-objective .edcardSecondary-common-nfo .ed-headline-title {
  margin-bottom: 0px !important;
}
.nfo-marketcard-objective .edcardSecondary-common-nfo .ed-headline-title .title {
  margin-bottom: 0px !important;
}

.grid-fundhouse {
  display: grid;
  grid-template-columns: 15% 15% 20% 25% auto;
}
@media (max-width: 768px) {
  .grid-fundhouse {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
  }
}

.overflow-scroll-200 {
  height: 200px;
  overflow: scroll;
  padding-bottom: 20px;
}

.overflow-scroll-425 {
  height: 425px;
  overflow: scroll;
  padding-bottom: 20px;
}

.fundmangertable:last-child {
  border-bottom: 1px solid #e7e7e7;
}

@media (min-width: 768px) and (max-width: 1600px) {
  .timelineipo-section {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.timelineipo-section .timelineipo-tl-container ul.tl {
  margin: 0px;
  padding: 0;
  display: inline-block;
}
.timelineipo-section .timelineipo-tl-container ul.tl li {
  list-style: none;
  margin: auto;
  min-height: 61px;
  border-left: 1px dashed #e7e7e7;
  position: relative;
}
.timelineipo-section .timelineipo-tl-container ul.tl li:last-child {
  border-left: 0;
}
.timelineipo-section .timelineipo-tl-container ul.tl li::before {
  position: absolute;
}
@media (max-width: 768px) {
  .timelineipo-section .timelineipo-tl-container ul.tl li::before {
    border: 4px solid #f2f2f5;
    left: -5px;
  }
}
.timelineipo-section .timelineipo-tl-container ul.tl li::before {
  left: -8px;
  content: " ";
  border: 8px solid #f2f2f5;
  border-radius: 500%;
  background: #f2f2f5;
  height: 10px;
  width: 10px;
}
.timelineipo-section .timelineipo-tl-container ul.tl li.active {
  border-color: #e7e7e7;
}
.timelineipo-section .timelineipo-tl-container ul.tl li.active::before {
  background-color: #03002f !important;
  border-color: #03002f !important;
}
.timelineipo-section .timelineipo-tl-container ul.tl li.active .timestamp {
  color: #444444 !important;
}
.timelineipo-section .timelineipo-tl-container ul.tl li.active .item-title {
  color: #444444 !important;
}
.timelineipo-section ul.tl li .item-detail {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #c0bfcb;
}
.timelineipo-section ul.tl li .timestamp {
  font-size: 1rem;
  font-family: "DMSansMedium";
  position: absolute;
  width: 100px;
  text-align: right;
  color: #c0bfcb;
}
.timelineipo-section ul.tl li .item-title {
  position: relative;
}
@media (max-width: 768px) {
  .timelineipo-section ul.tl li .item-title {
    font-size: 0.875rem;
  }
}
.timelineipo-section .timelineipo-tl-container {
  display: grid;
  grid-template-columns: 30% 10% 65%;
}
@media (max-width: 768px) {
  .timelineipo-section .timelineipo-tl-container {
    display: grid;
    grid-template-columns: 30% 10% 55%;
  }
}
.timelineipo-section .timelineipo-tl-container ul li:last-child {
  padding-bottom: 0px !important;
  min-height: 0px !important;
}
.timelineipo-section .left-section-timeline li {
  margin: auto;
  min-height: 61px;
}
.timelineipo-section .left-section-timeline li .timestamp {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #c0bfcb;
}
@media (max-width: 768px) {
  .timelineipo-section .left-section-timeline li .timestamp {
    font-size: 0.875rem;
  }
}
.timelineipo-section .left-section-timeline li .timestamp.active {
  color: #03002f;
}
.timelineipo-section .right-section-timeline li {
  margin: auto;
  min-height: 61px;
}
.timelineipo-section .right-section-timeline li .item-title {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #c0bfcb;
}
@media (max-width: 768px) {
  .timelineipo-section .right-section-timeline li .item-title {
    font-size: 0.875rem;
  }
}
.timelineipo-section .right-section-timeline li .item-title.active {
  color: #03002f;
}

.assetallocation-section .lenged-Circle {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #f2f2f5;
}
.assetallocation-section .lenged-Circle.blue-lenged {
  background-color: #49aee2;
}
.assetallocation-section .lenged-Circle.orange-lenged {
  background-color: #f9aa67;
}
.assetallocation-section .percentage-value-section {
  position: absolute;
  top: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 91%;
}
@media (max-width: 768px) {
  .assetallocation-section .percentage-value-section {
    position: absolute;
    top: 46%;
    left: 0%;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
  }
}
.assetallocation-section .highcharts-container {
  height: 340px;
}
@media (max-width: 768px) {
  .assetallocation-section .highcharts-container {
    height: 300px;
  }
}

.rating-box {
  border: 1px solid #e7e7e7;
  padding: 5px 7px;
  border-radius: 5px;
}
.rating-box .edel-icon-Star {
  font-size: 0.75rem;
}
.rating-box[data-attr=star3] {
  color: #f7943e;
}
.rating-box[data-attr=star5] {
  color: #51b255;
}

.nfodetailsSection .edel-icon-arrow-left {
  font-size: 1.438rem;
}

.investmentoptions-section .data-head {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
}
.investmentoptions-section .data-head.padding-content {
  padding-top: 12px;
  padding-bottom: 11px;
}
.investmentoptions-section .data-value {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #444444;
}
.investmentoptions-section .data-value.padding-content {
  padding-top: 12px;
  padding-bottom: 11px;
}

.nfoobjective-mob-section div:last-child {
  border-bottom: none !important;
}

.infoicon-nfosection .marketCard .mk-card-topleftmain1 {
  display: flex;
  gap: 10px;
}
.infoicon-nfosection .marketCard .mk-card-topleftmain1 .rounded-circle1 {
  padding-left: 5px;
}

@media (max-width: 768px) {
  .fundhouse-data-section .aumsection {
    margin-top: 15px;
  }
  .fundhouse-data-section .schemesection {
    margin-top: 15px;
    text-align: right;
  }
  .fundhouse-data-section .schemesection span {
    justify-content: end;
  }
  .fundhouse-data-section .DMSanN_16_400,
  .fundhouse-data-section .DMSans_16_500 {
    font-size: 0.875rem !important;
  }
}

.grid-fc-mb {
  display: grid;
  grid-template-columns: 30% auto;
}

.share-icon-common .share-icon {
  background-color: #f2f2f5 !important;
}
.share-icon-common .edel-icon-share-icon::before {
  color: #03002f !important;
}

.data-head-16-normal {
  font-size: 1rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .data-head-16-normal {
    font-size: 0.875rem;
  }
}

.data-head-roboto-medium {
  font-size: 1rem;
  font-family: "RobotoRegular";
}
.data-head-roboto-medium.string-class {
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .data-head-roboto-medium {
    font-size: 0.875rem;
  }
}

.data-roboto-normal {
  font-size: 1rem;
  font-family: "RobotoRegular";
}
@media (max-width: 768px) {
  .data-roboto-normal {
    font-size: 0.875rem;
  }
}

.data-head-dm-normal {
  font-size: 1rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .data-head-dm-normal {
    font-size: 0.875rem;
  }
}

.data-16-medium {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .data-16-medium {
    font-size: 0.875rem;
  }
}

.display-hidden {
  display: none !important;
}

.fund-manager-data-drawer .nfo-drawrer-height__content {
  max-height: 80vh !important;
  padding-bottom: 30px !important;
}

.nfo-drawrer-height {
  height: 80vh !important;
}

.marketcardBody-nopadding .marketcardbody {
  padding-bottom: 0px !important;
}

.nfoDockedMob {
  left: 0px;
  padding-inline: 0.5rem !important;
  z-index: 1000000 !important;
  top: 50px !important;
}

.nfoDockedDesk {
  left: 0px;
  z-index: 98 !important;
  top: 135px;
}

.nfo-tabs button {
  padding-top: 0px !important;
}

.listingPastperformanceTable tr td:nth-child(1),
.listingPastperformanceTable tr th:nth-child(1) {
  width: 40%;
}
.listingPastperformanceTable tr td:nth-child(2),
.listingPastperformanceTable tr th:nth-child(2) {
  width: 15%;
  text-align: right;
}
.listingPastperformanceTable tr td:nth-child(3),
.listingPastperformanceTable tr th:nth-child(3) {
  width: 15%;
  text-align: right;
}
.listingPastperformanceTable tr td:nth-child(4),
.listingPastperformanceTable tr th:nth-child(4) {
  width: 15%;
  text-align: right;
}
.listingPastperformanceTable tr td:nth-child(5),
.listingPastperformanceTable tr th:nth-child(5) {
  width: 15%;
  text-align: right;
}

.livenews-nfo-table tr th:nth-child(1),
.livenews-nfo-table tr td:nth-child(1) {
  width: 32% !important;
}
.livenews-nfo-table tr th:nth-child(2),
.livenews-nfo-table tr td:nth-child(2) {
  width: 20% !important;
  text-align: right !important;
}
.livenews-nfo-table tr th:nth-child(3),
.livenews-nfo-table tr td:nth-child(3) {
  width: 22% !important;
  text-align: right !important;
}
.livenews-nfo-table tr th:nth-child(4),
.livenews-nfo-table tr td:nth-child(4) {
  width: 10% !important;
  text-align: right !important;
}
.livenews-nfo-table tr th:nth-child(5),
.livenews-nfo-table tr td:nth-child(5) {
  width: 15% !important;
  text-align: right !important;
}
.livenews-nfo-table .table > :not(caption) > * > * {
  background-color: transparent !important;
}

.upcoming-nfo-table tr th:nth-child(1),
.upcoming-nfo-table tr td:nth-child(1) {
  width: 18% !important;
}
.upcoming-nfo-table tr th:nth-child(2),
.upcoming-nfo-table tr td:nth-child(2) {
  width: 18% !important;
  text-align: right !important;
}
.upcoming-nfo-table tr th:nth-child(3),
.upcoming-nfo-table tr td:nth-child(3) {
  width: 17% !important;
  text-align: right !important;
}
.upcoming-nfo-table tr th:nth-child(4),
.upcoming-nfo-table tr td:nth-child(4) {
  width: 14% !important;
  text-align: right !important;
}
.upcoming-nfo-table tr th:nth-child(5),
.upcoming-nfo-table tr td:nth-child(5) {
  width: 10% !important;
  text-align: right !important;
}
.upcoming-nfo-table tr th:nth-child(6),
.upcoming-nfo-table tr td:nth-child(6) {
  width: 15% !important;
  text-align: right !important;
}
.upcoming-nfo-table .table > :not(caption) > * > * {
  background-color: transparent !important;
}

.nfo-content-data {
  position: absolute;
}

.read-more-nfo {
  text-align: right;
  border-bottom: 1px solid #03002f;
}

.view-report-section {
  border: 1px solid #03002f;
  border-radius: 5px;
}

.nfoDockedMob {
  left: 0px;
  padding-inline: 0.5rem !important;
  z-index: 1000000 !important;
  top: 50px !important;
}

.ipoQDockedDesk {
  left: 0px;
  top: 160px;
}

.circle-wrapper-nfo .imcircule-nfo::before {
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 9px !important;
  color: #51b255 !important;
  padding-left: 5px;
  padding-right: 5px;
}
.circle-wrapper-nfo .imcircule-nfo-closing::before,
.circle-wrapper-nfo .imcircule-nfo-closed::before {
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 9px !important;
  color: #dd504d !important;
  padding-left: 5px;
  padding-right: 5px;
}
.circle-wrapper-nfo .imcircle-custom::before {
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 9px !important;
  color: #ffb800 !important;
  padding-left: 5px;
  padding-right: 5px;
}

#peer-comparison-section .marketCard .marketcardhead {
  padding-bottom: 10px !important;
}

.docked-position .nfoQuotesLinksDesk .marketTabs-ul {
  padding-left: 139px !important;
}
.docked-position .nfoQuotesLinksDesk ul {
  margin-left: 141px !important;
  width: 130%;
}

.nfoQuotesLinksDesk .marketTabs-ul {
  padding-left: 0px;
}
.nfoQuotesLinksDesk ul {
  margin-top: 20px;
  gap: 10px;
  width: 100%;
}
.nfoQuotesLinksDesk ul li a {
  margin-right: 5px;
  margin-left: 5px;
}

.nfoQuotesLinksDesk-center {
  margin-left: -303px !important;
}

.handleBackNavigation-backarrow {
  margin-top: -18px;
}

.quo-technical-mainblock {
  padding-top: 50px;
}

.quotes-border {
  border: 1px solid #e7e7e7;
}

.quo-marketcard .marketgroup .marketCard {
  padding: 0px;
}
@media (max-width: 1023px) {
  .quo-marketcard .marketgroup .marketCard {
    padding: 0px !important;
    margin-bottom: 0px;
  }
}
.quo-marketcard .marketgroup .marketCard .marketcardhead {
  padding: 20px 20px 0px !important;
}
@media (max-width: 1023px) {
  .quo-marketcard .marketgroup .marketCard .marketcardhead {
    padding: 15px 15px 0px !important;
  }
}
.quo-marketcard .marketgroup .marketCard .pivot-table {
  margin-top: 0px;
  margin-bottom: 0px;
  border-spacing: 0px;
}
.quo-marketcard .marketgroup .marketCard .pivot-table td {
  padding: 15px 15px 15px 20px;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
@media (max-width: 1023px) {
  .quo-marketcard .marketgroup .marketCard .pivot-table td {
    padding: 15px 0px 15px 0px;
  }
}
.quo-marketcard .marketgroup .marketCard .pivot-table td.taCenter {
  align-content: center;
}
.quo-marketcard .marketgroup .marketCard .pivot-table td span {
  padding: 0px;
}
.quo-marketcard .marketgroup .marketCard .pivot-table td span:first-child {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #727271;
}
.quo-marketcard .marketgroup .marketCard .pivot-table td:last-child {
  border-right: 0px;
}
.quo-marketcard .marketgroup .marketCard .pivot-table.table > :not(:first-child) {
  border-top-color: #e7e7e7 !important;
}
.quo-marketcard .marketgroup .marketCard .marketcardfoot {
  padding: 15px 20px 20px !important;
}
@media (max-width: 1023px) {
  .quo-marketcard .marketgroup .marketCard .marketcardfoot {
    padding: 15px !important;
  }
}
.quo-marketcard .marketgroup .marketCard .generic-tabs .nav-tabs {
  padding-top: 20px;
  border-bottom: 1px solid #e7e7e7;
}
@media (max-width: 1023px) {
  .quo-marketcard .marketgroup .marketCard .generic-tabs .nav-tabs {
    padding: 0px 0px 1px 0px;
  }
}
.quo-marketcard .marketgroup .marketCard .generic-tabs .nav-tabs .nav-item {
  padding-right: 15px;
}
.quo-marketcard .marketgroup .marketCard .generic-tabs .nav-tabs .nav-item:first-child {
  padding-left: 10px;
}
.quo-marketcard .marketgroup .marketCard .generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 11px 10px 5px 10px;
}
@media (max-width: 1023px) {
  .quo-marketcard .marketgroup .marketCard .generic-tabs .nav-tabs .nav-item .nav-link {
    padding-bottom: 10px;
    padding-top: 8px;
  }
}
.quo-marketcard .marketgroup .marketCard .generic-tabs .nav-tabs .nav-item .nav-link {
  font-size: 1rem;
  font-family: "DMSansNormal";
}
.quo-marketcard .marketgroup .marketCard .generic-tabs .nav-tabs .nav-item .nav-link.active {
  font-family: "DMSansMedium";
}

.technical-moving-gentable .common-table-border table {
  border-spacing: 0px;
}
.technical-moving-gentable .common-table-border table thead th {
  padding: 20px 20px 18px;
  font-family: "DMSansNormal";
  text-align: right;
}
.technical-moving-gentable .common-table-border table thead th:first-child {
  text-align: left;
}
@media (max-width: 1023px) {
  .technical-moving-gentable .common-table-border table thead th {
    padding: 20px 15px 15px;
  }
}
.technical-moving-gentable .common-table-border table tbody tr:last-child td {
  padding: 0px 20px 33px;
}
@media (max-width: 1023px) {
  .technical-moving-gentable .common-table-border table tbody tr:last-child td {
    padding: 0px 15px 5px;
  }
}
.technical-moving-gentable .common-table-border table tbody tr td {
  padding: 0px 20px 35px;
  text-align: right;
}
.technical-moving-gentable .common-table-border table tbody tr td:first-child {
  text-align: left;
}
@media (max-width: 1023px) {
  .technical-moving-gentable .common-table-border table tbody tr td {
    padding: 0px 15px 26px;
  }
}

.bg-secondary-grey {
  background-color: #b8b8b8 !important;
}

.bg-red {
  background-color: #dd504d !important;
}

.bg-green {
  background-color: #51b255 !important;
}

.bg-grey {
  background-color: #b8b8b8 !important;
}

.w-28 {
  width: 28%;
}

.progressBar-5 {
  padding: 0px 20px;
}
@media (max-width: 1023px) {
  .progressBar-5 {
    padding: 0px 15px;
  }
}
.progressBar-5 .progress {
  height: 5px !important;
}

.plbr-20 {
  padding: 0px 20px 20px;
}
@media (max-width: 1023px) {
  .plbr-20 {
    padding: 0px 15px 15px;
  }
}

.plr-20 {
  padding: 0px 20px 0px;
}
@media (max-width: 1023px) {
  .plr-20 {
    padding: 0px 15px 15px;
  }
}

.tech-avg-block {
  padding: 0px 20px 0px;
}
@media (max-width: 1023px) {
  .tech-avg-block {
    padding: 0px 15px 0px;
  }
}

.technicalindicator-section .progress .progress-bar {
  border-width: 6px !important;
}

.progressBar-technical {
  border-top: 1px solid #e7e7e7;
  padding: 15px 20px 15px 15px;
}
.progressBar-technical:last-child {
  border-bottom: 1px solid #e7e7e7;
}
.progressBar-technical .edel-icon-arrow-down-big {
  height: 30px;
  display: block;
  width: 30px;
  background: #f2f2f5;
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.progressBar-technical .edel-icon-arrow-down-big::before {
  color: #03002f !important;
  font-size: 0.625rem;
}
.progressBar-technical .down {
  font-size: 0.625rem;
  transform: rotate(180deg);
}

.progreesBar-red {
  border-left: 4px solid #dd504d !important;
}

.progreesBar-green {
  border-left: 4px solid #51b255 !important;
}

.progreesBar-grey {
  border-left: 4px solid #b8b8b8 !important;
}

.text-black-pivotpoint {
  color: #444444 !important;
}

.table-margin-padding-0 table {
  margin: 0px auto;
}

.square-before::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #f9aa67;
  border-radius: 5px;
  margin-right: 5px;
}

.optionValue-table table {
  border-spacing: 0px !important;
  width: 100%;
  margin: 0px auto;
}
.optionValue-table table thead th {
  padding: 15px 8px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.optionValue-table table tbody tr:first-child {
  background: #03002f !important;
}
.optionValue-table table tbody tr:first-child td {
  color: #ffffff !important;
}
.optionValue-table table tbody tr:first-child:hover {
  background: #03002f !important;
}
.optionValue-table table tbody tr:nth-child(odd) {
  background: #f2f2f5;
}
.optionValue-table table tbody tr:nth-child(even):hover {
  background-color: unset !important;
}
.optionValue-table table tbody tr td {
  border-top: 1px solid #e7e7e7;
  border: none;
  height: unset;
  padding: 15px 8px;
  border-radius: 0px;
  font-size: 0.875rem !important;
  font-family: "RobotoRegular";
}
@media (max-width: 768px) {
  .optionValue-table table tr td:nth-child(1),
  .optionValue-table table tr th:nth-child(1) {
    width: 28%;
  }
  .optionValue-table table tr td:nth-child(2),
  .optionValue-table table tr th:nth-child(2) {
    width: 24%;
  }
  .optionValue-table table tr td:nth-child(3),
  .optionValue-table table tr th:nth-child(3) {
    width: 24%;
  }
  .optionValue-table table tr td:nth-child(4),
  .optionValue-table table tr th:nth-child(4) {
    width: 24%;
  }
}

.quo-technical-mainblock {
  padding-top: 0 !important;
}

.marketgroup {
  border-radius: 5px !important;
}

.quo-technical-mainblock .quo-marketcard .col {
  flex: 1 0 400px !important;
}
.quo-technical-mainblock .quo-marketcard .mk-card-topleftmain1 {
  display: flex;
}
.quo-technical-mainblock .quo-marketcard .mk-card-topleftmain1 .mk-card-topright {
  margin-left: 10px;
}

.grid-4-optioncalculator {
  display: grid;
  grid-template-columns: 28% 28% 28% 16%;
}

.color-info-midnight .rounded-circle.exclamation {
  height: 18px !important;
  width: 18px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding-left: 0px !important;
  border: 1px solid #03002f !important;
}
.color-info-midnight .rounded-circle.exclamation .edel-icon-info {
  color: #03002f !important;
  font-size: 0.625rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  top: unset !important;
  left: unset !important;
  bottom: 0px;
  margin: 0px !important;
  position: unset !important;
}

.optionSection .FandOtradeInfo {
  max-width: 410px;
}
@media screen and (max-width: 768px) {
  .optionSection .overview-pivot.pivot-points {
    margin-left: -27px;
  }
  .optionSection .pivotName {
    color: #727271 !important;
    font-size: 0.75rem !important;
    font-family: "DMSansNormal" !important;
  }
  .optionSection .pivotValue {
    color: #444444 !important;
    font-size: 0.875rem !important;
    font-family: "RobotoMedium" !important;
  }
  .optionSection .overview-pivot.pivot-points .col:nth-child(even) {
    text-align: end !important;
  }
}
.optionSection .overview-pivot.pivot-points .pivotName {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.optionSection .overview-pivot.pivot-points .pivotValue {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoBold";
}
.optionSection .overview-pivot.pivot-points {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.optionSection .overview-pivot.pivot-points .col:nth-child(even) {
  text-align: end;
}
@media screen and (max-width: 1023px) {
  .optionSection .overview-pivot.pivot-points {
    grid-template-columns: 1fr 1fr;
  }
  .optionSection .overview-pivot.pivot-points .col:nth-child(even) {
    text-align: end;
  }
}
.optionSection .overview-pivot.pivot-points .buy-sell-block {
  gap: 10px;
}
.optionSection .overview-pivot.pivot-points .buy-sell-block .icon-block {
  height: 40px;
  width: 40px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.optionSection .overview-pivot.pivot-points .buy-sell-block .ed_button.button {
  padding: 10px 50px;
}
@media screen and (max-width: 1023px) {
  .optionSection .overview-pivot.pivot-points .buy-sell-block .ed_button.button {
    padding: 10px 20px;
  }
}
.optionSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs {
  justify-content: space-around;
}
.optionSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 10px 10px 5px 10px;
}
.optionSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-width: 3px;
}
.optionSection .remove-margin.mb-5 {
  margin-bottom: 20px !important;
}
.optionSection .remove-margin .overview-pivot.margin-bottom {
  margin-bottom: 0px !important;
}

.optionOverViewRightside .optionchainRight {
  justify-content: space-between;
}
.optionOverViewRightside .optionchainRight img {
  margin-right: 5px;
}
.optionOverViewRightside {
  padding-top: 20px;
}

.orangeText {
  padding: 15px 10px;
}

.orangeTextMob {
  padding: 10px 10px;
  margin-top: 30px;
}

.optionOverViewRightsideMob {
  margin-top: 30px;
  line-height: 120%;
  margin-bottom: 30px;
}
.optionOverViewRightsideMob .optionchainRight {
  justify-content: space-between;
}
.optionOverViewRightsideMob .optionchainRight img {
  margin-right: 5px;
}

#options-news-corp-events .d-livenews-container {
  margin-left: 0px;
  margin-right: 0px;
}

.option-tooltip-overview .tooltip-inner {
  background-color: #ffffff;
  color: #727271;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}
.option-tooltip-overview .tooltip-arrow::before {
  border-top-color: #ffffff !important;
}
@media (max-width: 768px) {
  .option-tooltip-overview {
    z-index: 1 !important;
  }
}

@media (max-width: 768px) {
  #options-news-corp-events .d-livenews-container {
    padding-right: 0px !important;
  }
  #options-news-corp-events .d-ln-heading {
    padding-right: 10px !important;
  }
}
.chart-spot .toggle-switch-switch.midnight-blue {
  background-color: #b8b8b8 !important;
}
.chart-spot.toggle-switch-label.midnight-blue {
  border: 1px solid #b8b8b8 !important;
}
.chart-spot.toggle-switch-label.e-switch-active {
  border: 1px solid #03002f !important;
}
.chart-spot .toggle-switch-switch.e-switch-active {
  background-color: #03002f !important;
}

.riskometer-section .highcharts-container {
  height: 310px !important;
}
@media (max-width: 768px) {
  .riskometer-section .highcharts-container {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .riskometer-section .highcharts-container .highcharts-root {
    height: 350px !important;
  }
}

.riskmeasure-table table thead th:first-child {
  padding-left: 10px;
}
.riskmeasure-table table thead th:last-child {
  text-align: end;
  padding-right: 10px;
}
.riskmeasure-table table tr td:nth-child(1) {
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #444444;
}
.riskmeasure-table table tr td:last-child {
  text-align: end;
  font-size: 1rem;
  font-family: "RobotoRegular";
  color: #444444;
}

@media only screen and (max-width: 768px) {
  .riskmeasure-table table tr th:first-child {
    padding-left: 10px;
  }
  .riskmeasure-table table tr th:last-child {
    padding-right: 10px;
  }
  .riskmeasure-table table td:nth-child(1) {
    font-size: 0.875rem !important;
    font-family: "DMSansNormal";
    color: #444444;
  }
  .riskmeasure-table table td:last-child {
    text-align: end;
    font-size: 0.875rem !important;
    font-family: "RobotoRegular";
    color: #444444;
  }
}
.highcharts-container {
  transform-origin: top left;
}

.risk-meter-market .marketCard .marketcardbody {
  padding-top: 0px !important;
}

.custom-textbox-calendar {
  width: 100%;
  border: 1px solid #e7e7e7;
  height: 40px;
  border-radius: 5px;
}
.custom-textbox-calendar input {
  width: 100%;
  border: none !important;
  padding-left: 5px;
}
.custom-textbox-calendar .react-datepicker-popper {
  z-index: 9;
}

.common-headings-quotes {
  margin-top: 55px;
  margin-bottom: 35px;
}
@media screen and (max-width: 1023px) {
  .common-headings-quotes {
    margin-top: 40px;
    margin-bottom: 21px;
  }
}

.seasonality-card .mk-card-topleftmain1 {
  display: flex;
  gap: 10px;
  align-items: center;
}

.sector-market-card .mk-card-topleftmain1 {
  display: flex;
  gap: 10px;
  align-items: center;
}

.img-circle-nfo {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #f2f2f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .img-circle-nfo {
    width: 41px;
    height: 41px;
  }
}

.rounded-circle.exclamation,
.rounded-circle1.exclamation {
  color: #03002f !important;
  border-color: #e7e7e7 !important;
}

.common-small-content-table table thead tr th {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}
.common-small-content-table table tbody tr td {
  font-size: 0.75rem !important;
  font-family: "DMSansBold" !important;
}

.width-100-set table {
  width: 100%;
}

.edel-icon-watchlist-color {
  font-size: 37px;
}
.edel-icon-watchlist-color.font-small-16px {
  font-size: 1rem;
}
.edel-icon-watchlist-color.font-small-11px {
  font-size: 0.688rem;
}

@media screen and (max-width: 1023px) {
  .compare-button {
    position: fixed;
    transition: top 0.5s ease;
    z-index: 9;
    bottom: 110px;
    right: 225px;
  }
  .compare-mob-drawer {
    padding: 18px 0px;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    margin: 15px;
  }
  .compare-add-mob-drawer {
    padding: 18px 0px;
    border: 1px dashed #e7e7e7;
    border-radius: 6px;
    margin: 15px;
  }
}
.vscomponent-mobile .vertical-circle {
  z-index: 2;
}
.vscomponent-mobile .vertical-circle-line {
  position: relative;
}
.vscomponent-mobile .vertical-circle-line::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.quotes-futures-ui .edel-icon-info-color {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-info-color {
    font-size: 22px;
  }
}
.quotes-futures-ui .edel-icon-technical-drawing {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-technical-drawing {
    font-size: 22px;
  }
}
.quotes-futures-ui .edel-icon-technical-drawing-color {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-technical-drawing-color {
    font-size: 22px;
  }
}
.quotes-futures-ui .edel-icon-atom {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-atom {
    font-size: 22px;
  }
}
.quotes-futures-ui .edel-icon-Corporate-news {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-Corporate-news {
    font-size: 22px;
  }
}
.quotes-futures-ui .edel-icon-peer-comparision {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-peer-comparision {
    font-size: 22px;
  }
}
.quotes-futures-ui .edel-icon-calculator-color {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-calculator-color {
    font-size: 22px;
  }
}

.edel-icon-profit-color {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-profit-color {
    font-size: 22px;
  }
}

.edel-icon-invest-plant {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-invest-plant {
    font-size: 22px;
  }
}

.edel-icon-risks-1 {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-risks-1 {
    font-size: 22px;
  }
}

.edel-icon-book-info {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-book-info {
    font-size: 22px;
  }
}

.edel-icon-graph-bags {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-graph-bags {
    font-size: 25px;
  }
}

.edel-icon-coins-bag {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-coins-bag {
    font-size: 25px;
  }
}

.edel-icon-graph-stock-1 {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-graph-stock-1 {
    font-size: 25px;
  }
}

.edel-icon-itraday-up {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-itraday-up {
    font-size: 25px;
  }
}

@media screen and (min-width: 1023px) {
  .dock-quotes-section {
    top: 245px;
    position: sticky;
  }
}

.edel-icon-round-circle {
  font-size: 7px;
  color: #b8b8b8;
}
.edel-icon-trend-arrow {
  font-size: 23px !important;
}
@media screen and (max-width: 1023px) {
  .edel-icon-trend-arrow {
    font-size: 22px !important;
  }
}

.edel-icon-chart-color {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-chart-color {
    font-size: 22px;
  }
}

.edel-icon-note-look {
  font-size: 27px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-note-look {
    font-size: 20px;
  }
}

.edel-icon-setalert-another {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-setalert-another {
    font-size: 22px;
  }
}

.edel-icon-watchlist-another {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-watchlist-another {
    font-size: 22px;
  }
}

.expand-all-button {
  position: absolute;
  right: 0;
  top: 10px;
}

.share-modal-open .dock-quotes-section {
  position: unset !important;
}

.share .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.share .share-icon .edel-icon-share-icon::before {
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}

.children-container .error-msg {
  height: unset;
}

.common-card-share-padding.common-marketcard-nopadding.marketgroup .marketCard .marketcardbody {
  padding-top: 0px !important;
}
.common-card-share-padding.common-marketcard-nopadding.marketgroup .marketCard .marketcardfoot {
  padding: 20px !important;
}

.docked-position-space .marketTabs-ul {
  margin: 0px auto !important;
}
.docked-position-space .marketgroup .marketcardbody {
  padding-bottom: 5px !important;
}

.quotes-sort .sort-drop {
  width: 345px;
  right: 0px;
  margin-top: 15px;
}
.quotes-sort .sort-drop .sort-drop-body {
  width: 100%;
}
.quotes-sort .sort-drop .sort-drop-footer .ed_button {
  width: 50% !important;
  padding: 12px 0px !important;
}
.quotes-sort .backgroundcolor_bluedrawer {
  z-index: 100001 !important;
}
@media screen and (max-width: 1023px) {
  .quotes-sort.common-sorting-midnightblue .drawer-body .sort-drop-bodylist li.dark-grey, .quotes-sort.common-sorting-midnightblue .drawer-body .sort-drop-bodylist li.dark-grey .bodylist-right p {
    font-family: "DMSansNormal" !important;
    color: #b8b8b8 !important;
  }
}

.transition-docking {
  transition: top 0.5s ease !important;
}

.docked-position-sticky {
  position: sticky;
  background-color: #ffffff;
  z-index: 9;
}
.docked-position-sticky.top-100px {
  top: 100px;
}
.docked-position-sticky.top-90px {
  top: 90px;
}
.docked-position-sticky.top-70px {
  top: 70px;
}

.wrapper-of-period {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  align-items: end;
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .wrapper-of-period {
    margin-top: 0px;
  }
}
.wrapper-of-period .icon-downarrow {
  margin-bottom: 7px !important;
}
.wrapper-of-period .icon-downarrow i {
  font-size: 8px;
  margin-left: 11px;
  margin-right: 8px !important;
}

.hisoric-dropdown-padding {
  padding: 5px 8px;
}

.navHistory {
  margin-left: 10px;
  margin-top: 2px;
  color: #03002f;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  text-decoration-line: underline;
}

.navHistoryIcon {
  margin-left: 4px;
  margin-top: 1px;
  width: 16px;
  height: 9.422px;
  flex-shrink: 0;
}

.navHistoryMobile {
  margin-left: 10px;
  margin-top: 2px;
  text-decoration-line: underline;
}

.navHistoryIconMobile {
  margin-left: 4px;
  margin-top: 3px;
  width: 16px;
  height: 9.422px;
  flex-shrink: 0;
}

.grid2IndexFunds {
  display: grid;
  grid-template-columns: 35% auto;
}

.grid3IndexFunds {
  display: grid;
  grid-template-columns: 35% 35% auto;
}

.table-row-sorting th .title {
  display: flex !important;
  align-items: center;
  gap: 8px;
}
.table-row-sorting th .title .arrows {
  height: 16px;
}

.font-small-15px {
  font-size: 0.938rem;
}

@media (max-width: 768px) {
  .financial-analysis-desktop-block .marketgroup .marketCard {
    border: 0px !important;
    padding: 0px !important;
  }
}
.financial-analysis-desktop-block .marketgroup {
  padding: 0px;
}
.financial-analysis-desktop-block .common-dropdown-toc.equity-dropdown-block .equitydrop {
  color: #727271 !important;
  font-family: "DMSansMedium";
}
.financial-analysis-desktop-block .toggle-switch-label.e-switch-active {
  border: 1px solid #727271;
}
.financial-analysis-desktop-block .toggle-switch-switch.e-switch-active {
  background: #03002f;
}

.mgl-13 {
  margin-left: 13px;
}

.mgl-19 {
  margin-left: 19px;
}

.financial-anly-mob-block {
  background: #ffffff;
  border: 1px solid #e7e7e7;
}
.financial-anly-mob-block .heading-block {
  padding: 20px 15px 10px;
}
.financial-anly-mob-block .content-block {
  padding-left: 18px;
}
.brd-btm-1-mono {
  border-bottom: 1px solid #e7e7e7;
}

@media (max-width: 768px) {
  .finacial-anlysis-tab-mobile {
    margin-left: 15px;
  }
  .finacial-anlysis-tab-mobile .customaccordian-new {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.fin-table-block {
  line-height: normal;
}
@media (max-width: 768px) {
  .fin-table-block table {
    margin: 20px auto 30px !important;
  }
}
.fin-table-block table {
  margin: 20px auto 0px !important;
  border-collapse: collapse;
}
.fin-table-block table tbody tr:first-child {
  position: sticky;
  position: -webkit-sticky;
  top: -1px;
  left: 0;
  z-index: 4;
  border-bottom: 1px solid #e7e7e7;
}
.fin-table-block table tbody tr {
  background-color: #ffffff;
}
.fin-table-block table tbody tr:hover {
  background-color: #ffffff !important;
}
.fin-table-block table tbody tr:hover:nth-child(odd) {
  background-color: #f2f2f5 !important;
}
.fin-table-block table tbody tr td {
  vertical-align: top !important;
}
@media (max-width: 768px) {
  .fin-table-block table tbody tr td {
    padding: 6px 10px;
    font-size: 0.75rem !important;
    min-width: 95px;
  }
}
.fin-table-block table tbody tr td {
  padding: 20px 15px 20px 50px;
  min-width: 150px;
  font-size: 0.875rem !important;
  text-align: right;
  border: 0px;
  border-radius: 0px;
  height: unset;
}
@media (max-width: 768px) {
  .fin-table-block table tbody tr td:first-child {
    padding: 6px 10px !important;
    box-shadow: none;
  }
}
.fin-table-block table tbody tr td:first-child {
  border: none !important;
  padding: 20px 10px;
  position: sticky;
  position: -webkit-sticky;
  left: 0px;
  z-index: 3;
  background-color: inherit;
  box-shadow: 10px 6px 15px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .fin-table-block table tbody tr .add-box {
    padding-right: 5px !important;
    width: 20px !important;
    margin-right: 10px !important;
  }
}
.fin-table-block table tbody tr .add-box {
  width: 70px !important;
  vertical-align: top;
  margin-right: 30px !important;
  display: flex;
  justify-content: end;
}
@media (max-width: 768px) {
  .fin-table-block table tbody tr .add-box div {
    justify-content: center !important;
  }
}
.fin-table-block table tbody tr .add-box div {
  display: flex;
  justify-content: end !important;
}
.fin-table-block table tbody tr:nth-child(odd) {
  background-color: #f2f2f5;
}
@media (max-width: 768px) {
  .fin-table-block table tbody tr:first-child td {
    font-size: 0.75rem;
    padding: 5px 10px;
  }
}
.fin-table-block table tbody tr:first-child td {
  background-color: #f2f2f5;
  padding: 5px 15px 5px 50px !important;
  box-shadow: none;
  vertical-align: top !important;
  border-bottom: 1px solid #e7e7e7;
  font-size: 0.875rem;
  text-align: right;
  font-family: "DMSansNormal";
  color: #727271 !important;
}
.fin-table-block table tbody .title-block {
  min-width: 180px;
}
@media (max-width: 768px) {
  .fin-table-block table tbody .title-block {
    min-width: 105px;
  }
}
.fin-table-block table tbody .title-block div {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  display: flex;
}
@media (max-width: 768px) {
  .fin-table-block table tbody .title-block div {
    font-size: 0.75rem;
    width: 110px;
  }
}
.fin-table-block table tbody .title-block div {
  width: 146px;
  padding: 2px 0px;
  text-align: right;
}
.fin-table-block table tbody .title-block div:first-child {
  font-family: "DMSansMedium";
  display: flex;
  justify-content: start;
  align-items: start;
}
@media (max-width: 768px) {
  .fin-table-block table tbody .title-block div:first-child {
    align-items: baseline !important;
  }
}
.fin-table-block table tbody .title-block div:first-child {
  text-align: left;
}

@media (max-width: 768px) {
  .balance-table-block table {
    margin: 20px auto 30px !important;
  }
}
.balance-table-block table {
  margin: 20px auto 0px !important;
  border-collapse: collapse;
}
.balance-table-block table tbody tr:hover {
  background-color: #ffffff !important;
}
.balance-table-block table tbody tr:hover:nth-child(odd) {
  background-color: #f2f2f5 !important;
}
.balance-table-block table tbody tr:first-child {
  position: sticky;
  position: -webkit-sticky;
  top: -1px;
  left: 0;
  z-index: 4;
  border-bottom: 1px solid #e7e7e7;
}
.balance-table-block table tbody tr {
  background-color: #ffffff;
}
.balance-table-block table tbody tr:last-child {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.balance-table-block table tbody tr:last-child div {
  color: #ffffff !important;
}
.balance-table-block table tbody tr:last-child:hover {
  background-color: #03002f !important;
}
.balance-table-block table tbody tr td {
  vertical-align: top !important;
}
@media (max-width: 768px) {
  .balance-table-block table tbody tr td {
    padding: 6px 10px;
    font-size: 0.75rem !important;
    min-width: 95px;
  }
}
.balance-table-block table tbody tr td {
  padding: 20px 15px 20px 50px;
  min-width: 150px;
  font-size: 0.875rem !important;
  text-align: right;
  border: 0px;
  border-radius: 0px;
  height: unset;
}
@media (max-width: 768px) {
  .balance-table-block table tbody tr td:first-child {
    padding: 6px 10px !important;
    box-shadow: none;
  }
}
.balance-table-block table tbody tr td:first-child {
  border: none !important;
  text-align: left;
  padding: 20px 10px;
  position: sticky;
  position: -webkit-sticky;
  left: 0px;
  z-index: 1;
  background-color: inherit;
  box-shadow: 10px 6px 15px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .balance-table-block table tbody tr .add-box {
    padding-right: 5px !important;
    width: 20px !important;
    margin-right: 10px !important;
  }
}
.balance-table-block table tbody tr .add-box {
  width: 70px !important;
  vertical-align: top;
  margin-right: 30px !important;
  display: flex;
  justify-content: end;
}
@media (max-width: 768px) {
  .balance-table-block table tbody tr .add-box div {
    justify-content: center !important;
  }
}
.balance-table-block table tbody tr .add-box div {
  display: flex;
  justify-content: end !important;
}
.balance-table-block table tbody tr:nth-child(odd) {
  background-color: #f2f2f5;
}
@media (max-width: 768px) {
  .balance-table-block table tbody tr:first-child td {
    font-size: 0.75rem;
    padding: 5px 10px;
  }
}
.balance-table-block table tbody tr:first-child td {
  padding: 5px 15px 5px 50px !important;
  vertical-align: middle !important;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
  font-size: 0.875rem;
  text-align: right;
  font-family: "DMSansNormal";
  color: #727271 !important;
}
.balance-table-block table tbody .title-block-heading {
  box-shadow: none !important;
}
.balance-table-block table tbody .title-block {
  min-width: 180px;
}
@media (max-width: 768px) {
  .balance-table-block table tbody .title-block {
    min-width: 105px;
  }
}
.balance-table-block table tbody .title-block div {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  display: flex;
  justify-content: end;
}
@media (max-width: 768px) {
  .balance-table-block table tbody .title-block div {
    font-size: 0.75rem;
    width: 95px;
  }
}
.balance-table-block table tbody .title-block div {
  width: 146px;
  padding: 2px 0px;
}
.balance-table-block table tbody .title-block div:first-child {
  font-family: "DMSansMedium";
  display: flex;
  justify-content: start;
  text-align: left;
}

.table-wrapper-pnl {
  overflow: scroll;
  max-height: 70vh;
}
.table-wrapper-pnl::-webkit-scrollbar {
  height: 5px !important;
  background-color: #e7e7e7;
  border-radius: 50px;
  width: 300px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .table-wrapper-pnl::-webkit-scrollbar-track-piece {
    margin-left: 300px !important;
  }
}
.table-wrapper-pnl::-webkit-scrollbar-thumb {
  background-color: #03002f !important;
  border-radius: 50px;
}

.showmore-block .edel-icon-plus:before,
.showmore-block .edel-icon-minus:before {
  font-size: 0.5rem;
}

.pdl-25 {
  padding-left: 25px;
}

.fin-table-block table tbody tr td:not(:first-child):not(:nth-child(2)) {
  text-align: right;
}

.key-ratio-table-block table {
  border-collapse: unset !important;
  border-spacing: 0px;
  overflow-x: scroll;
}
.key-ratio-table-block table::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.key-ratio-table-block table {
  /* Track */
}
.key-ratio-table-block table::-webkit-scrollbar-track {
  background: transparent;
}
.key-ratio-table-block table {
  /* Handle */
}
.key-ratio-table-block table::-webkit-scrollbar-thumb {
  background: #03002f;
}
.key-ratio-table-block table tbody tr td {
  vertical-align: top !important;
}
.key-ratio-table-block table tbody tr td:first-child {
  position: sticky;
  position: -webkit-sticky;
  top: -1px;
  left: 1px;
  z-index: 3;
  background-color: #ffffff;
  box-shadow: none;
}

.p-key-ratios {
  padding: 15px 90px 30px 10px;
  min-width: 300px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .p-key-ratios {
    padding: 15px 0px 30px 10px;
    min-width: 210px;
    max-width: 100%;
  }
}

.key-heading-font {
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .key-heading-font {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}

.p-td-key-ratios {
  text-align: right;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 15px;
  padding-bottom: 30px;
  text-wrap: nowrap;
}
@media (max-width: 768px) {
  .p-td-key-ratios {
    text-align: right;
    padding: 15px 20px 30px;
  }
}

.financial-popup.fade.show.popover {
  z-index: 8 !important;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .financial-popup.fade.show.popover {
    margin-left: 2px;
    margin-top: -2px;
  }
}
.financial-popup .popover-arrow::after {
  left: 50px;
}
@media (max-width: 768px) {
  .financial-popup .popover-arrow::after {
    left: 0px;
  }
}
.financial-popup .popover-arrow::before {
  left: 50px;
}
@media (max-width: 768px) {
  .financial-popup .popover-arrow::before {
    left: 0px;
  }
}
.financial-popup.tooltip-invisible .popover-arrow {
  display: none !important;
}

.balance-table-block {
  line-height: normal;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .balance-table-block table tbody tr .add-box {
    min-width: 80px !important;
    width: 70px !important;
  }
}

.flex-table-content-pnltable div:first-child {
  align-items: start !important;
}
.flex-table-content-pnltable div:last-child {
  align-items: end;
}

.common-dropdown-quote .dropdown-menu {
  min-height: max-content !important;
}
.common-dropdown-quote .dropdown-menu.show {
  z-index: 8 !important;
}

.fixed-height.fixed-height-l-line {
  justify-content: center;
}
.fixed-height.fixed-height-2-line {
  height: 46px;
  justify-content: center;
}
.fixed-height.fixed-height-3-line {
  height: 66px;
  justify-content: center;
}

.fixed-height-for-Total-Operating-Expenses {
  height: 46px;
  justify-content: flex-end;
}
.fixed-height-for-Total-Operating-Expenses.head {
  text-align: left;
}

.common-dropdown-quote-max-content .dropdown-menu {
  min-height: max-content !important;
}

.margin-left-25 {
  margin-left: 13px;
}

.padding-10x {
  padding: 10px 0px 0px;
}

.padding-2x {
  padding: 2px 0px 0px;
}

.fixed-height.taLeft {
  text-align: left !important;
}

.table-wrapper-pnl .flex-table-content-pnltable .fixed-height-for-Interest-Expended {
  align-items: start;
  justify-content: start;
  text-align: left;
}

.fy-heading-sticky {
  position: sticky;
  position: -webkit-sticky;
  left: 0px;
  top: 0px;
  z-index: 3;
}

.key-heading-sticky {
  position: sticky;
  position: -webkit-sticky;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.fixed-height-3-line.fixed-height-for-Net-Interest-Income-to-Total-Income-- {
  justify-content: start !important;
}

.fixed-height-2-line.fixed-height-for-Net-Interest-Margin-- {
  justify-content: start !important;
}

.fixed-height-2-line.fixed-height-for-NIM-to-Total-Income-- {
  justify-content: start !important;
}

.financial-tooltip {
  padding: 0px !important;
  position: relative;
  bottom: 22px;
  left: 20px;
  margin-bottom: -20px;
}

.financial-tooltip-key {
  padding: 0px !important;
  position: relative;
  bottom: 20px;
  left: 20px;
  margin-bottom: -45px;
}

.pb-17 {
  padding-bottom: 17px;
}

.lh-16 {
  line-height: 16px;
}

.pdf-section-block .table-wrapper {
  overflow-x: scroll;
}
.pdf-section-block .table-wrapper::-webkit-scrollbar {
  height: 5px !important;
  background-color: #e7e7e7;
  border-radius: 50px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .pdf-section-block .table-wrapper::-webkit-scrollbar-track-piece {
    margin-left: 300px !important;
  }
}
.pdf-section-block .table-wrapper::-webkit-scrollbar-thumb {
  background-color: #03002f;
  border-radius: 50px;
}
.pdf-section-block table {
  width: 100%;
  margin: 22px 0px 0px 0px;
}
@media (max-width: 768px) {
  .pdf-section-block table {
    margin: 10px 0px 10px 0px;
  }
}
.pdf-section-block table {
  border-spacing: 0px;
}
.pdf-section-block table tbody tr th {
  position: sticky;
  left: 0px;
  z-index: 1;
  background-color: #ffffff;
  box-shadow: 10px 6px 15px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #e7e7e7;
}
.pdf-section-block table tbody tr td {
  height: 0px;
  padding: 5px 20px;
  overflow-x: auto;
  white-space: nowrap;
  border-bottom: 1px solid #e7e7e7;
  border-top: 0px;
  font-family: "DMSansMedium";
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  font-size: 0.875rem;
  color: #444444;
  text-align: right;
}
.pdf-section-block .flexJustifySpaceBetween.downloadContent-section {
  padding-left: 15px;
  padding-top: 15px;
}

.pdf-section-block .edel-icon-report-color {
  font-size: 21px;
}

.td-alignment-pdfs {
  display: flex;
  min-width: 110px;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .td-alignment-pdfs {
    min-width: 55px;
  }
}

.links-heading-width {
  padding: 20px 16px;
  min-width: 310px;
}
@media (max-width: 768px) {
  .links-heading-width {
    min-width: 195px;
  }
}

.vsComponent-section {
  display: flex;
  align-items: center;
}

.vsComponent-Icon {
  display: flex;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #f2f2f5;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #03002f;
}

.vsComponent-Line {
  flex: 1 0 auto;
  height: 0;
  border-top: 1px solid #f2f2f5;
}

.grid-5-peercomparision {
  display: grid;
  grid-template-columns: 26% 5% 26% 5% 26%;
  gap: 3%;
  justify-content: center;
  align-items: center;
}
.grid-5-peercomparision.display-start {
  align-items: start;
}

.search-ui-box {
  width: 100%;
  height: 100px;
  border: 1px solid #e7e7e7;
  overflow: scroll;
  border-radius: 3px;
  margin-top: 5px;
}
.search-ui-box::-webkit-scrollbar {
  width: 2px !important;
  height: 5px !important;
}
.search-ui-box {
  /* Track */
}
.search-ui-box::-webkit-scrollbar-track {
  background: transparent;
}
.search-ui-box {
  /* Handle */
}
.search-ui-box::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.search-ui-box .exchange {
  color: #b8b8b8 !important;
}
.search-ui-box span {
  display: flex;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 10px;
}

.comparestocks-section {
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-right: none;
  padding: 15px;
}
.comparestocks-section:last-child {
  border-right: 1px solid #e7e7e7;
}
.comparestocks-section .replace-content span {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
  color: #03002f !important;
}
@media (max-width: 768px) {
  .comparestocks-section .replace-content span {
    font-size: 0.75rem !important;
    font-family: "DMSansMedium" !important;
  }
}
.comparestocks-section .edel-icon-move {
  font-size: 0.438rem !important;
  display: flex;
  align-items: start;
}
.comparestocks-section .comparestock-content {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}

.comapre-stock-sticky {
  background: #f2f2f5;
  padding: 50px 15px;
}
@media (max-width: 768px) {
  .comapre-stock-sticky {
    padding: 35px 15px;
    width: 125px !important;
  }
}
@media (max-width: 360px) {
  .comapre-stock-sticky {
    width: 115px !important;
  }
}
@media (max-width: 340px) {
  .comapre-stock-sticky {
    width: 100px !important;
  }
  .comapre-stock-sticky span {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}

.quoteHead-section {
  display: flex;
  align-items: center;
}
.quoteHead-section .icondata {
  font-size: 1.75rem;
}
@media (max-width: 768px) {
  .quoteHead-section .icondata {
    font-size: 1.25rem;
  }
}

.table-container-generictableleft {
  overflow-x: auto;
  max-width: 100%;
}
.table-container-generictableleft::-webkit-scrollbar-track-piece {
  margin-left: 125px !important;
}
.table-container-generictableleft .generictableleft-section {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0px 0px;
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section {
    table-layout: fixed;
  }
}
.table-container-generictableleft .generictableleft-section tbody tr {
  border: none;
}
.table-container-generictableleft .generictableleft-section tbody tr:hover {
  background-color: transparent !important;
}
.table-container-generictableleft .generictableleft-section tbody tr:last-child td {
  border-bottom: 1px solid #e7e7e7 !important;
}
.table-container-generictableleft .generictableleft-section tbody tr td {
  border-top: 1px solid #e7e7e7;
  border-bottom: none !important;
  border-radius: 0px !important;
  border-right: 1px solid #e7e7e7;
  padding: 20px;
  width: 25%;
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section tbody tr td {
    width: 200px;
  }
}
.table-container-generictableleft .generictableleft-section tbody tr td:hover {
  background-color: transparent;
}
.table-container-generictableleft .generictableleft-section tbody tr td:first-child {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #727271;
  background-color: #f2f2f5;
  width: 25%;
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section tbody tr td:first-child {
    width: 125px;
  }
}
@media (max-width: 360px) {
  .table-container-generictableleft .generictableleft-section tbody tr td:first-child {
    width: 115px;
  }
}
@media (max-width: 340px) {
  .table-container-generictableleft .generictableleft-section tbody tr td:first-child {
    width: 100px;
  }
}
.table-container-generictableleft .generictableleft-section tbody tr td:first-child {
  position: sticky;
  left: 0px;
  z-index: 8;
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section tbody tr td:first-child {
    font-size: 0.75rem;
    font-family: "DMSansMedium";
  }
}
.table-container-generictableleft .generictableleft-section tbody tr td:first-child:hover {
  background-color: #f2f2f5;
}
.table-container-generictableleft .generictableleft-section .number-cell {
  font-size: 1rem;
  font-family: "RobotoMedium";
  color: #444444;
  text-align: right;
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section .number-cell {
    font-size: 0.75rem;
    width: 200px;
  }
}
.table-container-generictableleft .generictableleft-section .number-cell.negative-number {
  color: #dd504d;
}
.table-container-generictableleft .generictableleft-section .number-cell.positive-number {
  color: #51b255;
}
.table-container-generictableleft .generictableleft-section .number-cell.positive-number p {
  color: #444444;
}
.table-container-generictableleft .generictableleft-section .rowsmerge-number-cell {
  position: relative !important;
  width: 200px;
  z-index: 1 !important;
}
.table-container-generictableleft .generictableleft-section .string-cell {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #444444;
  text-align: right;
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section .string-cell {
    font-size: 0.75rem;
  }
}

.table-section-head {
  font-size: 1rem;
  font-family: "DMSansBold";
  color: #727271;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .table-section-head {
    font-size: 0.75rem;
    margin-top: 14px;
    margin-bottom: 14px;
  }
}

.vertical-circle {
  position: relative;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #f2f2f5;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #03002f;
  left: 48%;
  top: 33%;
  display: flex;
}

.vertical-circle-line {
  position: relative;
}
.vertical-circle-line::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  border: 1px solid #e7e7e7;
  border-width: 0 0 0 1px;
  width: 1px;
  height: 30px;
  margin: 2px;
}

.mob-vscomponent {
  height: 47px;
}

.red-btn-text {
  color: #dd504d !important;
  background-color: transparent;
}

.horizontal-scroll {
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: scroll;
}
.horizontal-scroll::-webkit-scrollbar {
  width: 3px !important;
  height: 2px !important;
}
.horizontal-scroll {
  /* Track */
}
.horizontal-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.horizontal-scroll {
  /* Handle */
}
.horizontal-scroll::-webkit-scrollbar-thumb {
  background: #03002f;
}

.compare-stock-mob .comparestocks-section {
  width: 200px;
  height: 80px;
}
@media (max-width: 768px) {
  .compare-stock-mob .comparestocks-section {
    height: 150px;
  }
}
.compare-stock-mob .comparestocks-section .d-space-between {
  gap: 40px;
}

.peercompare-content .icon {
  font-size: 40px;
}

.fund-compare-data .marketcardhead {
  padding: 15px !important;
}
.fund-compare-data .marketcardhead .edel-icon-arrow-left1 {
  font-size: 1rem;
}
.fund-compare-data .marketcardbody {
  padding-top: 0px !important;
}

.peercomparision-mobile-view .customaccordian-new .accordion-item .accordion-header {
  padding: 0px 20px;
}

#main-scroll-div,
#generic-id {
  position: relative;
}

.grid-compare-stock {
  display: grid;
  grid-template-columns: 8% auto;
  line-height: normal;
}

@media (max-width: 768px) {
  .colspan-content-td-3 {
    width: 600px !important;
  }
}

@media (max-width: 768px) {
  .colspan-content-td-2 {
    width: 400px !important;
  }
}

.docked-position-sticky-compare-mobile {
  position: fixed;
  top: 50px;
  background-color: #ffffff;
  z-index: 99;
}
.docked-position-sticky-compare-mobile .col-4.first-compare-div {
  width: 125px !important;
}
@media (max-width: 360px) {
  .docked-position-sticky-compare-mobile .col-4.first-compare-div {
    width: 115px !important;
  }
}
@media (max-width: 340px) {
  .docked-position-sticky-compare-mobile .col-4.first-compare-div {
    width: 100px !important;
  }
  .docked-position-sticky-compare-mobile .col-4.first-compare-div span {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}

.stock-composition-sticky-table table {
  table-layout: fixed;
}
.stock-composition-sticky-table table thead tr th:first-child {
  position: sticky;
}
.stock-composition-sticky-table table thead tr th {
  text-wrap: nowrap;
}
.stock-composition-sticky-table table tbody tr td:first-child {
  position: sticky;
}
.stock-composition-sticky-table table tbody tr td {
  text-wrap: nowrap;
}

.compare-stock-mobile-new .replace-content {
  position: relative;
  top: 20px;
}
.compare-stock-mobile-new .dropdown .dropdown-menu {
  margin-top: 0px !important;
  padding: 5px !important;
  font-size: 0.75rem !important;
}
.compare-stock-mobile-new .dropdown .dropdown-menu .dropdown-item {
  padding: 5px !important;
}

.searchOptionval {
  display: flex;
  justify-content: space-between;
  color: #bbbbbb !important;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}

.remove-scrolling-peerCompare .table-container-generictableleft {
  scrollbar-width: none;
}
.remove-scrolling-peerCompare .generic-table-not-scroll .table-container-generictableleft:last-child {
  scrollbar-width: unset !important;
}

.seasonlaibility-table-block {
  padding: 15px 18px 20px 54px;
  overflow-x: scroll;
  height: 350px;
  margin-bottom: 20px;
  -webkit-overflow-scrolling: touch;
}
.seasonlaibility-table-block::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 8px !important;
  -webkit-overflow-scrolling: touch;
}
.seasonlaibility-table-block {
  /* Track */
}
.seasonlaibility-table-block::-webkit-scrollbar-track {
  background-color: #efefef;
  border-radius: 60px;
}
.seasonlaibility-table-block {
  /* Handle */
}
.seasonlaibility-table-block::-webkit-scrollbar-thumb {
  background: #03002f !important;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  width: 100px;
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block {
    padding: 15px 0px;
    overflow-x: scroll;
    height: 500px;
    margin-bottom: 20px;
    -webkit-overflow-scrolling: touch;
  }
  .seasonlaibility-table-block::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 8px !important;
    -webkit-overflow-scrolling: touch;
  }
  .seasonlaibility-table-block {
    /* Track */
  }
  .seasonlaibility-table-block::-webkit-scrollbar-track {
    background-color: #efefef;
    border-radius: 60px;
  }
  .seasonlaibility-table-block {
    /* Handle */
  }
  .seasonlaibility-table-block::-webkit-scrollbar-thumb {
    background: #03002f !important;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 100px;
    width: 100px;
  }
}
.seasonlaibility-table-block table {
  width: 100%;
  border-spacing: 2px;
  margin: 0px;
}
.seasonlaibility-table-block table thead {
  position: sticky;
  z-index: 4;
  top: -15px;
  left: 0px;
  background: #ffffff;
}
.seasonlaibility-table-block table th {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block table th {
    line-height: 140%;
  }
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block table td:first-child,
  .seasonlaibility-table-block table th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #ffffff;
  }
}
.seasonlaibility-table-block table td,
.seasonlaibility-table-block table th {
  border: none;
  text-align: center;
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block table td,
  .seasonlaibility-table-block table th {
    padding: 0px 13px;
  }
}
.seasonlaibility-table-block table td:first-child {
  border-left: 0px;
}
.seasonlaibility-table-block table td:last-child {
  border-right: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.seasonlaibility-table-block table td {
  height: 40px;
  width: 0px;
  font-size: 1rem;
  font-family: "RobotoMedium";
  color: #ffffff;
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block table td {
    padding: 0px 13px;
  }
}
.seasonlaibility-table-block table td:first-child {
  background: #ffffff;
  font-size: 0.875rem;
  font-family: "RobotoRegular";
  color: #444444;
  width: 3%;
  text-align: right;
  padding-right: 8px;
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block table td:first-child {
    padding-right: 20px;
    padding-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}
.seasonlaibility-table-block table tr:first-child {
  border-spacing: 10px;
}
.seasonlaibility-table-block table tbody:before {
  line-height: 1em;
  content: "‌";
  display: block;
}
.seasonlaibility-table-block table tbody tr:first-child {
  border-bottom: 10px solid #ffffff;
}
.seasonlaibility-table-block table tbody tr:first-child td:first-child,
.seasonlaibility-table-block table tbody tr:first-child th:first-child {
  color: #b8b8b8;
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block table tbody tr:first-child td:first-child,
  .seasonlaibility-table-block table tbody tr:first-child th:first-child {
    padding: 0px 20px 0px 0px !important;
  }
}

.graph-values {
  display: flex;
  padding-bottom: 27px;
  align-items: center;
  row-gap: 15px;
  column-gap: 45px;
  flex-wrap: wrap;
  padding-left: 10.5%;
}
@media (max-width: 1023px) {
  .graph-values {
    padding-left: 0px;
  }
}
.graph-values div {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  color: #444444;
}
.graph-values .imCircle.red::before {
  color: #ff7d7a;
}
.graph-values .imCircle.light-red::before {
  color: #ffcbca;
}
.graph-values .imCircle.blood-red::before {
  color: #dd504d;
}
.graph-values .imCircle.green::before {
  color: #51b255;
}
.graph-values .imCircle.light-green::before {
  color: #8adf8d;
}
.graph-values .imCircle.greeny::before {
  color: #aeebb0;
}
.graph-values .imCircle::before {
  padding-left: 0px;
  padding-right: 5px;
  font-size: 1rem;
}

.greeny-background {
  background: #aeebb0;
}

.light-green-background {
  background: #8adf8d;
}

.green-background {
  background: #51b255;
}

.blood-red-background {
  background: #dd504d;
}

.red-background {
  background: #ff7d7a;
}

.light-red-background {
  background: #ffcbca;
}

.stockscan-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 7.5px 0px 12.5px;
}

.stockscan-data {
  padding: 8.8px;
  overflow: auto;
}
.stockscan-data .stockscan-arrow {
  font-size: 0.625rem !important;
  margin-top: 4px;
}
.stockscan-data .stock-details-head.bg-white {
  background: #ffffff !important;
}
.stockscan-data .performance-block {
  padding: 10.8px;
}
.stockscan-data .back-btn-container {
  width: fit-content;
}
.stockscan-data .back-btn-container .edel-icon-arrow-left1 {
  font-size: 0.625rem;
  font-weight: 600;
}
.stockscan-data .stock-details-mb .__handle-wrapper,
.stockscan-data .stock-details-mb .stock-details-head,
.stockscan-data .stock-details-mb .performance-block {
  background-color: #f4fafd;
}
.stockscan-data .stock-details-mb .stock-details-head {
  max-width: 100%;
}
.stockscan-data.stockscan-data-section .stock-details-head {
  padding-top: 10px;
  max-width: 100%;
  margin-top: 10px;
}

.stockscan-table-block .stockscan-table {
  padding: 0px 11.2px;
}
.stockscan-table-block .stockscan-table .detail-table thead th:not(:first-child) {
  padding: 15px 10px 10px 40px !important;
}
.stockscan-table-block .stockscan-table .detail-table tbody tr td {
  padding: 15px 10px 15px 8px !important;
}
.stockscan-table-block .stockscan-table table thead th {
  color: #b8b8b8;
  vertical-align: middle;
}
.stockscan-table-block .stockscan-table table thead th:not(:first-child) {
  padding: 15px 10px 10px 30px !important;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.stockscan-table-block .stockscan-table table thead th:first-child {
  margin-left: 10px;
}
.stockscan-table-block .stockscan-table table tbody tr td {
  padding: 15px 13px 15px 8px !important;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}

.seasonability-stockscan-data > .stock-details-head {
  font-family: "DMSansMedium";
  font-size: 1rem;
  color: #444444;
  background-color: #f2f2f5;
  padding: 25px 25px 25px 20px;
}
.seasonability-stockscan-data .stock-details-switch-key {
  margin-left: -41px;
  color: #03002f;
}

.pdt-50 {
  padding-top: 50px;
}

.generic-sidebar-overlayblock {
  z-index: 99 !important;
}

.sector-analysis-dropdown .dropdown-menu {
  max-height: 250px !important;
}

.stockscan-table.stockscan-table-sticky {
  overflow-y: scroll;
  max-height: 500px;
}
.stockscan-table.stockscan-table-sticky::-webkit-scrollbar-track-piece {
  margin-top: 75px;
}
.stockscan-table.stockscan-table-sticky table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
}
.stockscan-table.stockscan-table-sticky table thead {
  position: sticky;
  top: 0;
  z-index: 6;
  background: #ffffff;
}
.stockscan-table.stockscan-table-sticky table tr td:nth-child(1),
.stockscan-table.stockscan-table-sticky table tr td:nth-child(2),
.stockscan-table.stockscan-table-sticky table tr td:nth-child(3),
.stockscan-table.stockscan-table-sticky table tr td:nth-child(4) {
  width: 25%;
}
.stockscan-table.stockscan-table-sticky table tr th:nth-child(1),
.stockscan-table.stockscan-table-sticky table tr th:nth-child(2),
.stockscan-table.stockscan-table-sticky table tr th:nth-child(3),
.stockscan-table.stockscan-table-sticky table tr th:nth-child(4) {
  width: 25%;
}
.stockscan-table.stockscan-table-sticky table tr th:last-child {
  margin-right: 15px;
}
.stockscan-table.stockscan-table-sticky table tr td:last-child {
  margin-right: 15px;
}
.stockscan-table.stockscan-table-ui thead tr th:not(:first-child) {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.deskOfSwot {
  margin-top: 55px;
}

.viewWrapper {
  margin-right: 10px;
}

.swot-container-wrapper .swot-container {
  position: relative;
  height: 120px;
  background-color: #ffffff;
  margin-inline: 16px;
  margin-block: 27px;
}
.swot-container-wrapper .horizontal-line,
.swot-container-wrapper .vertical-line {
  position: absolute;
  background-color: #e7e7e7;
}
.swot-container-wrapper .horizontal-line {
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.swot-container-wrapper .vertical-line {
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.swot-container-wrapper .strengths {
  position: absolute;
  top: 10px;
  left: 10px;
}
.swot-container-wrapper .opportunities {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.swot-container-wrapper .weaknesses {
  position: absolute;
  top: 10px;
  right: 10px;
}
.swot-container-wrapper .threats {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.swot-container-wrapper .swotImg {
  padding-top: 32px;
  padding-left: 40%;
  position: relative;
  z-index: 2 !important;
}
.swot-container-wrapper .swotImg img {
  width: 20%;
  height: 20%;
}

.headingOfSwot {
  padding-block: 21px 27px;
  padding-left: 18px;
}

.circleNumber {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #ffffff;
  font-size: 0.938rem;
  font-family: "DMSansMedium";
}

.headingTabOfSwot {
  margin-top: 20px;
  min-height: 400px;
}
.headingTabOfSwot ul {
  margin-inline: 0px;
  padding-inline: 0px;
  margin-right: 10px;
}
.headingTabOfSwot ul li {
  margin-block: 15px !important;
  padding-inline: 10px !important;
  padding-bottom: 10px;
  line-height: 20px;
}
.headingTabOfSwot ul li:not(:last-child) {
  border-bottom: 1px solid #e7e7e7 !important;
}
.headingTabOfSwot {
  padding-left: 10px;
}

.swotTabsHeading .suffixstrengths {
  background-color: #51b255;
}
.swotTabsHeading .suffixweaknesses {
  background-color: #ff6b00;
}
.swotTabsHeading .suffixopportunities {
  background-color: #090a9f;
}
.swotTabsHeading .suffixthreats {
  background-color: #dd504d;
}
.swotTabsHeading .titleAndSuffix {
  display: flex;
  gap: 4px;
}

.mob-swot-heading .nav-link {
  margin-inline: 13px !important;
}

.swot-container-wrapper .drawer-header.custom-heading-sidebar {
  display: none;
}
.swot-container-wrapper .market-drawer__content {
  overflow-x: auto;
}
.swot-container-wrapper .drawer-footer {
  display: none !important;
}

.swot-analysis-tab {
  position: relative;
  scrollbar-width: none;
  top: 6px;
}
.swot-analysis-tab .nav.nav-tabs {
  height: 50px !important;
  padding: 3.2px;
  scrollbar-width: none;
}
.swot-analysis-tab .nav.nav-tabs .nav-item .nav-link {
  padding: 16px 4px 7px 6px !important;
}
@media (max-width: 768px) {
  .swot-analysis-tab .nav.nav-tabs .nav-item .nav-link {
    padding: 16px 4px 9px 6px !important;
  }
}

#swot-analysis .mb-genericSideBar,
#swot-analysis .z-index-mbd {
  position: relative;
  z-index: 10001 !important;
}

.overview-pivot.pivot-points .pivotName {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.overview-pivot.pivot-points .pivotValue {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoBold";
  padding-top: 10px;
}
.overview-pivot.pivot-points {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 1023px) {
  .overview-pivot.pivot-points {
    grid-template-columns: 1fr 1fr;
  }
  .overview-pivot.pivot-points .col:nth-child(even) {
    text-align: end;
  }
}

.buy-sell-block {
  gap: 10px;
}
.buy-sell-block .icon-block {
  height: 40px;
  width: 40px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.buy-sell-block .ed_button.button {
  padding: 10px 50px;
}
@media screen and (max-width: 1023px) {
  .buy-sell-block .ed_button.button {
    padding: 10px 20px;
  }
}
.buy-sell-block .edel-icon-watchlist-another {
  font-size: 1.563rem;
}

.high-low-tabs.generic-tabs .nav-tabs {
  justify-content: space-around;
}
.high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 10px 10px 5px 10px;
}
.high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-width: 3px;
}

@media (min-width: 1024px) {
  .OnetimeSIPWrapper .oneTime-btn {
    padding: 0px;
    padding: 9px 13px !important;
    margin-right: 10px;
  }
  .OnetimeSIPWrapper .SIP-btn {
    padding: 0px;
    padding: 9px 42px !important;
  }
}
@media (max-width: 768px) {
  .etfDynamicIndicator .Progresscommondatavalue,
  .etfDynamicIndicator .progresscommongrayvalue {
    margin-top: 5px;
  }
}
@media (max-width: 768px) {
  .oneTime-btn {
    padding: 0px;
    padding: 10px 10px !important;
    text-wrap: nowrap;
  }
  .SIP-btn {
    padding: 0px;
    padding: 10px 32px !important;
  }
}
/* YourComponent.css */
.sticky-row {
  transition: all 0.3s ease-in-out;
}

.sticky-quotes {
  transition: top 0.5s ease !important;
  position: fixed;
  background-color: #ffffff;
  padding: 20px;
  z-index: 9;
  width: 100%;
  top: 136px;
  margin-left: -169px !important;
  padding-inline: 135px;
}

@media (max-width: 768px) {
  .head-content-sticky {
    margin-bottom: 15px;
  }
}

.lineHeight-normal {
  line-height: normal;
}

@media (max-width: 768px) {
  .dynamicindicater-equity .Progresscommondatavalue,
  .dynamicindicater-equity .progresscommongrayvalue {
    margin-top: 10px !important;
  }
}

@media only screen and (min-width: 768px) {
  .grothmatrics-bottom {
    margin-bottom: 74px;
  }
}
@media (min-width: 1023px) {
  .sticky-equity-overview {
    padding-inline: 20px !important;
  }
}
.sticky-equity-overview .buy-sell-block {
  justify-content: end !important;
}
.sticky-equity-overview {
  position: relative;
}
@media (max-width: 1023px) {
  .sticky-equity-overview .marketgroup {
    margin: 10px 15px 0px !important;
  }
}
.sticky-equity-overview .marketgroup .marketCard {
  border: none !important;
  padding: 0px !important;
}
.sticky-equity-overview .marketgroup .marketcardbody {
  padding: 0px !important;
  padding-bottom: 0px !important;
}
@media (max-width: 768px) {
  .sticky-equity-overview .marketgroup .marketcardbody {
    padding-bottom: 0px !important;
  }
}
.sticky-equity-overview .marketgroup .marketcardfoot {
  display: none !important;
}

.quotes-actions-classes {
  padding: 22px 8px;
  justify-content: center;
  border-radius: 15px;
}

.equity-overview-point-mob .col-3 {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.equity-overview-point-mob .col-3 .pivotValue {
  margin-top: 10px;
}
.equity-overview-point-mob .col-3:nth-child(2),
.equity-overview-point-mob .col-3:nth-child(4),
.equity-overview-point-mob .col-3:nth-child(6),
.equity-overview-point-mob .col-3:nth-child(8),
.equity-overview-point-mob .col-3:nth-child(9) {
  text-align: right !important;
}

.equity-overview-section .card-group .marketCard .marketcardbody {
  padding-top: 0px;
}

.equity-overview-section-ui .align-content-center {
  align-items: center !important;
}

.growth-metrix-table thead tr th label {
  color: #727271 !important;
  font-size: 0.75rem !important;
  font-family: "DMSansNormal";
  font-weight: normal;
}
.growth-metrix-table tbody tr td {
  color: #444444 !important;
  font-weight: normal;
  font-size: 1rem !important;
  font-family: "RobotoRegular";
}
.growth-metrix-table tbody tr td:first-child {
  font-size: 1rem;
  font-family: "DMSansNormal" !important;
}

#overview-alert .modalalerts.modal.show {
  z-index: 1050;
}

.progress-stock {
  padding-top: 36px;
}
.progress-stock .progress {
  height: 5px !important;
  background-color: #e7e7e7 !important;
}
.progress-stock .progress .progress-bar {
  background-color: #03002f;
}

.stock-error {
  flex-direction: column;
  gap: 10px;
}
.stock-error i {
  font-size: 3.125rem;
}

@media screen and (max-width: 1023px) {
  .progress-stock {
    padding-top: 22px;
  }
}
.riskometer-section .highcharts-container {
  height: 310px !important;
}
@media (max-width: 768px) {
  .riskometer-section .highcharts-container {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .riskometer-section .highcharts-container .highcharts-root {
    height: 350px !important;
  }
}

.riskmeasure-table table thead th:first-child {
  padding-left: 10px;
}
.riskmeasure-table table thead th:last-child {
  text-align: end;
  padding-right: 10px;
}
.riskmeasure-table table tr td:nth-child(1) {
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #444444;
}
.riskmeasure-table table tr td:last-child {
  text-align: end;
  font-size: 1rem;
  font-family: "RobotoRegular";
  color: #444444;
}

@media only screen and (max-width: 768px) {
  .riskmeasure-table table tr th:first-child {
    padding-left: 10px;
  }
  .riskmeasure-table table tr th:last-child {
    padding-right: 10px;
  }
  .riskmeasure-table table td:nth-child(1) {
    font-size: 0.875rem !important;
    font-family: "DMSansNormal";
    color: #444444;
  }
  .riskmeasure-table table td:last-child {
    text-align: end;
    font-size: 0.875rem !important;
    font-family: "RobotoRegular";
    color: #444444;
  }
}
.highcharts-container {
  transform-origin: top left;
}

.risk-meter-market .marketCard .marketcardbody {
  padding-top: 0px !important;
}

.custom-textbox-calendar {
  width: 100%;
  border: 1px solid #e7e7e7;
  height: 40px;
  border-radius: 5px;
}
.custom-textbox-calendar input {
  width: 100%;
  border: none !important;
  padding-left: 5px;
}
.custom-textbox-calendar .react-datepicker-popper {
  z-index: 9;
}

.common-headings-quotes {
  margin-top: 55px;
  margin-bottom: 35px;
}
@media screen and (max-width: 1023px) {
  .common-headings-quotes {
    margin-top: 40px;
    margin-bottom: 21px;
  }
}

.seasonality-card .mk-card-topleftmain1 {
  display: flex;
  gap: 10px;
  align-items: center;
}

.sector-market-card .mk-card-topleftmain1 {
  display: flex;
  gap: 10px;
  align-items: center;
}

.img-circle-nfo {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #f2f2f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .img-circle-nfo {
    width: 41px;
    height: 41px;
  }
}

.rounded-circle.exclamation,
.rounded-circle1.exclamation {
  color: #03002f !important;
  border-color: #e7e7e7 !important;
}

.common-small-content-table table thead tr th {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}
.common-small-content-table table tbody tr td {
  font-size: 0.75rem !important;
  font-family: "DMSansBold" !important;
}

.width-100-set table {
  width: 100%;
}

.edel-icon-watchlist-color {
  font-size: 37px;
}
.edel-icon-watchlist-color.font-small-16px {
  font-size: 1rem;
}
.edel-icon-watchlist-color.font-small-11px {
  font-size: 0.688rem;
}

@media screen and (max-width: 1023px) {
  .compare-button {
    position: fixed;
    transition: top 0.5s ease;
    z-index: 9;
    bottom: 110px;
    right: 225px;
  }
  .compare-mob-drawer {
    padding: 18px 0px;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    margin: 15px;
  }
  .compare-add-mob-drawer {
    padding: 18px 0px;
    border: 1px dashed #e7e7e7;
    border-radius: 6px;
    margin: 15px;
  }
}
.vscomponent-mobile .vertical-circle {
  z-index: 2;
}
.vscomponent-mobile .vertical-circle-line {
  position: relative;
}
.vscomponent-mobile .vertical-circle-line::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.quotes-futures-ui .edel-icon-info-color {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-info-color {
    font-size: 22px;
  }
}
.quotes-futures-ui .edel-icon-technical-drawing {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-technical-drawing {
    font-size: 22px;
  }
}
.quotes-futures-ui .edel-icon-technical-drawing-color {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-technical-drawing-color {
    font-size: 22px;
  }
}
.quotes-futures-ui .edel-icon-atom {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-atom {
    font-size: 22px;
  }
}
.quotes-futures-ui .edel-icon-Corporate-news {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-Corporate-news {
    font-size: 22px;
  }
}
.quotes-futures-ui .edel-icon-peer-comparision {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-peer-comparision {
    font-size: 22px;
  }
}
.quotes-futures-ui .edel-icon-calculator-color {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .quotes-futures-ui .edel-icon-calculator-color {
    font-size: 22px;
  }
}

.edel-icon-profit-color {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-profit-color {
    font-size: 22px;
  }
}

.edel-icon-invest-plant {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-invest-plant {
    font-size: 22px;
  }
}

.edel-icon-risks-1 {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-risks-1 {
    font-size: 22px;
  }
}

.edel-icon-book-info {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-book-info {
    font-size: 22px;
  }
}

.edel-icon-graph-bags {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-graph-bags {
    font-size: 25px;
  }
}

.edel-icon-coins-bag {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-coins-bag {
    font-size: 25px;
  }
}

.edel-icon-graph-stock-1 {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-graph-stock-1 {
    font-size: 25px;
  }
}

.edel-icon-itraday-up {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-itraday-up {
    font-size: 25px;
  }
}

@media screen and (min-width: 1023px) {
  .dock-quotes-section {
    top: 245px;
    position: sticky;
  }
}

.edel-icon-round-circle {
  font-size: 7px;
  color: #b8b8b8;
}
.edel-icon-trend-arrow {
  font-size: 23px !important;
}
@media screen and (max-width: 1023px) {
  .edel-icon-trend-arrow {
    font-size: 22px !important;
  }
}

.edel-icon-chart-color {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-chart-color {
    font-size: 22px;
  }
}

.edel-icon-note-look {
  font-size: 27px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-note-look {
    font-size: 20px;
  }
}

.edel-icon-setalert-another {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-setalert-another {
    font-size: 22px;
  }
}

.edel-icon-watchlist-another {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .edel-icon-watchlist-another {
    font-size: 22px;
  }
}

.expand-all-button {
  position: absolute;
  right: 0;
  top: 10px;
}

.share-modal-open .dock-quotes-section {
  position: unset !important;
}

.share .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.share .share-icon .edel-icon-share-icon::before {
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}

.children-container .error-msg {
  height: unset;
}

.common-card-share-padding.common-marketcard-nopadding.marketgroup .marketCard .marketcardbody {
  padding-top: 0px !important;
}
.common-card-share-padding.common-marketcard-nopadding.marketgroup .marketCard .marketcardfoot {
  padding: 20px !important;
}

.docked-position-space .marketTabs-ul {
  margin: 0px auto !important;
}
.docked-position-space .marketgroup .marketcardbody {
  padding-bottom: 5px !important;
}

.quotes-sort .sort-drop {
  width: 345px;
  right: 0px;
  margin-top: 15px;
}
.quotes-sort .sort-drop .sort-drop-body {
  width: 100%;
}
.quotes-sort .sort-drop .sort-drop-footer .ed_button {
  width: 50% !important;
  padding: 12px 0px !important;
}
.quotes-sort .backgroundcolor_bluedrawer {
  z-index: 100001 !important;
}
@media screen and (max-width: 1023px) {
  .quotes-sort.common-sorting-midnightblue .drawer-body .sort-drop-bodylist li.dark-grey, .quotes-sort.common-sorting-midnightblue .drawer-body .sort-drop-bodylist li.dark-grey .bodylist-right p {
    font-family: "DMSansNormal" !important;
    color: #b8b8b8 !important;
  }
}

.transition-docking {
  transition: top 0.5s ease !important;
}

.docked-position-sticky {
  position: sticky;
  background-color: #ffffff;
  z-index: 9;
}
.docked-position-sticky.top-100px {
  top: 100px;
}
.docked-position-sticky.top-90px {
  top: 90px;
}
.docked-position-sticky.top-70px {
  top: 70px;
}

.wrapper-of-period {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  align-items: end;
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .wrapper-of-period {
    margin-top: 0px;
  }
}
.wrapper-of-period .icon-downarrow {
  margin-bottom: 7px !important;
}
.wrapper-of-period .icon-downarrow i {
  font-size: 8px;
  margin-left: 11px;
  margin-right: 8px !important;
}

.hisoric-dropdown-padding {
  padding: 5px 8px;
}

.navHistory {
  margin-left: 10px;
  margin-top: 2px;
  color: #03002f;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  text-decoration-line: underline;
}

.navHistoryIcon {
  margin-left: 4px;
  margin-top: 1px;
  width: 16px;
  height: 9.422px;
  flex-shrink: 0;
}

.navHistoryMobile {
  margin-left: 10px;
  margin-top: 2px;
  text-decoration-line: underline;
}

.navHistoryIconMobile {
  margin-left: 4px;
  margin-top: 3px;
  width: 16px;
  height: 9.422px;
  flex-shrink: 0;
}

.grid2IndexFunds {
  display: grid;
  grid-template-columns: 35% auto;
}

.grid3IndexFunds {
  display: grid;
  grid-template-columns: 35% 35% auto;
}

.table-row-sorting th .title {
  display: flex !important;
  align-items: center;
  gap: 8px;
}
.table-row-sorting th .title .arrows {
  height: 16px;
}

.font-small-15px {
  font-size: 0.938rem;
}

@media (max-width: 768px) {
  .financial-analysis-desktop-block .marketgroup .marketCard {
    border: 0px !important;
    padding: 0px !important;
  }
}
.financial-analysis-desktop-block .marketgroup {
  padding: 0px;
}
.financial-analysis-desktop-block .common-dropdown-toc.equity-dropdown-block .equitydrop {
  color: #727271 !important;
  font-family: "DMSansMedium";
}
.financial-analysis-desktop-block .toggle-switch-label.e-switch-active {
  border: 1px solid #727271;
}
.financial-analysis-desktop-block .toggle-switch-switch.e-switch-active {
  background: #03002f;
}

.mgl-13 {
  margin-left: 13px;
}

.mgl-19 {
  margin-left: 19px;
}

.financial-anly-mob-block {
  background: #ffffff;
  border: 1px solid #e7e7e7;
}
.financial-anly-mob-block .heading-block {
  padding: 20px 15px 10px;
}
.financial-anly-mob-block .content-block {
  padding-left: 18px;
}
.brd-btm-1-mono {
  border-bottom: 1px solid #e7e7e7;
}

@media (max-width: 768px) {
  .finacial-anlysis-tab-mobile {
    margin-left: 15px;
  }
  .finacial-anlysis-tab-mobile .customaccordian-new {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.fin-table-block {
  line-height: normal;
}
@media (max-width: 768px) {
  .fin-table-block table {
    margin: 20px auto 30px !important;
  }
}
.fin-table-block table {
  margin: 20px auto 0px !important;
  border-collapse: collapse;
}
.fin-table-block table tbody tr:first-child {
  position: sticky;
  position: -webkit-sticky;
  top: -1px;
  left: 0;
  z-index: 4;
  border-bottom: 1px solid #e7e7e7;
}
.fin-table-block table tbody tr {
  background-color: #ffffff;
}
.fin-table-block table tbody tr:hover {
  background-color: #ffffff !important;
}
.fin-table-block table tbody tr:hover:nth-child(odd) {
  background-color: #f2f2f5 !important;
}
.fin-table-block table tbody tr td {
  vertical-align: top !important;
}
@media (max-width: 768px) {
  .fin-table-block table tbody tr td {
    padding: 6px 10px;
    font-size: 0.75rem !important;
    min-width: 95px;
  }
}
.fin-table-block table tbody tr td {
  padding: 20px 15px 20px 50px;
  min-width: 150px;
  font-size: 0.875rem !important;
  text-align: right;
  border: 0px;
  border-radius: 0px;
  height: unset;
}
@media (max-width: 768px) {
  .fin-table-block table tbody tr td:first-child {
    padding: 6px 10px !important;
    box-shadow: none;
  }
}
.fin-table-block table tbody tr td:first-child {
  border: none !important;
  padding: 20px 10px;
  position: sticky;
  position: -webkit-sticky;
  left: 0px;
  z-index: 3;
  background-color: inherit;
  box-shadow: 10px 6px 15px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .fin-table-block table tbody tr .add-box {
    padding-right: 5px !important;
    width: 20px !important;
    margin-right: 10px !important;
  }
}
.fin-table-block table tbody tr .add-box {
  width: 70px !important;
  vertical-align: top;
  margin-right: 30px !important;
  display: flex;
  justify-content: end;
}
@media (max-width: 768px) {
  .fin-table-block table tbody tr .add-box div {
    justify-content: center !important;
  }
}
.fin-table-block table tbody tr .add-box div {
  display: flex;
  justify-content: end !important;
}
.fin-table-block table tbody tr:nth-child(odd) {
  background-color: #f2f2f5;
}
@media (max-width: 768px) {
  .fin-table-block table tbody tr:first-child td {
    font-size: 0.75rem;
    padding: 5px 10px;
  }
}
.fin-table-block table tbody tr:first-child td {
  background-color: #f2f2f5;
  padding: 5px 15px 5px 50px !important;
  box-shadow: none;
  vertical-align: top !important;
  border-bottom: 1px solid #e7e7e7;
  font-size: 0.875rem;
  text-align: right;
  font-family: "DMSansNormal";
  color: #727271 !important;
}
.fin-table-block table tbody .title-block {
  min-width: 180px;
}
@media (max-width: 768px) {
  .fin-table-block table tbody .title-block {
    min-width: 105px;
  }
}
.fin-table-block table tbody .title-block div {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  display: flex;
}
@media (max-width: 768px) {
  .fin-table-block table tbody .title-block div {
    font-size: 0.75rem;
    width: 110px;
  }
}
.fin-table-block table tbody .title-block div {
  width: 146px;
  padding: 2px 0px;
  text-align: right;
}
.fin-table-block table tbody .title-block div:first-child {
  font-family: "DMSansMedium";
  display: flex;
  justify-content: start;
  align-items: start;
}
@media (max-width: 768px) {
  .fin-table-block table tbody .title-block div:first-child {
    align-items: baseline !important;
  }
}
.fin-table-block table tbody .title-block div:first-child {
  text-align: left;
}

@media (max-width: 768px) {
  .balance-table-block table {
    margin: 20px auto 30px !important;
  }
}
.balance-table-block table {
  margin: 20px auto 0px !important;
  border-collapse: collapse;
}
.balance-table-block table tbody tr:hover {
  background-color: #ffffff !important;
}
.balance-table-block table tbody tr:hover:nth-child(odd) {
  background-color: #f2f2f5 !important;
}
.balance-table-block table tbody tr:first-child {
  position: sticky;
  position: -webkit-sticky;
  top: -1px;
  left: 0;
  z-index: 4;
  border-bottom: 1px solid #e7e7e7;
}
.balance-table-block table tbody tr {
  background-color: #ffffff;
}
.balance-table-block table tbody tr:last-child {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.balance-table-block table tbody tr:last-child div {
  color: #ffffff !important;
}
.balance-table-block table tbody tr:last-child:hover {
  background-color: #03002f !important;
}
.balance-table-block table tbody tr td {
  vertical-align: top !important;
}
@media (max-width: 768px) {
  .balance-table-block table tbody tr td {
    padding: 6px 10px;
    font-size: 0.75rem !important;
    min-width: 95px;
  }
}
.balance-table-block table tbody tr td {
  padding: 20px 15px 20px 50px;
  min-width: 150px;
  font-size: 0.875rem !important;
  text-align: right;
  border: 0px;
  border-radius: 0px;
  height: unset;
}
@media (max-width: 768px) {
  .balance-table-block table tbody tr td:first-child {
    padding: 6px 10px !important;
    box-shadow: none;
  }
}
.balance-table-block table tbody tr td:first-child {
  border: none !important;
  text-align: left;
  padding: 20px 10px;
  position: sticky;
  position: -webkit-sticky;
  left: 0px;
  z-index: 1;
  background-color: inherit;
  box-shadow: 10px 6px 15px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .balance-table-block table tbody tr .add-box {
    padding-right: 5px !important;
    width: 20px !important;
    margin-right: 10px !important;
  }
}
.balance-table-block table tbody tr .add-box {
  width: 70px !important;
  vertical-align: top;
  margin-right: 30px !important;
  display: flex;
  justify-content: end;
}
@media (max-width: 768px) {
  .balance-table-block table tbody tr .add-box div {
    justify-content: center !important;
  }
}
.balance-table-block table tbody tr .add-box div {
  display: flex;
  justify-content: end !important;
}
.balance-table-block table tbody tr:nth-child(odd) {
  background-color: #f2f2f5;
}
@media (max-width: 768px) {
  .balance-table-block table tbody tr:first-child td {
    font-size: 0.75rem;
    padding: 5px 10px;
  }
}
.balance-table-block table tbody tr:first-child td {
  padding: 5px 15px 5px 50px !important;
  vertical-align: middle !important;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
  font-size: 0.875rem;
  text-align: right;
  font-family: "DMSansNormal";
  color: #727271 !important;
}
.balance-table-block table tbody .title-block-heading {
  box-shadow: none !important;
}
.balance-table-block table tbody .title-block {
  min-width: 180px;
}
@media (max-width: 768px) {
  .balance-table-block table tbody .title-block {
    min-width: 105px;
  }
}
.balance-table-block table tbody .title-block div {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  display: flex;
  justify-content: end;
}
@media (max-width: 768px) {
  .balance-table-block table tbody .title-block div {
    font-size: 0.75rem;
    width: 95px;
  }
}
.balance-table-block table tbody .title-block div {
  width: 146px;
  padding: 2px 0px;
}
.balance-table-block table tbody .title-block div:first-child {
  font-family: "DMSansMedium";
  display: flex;
  justify-content: start;
  text-align: left;
}

.table-wrapper-pnl {
  overflow: scroll;
  max-height: 70vh;
}
.table-wrapper-pnl::-webkit-scrollbar {
  height: 5px !important;
  background-color: #e7e7e7;
  border-radius: 50px;
  width: 300px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .table-wrapper-pnl::-webkit-scrollbar-track-piece {
    margin-left: 300px !important;
  }
}
.table-wrapper-pnl::-webkit-scrollbar-thumb {
  background-color: #03002f !important;
  border-radius: 50px;
}

.showmore-block .edel-icon-plus:before,
.showmore-block .edel-icon-minus:before {
  font-size: 0.5rem;
}

.pdl-25 {
  padding-left: 25px;
}

.fin-table-block table tbody tr td:not(:first-child):not(:nth-child(2)) {
  text-align: right;
}

.key-ratio-table-block table {
  border-collapse: unset !important;
  border-spacing: 0px;
  overflow-x: scroll;
}
.key-ratio-table-block table::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.key-ratio-table-block table {
  /* Track */
}
.key-ratio-table-block table::-webkit-scrollbar-track {
  background: transparent;
}
.key-ratio-table-block table {
  /* Handle */
}
.key-ratio-table-block table::-webkit-scrollbar-thumb {
  background: #03002f;
}
.key-ratio-table-block table tbody tr td {
  vertical-align: top !important;
}
.key-ratio-table-block table tbody tr td:first-child {
  position: sticky;
  position: -webkit-sticky;
  top: -1px;
  left: 1px;
  z-index: 3;
  background-color: #ffffff;
  box-shadow: none;
}

.p-key-ratios {
  padding: 15px 90px 30px 10px;
  min-width: 300px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .p-key-ratios {
    padding: 15px 0px 30px 10px;
    min-width: 210px;
    max-width: 100%;
  }
}

.key-heading-font {
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .key-heading-font {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}

.p-td-key-ratios {
  text-align: right;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 15px;
  padding-bottom: 30px;
  text-wrap: nowrap;
}
@media (max-width: 768px) {
  .p-td-key-ratios {
    text-align: right;
    padding: 15px 20px 30px;
  }
}

.financial-popup.fade.show.popover {
  z-index: 8 !important;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .financial-popup.fade.show.popover {
    margin-left: 2px;
    margin-top: -2px;
  }
}
.financial-popup .popover-arrow::after {
  left: 50px;
}
@media (max-width: 768px) {
  .financial-popup .popover-arrow::after {
    left: 0px;
  }
}
.financial-popup .popover-arrow::before {
  left: 50px;
}
@media (max-width: 768px) {
  .financial-popup .popover-arrow::before {
    left: 0px;
  }
}
.financial-popup.tooltip-invisible .popover-arrow {
  display: none !important;
}

.balance-table-block {
  line-height: normal;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .balance-table-block table tbody tr .add-box {
    min-width: 80px !important;
    width: 70px !important;
  }
}

.flex-table-content-pnltable div:first-child {
  align-items: start !important;
}
.flex-table-content-pnltable div:last-child {
  align-items: end;
}

.common-dropdown-quote .dropdown-menu {
  min-height: max-content !important;
}
.common-dropdown-quote .dropdown-menu.show {
  z-index: 8 !important;
}

.fixed-height.fixed-height-l-line {
  justify-content: center;
}
.fixed-height.fixed-height-2-line {
  height: 46px;
  justify-content: center;
}
.fixed-height.fixed-height-3-line {
  height: 66px;
  justify-content: center;
}

.fixed-height-for-Total-Operating-Expenses {
  height: 46px;
  justify-content: flex-end;
}
.fixed-height-for-Total-Operating-Expenses.head {
  text-align: left;
}

.common-dropdown-quote-max-content .dropdown-menu {
  min-height: max-content !important;
}

.margin-left-25 {
  margin-left: 13px;
}

.padding-10x {
  padding: 10px 0px 0px;
}

.padding-2x {
  padding: 2px 0px 0px;
}

.fixed-height.taLeft {
  text-align: left !important;
}

.table-wrapper-pnl .flex-table-content-pnltable .fixed-height-for-Interest-Expended {
  align-items: start;
  justify-content: start;
  text-align: left;
}

.fy-heading-sticky {
  position: sticky;
  position: -webkit-sticky;
  left: 0px;
  top: 0px;
  z-index: 3;
}

.key-heading-sticky {
  position: sticky;
  position: -webkit-sticky;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.fixed-height-3-line.fixed-height-for-Net-Interest-Income-to-Total-Income-- {
  justify-content: start !important;
}

.fixed-height-2-line.fixed-height-for-Net-Interest-Margin-- {
  justify-content: start !important;
}

.fixed-height-2-line.fixed-height-for-NIM-to-Total-Income-- {
  justify-content: start !important;
}

.financial-tooltip {
  padding: 0px !important;
  position: relative;
  bottom: 22px;
  left: 20px;
  margin-bottom: -20px;
}

.financial-tooltip-key {
  padding: 0px !important;
  position: relative;
  bottom: 20px;
  left: 20px;
  margin-bottom: -45px;
}

.pb-17 {
  padding-bottom: 17px;
}

.lh-16 {
  line-height: 16px;
}

.pdf-section-block .table-wrapper {
  overflow-x: scroll;
}
.pdf-section-block .table-wrapper::-webkit-scrollbar {
  height: 5px !important;
  background-color: #e7e7e7;
  border-radius: 50px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .pdf-section-block .table-wrapper::-webkit-scrollbar-track-piece {
    margin-left: 300px !important;
  }
}
.pdf-section-block .table-wrapper::-webkit-scrollbar-thumb {
  background-color: #03002f;
  border-radius: 50px;
}
.pdf-section-block table {
  width: 100%;
  margin: 22px 0px 0px 0px;
}
@media (max-width: 768px) {
  .pdf-section-block table {
    margin: 10px 0px 10px 0px;
  }
}
.pdf-section-block table {
  border-spacing: 0px;
}
.pdf-section-block table tbody tr th {
  position: sticky;
  left: 0px;
  z-index: 1;
  background-color: #ffffff;
  box-shadow: 10px 6px 15px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #e7e7e7;
}
.pdf-section-block table tbody tr td {
  height: 0px;
  padding: 5px 20px;
  overflow-x: auto;
  white-space: nowrap;
  border-bottom: 1px solid #e7e7e7;
  border-top: 0px;
  font-family: "DMSansMedium";
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  font-size: 0.875rem;
  color: #444444;
  text-align: right;
}
.pdf-section-block .flexJustifySpaceBetween.downloadContent-section {
  padding-left: 15px;
  padding-top: 15px;
}

.pdf-section-block .edel-icon-report-color {
  font-size: 21px;
}

.td-alignment-pdfs {
  display: flex;
  min-width: 110px;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .td-alignment-pdfs {
    min-width: 55px;
  }
}

.links-heading-width {
  padding: 20px 16px;
  min-width: 310px;
}
@media (max-width: 768px) {
  .links-heading-width {
    min-width: 195px;
  }
}

.vsComponent-section {
  display: flex;
  align-items: center;
}

.vsComponent-Icon {
  display: flex;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #f2f2f5;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #03002f;
}

.vsComponent-Line {
  flex: 1 0 auto;
  height: 0;
  border-top: 1px solid #f2f2f5;
}

.grid-5-peercomparision {
  display: grid;
  grid-template-columns: 26% 5% 26% 5% 26%;
  gap: 3%;
  justify-content: center;
  align-items: center;
}
.grid-5-peercomparision.display-start {
  align-items: start;
}

.search-ui-box {
  width: 100%;
  height: 100px;
  border: 1px solid #e7e7e7;
  overflow: scroll;
  border-radius: 3px;
  margin-top: 5px;
}
.search-ui-box::-webkit-scrollbar {
  width: 2px !important;
  height: 5px !important;
}
.search-ui-box {
  /* Track */
}
.search-ui-box::-webkit-scrollbar-track {
  background: transparent;
}
.search-ui-box {
  /* Handle */
}
.search-ui-box::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.search-ui-box .exchange {
  color: #b8b8b8 !important;
}
.search-ui-box span {
  display: flex;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 10px;
}

.comparestocks-section {
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-right: none;
  padding: 15px;
}
.comparestocks-section:last-child {
  border-right: 1px solid #e7e7e7;
}
.comparestocks-section .replace-content span {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
  color: #03002f !important;
}
@media (max-width: 768px) {
  .comparestocks-section .replace-content span {
    font-size: 0.75rem !important;
    font-family: "DMSansMedium" !important;
  }
}
.comparestocks-section .edel-icon-move {
  font-size: 0.438rem !important;
  display: flex;
  align-items: start;
}
.comparestocks-section .comparestock-content {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}

.comapre-stock-sticky {
  background: #f2f2f5;
  padding: 50px 15px;
}
@media (max-width: 768px) {
  .comapre-stock-sticky {
    padding: 35px 15px;
    width: 125px !important;
  }
}
@media (max-width: 360px) {
  .comapre-stock-sticky {
    width: 115px !important;
  }
}
@media (max-width: 340px) {
  .comapre-stock-sticky {
    width: 100px !important;
  }
  .comapre-stock-sticky span {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}

.quoteHead-section {
  display: flex;
  align-items: center;
}
.quoteHead-section .icondata {
  font-size: 1.75rem;
}
@media (max-width: 768px) {
  .quoteHead-section .icondata {
    font-size: 1.25rem;
  }
}

.table-container-generictableleft {
  overflow-x: auto;
  max-width: 100%;
}
.table-container-generictableleft::-webkit-scrollbar-track-piece {
  margin-left: 125px !important;
}
.table-container-generictableleft .generictableleft-section {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0px 0px;
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section {
    table-layout: fixed;
  }
}
.table-container-generictableleft .generictableleft-section tbody tr {
  border: none;
}
.table-container-generictableleft .generictableleft-section tbody tr:hover {
  background-color: transparent !important;
}
.table-container-generictableleft .generictableleft-section tbody tr:last-child td {
  border-bottom: 1px solid #e7e7e7 !important;
}
.table-container-generictableleft .generictableleft-section tbody tr td {
  border-top: 1px solid #e7e7e7;
  border-bottom: none !important;
  border-radius: 0px !important;
  border-right: 1px solid #e7e7e7;
  padding: 20px;
  width: 25%;
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section tbody tr td {
    width: 200px;
  }
}
.table-container-generictableleft .generictableleft-section tbody tr td:hover {
  background-color: transparent;
}
.table-container-generictableleft .generictableleft-section tbody tr td:first-child {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #727271;
  background-color: #f2f2f5;
  width: 25%;
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section tbody tr td:first-child {
    width: 125px;
  }
}
@media (max-width: 360px) {
  .table-container-generictableleft .generictableleft-section tbody tr td:first-child {
    width: 115px;
  }
}
@media (max-width: 340px) {
  .table-container-generictableleft .generictableleft-section tbody tr td:first-child {
    width: 100px;
  }
}
.table-container-generictableleft .generictableleft-section tbody tr td:first-child {
  position: sticky;
  left: 0px;
  z-index: 8;
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section tbody tr td:first-child {
    font-size: 0.75rem;
    font-family: "DMSansMedium";
  }
}
.table-container-generictableleft .generictableleft-section tbody tr td:first-child:hover {
  background-color: #f2f2f5;
}
.table-container-generictableleft .generictableleft-section .number-cell {
  font-size: 1rem;
  font-family: "RobotoMedium";
  color: #444444;
  text-align: right;
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section .number-cell {
    font-size: 0.75rem;
    width: 200px;
  }
}
.table-container-generictableleft .generictableleft-section .number-cell.negative-number {
  color: #dd504d;
}
.table-container-generictableleft .generictableleft-section .number-cell.positive-number {
  color: #51b255;
}
.table-container-generictableleft .generictableleft-section .number-cell.positive-number p {
  color: #444444;
}
.table-container-generictableleft .generictableleft-section .rowsmerge-number-cell {
  position: relative !important;
  width: 200px;
  z-index: 1 !important;
}
.table-container-generictableleft .generictableleft-section .string-cell {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #444444;
  text-align: right;
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section .string-cell {
    font-size: 0.75rem;
  }
}

.table-section-head {
  font-size: 1rem;
  font-family: "DMSansBold";
  color: #727271;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .table-section-head {
    font-size: 0.75rem;
    margin-top: 14px;
    margin-bottom: 14px;
  }
}

.vertical-circle {
  position: relative;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #f2f2f5;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #03002f;
  left: 48%;
  top: 33%;
  display: flex;
}

.vertical-circle-line {
  position: relative;
}
.vertical-circle-line::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  border: 1px solid #e7e7e7;
  border-width: 0 0 0 1px;
  width: 1px;
  height: 30px;
  margin: 2px;
}

.mob-vscomponent {
  height: 47px;
}

.red-btn-text {
  color: #dd504d !important;
  background-color: transparent;
}

.horizontal-scroll {
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: scroll;
}
.horizontal-scroll::-webkit-scrollbar {
  width: 3px !important;
  height: 2px !important;
}
.horizontal-scroll {
  /* Track */
}
.horizontal-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.horizontal-scroll {
  /* Handle */
}
.horizontal-scroll::-webkit-scrollbar-thumb {
  background: #03002f;
}

.compare-stock-mob .comparestocks-section {
  width: 200px;
  height: 80px;
}
@media (max-width: 768px) {
  .compare-stock-mob .comparestocks-section {
    height: 150px;
  }
}
.compare-stock-mob .comparestocks-section .d-space-between {
  gap: 40px;
}

.peercompare-content .icon {
  font-size: 40px;
}

.fund-compare-data .marketcardhead {
  padding: 15px !important;
}
.fund-compare-data .marketcardhead .edel-icon-arrow-left1 {
  font-size: 1rem;
}
.fund-compare-data .marketcardbody {
  padding-top: 0px !important;
}

.peercomparision-mobile-view .customaccordian-new .accordion-item .accordion-header {
  padding: 0px 20px;
}

#main-scroll-div,
#generic-id {
  position: relative;
}

.grid-compare-stock {
  display: grid;
  grid-template-columns: 8% auto;
  line-height: normal;
}

@media (max-width: 768px) {
  .colspan-content-td-3 {
    width: 600px !important;
  }
}

@media (max-width: 768px) {
  .colspan-content-td-2 {
    width: 400px !important;
  }
}

.docked-position-sticky-compare-mobile {
  position: fixed;
  top: 50px;
  background-color: #ffffff;
  z-index: 99;
}
.docked-position-sticky-compare-mobile .col-4.first-compare-div {
  width: 125px !important;
}
@media (max-width: 360px) {
  .docked-position-sticky-compare-mobile .col-4.first-compare-div {
    width: 115px !important;
  }
}
@media (max-width: 340px) {
  .docked-position-sticky-compare-mobile .col-4.first-compare-div {
    width: 100px !important;
  }
  .docked-position-sticky-compare-mobile .col-4.first-compare-div span {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}

.stock-composition-sticky-table table {
  table-layout: fixed;
}
.stock-composition-sticky-table table thead tr th:first-child {
  position: sticky;
}
.stock-composition-sticky-table table thead tr th {
  text-wrap: nowrap;
}
.stock-composition-sticky-table table tbody tr td:first-child {
  position: sticky;
}
.stock-composition-sticky-table table tbody tr td {
  text-wrap: nowrap;
}

.compare-stock-mobile-new .replace-content {
  position: relative;
  top: 20px;
}
.compare-stock-mobile-new .dropdown .dropdown-menu {
  margin-top: 0px !important;
  padding: 5px !important;
  font-size: 0.75rem !important;
}
.compare-stock-mobile-new .dropdown .dropdown-menu .dropdown-item {
  padding: 5px !important;
}

.searchOptionval {
  display: flex;
  justify-content: space-between;
  color: #bbbbbb !important;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}

.remove-scrolling-peerCompare .table-container-generictableleft {
  scrollbar-width: none;
}
.remove-scrolling-peerCompare .generic-table-not-scroll .table-container-generictableleft:last-child {
  scrollbar-width: unset !important;
}

.seasonlaibility-table-block {
  padding: 15px 18px 20px 54px;
  overflow-x: scroll;
  height: 350px;
  margin-bottom: 20px;
  -webkit-overflow-scrolling: touch;
}
.seasonlaibility-table-block::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 8px !important;
  -webkit-overflow-scrolling: touch;
}
.seasonlaibility-table-block {
  /* Track */
}
.seasonlaibility-table-block::-webkit-scrollbar-track {
  background-color: #efefef;
  border-radius: 60px;
}
.seasonlaibility-table-block {
  /* Handle */
}
.seasonlaibility-table-block::-webkit-scrollbar-thumb {
  background: #03002f !important;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  width: 100px;
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block {
    padding: 15px 0px;
    overflow-x: scroll;
    height: 500px;
    margin-bottom: 20px;
    -webkit-overflow-scrolling: touch;
  }
  .seasonlaibility-table-block::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 8px !important;
    -webkit-overflow-scrolling: touch;
  }
  .seasonlaibility-table-block {
    /* Track */
  }
  .seasonlaibility-table-block::-webkit-scrollbar-track {
    background-color: #efefef;
    border-radius: 60px;
  }
  .seasonlaibility-table-block {
    /* Handle */
  }
  .seasonlaibility-table-block::-webkit-scrollbar-thumb {
    background: #03002f !important;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 100px;
    width: 100px;
  }
}
.seasonlaibility-table-block table {
  width: 100%;
  border-spacing: 2px;
  margin: 0px;
}
.seasonlaibility-table-block table thead {
  position: sticky;
  z-index: 4;
  top: -15px;
  left: 0px;
  background: #ffffff;
}
.seasonlaibility-table-block table th {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block table th {
    line-height: 140%;
  }
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block table td:first-child,
  .seasonlaibility-table-block table th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #ffffff;
  }
}
.seasonlaibility-table-block table td,
.seasonlaibility-table-block table th {
  border: none;
  text-align: center;
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block table td,
  .seasonlaibility-table-block table th {
    padding: 0px 13px;
  }
}
.seasonlaibility-table-block table td:first-child {
  border-left: 0px;
}
.seasonlaibility-table-block table td:last-child {
  border-right: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.seasonlaibility-table-block table td {
  height: 40px;
  width: 0px;
  font-size: 1rem;
  font-family: "RobotoMedium";
  color: #ffffff;
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block table td {
    padding: 0px 13px;
  }
}
.seasonlaibility-table-block table td:first-child {
  background: #ffffff;
  font-size: 0.875rem;
  font-family: "RobotoRegular";
  color: #444444;
  width: 3%;
  text-align: right;
  padding-right: 8px;
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block table td:first-child {
    padding-right: 20px;
    padding-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}
.seasonlaibility-table-block table tr:first-child {
  border-spacing: 10px;
}
.seasonlaibility-table-block table tbody:before {
  line-height: 1em;
  content: "‌";
  display: block;
}
.seasonlaibility-table-block table tbody tr:first-child {
  border-bottom: 10px solid #ffffff;
}
.seasonlaibility-table-block table tbody tr:first-child td:first-child,
.seasonlaibility-table-block table tbody tr:first-child th:first-child {
  color: #b8b8b8;
}
@media (max-width: 1023px) {
  .seasonlaibility-table-block table tbody tr:first-child td:first-child,
  .seasonlaibility-table-block table tbody tr:first-child th:first-child {
    padding: 0px 20px 0px 0px !important;
  }
}

.graph-values {
  display: flex;
  padding-bottom: 27px;
  align-items: center;
  row-gap: 15px;
  column-gap: 45px;
  flex-wrap: wrap;
  padding-left: 10.5%;
}
@media (max-width: 1023px) {
  .graph-values {
    padding-left: 0px;
  }
}
.graph-values div {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  color: #444444;
}
.graph-values .imCircle.red::before {
  color: #ff7d7a;
}
.graph-values .imCircle.light-red::before {
  color: #ffcbca;
}
.graph-values .imCircle.blood-red::before {
  color: #dd504d;
}
.graph-values .imCircle.green::before {
  color: #51b255;
}
.graph-values .imCircle.light-green::before {
  color: #8adf8d;
}
.graph-values .imCircle.greeny::before {
  color: #aeebb0;
}
.graph-values .imCircle::before {
  padding-left: 0px;
  padding-right: 5px;
  font-size: 1rem;
}

.greeny-background {
  background: #aeebb0;
}

.light-green-background {
  background: #8adf8d;
}

.green-background {
  background: #51b255;
}

.blood-red-background {
  background: #dd504d;
}

.red-background {
  background: #ff7d7a;
}

.light-red-background {
  background: #ffcbca;
}

.stockscan-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 7.5px 0px 12.5px;
}

.stockscan-data {
  padding: 8.8px;
  overflow: auto;
}
.stockscan-data .stockscan-arrow {
  font-size: 0.625rem !important;
  margin-top: 4px;
}
.stockscan-data .stock-details-head.bg-white {
  background: #ffffff !important;
}
.stockscan-data .performance-block {
  padding: 10.8px;
}
.stockscan-data .back-btn-container {
  width: fit-content;
}
.stockscan-data .back-btn-container .edel-icon-arrow-left1 {
  font-size: 0.625rem;
  font-weight: 600;
}
.stockscan-data .stock-details-mb .__handle-wrapper,
.stockscan-data .stock-details-mb .stock-details-head,
.stockscan-data .stock-details-mb .performance-block {
  background-color: #f4fafd;
}
.stockscan-data .stock-details-mb .stock-details-head {
  max-width: 100%;
}
.stockscan-data.stockscan-data-section .stock-details-head {
  padding-top: 10px;
  max-width: 100%;
  margin-top: 10px;
}

.stockscan-table-block .stockscan-table {
  padding: 0px 11.2px;
}
.stockscan-table-block .stockscan-table .detail-table thead th:not(:first-child) {
  padding: 15px 10px 10px 40px !important;
}
.stockscan-table-block .stockscan-table .detail-table tbody tr td {
  padding: 15px 10px 15px 8px !important;
}
.stockscan-table-block .stockscan-table table thead th {
  color: #b8b8b8;
  vertical-align: middle;
}
.stockscan-table-block .stockscan-table table thead th:not(:first-child) {
  padding: 15px 10px 10px 30px !important;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.stockscan-table-block .stockscan-table table thead th:first-child {
  margin-left: 10px;
}
.stockscan-table-block .stockscan-table table tbody tr td {
  padding: 15px 13px 15px 8px !important;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}

.seasonability-stockscan-data > .stock-details-head {
  font-family: "DMSansMedium";
  font-size: 1rem;
  color: #444444;
  background-color: #f2f2f5;
  padding: 25px 25px 25px 20px;
}
.seasonability-stockscan-data .stock-details-switch-key {
  margin-left: -41px;
  color: #03002f;
}

.pdt-50 {
  padding-top: 50px;
}

.generic-sidebar-overlayblock {
  z-index: 99 !important;
}

.sector-analysis-dropdown .dropdown-menu {
  max-height: 250px !important;
}

.stockscan-table.stockscan-table-sticky {
  overflow-y: scroll;
  max-height: 500px;
}
.stockscan-table.stockscan-table-sticky::-webkit-scrollbar-track-piece {
  margin-top: 75px;
}
.stockscan-table.stockscan-table-sticky table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
}
.stockscan-table.stockscan-table-sticky table thead {
  position: sticky;
  top: 0;
  z-index: 6;
  background: #ffffff;
}
.stockscan-table.stockscan-table-sticky table tr td:nth-child(1),
.stockscan-table.stockscan-table-sticky table tr td:nth-child(2),
.stockscan-table.stockscan-table-sticky table tr td:nth-child(3),
.stockscan-table.stockscan-table-sticky table tr td:nth-child(4) {
  width: 25%;
}
.stockscan-table.stockscan-table-sticky table tr th:nth-child(1),
.stockscan-table.stockscan-table-sticky table tr th:nth-child(2),
.stockscan-table.stockscan-table-sticky table tr th:nth-child(3),
.stockscan-table.stockscan-table-sticky table tr th:nth-child(4) {
  width: 25%;
}
.stockscan-table.stockscan-table-sticky table tr th:last-child {
  margin-right: 15px;
}
.stockscan-table.stockscan-table-sticky table tr td:last-child {
  margin-right: 15px;
}
.stockscan-table.stockscan-table-ui thead tr th:not(:first-child) {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.deskOfSwot {
  margin-top: 55px;
}

.viewWrapper {
  margin-right: 10px;
}

.swot-container-wrapper .swot-container {
  position: relative;
  height: 120px;
  background-color: #ffffff;
  margin-inline: 16px;
  margin-block: 27px;
}
.swot-container-wrapper .horizontal-line,
.swot-container-wrapper .vertical-line {
  position: absolute;
  background-color: #e7e7e7;
}
.swot-container-wrapper .horizontal-line {
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.swot-container-wrapper .vertical-line {
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.swot-container-wrapper .strengths {
  position: absolute;
  top: 10px;
  left: 10px;
}
.swot-container-wrapper .opportunities {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.swot-container-wrapper .weaknesses {
  position: absolute;
  top: 10px;
  right: 10px;
}
.swot-container-wrapper .threats {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.swot-container-wrapper .swotImg {
  padding-top: 32px;
  padding-left: 40%;
  position: relative;
  z-index: 2 !important;
}
.swot-container-wrapper .swotImg img {
  width: 20%;
  height: 20%;
}

.headingOfSwot {
  padding-block: 21px 27px;
  padding-left: 18px;
}

.circleNumber {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #ffffff;
  font-size: 0.938rem;
  font-family: "DMSansMedium";
}

.headingTabOfSwot {
  margin-top: 20px;
  min-height: 400px;
}
.headingTabOfSwot ul {
  margin-inline: 0px;
  padding-inline: 0px;
  margin-right: 10px;
}
.headingTabOfSwot ul li {
  margin-block: 15px !important;
  padding-inline: 10px !important;
  padding-bottom: 10px;
  line-height: 20px;
}
.headingTabOfSwot ul li:not(:last-child) {
  border-bottom: 1px solid #e7e7e7 !important;
}
.headingTabOfSwot {
  padding-left: 10px;
}

.swotTabsHeading .suffixstrengths {
  background-color: #51b255;
}
.swotTabsHeading .suffixweaknesses {
  background-color: #ff6b00;
}
.swotTabsHeading .suffixopportunities {
  background-color: #090a9f;
}
.swotTabsHeading .suffixthreats {
  background-color: #dd504d;
}
.swotTabsHeading .titleAndSuffix {
  display: flex;
  gap: 4px;
}

.mob-swot-heading .nav-link {
  margin-inline: 13px !important;
}

.swot-container-wrapper .drawer-header.custom-heading-sidebar {
  display: none;
}
.swot-container-wrapper .market-drawer__content {
  overflow-x: auto;
}
.swot-container-wrapper .drawer-footer {
  display: none !important;
}

.swot-analysis-tab {
  position: relative;
  scrollbar-width: none;
  top: 6px;
}
.swot-analysis-tab .nav.nav-tabs {
  height: 50px !important;
  padding: 3.2px;
  scrollbar-width: none;
}
.swot-analysis-tab .nav.nav-tabs .nav-item .nav-link {
  padding: 16px 4px 7px 6px !important;
}
@media (max-width: 768px) {
  .swot-analysis-tab .nav.nav-tabs .nav-item .nav-link {
    padding: 16px 4px 9px 6px !important;
  }
}

#swot-analysis .mb-genericSideBar,
#swot-analysis .z-index-mbd {
  position: relative;
  z-index: 10001 !important;
}

.overview-pivot.pivot-points .pivotName {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.overview-pivot.pivot-points .pivotValue {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoBold";
  padding-top: 10px;
}
.overview-pivot.pivot-points {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 1023px) {
  .overview-pivot.pivot-points {
    grid-template-columns: 1fr 1fr;
  }
  .overview-pivot.pivot-points .col:nth-child(even) {
    text-align: end;
  }
}

.buy-sell-block {
  gap: 10px;
}
.buy-sell-block .icon-block {
  height: 40px;
  width: 40px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.buy-sell-block .ed_button.button {
  padding: 10px 50px;
}
@media screen and (max-width: 1023px) {
  .buy-sell-block .ed_button.button {
    padding: 10px 20px;
  }
}
.buy-sell-block .edel-icon-watchlist-another {
  font-size: 1.563rem;
}

.high-low-tabs.generic-tabs .nav-tabs {
  justify-content: space-around;
}
.high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 10px 10px 5px 10px;
}
.high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-width: 3px;
}

@media (min-width: 1024px) {
  .OnetimeSIPWrapper .oneTime-btn {
    padding: 0px;
    padding: 9px 13px !important;
    margin-right: 10px;
  }
  .OnetimeSIPWrapper .SIP-btn {
    padding: 0px;
    padding: 9px 42px !important;
  }
}
@media (max-width: 768px) {
  .etfDynamicIndicator .Progresscommondatavalue,
  .etfDynamicIndicator .progresscommongrayvalue {
    margin-top: 5px;
  }
}
@media (max-width: 768px) {
  .oneTime-btn {
    padding: 0px;
    padding: 10px 10px !important;
    text-wrap: nowrap;
  }
  .SIP-btn {
    padding: 0px;
    padding: 10px 32px !important;
  }
}
/* YourComponent.css */
.sticky-row {
  transition: all 0.3s ease-in-out;
}

.sticky-quotes {
  transition: top 0.5s ease !important;
  position: fixed;
  background-color: #ffffff;
  padding: 20px;
  z-index: 9;
  width: 100%;
  top: 136px;
  margin-left: -169px !important;
  padding-inline: 135px;
}

@media (max-width: 768px) {
  .head-content-sticky {
    margin-bottom: 15px;
  }
}

.lineHeight-normal {
  line-height: normal;
}

@media (max-width: 768px) {
  .dynamicindicater-equity .Progresscommondatavalue,
  .dynamicindicater-equity .progresscommongrayvalue {
    margin-top: 10px !important;
  }
}

@media only screen and (min-width: 768px) {
  .grothmatrics-bottom {
    margin-bottom: 74px;
  }
}
@media (min-width: 1023px) {
  .sticky-equity-overview {
    padding-inline: 20px !important;
  }
}
.sticky-equity-overview .buy-sell-block {
  justify-content: end !important;
}
.sticky-equity-overview {
  position: relative;
}
@media (max-width: 1023px) {
  .sticky-equity-overview .marketgroup {
    margin: 10px 15px 0px !important;
  }
}
.sticky-equity-overview .marketgroup .marketCard {
  border: none !important;
  padding: 0px !important;
}
.sticky-equity-overview .marketgroup .marketcardbody {
  padding: 0px !important;
  padding-bottom: 0px !important;
}
@media (max-width: 768px) {
  .sticky-equity-overview .marketgroup .marketcardbody {
    padding-bottom: 0px !important;
  }
}
.sticky-equity-overview .marketgroup .marketcardfoot {
  display: none !important;
}

.quotes-actions-classes {
  padding: 22px 8px;
  justify-content: center;
  border-radius: 15px;
}

.equity-overview-point-mob .col-3 {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.equity-overview-point-mob .col-3 .pivotValue {
  margin-top: 10px;
}
.equity-overview-point-mob .col-3:nth-child(2),
.equity-overview-point-mob .col-3:nth-child(4),
.equity-overview-point-mob .col-3:nth-child(6),
.equity-overview-point-mob .col-3:nth-child(8),
.equity-overview-point-mob .col-3:nth-child(9) {
  text-align: right !important;
}

.equity-overview-section .card-group .marketCard .marketcardbody {
  padding-top: 0px;
}

.equity-overview-section-ui .align-content-center {
  align-items: center !important;
}

.growth-metrix-table thead tr th label {
  color: #727271 !important;
  font-size: 0.75rem !important;
  font-family: "DMSansNormal";
  font-weight: normal;
}
.growth-metrix-table tbody tr td {
  color: #444444 !important;
  font-weight: normal;
  font-size: 1rem !important;
  font-family: "RobotoRegular";
}
.growth-metrix-table tbody tr td:first-child {
  font-size: 1rem;
  font-family: "DMSansNormal" !important;
}

#overview-alert .modalalerts.modal.show {
  z-index: 1050;
}

.scheme-information-common .nfo-gentable .table-body td .table {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding-right: 10px;
}
.scheme-information-common .nfo-gentable {
  border-spacing: 0px 10px !important;
}
.scheme-information-common .fundmangertable:last-child {
  border-bottom: none;
}
.scheme-information-common .nfo-gentable tr th:nth-child(1) div,
.scheme-information-common .nfo-gentable tr td:nth-child(1) div {
  padding: 0px !important;
  margin: 5px;
}
@media (max-width: 1023px) {
  .scheme-information-common .nfo-gentable tr th:nth-child(1) div,
  .scheme-information-common .nfo-gentable tr td:nth-child(1) div {
    margin: 4px;
    padding: 0px !important;
  }
}

.scheme-table-text {
  font-size: 1rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .scheme-table-text.label-scheme-label label {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}
@media (max-width: 1023px) {
  .scheme-table-text {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}

.scheme-table-text-two {
  font-size: 1rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .scheme-table-text-two {
    font-size: 0.875rem !important;
    font-family: "DMSansMedium";
  }
}

.fundmangerDataTable tr th:nth-child(1),
.fundmangerDataTable tr td:nth-child(1) {
  width: 25% !important;
}
.fundmangerDataTable tr th:nth-child(2),
.fundmangerDataTable tr td:nth-child(2) {
  width: 10% !important;
}
.fundmangerDataTable tr th:nth-child(3),
.fundmangerDataTable tr td:nth-child(3) {
  width: 10% !important;
}
.fundmangerDataTable tr th:nth-child(4),
.fundmangerDataTable tr td:nth-child(4) {
  width: 10% !important;
}
.fundmangerDataTable tr th:nth-child(5),
.fundmangerDataTable tr td:nth-child(5) {
  width: 10% !important;
}
.fundmangerDataTable tr th:nth-child(6),
.fundmangerDataTable tr td:nth-child(6) {
  width: 10% !important;
}
.fundmangerDataTable tr th:nth-child(7),
.fundmangerDataTable tr td:nth-child(7) {
  width: 20% !important;
  padding-right: 1rem !important;
}

.fund-detail-returns {
  display: flex;
  justify-content: space-between;
}

.top-docked-container {
  position: absolute;
  top: 43px;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  padding: 10px 20px;
  display: none;
  transition: 0.3s ease-in-out;
}
.top-docked-container.top-70 {
  top: 70px !important;
}
.top-docked-container .img-circle-nfo {
  height: 60px;
  width: 60px;
}

.top-docked-container .img-circle-nfo img {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nfo-marketcard .top-docked-container-mob {
  top: 50px !important;
}

.top-docked-container-mob {
  position: absolute;
  top: 65px !important;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  padding: 20px 15px;
  display: none;
  transition: 0.3s ease-in-out;
}
.top-docked-container-mob .img-circle-nfo {
  height: 60px !important;
  width: 60px !important;
}
.top-docked-container-mob.top-70 {
  top: 70px !important;
}

.top-docked-container-mob .img-circle-nfo img {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.max-height-50 {
  height: 50px;
  align-items: center;
  justify-content: start;
  display: flex;
}

.ncd-market-quote div[data-attr=Yield] {
  text-decoration: unset !important;
}

.optionSection .FandOtradeInfo {
  max-width: 410px;
}
@media screen and (max-width: 768px) {
  .optionSection .overview-pivot.pivot-points {
    margin-left: -27px;
  }
  .optionSection .pivotName {
    color: #727271 !important;
    font-size: 0.75rem !important;
    font-family: "DMSansNormal" !important;
  }
  .optionSection .pivotValue {
    color: #444444 !important;
    font-size: 0.875rem !important;
    font-family: "RobotoMedium" !important;
  }
  .optionSection .overview-pivot.pivot-points .col:nth-child(even) {
    text-align: end !important;
  }
}
.optionSection .overview-pivot.pivot-points .pivotName {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.optionSection .overview-pivot.pivot-points .pivotValue {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoBold";
}
.optionSection .overview-pivot.pivot-points {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.optionSection .overview-pivot.pivot-points .col:nth-child(even) {
  text-align: end;
}
@media screen and (max-width: 1023px) {
  .optionSection .overview-pivot.pivot-points {
    grid-template-columns: 1fr 1fr;
  }
  .optionSection .overview-pivot.pivot-points .col:nth-child(even) {
    text-align: end;
  }
}
.optionSection .overview-pivot.pivot-points .buy-sell-block {
  gap: 10px;
}
.optionSection .overview-pivot.pivot-points .buy-sell-block .icon-block {
  height: 40px;
  width: 40px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.optionSection .overview-pivot.pivot-points .buy-sell-block .ed_button.button {
  padding: 10px 50px;
}
@media screen and (max-width: 1023px) {
  .optionSection .overview-pivot.pivot-points .buy-sell-block .ed_button.button {
    padding: 10px 20px;
  }
}
.optionSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs {
  justify-content: space-around;
}
.optionSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 10px 10px 5px 10px;
}
.optionSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-width: 3px;
}
.optionSection .remove-margin.mb-5 {
  margin-bottom: 20px !important;
}
.optionSection .remove-margin .overview-pivot.margin-bottom {
  margin-bottom: 0px !important;
}

.optionOverViewRightside .optionchainRight {
  justify-content: space-between;
}
.optionOverViewRightside .optionchainRight img {
  margin-right: 5px;
}
.optionOverViewRightside {
  padding-top: 20px;
}

.orangeText {
  padding: 15px 10px;
}

.orangeTextMob {
  padding: 10px 10px;
  margin-top: 30px;
}

.optionOverViewRightsideMob {
  margin-top: 30px;
  line-height: 120%;
  margin-bottom: 30px;
}
.optionOverViewRightsideMob .optionchainRight {
  justify-content: space-between;
}
.optionOverViewRightsideMob .optionchainRight img {
  margin-right: 5px;
}

#options-news-corp-events .d-livenews-container {
  margin-left: 0px;
  margin-right: 0px;
}

.option-tooltip-overview .tooltip-inner {
  background-color: #ffffff;
  color: #727271;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}
.option-tooltip-overview .tooltip-arrow::before {
  border-top-color: #ffffff !important;
}
@media (max-width: 768px) {
  .option-tooltip-overview {
    z-index: 1 !important;
  }
}

@media (max-width: 768px) {
  #options-news-corp-events .d-livenews-container {
    padding-right: 0px !important;
  }
  #options-news-corp-events .d-ln-heading {
    padding-right: 10px !important;
  }
}
.chart-spot .toggle-switch-switch.midnight-blue {
  background-color: #b8b8b8 !important;
}
.chart-spot.toggle-switch-label.midnight-blue {
  border: 1px solid #b8b8b8 !important;
}
.chart-spot.toggle-switch-label.e-switch-active {
  border: 1px solid #03002f !important;
}
.chart-spot .toggle-switch-switch.e-switch-active {
  background-color: #03002f !important;
}

.mutualFundsSection .overview-pivot.pivot-points .pivotName {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.mutualFundsSection .overview-pivot.pivot-points .pivotValue {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoBold";
}
.mutualFundsSection .overview-pivot.pivot-points {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.mutualFundsSection .overview-pivot.pivot-points .col:nth-child(even) {
  text-align: start;
}
@media screen and (max-width: 1023px) {
  .mutualFundsSection .overview-pivot.pivot-points {
    grid-template-columns: 1fr 1fr;
  }
  .mutualFundsSection .overview-pivot.pivot-points .col:nth-child(even) {
    text-align: start;
  }
}
.mutualFundsSection .overview-pivot.pivot-points .buy-sell-block {
  gap: 10px;
}
.mutualFundsSection .overview-pivot.pivot-points .buy-sell-block .icon-block {
  height: 40px;
  width: 40px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.mutualFundsSection .overview-pivot.pivot-points .buy-sell-block .ed_button.button {
  padding: 10px 50px;
}
@media screen and (max-width: 1023px) {
  .mutualFundsSection .overview-pivot.pivot-points .buy-sell-block .ed_button.button {
    padding: 10px 20px;
  }
}
.mutualFundsSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs {
  justify-content: space-around;
}
.mutualFundsSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 10px 10px 5px 10px;
}
.mutualFundsSection .overview-pivot.pivot-points .high-low-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-width: 3px;
}
@media (max-width: 768px) {
  .mutualFundsSection .rightsideBtn {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .mutualFundsSection .overview-pivot {
    margin-left: -27px;
  }
  .mutualFundsSection .marketCardArrow arrow-nav-leftside {
    font-size: 7px !important;
    margin-right: 15px !important;
  }
}
.mutualFundsSection .rightsideBtn {
  gap: 10px;
}
.mutualFundsSection .rightsideBtn .equity-btn {
  background-color: #f2f2f5;
  padding: 3px 5px;
  border-radius: 5px;
  margin-right: 10px;
}
.mutualFundsSection .rightsideBtn .largeCap-btn {
  background-color: #f2f2f5;
  padding: 3px 5px;
  border-radius: 5px;
}
.mutualFundsSection .pivotValue {
  margin-top: 10px !important;
}
.mutualFundsSection .navDate {
  margin-left: 5px;
}
.mutualFundsSection .navDate i {
  font-size: 13px;
}
.mutualFundsSection .navDate .rotate-icon {
  transform: rotate(180deg);
}
.mutualFundsSection .navHistory {
  margin-left: 10px;
  margin-top: 2px;
  color: #03002f;
  text-decoration-line: underline;
}
.mutualFundsSection .navHistoryIcon {
  margin-left: 4px;
  margin-top: 2px;
  width: 16px;
  height: 9.422px;
  flex-shrink: 0;
}

.dropdownAndTablecontent .dropdown {
  display: flex;
  justify-content: end;
  align-items: end;
}

.custom-date-padding {
  padding: 3px 7px;
}

.rightSideWrapper {
  display: flex;
  justify-content: end;
  align-items: end;
}

.marketCardArrow i {
  font-size: 14px !important;
  margin-right: 8px;
}

.three-color-progressBar-Mf {
  margin-top: 2rem;
}
.three-color-progressBar-Mf .pbar29Rangeslider {
  margin-top: 4px;
}

.three-color-progressbar-mf-dec .pbar29Rangeslider {
  margin-top: 3px;
}

.MFPeerComp .marketcardbody {
  padding: 0px !important;
}

@media only screen and (max-width: 768px) {
  .quotes-mutualfund-returns {
    margin-bottom: 10px !important;
  }
  .MFPeerComp .marketcardbody {
    padding: 0px !important;
  }
  .invesment-charges {
    margin-top: -43px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mutualfunds-understanding-sections .mob-understanding-section-mkt {
    margin-top: -8px !important;
    margin-inline: 13px;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
  }
}
@media only screen and (min-width: 768px) {
  .mutualfunds-understanding-sections {
    margin-top: 20px !important;
  }
}
.mutualfund-overview-wrappar {
  margin-top: 30px;
}
.mutualfund-overview-wrappar .mutualfund-overview {
  padding: 13px 9px;
  gap: 300px;
  border-radius: 5px;
}
.mutualfund-overview-wrappar .returns-wrappar {
  gap: 54px;
  padding-top: 15px;
}
.mob-overvire-wrappar {
  gap: 13px;
  margin-top: 20px;
}

.mutualfund-overview-mb {
  margin-top: 35px;
  gap: 37px;
}
.mutualfund-overview-mb .text {
  margin-top: 5px;
}
@media (max-width: 768px) {
  .mutualfund-overview-mb .arrow-icon-content {
    position: relative;
    top: -5px;
  }
}

.change-wrappar {
  margin-top: 10px;
}
.change-wrappar .change-growth {
  text-decoration: underline !important;
  margin-left: 5px;
}

.navbar-class-sidebar {
  height: calc(100vh - 140px);
  overflow-y: scroll;
}
.navbar-class-sidebar::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.navbar-class-sidebar {
  /* Track */
}
.navbar-class-sidebar::-webkit-scrollbar-track {
  background: transparent;
}
.navbar-class-sidebar {
  /* Handle */
}
.navbar-class-sidebar::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.navbar-class-sidebar .common-table-withbackground table thead th {
  padding-inline: 8px !important;
}

.mob-wrappar-year {
  border: 1px solid #727271;
  border-radius: 5px;
  padding: 5px;
}

.nav-history-sidebardrawer .marketcardhead {
  padding-bottom: 0px !important;
}
.nav-history-sidebardrawer .marketcardbody {
  padding-top: 0px !important;
}

.balance-table-block {
  line-height: normal;
}
.balance-table-block table tbody tr.hover-back-color {
  background-color: #03002f !important;
}
.balance-table-block table tbody tr.hover-back-color div {
  color: #ffffff !important;
}
.balance-table-block table tbody tr.hover-back-color:hover {
  background-color: #03002f !important;
}

.mob-overview-dropdown {
  border: none !important;
}
.mob-overview-dropdown .equitydrop .dropdown-toggle .btn .btn-primary {
  border: 2px solid green;
}
.mob-overview-dropdown.equity-dropdown-block .dropdown-menu {
  transform: translate(0px, 5px) !important;
}

.line-height-20-fin span {
  line-height: 22px;
}
@media (max-width: 768px) {
  .line-height-20-fin span {
    line-height: 20px;
  }
}

.mf-historic-returns {
  height: 100%;
}
.mf-historic-returns .quotes-historic-returns-ui .mk-card-topright {
  justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .mf-historic-returns .marketCard {
    padding: 15px !important;
  }
}
@media only screen and (min-width: 768px) {
  .mf-historic-returns tbody tr td:first-child {
    font-size: 1rem;
    font-family: "DMSansNormal" !important;
    color: #444444;
  }
}
@media only screen and (max-width: 768px) {
  .quotes-historic-returns-ui thead th {
    padding-left: 23px !important;
  }
  .quotes-historic-returns-ui thead tr th:first-child {
    padding-left: 8px !important;
  }
  .quotes-historic-returns-ui tbody tr td:first-child {
    font-size: 0.875rem !important;
    font-family: "DMSansNormal" !important;
    color: #444444;
  }
}
@media only screen and (max-width: 768px) {
  .quotes-historic-returns-ui thead th:nth-child(1),
  .quotes-historic-returns-ui thead th:nth-child(2) {
    width: 30px;
  }
  .quotes-historic-returns-ui thead th {
    padding-left: 23px !important;
  }
}
.underperforming-wrapper-main .underperforming-five-year {
  border-radius: 3px;
  background: #d9f3da;
  padding: 5px;
  width: 14px;
  height: 14px;
}
.underperforming-wrapper-main .Outperforming-five-year {
  border-radius: 3px;
  background: #fce9e9;
  padding: 5px;
  width: 14px;
  height: 14px;
}
.underperforming-wrapper-main .outperforming-wrapper {
  margin-block: 24px 20px;
}
.underperforming-wrapper-main .underperforming-wrapper {
  margin-block: 24px 20px;
}

.greenBackground {
  background-color: #d9f3da;
  height: 3.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.redBackground {
  background-color: #fce9e9;
  height: 3.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .underperforming-wrapper-main .underperforming-wrapper {
    margin-block: 20px 5px !important;
  }
  .underperforming-wrapper-main .outperforming-wrapper {
    margin-block: 15px 20px !important;
  }
  .underperforming-wrapper-main .five-year-returns tbody tr td:not(:first-child) {
    font-size: 0.875rem;
    color: #444444;
    font-family: "RobotoRegular";
    padding-right: 0px !important;
  }
}
.dynamicindicator-historicreturn {
  margin-right: 15px;
}

.returnsthisFund {
  padding: 0px !important;
}

@media (max-width: 768px) {
  .underperforming-wrapper-main table td span {
    font-size: 0.875rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .dynamicindicator-historicreturn {
    width: 100% !important;
    margin-right: 10px;
  }
  .dynamicindicator-historicreturn .Progresscommondatavalue {
    margin-top: 5px;
  }
  .dynamicindicator-historicreturn .dbar29RangesliderLabelname .Progresscommondatavalue {
    width: 50% !important;
  }
}
.historic-return-ui-mf .marketcardhead {
  display: grid !important;
  grid-template-columns: 1fr !important;
}
.historic-return-ui-mf .marketcardhead .mk-card-topright {
  display: grid !important;
  grid-template-columns: 100% !important;
}
.historic-return-ui-mf table .w-20-td {
  width: 20%;
}
@media (max-width: 768px) {
  .historic-return-ui-mf table .w-20-td {
    width: 18%;
    vertical-align: middle;
  }
}
.historic-return-ui-mf table .w-20-td {
  text-align: left !important;
}
.historic-return-ui-mf table .w-60-td {
  width: 60%;
}

@media only screen and (max-width: 768px) {
  .quotes-historic-returns-thisfunds .thisfunds-wrappar {
    padding-block: 13px !important;
  }
}
.mf-historic-returns.index .marketcardhead.card-header {
  display: block;
}
.mf-historic-returns.index .marketcardhead.card-header .mk-card-topright {
  margin-top: 15px;
}
@media only screen and (max-width: 1023px) {
  .mf-historic-returns.index .marketcardhead.card-header .mk-card-topright {
    justify-content: end;
  }
}

.historic-calculator-quotes .border-calculator {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.historic-calculator-quotes .explorefundmainSection {
  background-color: #f2f2f5;
}
.historic-calculator-quotes .rc-slider-handle {
  border: 8px solid #03002f !important;
}
.historic-calculator-quotes .rc-slider-dot {
  border: solid 2px #03002f;
}
.historic-calculator-quotes .radio-button input[type=radio]::after {
  background: #03002f;
}
.historic-calculator-quotes .ed_button.blue-one {
  border: none;
  background-color: #03002f;
}
.historic-calculator-quotes .explorefundmainSection .mf-invest {
  background-color: #49aee2;
}
@media (max-width: 768px) {
  .historic-calculator-quotes .growthCalculator-section .slider-container :global(.ant-slider-handle) {
    width: 28px;
    height: 28px;
    margin-top: -14px;
  }
  .historic-calculator-quotes .growthCalculator-section .slider-container :global(.ant-slider-rail),
  .historic-calculator-quotes .growthCalculator-section .slider-container :global(.ant-slider-track) {
    height: 8px;
  }
}
.historic-calculator-quotes .growthCalculator-section .slider-input-group .slidervalue {
  padding: 0px 6px !important;
}
.historic-calculator-quotes .growthCalculator-section .slider-input-group .slidervalue .form-control {
  text-align: center !important;
  padding-left: 0px;
  max-width: 100%;
  min-width: 30px;
}
.historic-calculator-quotes .growthCalculator-section .radioBoxsection {
  display: grid;
  grid-template-columns: 35% 35% auto;
  gap: 30px;
}
@media (max-width: 768px) {
  .historic-calculator-quotes .growthCalculator-section .radioBoxsection {
    display: flex;
    justify-content: space-between;
  }
}
.historic-calculator-quotes .growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
  height: 17px;
  width: 17px;
}
@media screen and (max-width: 1023px) {
  .historic-calculator-quotes .growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue {
    width: 88px;
  }
}
@media only screen and (max-width: 1024px) {
  #portfolio-holding .portfolioMFContainer .marketgroup {
    margin-top: 0px;
  }
}
.portfolioMFContainer {
  display: flex;
  float: left;
  height: 100%;
  width: 100%;
}
.portfolioMFContainer .MFPortfolioHoldingError .refreshErrorBtn {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .portfolioMFContainer .marketcardbody {
    padding-bottom: 0px !important;
  }
}
.portfolioMFContainer .portfolio-marketcard {
  padding-left: 0px;
}
@media (max-width: 768px) {
  .portfolioMFContainer .portfolio-marketcard .marketCard {
    padding: 0px !important;
  }
}
.portfolioMFContainer .portfolio-marketcard .assetallocation-section .lenged-Circle {
  width: 15px;
  height: 15px;
}
.portfolioMFContainer .portfolio-subcategory-mob .portfolioMFContainer .marketCard {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0 !important;
  padding-bottom: 0px !important;
}
@media screen and (max-width: 1023px) {
  .portfolioMFContainer .portfolio-subcategory-mob .portfolioMFContainer .marketCard {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.mf-sc-dropdown-mob .dropdown-menu.show {
  max-height: 340px !important;
  z-index: 6;
}

.mf-Stock-Composition {
  margin-top: 50px;
  margin-bottom: 100px;
}
.mf-Stock-Composition .mf-sc-header .equity-dropdown-block .dropdown-menu.show {
  max-height: 340px;
}
.mf-Stock-Composition .mf-sc-header .equitydrop {
  color: #444444 !important;
}
.mf-Stock-Composition .mf-sc-header .equitydrop i:before {
  color: #03002f !important;
}
.mf-Stock-Composition .mf-sc-header .equity-dropdown-block > .btn-primary.dropdown-toggle {
  border-color: #e7e7e7 !important;
}
.mf-Stock-Composition .mf-sc-header .edel-icon-round-circle {
  color: rgb(221, 80, 77);
  position: absolute;
  top: -3px;
  right: 0px;
  font-size: 0.5rem;
}
.mf-Stock-Composition .mf-search-box {
  width: 300px;
}
.mf-Stock-Composition .mf-Stock-Composition-table {
  max-height: 400px;
  overflow-y: auto;
  margin-top: -1px;
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar-track-piece {
  margin-top: 135px !important;
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.mf-Stock-Composition .mf-Stock-Composition-table {
  /* Track */
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar-track {
  background: transparent;
}
.mf-Stock-Composition .mf-Stock-Composition-table {
  /* Handle */
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.mf-Stock-Composition .mf-Stock-Composition-table thead {
  background-color: #f2f2f5;
  position: sticky;
  top: -1px;
  z-index: 4;
}
.mf-Stock-Composition .mf-Stock-Composition-table table thead th {
  font-size: 1rem;
  font-family: "DMSansNormal";
  padding-left: 8px;
  padding-right: 8px;
  border-bottom: none !important;
}
@media (max-width: 768px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table thead th {
    border: none !important;
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoRegular";
}
@media (max-width: 768px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td {
    padding: 15px 10px;
    border: none !important;
    font-size: 0.75rem;
    font-family: "EncodeSansMedium";
  }
}
@media screen and (min-width: 1023px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td:first-child {
    width: 250px;
  }
}
@media screen and (min-width: 1023px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td:nth-child(2) {
    width: 200px;
  }
}

.adjust-padding-block .common-search-bar input {
  padding-block: 10px !important;
  padding-right: 83px !important;
}

.adjust-padding-block-dec .common-search-bar input {
  padding-block: 13px !important;
}

.table-layout-content-grid {
  display: grid;
  grid-template-columns: 10% 90%;
}
.table-layout-content-grid .text-left {
  text-align: left;
}

.table-layout-content-grid-2 {
  display: grid;
  grid-template-columns: 85% 15%;
  align-items: center;
}
@media (max-width: 768px) {
  .table-layout-content-grid-2 .assetname {
    font-size: 0.875rem;
  }
}
.table-layout-content-grid-2 .assetname {
  padding-left: 10px;
}
@media (max-width: 768px) {
  .table-layout-content-grid-2 .perc-hold-content {
    font-size: 0.875rem !important;
  }
}

.children-container {
  height: 100%;
}

.horizontal-scroll-common {
  flex-direction: row;
  overflow-x: scroll;
  padding-bottom: 10px;
}
.horizontal-scroll-common::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.horizontal-scroll-common {
  /* Track */
}
.horizontal-scroll-common::-webkit-scrollbar-track {
  background: transparent;
}
.horizontal-scroll-common {
  /* Handle */
}
.horizontal-scroll-common::-webkit-scrollbar-thumb {
  background: #03002f !important;
}

.mf-Stock-Composition-mobile {
  margin-top: 15px !important;
}
.mf-Stock-Composition-mobile .marketgroup {
  padding: 0px !important;
  margin: 0px auto !important;
}
.mf-Stock-Composition-mobile .marketgroup .marketCard {
  padding: 0px !important;
  border: none !important;
}

.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table table {
  border-collapse: separate;
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table td,
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table th {
  text-wrap: nowrap !important;
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody tr:nth-of-type(odd) td:first-child {
  background-color: #ffffff !important;
  border-left: 1px solid #e7e7e7;
  z-index: 1 !important;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody tr:nth-of-type(odd) td:first-child {
    color: #444444;
    border: none !important;
  }
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody:nth-of-type(even) td:first-child {
  background-color: #f2f2f5 !important;
  border-left: 1px solid #e7e7e7;
  z-index: 1 !important;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody:nth-of-type(even) td:first-child {
    color: #444444;
    border: none !important;
  }
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody td:nth-child(1) {
  z-index: 1 !important;
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table thead tr:nth-child(2) th:first-child {
  position: sticky;
  z-index: 4;
  background-color: #f2f2f5;
  left: 0px;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table thead tr:nth-child(1) th:first-child {
  position: sticky;
  z-index: 3;
  background-color: #ffffff;
  left: 0px;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}

.stock-comp-drop .equity-dropdown-block .dropdown-menu {
  z-index: 5 !important;
}

.stock-comp-drop-mob {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}

@media (max-width: 768px) {
  .mf-portfolio-tabs .nav-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1.5fr !important;
  }
}
.mf-portfolio-tabs .nav-tabs .nav-item .nav-link {
  padding: 7px 4px 10px 6px !important;
}

.holding-non-handcursor .progresscontainer .progressbox {
  cursor: unset !important;
}

.assetPaddingremove .marketCard {
  padding-inline: 0px !important;
}
.assetPaddingremove .marketcardhead {
  margin-left: 20px !important;
}

.padding-class-asset {
  padding-inline: 15px !important;
}

.asset-class-padding .marketCard .marketcardfoot.card-footer {
  padding: 15px !important;
}

.peer-compare-mf .marketgroup .marketCard .marketcardfoot {
  padding: 0px 20px 20px !important;
}
.peer-compare-mf .share .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.peer-compare-mf .share .share-icon .edel-icon-share-icon::before {
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}
.peer-compare-mf .rounded-circle1.exclamation1 {
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .peer-compare-mf .rounded-circle1.exclamation1 {
    margin-right: 15px;
  }
}
.peer-compare-mf .mk-card-topleftmain1 {
  margin: 20px 0px 0px 20px;
  display: flex;
}
@media (max-width: 1023px) {
  .peer-compare-mf .mk-card-topleftmain1 {
    margin: 15px 0px 0px 15px;
    justify-content: space-between;
  }
}
.peer-compare-mf .marketCard.card {
  padding: 0px !important;
}
.peer-compare-mf .index-constituents-table table thead {
  padding-bottom: 25 px;
  position: sticky;
  top: 0px;
  z-index: 1;
  background: white;
  height: 40px;
}
.peer-compare-mf .index-constituents-table tr th {
  padding: 15px;
}
.peer-compare-mf .index-constituents-table tr th:first-child {
  text-align: start;
  padding-left: 20px;
}
.peer-compare-mf .index-constituents-table tr th:last-child {
  text-align: end;
  padding-right: 20px;
}
.peer-compare-mf .index-constituents-table table tbody tr {
  padding: 20px;
}
.peer-compare-mf .index-constituents-table table tbody tr:first-child {
  text-align: start;
  padding-left: 20px;
}
.peer-compare-mf .index-constituents-table table tbody tr:first-child td {
  border-top: 1px solid #e7e7e7;
}
@media (max-width: 1023px) {
  .peer-compare-mf .index-constituents-table table tbody tr:first-child td {
    border-top: 0px;
  }
}
.peer-compare-mf .index-constituents-table table tbody tr:last-child {
  text-align: end;
  padding-right: 20px;
}
.peer-compare-mf .index-constituents-table table tbody td {
  border-top: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.peer-compare-mf .index-constituents-table table tbody tr td {
  border-left: 0px;
  border-right: 0px;
  color: #292929;
  font-size: 1rem;
  font-family: "RobotoMedium";
  padding: 20px;
}
.peer-compare-mf .index-constituents-table table tbody tr td:first-child {
  padding-left: 20px;
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #292929;
  text-align: start;
}
.peer-compare-mf .index-constituents-table table tbody tr td:last-child {
  text-align: end;
  padding-right: 20px;
}
.peer-compare-mf .index-constituents-table table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0px;
}
.peer-compare-mf .index-constituents-table table thead th {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
  border: none;
}
.peer-compare-mf .index-constituents-table table thead tr {
  border: none;
}

.stock-composition-progress.progress {
  height: 5px !important;
  background-color: #f2f2f5 !important;
  border-radius: 3px !important;
}
.stock-composition-progress .bg-bg_label_skyblue {
  background-color: #1c9ad6;
}

.common-marketCard-nopadding.marketgroup .marketcardhead {
  padding: 20px !important;
}
.common-marketCard-nopadding .marketcardbody {
  padding-bottom: 0px !important;
}
.common-marketCard-nopadding .marketCard {
  padding: 0px !important;
}
.common-marketCard-nopadding .marketCard .marketcardfoot {
  padding-bottom: 0px !important;
}

.grid-fundhouse {
  display: flex;
  gap: 30px;
}

.about-fund-house-wrappar {
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.about-fund-house-wrappar .amc-name {
  margin-bottom: 5px;
}
.about-fund-house-wrappar .mf-name {
  margin-bottom: 15px;
}
.about-fund-house-wrappar .amu-cr {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 768px) {
  .about-fund-house-wrappar .amu-cr {
    text-align: end;
  }
}

.about-house-main {
  margin-inline: 12px;
}

.about-fund-house-mf {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.about-fund-house-mf .contact-info {
  margin-block: 15px;
}
.about-fund-house-mf .amc-name {
  margin-bottom: 5px;
}
.about-fund-house-mf .telephone-fax-wrappar {
  gap: 40px;
  margin-bottom: 15px;
}
.about-fund-house-mf .email-mf {
  margin-bottom: 5px;
}
.about-fund-house-mf .company-website {
  margin-block: 15px 5px;
}
.about-fund-house-mf .address-mf {
  line-height: 160%;
}

@media only screen and (max-width: 768px) {
  .about-house-main {
    padding-top: 0px !important;
  }
  .mutualfunds-about-funds {
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 1024px) {
  #portfolio-holding .portfolioMFContainer .marketgroup {
    margin-top: 0px;
  }
}
.portfolioMFContainer {
  display: flex;
  float: left;
  height: 100%;
  width: 100%;
}
.portfolioMFContainer .MFPortfolioHoldingError .refreshErrorBtn {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .portfolioMFContainer .marketcardbody {
    padding-bottom: 0px !important;
  }
}
.portfolioMFContainer .portfolio-marketcard {
  padding-left: 0px;
}
@media (max-width: 768px) {
  .portfolioMFContainer .portfolio-marketcard .marketCard {
    padding: 0px !important;
  }
}
.portfolioMFContainer .portfolio-marketcard .assetallocation-section .lenged-Circle {
  width: 15px;
  height: 15px;
}
.portfolioMFContainer .portfolio-subcategory-mob .portfolioMFContainer .marketCard {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0 !important;
  padding-bottom: 0px !important;
}
@media screen and (max-width: 1023px) {
  .portfolioMFContainer .portfolio-subcategory-mob .portfolioMFContainer .marketCard {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.mf-sc-dropdown-mob .dropdown-menu.show {
  max-height: 340px !important;
  z-index: 6;
}

.mf-Stock-Composition {
  margin-top: 50px;
  margin-bottom: 100px;
}
.mf-Stock-Composition .mf-sc-header .equity-dropdown-block .dropdown-menu.show {
  max-height: 340px;
}
.mf-Stock-Composition .mf-sc-header .equitydrop {
  color: #444444 !important;
}
.mf-Stock-Composition .mf-sc-header .equitydrop i:before {
  color: #03002f !important;
}
.mf-Stock-Composition .mf-sc-header .equity-dropdown-block > .btn-primary.dropdown-toggle {
  border-color: #e7e7e7 !important;
}
.mf-Stock-Composition .mf-sc-header .edel-icon-round-circle {
  color: rgb(221, 80, 77);
  position: absolute;
  top: -3px;
  right: 0px;
  font-size: 0.5rem;
}
.mf-Stock-Composition .mf-search-box {
  width: 300px;
}
.mf-Stock-Composition .mf-Stock-Composition-table {
  max-height: 400px;
  overflow-y: auto;
  margin-top: -1px;
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar-track-piece {
  margin-top: 135px !important;
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.mf-Stock-Composition .mf-Stock-Composition-table {
  /* Track */
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar-track {
  background: transparent;
}
.mf-Stock-Composition .mf-Stock-Composition-table {
  /* Handle */
}
.mf-Stock-Composition .mf-Stock-Composition-table::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.mf-Stock-Composition .mf-Stock-Composition-table thead {
  background-color: #f2f2f5;
  position: sticky;
  top: -1px;
  z-index: 4;
}
.mf-Stock-Composition .mf-Stock-Composition-table table thead th {
  font-size: 1rem;
  font-family: "DMSansNormal";
  padding-left: 8px;
  padding-right: 8px;
  border-bottom: none !important;
}
@media (max-width: 768px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table thead th {
    border: none !important;
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoRegular";
}
@media (max-width: 768px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td {
    padding: 15px 10px;
    border: none !important;
    font-size: 0.75rem;
    font-family: "EncodeSansMedium";
  }
}
@media screen and (min-width: 1023px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td:first-child {
    width: 250px;
  }
}
@media screen and (min-width: 1023px) {
  .mf-Stock-Composition .mf-Stock-Composition-table table tbody tr td:nth-child(2) {
    width: 200px;
  }
}

.adjust-padding-block .common-search-bar input {
  padding-block: 10px !important;
  padding-right: 83px !important;
}

.adjust-padding-block-dec .common-search-bar input {
  padding-block: 13px !important;
}

.table-layout-content-grid {
  display: grid;
  grid-template-columns: 10% 90%;
}
.table-layout-content-grid .text-left {
  text-align: left;
}

.table-layout-content-grid-2 {
  display: grid;
  grid-template-columns: 85% 15%;
  align-items: center;
}
@media (max-width: 768px) {
  .table-layout-content-grid-2 .assetname {
    font-size: 0.875rem;
  }
}
.table-layout-content-grid-2 .assetname {
  padding-left: 10px;
}
@media (max-width: 768px) {
  .table-layout-content-grid-2 .perc-hold-content {
    font-size: 0.875rem !important;
  }
}

.children-container {
  height: 100%;
}

.horizontal-scroll-common {
  flex-direction: row;
  overflow-x: scroll;
  padding-bottom: 10px;
}
.horizontal-scroll-common::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.horizontal-scroll-common {
  /* Track */
}
.horizontal-scroll-common::-webkit-scrollbar-track {
  background: transparent;
}
.horizontal-scroll-common {
  /* Handle */
}
.horizontal-scroll-common::-webkit-scrollbar-thumb {
  background: #03002f !important;
}

.mf-Stock-Composition-mobile {
  margin-top: 15px !important;
}
.mf-Stock-Composition-mobile .marketgroup {
  padding: 0px !important;
  margin: 0px auto !important;
}
.mf-Stock-Composition-mobile .marketgroup .marketCard {
  padding: 0px !important;
  border: none !important;
}

.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table table {
  border-collapse: separate;
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table td,
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table th {
  text-wrap: nowrap !important;
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody tr:nth-of-type(odd) td:first-child {
  background-color: #ffffff !important;
  border-left: 1px solid #e7e7e7;
  z-index: 1 !important;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody tr:nth-of-type(odd) td:first-child {
    color: #444444;
    border: none !important;
  }
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody:nth-of-type(even) td:first-child {
  background-color: #f2f2f5 !important;
  border-left: 1px solid #e7e7e7;
  z-index: 1 !important;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  .table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody:nth-of-type(even) td:first-child {
    color: #444444;
    border: none !important;
  }
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table tbody td:nth-child(1) {
  z-index: 1 !important;
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table thead tr:nth-child(2) th:first-child {
  position: sticky;
  z-index: 4;
  background-color: #f2f2f5;
  left: 0px;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
.table-container-generictableleft .generictableleft-section.mf-Stock-Composition-table thead tr:nth-child(1) th:first-child {
  position: sticky;
  z-index: 3;
  background-color: #ffffff;
  left: 0px;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}

.stock-comp-drop .equity-dropdown-block .dropdown-menu {
  z-index: 5 !important;
}

.stock-comp-drop-mob {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}

@media (max-width: 768px) {
  .mf-portfolio-tabs .nav-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1.5fr !important;
  }
}
.mf-portfolio-tabs .nav-tabs .nav-item .nav-link {
  padding: 7px 4px 10px 6px !important;
}

.holding-non-handcursor .progresscontainer .progressbox {
  cursor: unset !important;
}

.assetPaddingremove .marketCard {
  padding-inline: 0px !important;
}
.assetPaddingremove .marketcardhead {
  margin-left: 20px !important;
}

.padding-class-asset {
  padding-inline: 15px !important;
}

.asset-class-padding .marketCard .marketcardfoot.card-footer {
  padding: 15px !important;
}

.explorefundmainSection {
  background-color: #f2f2f5;
  padding: 30px 20px 30px 30px;
  border-radius: 5px;
}
.explorefundmainSection strong {
  margin-right: 5px;
}
.explorefundmainSection .fdreturn {
  margin-top: 39px;
  margin-bottom: 30px;
}
.explorefundmainSection .progressbarsection .progressbox {
  background-color: #ffffff;
  border-radius: 5px;
  height: 40px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.explorefundmainSection .progressbarsection .progressbox div:last-child {
  text-align: right;
}
.explorefundmainSection .progressbarsection .progressbox .mf-main,
.explorefundmainSection .progressbarsection .progressbox .mf-invest,
.explorefundmainSection .progressbarsection .progressbox .mf-gains {
  height: 10px;
}
.explorefundmainSection .progressbarsection .progressbox {
  background-color: #ffffff;
  border-radius: 5px;
  height: 40px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media (max-width: 768px) {
  .explorefundmainSection .progressbarsection .progressbox {
    padding-left: 12px !important;
    padding-right: 12px !important;
    grid-template-columns: 2fr 1.5fr;
  }
}
.explorefundmainSection .progressbarsection .progressbox div:last-child {
  text-align: right;
}
.explorefundmainSection .progressbarsection .progressbox .mf-main,
.explorefundmainSection .progressbarsection .progressbox .mf-invest,
.explorefundmainSection .progressbarsection .progressbox .mf-gains,
.explorefundmainSection .progressbarsection .progressbox .fd-gains {
  height: 10px;
}
.explorefundmainSection .outerprogresssection {
  display: flex;
  justify-content: space-between;
}
.explorefundmainSection .outerprogresssection .progressiconbox:last-child {
  grid-column-end: none;
}
.explorefundmainSection .outerprogresssection .progressiconbox {
  display: grid;
  grid-template-columns: 20px auto;
  gap: 8px;
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox {
    grid-template-columns: 11px auto;
    gap: 4px;
  }
}
.explorefundmainSection .outerprogresssection .progressiconbox .icondata div {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  position: relative;
  top: 5px;
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox .icondata div {
    width: 10px;
    height: 10px;
    top: 0px;
  }
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox div:last-child span:last-child {
    margin-top: 8px;
  }
}
.explorefundmainSection .mf-invest {
  background-color: #03002f;
}
.explorefundmainSection .mf-gains {
  background-color: #51b255;
}
.explorefundmainSection .fd-gains {
  background-color: #dfa717;
}
.explorefundmainSection .mt-36 {
  margin-top: 36px;
}
@media (max-width: 768px) {
  .explorefundmainSection .Roboto_36_600 {
    font-size: 1.875rem;
  }
  .explorefundmainSection .EncodeSansM_18_500 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSans_14_500 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .EncodeSans_16_600 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSansR_14_400 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .RobotoM_18_500 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSans_14_500 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .RobotoM_14_700 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .EncodeSansR_12_400 {
    font-size: 0.688rem;
  }
  .explorefundmainSection .EncodeSans_16_500 {
    font-size: 0.875rem;
  }
}

.blurdesign {
  opacity: 0.5;
}

.boxoutersection {
  border: 1px solid #e7e7e7;
  padding: 30px 20px 50px 20px;
  border-radius: 5px;
}
.boxoutersection .boxinnerSection {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
}
.boxoutersection .boxinnerSection h1 {
  margin-bottom: 10px;
}
.boxoutersection .horizontalline {
  border: 1px solid #e7e7e7;
  margin: 2rem 0px;
}
.boxoutersection > div:last-child .horizontalline {
  display: none;
}

.boxoutersectionview {
  border: 1px solid #e7e7e7;
  padding: 20px 20px 20px 20px;
  border-radius: 5px;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 23px;
  align-items: center;
  justify-items: center;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  width: 100%;
  padding: 23px;
  text-align: center;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox img {
  width: 43px;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox .headingtitle {
  line-height: 20px;
  margin-top: 20px;
}

.topperforming-experience {
  width: 100%;
  background-color: #fffbf2;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 32px;
  font-family: "EncodeSansLight";
  font-style: normal;
  height: 280px;
}
.topperforming-experience .topperforming-experience-body {
  font-weight: 300;
  font-size: 1rem;
  line-height: 20px;
  padding-top: 24px;
}
.topperforming-experience .topperforming-experience-body .Btntopperforming {
  float: left;
  margin-top: 3.14rem;
}
.topperforming-experience .topperforming-experience-body p {
  max-width: 310px;
}
.topperforming-experience .startlumpsumsection {
  justify-content: end;
  display: flex;
  align-items: end;
}
@media (max-width: 768px) {
  .topperforming-experience .startlumpsumsection .text-right {
    display: grid;
    grid-template-columns: 60% auto;
    grid-column-start: none;
  }
  .topperforming-experience .startlumpsumsection .text-right img {
    width: 45px;
  }
}
.topperforming-experience .startlumpsumsection .ed_button {
  text-transform: unset !important;
  width: 182px;
}
@media (max-width: 768px) {
  .topperforming-experience .startlumpsumsection .ed_button {
    width: 130px !important;
  }
}

.mfradiobox-mob-section .disp_val {
  color: #b8b8b8 !important;
}
.mfradiobox-mob-section .radio_btn input[type=radio]:checked + .disp_val {
  color: #444444 !important;
}

@media (max-width: 768px) {
  .mfradiobox-mob-section .disp_val {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}
.growthCalculator-section .height40 {
  height: 40px;
}
@media (max-width: 768px) {
  .growthCalculator-section .mb-ui p {
    text-align: center;
    margin-bottom: 10px !important;
  }
}
.growthCalculator-section .marketgroup {
  padding: 0px;
}
.growthCalculator-section .marketgroup .marketCard {
  padding-bottom: 0px !important;
}
.growthCalculator-section .marketgroup .marketCard .mk-card-topright.gap {
  margin-left: 9px !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .marketgroup .marketCard .mk-card-topleftmain {
    font-size: 1rem !important;
  }
}
.growthCalculator-section .calculatortab .nav-item:last-child .nav-link {
  padding: 11px 15px 11px 15px !important;
}
.growthCalculator-section .calculatortab .nav-item .nav-link {
  font-size: 1rem !important;
  padding: 11px 15px 11px 11px !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatortab .nav-item .nav-link {
    font-size: 0.875rem !important;
    margin-bottom: 0px !important;
  }
}
.growthCalculator-section .calculatortab .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.growthCalculator-section .radioBoxsection {
  display: grid;
  grid-template-columns: 35% 35% auto;
  gap: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .radioBoxsection {
    grid-template-columns: 55% 45%;
    gap: 0px;
  }
}
.growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
  height: 17px;
  width: 17px;
}
@media screen and (max-width: 1023px) {
  .growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}
.growthCalculator-section .calculatorTextbox {
  border-bottom: 1px solid #e7e7e7;
}
.growthCalculator-section .calculatorTextbox .input_prefix {
  font-size: 2.625rem;
  font-family: "RobotoBold";
  font-weight: bolder;
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatorTextbox .input_prefix {
    font-size: 2.25rem;
  }
}
.growthCalculator-section .calculatorTextbox .form-control {
  border: none;
  line-height: 40px;
  padding: 0 0 0 10px;
  border-radius: 0px;
  font-size: 2.5rem;
  font-family: "RobotoBold";
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatorTextbox .form-control {
    font-size: 2.25rem;
    text-align: center;
  }
}
.growthCalculator-section .timeperiodSection {
  display: grid;
  grid-template-columns: 85% 15%;
  align-items: center;
  margin-top: 38px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection {
    grid-template-columns: 75% 25%;
  }
}
.growthCalculator-section .timeperiodSection.assumedreturn {
  grid-template-columns: 80% 20%;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.assumedreturn {
    grid-template-columns: 72% 28%;
  }
}
.growthCalculator-section .timeperiodSection.recommendation {
  grid-template-columns: 75% 25% !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.recommendation {
    grid-template-columns: 68% 32% !important;
  }
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.recommendation .slider-input-group .slidervalue {
    width: 100px;
  }
  .growthCalculator-section .timeperiodSection.recommendation .slider-input-group .slidervalue .form-control {
    padding-right: 4px;
    padding-left: 7px;
  }
}
.growthCalculator-section .timeperiodSection.recommendation .input_suffix::before {
  content: "%/";
  margin-right: 5px;
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue {
  display: flex;
  align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue {
    padding-right: 10px;
  }
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control {
  border: none !important;
  font-size: 1.25rem;
  font-family: "RobotoRegular";
  text-align: right;
  padding-right: 6px;
  color: #444444;
  background-color: #ffffff;
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control:disabled {
  color: #b8b8b8;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control {
    font-size: 1rem;
  }
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .input_suffix {
  grid-column-end: none;
  color: #b8b8b8;
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .input_suffix {
    font-size: 0.875rem;
  }
}
.growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-input {
  width: 25px;
  height: 25px;
  accent-color: #03002f;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-input {
    width: 16px;
    height: 16px;
    position: relative;
    margin-top: 0px;
  }
}
.growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-label {
  line-height: 30px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-label {
    line-height: 35px;
    margin-left: 0px;
  }
}
.growthCalculator-section .radioBoxsectionfundtype {
  display: grid;
  grid-template-columns: 20% 20% 20% auto;
  gap: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .radioBoxsectionfundtype {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button {
  border: 1px solid #e7e7e7;
  padding: 7px 8px 7px 9px;
  border-radius: 3px;
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button.active {
  background-color: #f2f2f5;
  border: 1px solid #03002f;
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button input[type=radio]:checked::after {
  height: 17px;
  width: 17px;
}
@media screen and (max-width: 1023px) {
  .growthCalculator-section .radioBoxsectionfundtype .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatortab .mb-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 367px) and (max-width: 768px) {
  .mfradiobox-mob-section .radio-button .radio_btn {
    align-items: center !important;
  }
}
.docked-position.mfQuotesLinksDesk-center {
  margin-inline: -290px !important;
}
.docked-position.mfQuotesLinksDesk-center .mfQuotesLinksDesk ul {
  margin-left: 131px !important;
  width: 105% !important;
}

.mfQuotesLinksDesk ul {
  margin-inline: -31px;
  margin-top: 20px;
  gap: 10px;
  width: 100%;
}
.mfQuotesLinksDesk ul li a {
  margin-right: 5px;
  margin-left: 5px;
}

.mfQuotesLinksDesk-center {
  padding-left: 119px !important;
}

.mutual-fund-portfolio .percentage-value-section {
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0%;
  top: 45%;
}
@media (max-width: 768px) {
  .mutual-fund-portfolio .percentage-value-section {
    top: 46%;
    font-size: 0.813rem;
  }
}

@media (max-width: 768px) {
  .market-cap-td table tbody td {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .market-cap-td .merge-data-row td {
    width: 40% !important;
  }
}

.merge-data-row td:nth-child(1) {
  position: relative !important;
  left: unset !important;
  z-index: auto !important;
}

.sticky-mutualFund-overview {
  position: relative;
}
@media (max-width: 1023px) {
  .sticky-mutualFund-overview .marketgroup {
    margin: 10px 20px;
  }
}
@media (max-width: 768px) {
  .sticky-mutualFund-overview .marketgroup {
    margin: 10px 20px !important;
  }
}
.sticky-mutualFund-overview .marketgroup .marketCard {
  border: none !important;
  padding: 0px !important;
}
.sticky-mutualFund-overview .marketgroup .marketcardbody {
  padding: 0px !important;
  padding-bottom: 0px !important;
}
@media (max-width: 768px) {
  .sticky-mutualFund-overview .marketgroup .marketcardbody {
    padding-bottom: 0px !important;
  }
}
.sticky-mutualFund-overview .marketgroup .marketcardfoot {
  display: none !important;
}

.common-table-invementcharges table tbody tr td:first-child {
  text-wrap: nowrap;
}
@media (max-width: 768px) {
  .common-table-invementcharges table tbody tr td.DMSansMedium_16_500 {
    font-size: 0.875rem !important;
    font-family: "DMSansMedium" !important;
  }
}
@media (max-width: 768px) {
  .common-table-invementcharges table tbody tr td.DMSanN_16_400 {
    font-size: 0.875rem !important;
    font-family: "DMSansNormal" !important;
  }
}

.overview-section-padding-0 .marketcardbody {
  padding-top: 0px !important;
}

.mutual-fund-overview-grid {
  display: grid;
  grid-template-columns: 20% auto;
  gap: 54px;
}

/* ThreeColorProgressBar.scss */
.ThreeColorProgressBar .container .pbar29RangesliderWrapper .pbar29Rangeslider .customRangeBar .SkewCode {
  width: 9px;
  background-color: black;
}
.ThreeColorProgressBar .container .pbar29RangesliderWrapper .pbar29Rangeslider .customRangeBar .Skewcoderight1 {
  margin-right: 5px;
  background-color: #1c9ad6 !important;
}
.ThreeColorProgressBar .container .pbar29RangesliderWrapper .pbar29Rangeslider .customRangeBar .Skewcoderight2 {
  margin-left: 2px;
  background-color: #b8b8b8 !important;
}

:root {
  font-size: 16px;
}

.marketTabs {
  padding-top: 18px;
  padding: 0;
}
.marketTabs .react-tabs .marketTabs-ul {
  padding: 0;
  gap: 50px;
}
.marketTabs .react-tabs .marketTabs-ul li p {
  line-height: 19.6px;
  font-size: 1rem;
}
.marketTabs .react-tabs .marketTabs-ul a {
  height: 100%;
}
.marketTabs .react-tabs .marketTabs-ul a p {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.marketTabs .react-tabs .marketTabs-ul a.active p {
  color: #03002f;
}
.marketTabs .react-tabs .marketTabs-ul a.active {
  border-bottom: 2px solid #03002f;
}
.marketTabs .react-tabs .marketTabs-ul {
  border-bottom: 1px solid #e7e7e7;
  margin: 0 10px;
  padding: 0;
}
@media (min-width: 768px) {
  .marketTabs .react-tabs .marketTabs-ul {
    margin: auto;
  }
}
.marketTabs .react-tabs .marketTabs-ul li {
  padding: 14px 0px;
  color: #b8b8b8;
  margin-right: 3.125rem;
}
@media (max-width: 768px) {
  .marketTabs .react-tabs .marketTabs-ul li {
    padding: 14px 10px;
  }
}
.marketTabs .react-tabs .marketTabs-ul li p {
  margin-bottom: 0;
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 19.6px;
}
.marketTabs .react-tabs .marketTabs-ul .react-tabs__tab:focus:after {
  content: unset;
}
.marketTabs .react-tabs .marketTabs-ul .react-tabs__tab--selected {
  background: unset;
  border-color: unset;
  color: #03002f;
  border-radius: unset;
  border: unset;
  border-bottom: 2px solid #03002f;
}

@media (max-width: 1023px) {
  .marketTabs .react-tabs {
    overflow-y: scroll;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    flex-direction: row;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0 0 0 15px;
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar {
    width: 4px !important;
    height: 5px !important;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    /* Track */
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar-track {
    background: transparent;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    /* Handle */
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar-thumb {
    background: #03002f;
  }
  .marketTabs .react-tabs .marketTabs-ul li p {
    line-height: 19.6px;
    font-size: 1rem;
  }
  .marketTabs .react-tabs .marketTabs-ul .react-tabs__tab--selected {
    border-width: 3px;
  }
}
@media (max-width: 1200px) {
  .marketTabs .react-tabs .marketTabs-ul li {
    margin-right: 1rem;
  }
}
.corp-event-n-results .corp-event,
.corp-event-n-results .result {
  flex: 1 0 300px !important;
}

:root {
  font-size: 16px;
}

.blur {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%;
  z-index: 99999;
}

.marketTabs {
  padding: 0;
}
.marketTabs.container {
  padding: 0;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul {
  border-bottom: unset;
  padding: 0;
  gap: 0 !important;
  margin: 20px 0 !important;
  cursor: pointer;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul.hopBtn-headList .listHead {
  margin-left: 15px;
  margin-right: 0;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li {
  list-style: none;
  padding: 0px;
  display: inline-block;
  line-height: 15px;
  margin: 10px 0;
  position: relative;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li a::after {
  content: "";
  border-right: 2px solid #03002f;
  margin-right: 8px;
  margin-left: 8px;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li:last-child {
  border-radius: unset;
  border: unset;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li:last-child a::after {
  content: "";
  border-right: none !important;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li a {
  white-space: nowrap;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #03002f;
}

.marketTabs .react-tabs .marketTabs-ul.hopBtn-headList {
  max-height: 300px;
  overflow-y: auto;
}
.marketTabs .react-tabs .marketTabs-ul.hopBtn-headList .listHead {
  margin-left: 15px;
  margin-right: 0;
}

@media (max-width: 1023px) {
  .marketTabs .react-tabs .equityLinksMob .marketTabs-ul {
    border-bottom: unset;
    padding: 0;
    gap: 0 !important;
    margin: 20px 0;
  }
  .marketTabs .react-tabs .equityLinksMob .marketTabs-ul li {
    list-style: none;
    padding: 0 10px;
    margin: 10px 0;
  }
  .marketTabs .react-tabs .equityLinksMob .marketTabs-ul li a {
    white-space: nowrap;
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    color: #03002f;
  }
}
@media (max-width: 1023px) {
  .equityLinksDesk {
    display: none;
  }
}
@media (min-width: 1024px) {
  .equityLinksDesk {
    display: block;
    padding: 0px !important;
  }
}
.dock-hyper-links {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 8%;
}
@media (min-width: 1680px) {
  .dock-hyper-links {
    padding: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1360px) {
  .dock-hyper-links {
    padding: 0 8%;
  }
}
@media (min-width: 1400px) {
  .dock-hyper-links {
    padding: 0 8%;
  }
}
@media (min-width: 1440px) {
  .dock-hyper-links {
    padding: 0 4%;
  }
}
@media (min-width: 1600px) {
  .dock-hyper-links {
    padding: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.dock-hyper-links .equityLinksDesk .marketTabs-ul,
.dock-hyper-links .equityLinksDesk .equity-links-ul {
  margin: 10px 0px !important;
}

.Links-padding-ui .equityLinksDesk .marketTabs-ul li {
  margin: 5px 0 !important;
}

.historic-calculator-quotes .border-calculator {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.historic-calculator-quotes .explorefundmainSection {
  background-color: #f2f2f5;
}
.historic-calculator-quotes .rc-slider-handle {
  border: 8px solid #03002f !important;
}
.historic-calculator-quotes .rc-slider-dot {
  border: solid 2px #03002f;
}
.historic-calculator-quotes .radio-button input[type=radio]::after {
  background: #03002f;
}
.historic-calculator-quotes .ed_button.blue-one {
  border: none;
  background-color: #03002f;
}
.historic-calculator-quotes .explorefundmainSection .mf-invest {
  background-color: #49aee2;
}
@media (max-width: 768px) {
  .historic-calculator-quotes .growthCalculator-section .slider-container :global(.ant-slider-handle) {
    width: 28px;
    height: 28px;
    margin-top: -14px;
  }
  .historic-calculator-quotes .growthCalculator-section .slider-container :global(.ant-slider-rail),
  .historic-calculator-quotes .growthCalculator-section .slider-container :global(.ant-slider-track) {
    height: 8px;
  }
}
.historic-calculator-quotes .growthCalculator-section .slider-input-group .slidervalue {
  padding: 0px 6px !important;
}
.historic-calculator-quotes .growthCalculator-section .slider-input-group .slidervalue .form-control {
  text-align: center !important;
  padding-left: 0px;
  max-width: 100%;
  min-width: 30px;
}
.historic-calculator-quotes .growthCalculator-section .radioBoxsection {
  display: grid;
  grid-template-columns: 35% 35% auto;
  gap: 30px;
}
@media (max-width: 768px) {
  .historic-calculator-quotes .growthCalculator-section .radioBoxsection {
    display: flex;
    justify-content: space-between;
  }
}
.historic-calculator-quotes .growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
  height: 17px;
  width: 17px;
}
@media screen and (max-width: 1023px) {
  .historic-calculator-quotes .growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue {
    width: 88px;
  }
}
.graph-chart {
  width: 100%;
  height: 100%;
  padding: 15px 0px 0px 0px;
}
.graph-chart body {
  overflow: hidden;
}

@media (max-width: 1024px) {
  .graph-chart {
    height: 400px;
    padding: 0px !important;
    width: 100%;
  }
}
.chartiq-market-futures {
  height: 400px;
}

.rc-slider {
  position: relative;
  width: 97% !important;
  margin: 0px auto !important;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  touch-action: none;
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 0px !important;
  border-radius: 6px;
  border: 2px dashed #e7e7e7 !important;
}
.rc-slider-track {
  position: absolute;
  height: 0px !important;
  border-radius: 6px;
  background-color: none !important;
}
.rc-slider-handle {
  position: absolute;
  background-color: #ffffff;
  width: 35px !important;
  height: 35px !important;
  border: 8px solid #03002f !important;
  box-shadow: none !important;
  border-radius: 50%;
  z-index: 1;
  top: -15px !important;
  cursor: pointer;
  touch-action: pan-x;
}
@media (max-width: 768px) {
  .rc-slider-handle {
    width: 24px !important;
    height: 24px !important;
    border: 5px solid #03002f !important;
    top: -6px !important;
  }
}
.rc-slider-handle:focus {
  outline: none;
  box-shadow: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  box-shadow: 0 0 0 3px tint(#2db7f5, 50%);
}
.rc-slider-handle-click-focused:focus {
  border-color: tint(#2db7f5, 50%);
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: tint(#2db7f5, 20%);
}
.rc-slider-handle:active {
  border-color: tint(#2db7f5, 20%);
  box-shadow: 0 0 5px tint(#2db7f5, 20%);
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 25px !important;
  left: 0;
  width: 100%;
  color: #727271 !important;
  font-size: 14px !important;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #727271 !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
@media (max-width: 768px) {
  .rc-slider-mark-text {
    font-size: 0.688rem;
  }
}
.rc-slider-mark-text-active {
  color: #727271 !important;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -4px;
  width: 15px !important;
  height: 15px !important;
  vertical-align: middle;
  background-color: #fff;
  border: solid 2px #03002f;
  box-shadow: unset;
  z-index: 1;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 768px) {
  .rc-slider-dot {
    width: 7px !important;
    height: 7px !important;
    border: solid 1px #03002f;
    bottom: 0px;
  }
}
.rc-slider-dot-active {
  border-color: tint(#2db7f5, 50%);
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}

.boxoutersection {
  border: 1px solid #e7e7e7;
  padding: 30px 20px 50px 20px;
  border-radius: 5px;
}
.boxoutersection .boxinnerSection {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
}
.boxoutersection .boxinnerSection h1 {
  margin-bottom: 10px;
}
.boxoutersection .horizontalline {
  border: 1px solid #e7e7e7;
  margin: 2rem 0px;
}
.boxoutersection > div:last-child .horizontalline {
  display: none;
}

.boxoutersectionview {
  border: 1px solid #e7e7e7;
  padding: 20px 20px 20px 20px;
  border-radius: 5px;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 23px;
  align-items: center;
  justify-items: center;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  width: 100%;
  padding: 23px;
  text-align: center;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox img {
  width: 43px;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox .headingtitle {
  line-height: 20px;
  margin-top: 20px;
}

.topperforming-experience {
  width: 100%;
  background-color: #fffbf2;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 32px;
  font-family: "EncodeSansLight";
  font-style: normal;
  height: 280px;
}
.topperforming-experience .topperforming-experience-body {
  font-weight: 300;
  font-size: 1rem;
  line-height: 20px;
  padding-top: 24px;
}
.topperforming-experience .topperforming-experience-body .Btntopperforming {
  float: left;
  margin-top: 3.14rem;
}
.topperforming-experience .topperforming-experience-body p {
  max-width: 310px;
}
.topperforming-experience .startlumpsumsection {
  justify-content: end;
  display: flex;
  align-items: end;
}
@media (max-width: 768px) {
  .topperforming-experience .startlumpsumsection .text-right {
    display: grid;
    grid-template-columns: 60% auto;
    grid-column-start: none;
  }
  .topperforming-experience .startlumpsumsection .text-right img {
    width: 45px;
  }
}
.topperforming-experience .startlumpsumsection .ed_button {
  text-transform: unset !important;
  width: 182px;
}
@media (max-width: 768px) {
  .topperforming-experience .startlumpsumsection .ed_button {
    width: 130px !important;
  }
}

.mfradiobox-mob-section .disp_val {
  color: #b8b8b8 !important;
}
.mfradiobox-mob-section .radio_btn input[type=radio]:checked + .disp_val {
  color: #444444 !important;
}

@media (max-width: 768px) {
  .mfradiobox-mob-section .disp_val {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}
.explorefundmainSection {
  background-color: #f2f2f5;
  padding: 30px 20px 30px 30px;
  border-radius: 5px;
}
.explorefundmainSection strong {
  margin-right: 5px;
}
.explorefundmainSection .fdreturn {
  margin-top: 39px;
  margin-bottom: 30px;
}
.explorefundmainSection .progressbarsection .progressbox {
  background-color: #ffffff;
  border-radius: 5px;
  height: 40px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.explorefundmainSection .progressbarsection .progressbox div:last-child {
  text-align: right;
}
.explorefundmainSection .progressbarsection .progressbox .mf-main,
.explorefundmainSection .progressbarsection .progressbox .mf-invest,
.explorefundmainSection .progressbarsection .progressbox .mf-gains {
  height: 10px;
}
.explorefundmainSection .progressbarsection .progressbox {
  background-color: #ffffff;
  border-radius: 5px;
  height: 40px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media (max-width: 768px) {
  .explorefundmainSection .progressbarsection .progressbox {
    padding-left: 12px !important;
    padding-right: 12px !important;
    grid-template-columns: 2fr 1.5fr;
  }
}
.explorefundmainSection .progressbarsection .progressbox div:last-child {
  text-align: right;
}
.explorefundmainSection .progressbarsection .progressbox .mf-main,
.explorefundmainSection .progressbarsection .progressbox .mf-invest,
.explorefundmainSection .progressbarsection .progressbox .mf-gains,
.explorefundmainSection .progressbarsection .progressbox .fd-gains {
  height: 10px;
}
.explorefundmainSection .outerprogresssection {
  display: flex;
  justify-content: space-between;
}
.explorefundmainSection .outerprogresssection .progressiconbox:last-child {
  grid-column-end: none;
}
.explorefundmainSection .outerprogresssection .progressiconbox {
  display: grid;
  grid-template-columns: 20px auto;
  gap: 8px;
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox {
    grid-template-columns: 11px auto;
    gap: 4px;
  }
}
.explorefundmainSection .outerprogresssection .progressiconbox .icondata div {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  position: relative;
  top: 5px;
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox .icondata div {
    width: 10px;
    height: 10px;
    top: 0px;
  }
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox div:last-child span:last-child {
    margin-top: 8px;
  }
}
.explorefundmainSection .mf-invest {
  background-color: #03002f;
}
.explorefundmainSection .mf-gains {
  background-color: #51b255;
}
.explorefundmainSection .fd-gains {
  background-color: #dfa717;
}
.explorefundmainSection .mt-36 {
  margin-top: 36px;
}
@media (max-width: 768px) {
  .explorefundmainSection .Roboto_36_600 {
    font-size: 1.875rem;
  }
  .explorefundmainSection .EncodeSansM_18_500 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSans_14_500 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .EncodeSans_16_600 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSansR_14_400 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .RobotoM_18_500 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSans_14_500 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .RobotoM_14_700 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .EncodeSansR_12_400 {
    font-size: 0.688rem;
  }
  .explorefundmainSection .EncodeSans_16_500 {
    font-size: 0.875rem;
  }
}

.blurdesign {
  opacity: 0.5;
}

.growthCalculator-section .height40 {
  height: 40px;
}
@media (max-width: 768px) {
  .growthCalculator-section .mb-ui p {
    text-align: center;
    margin-bottom: 10px !important;
  }
}
.growthCalculator-section .marketgroup {
  padding: 0px;
}
.growthCalculator-section .marketgroup .marketCard {
  padding-bottom: 0px !important;
}
.growthCalculator-section .marketgroup .marketCard .mk-card-topright.gap {
  margin-left: 9px !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .marketgroup .marketCard .mk-card-topleftmain {
    font-size: 1rem !important;
  }
}
.growthCalculator-section .calculatortab .nav-item:last-child .nav-link {
  padding: 11px 15px 11px 15px !important;
}
.growthCalculator-section .calculatortab .nav-item .nav-link {
  font-size: 1rem !important;
  padding: 11px 15px 11px 11px !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatortab .nav-item .nav-link {
    font-size: 0.875rem !important;
    margin-bottom: 0px !important;
  }
}
.growthCalculator-section .calculatortab .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.growthCalculator-section .radioBoxsection {
  display: grid;
  grid-template-columns: 35% 35% auto;
  gap: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .radioBoxsection {
    grid-template-columns: 55% 45%;
    gap: 0px;
  }
}
.growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
  height: 17px;
  width: 17px;
}
@media screen and (max-width: 1023px) {
  .growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}
.growthCalculator-section .calculatorTextbox {
  border-bottom: 1px solid #e7e7e7;
}
.growthCalculator-section .calculatorTextbox .input_prefix {
  font-size: 2.625rem;
  font-family: "RobotoBold";
  font-weight: bolder;
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatorTextbox .input_prefix {
    font-size: 2.25rem;
  }
}
.growthCalculator-section .calculatorTextbox .form-control {
  border: none;
  line-height: 40px;
  padding: 0 0 0 10px;
  border-radius: 0px;
  font-size: 2.5rem;
  font-family: "RobotoBold";
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatorTextbox .form-control {
    font-size: 2.25rem;
    text-align: center;
  }
}
.growthCalculator-section .timeperiodSection {
  display: grid;
  grid-template-columns: 85% 15%;
  align-items: center;
  margin-top: 38px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection {
    grid-template-columns: 75% 25%;
  }
}
.growthCalculator-section .timeperiodSection.assumedreturn {
  grid-template-columns: 80% 20%;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.assumedreturn {
    grid-template-columns: 72% 28%;
  }
}
.growthCalculator-section .timeperiodSection.recommendation {
  grid-template-columns: 75% 25% !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.recommendation {
    grid-template-columns: 68% 32% !important;
  }
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.recommendation .slider-input-group .slidervalue {
    width: 100px;
  }
  .growthCalculator-section .timeperiodSection.recommendation .slider-input-group .slidervalue .form-control {
    padding-right: 4px;
    padding-left: 7px;
  }
}
.growthCalculator-section .timeperiodSection.recommendation .input_suffix::before {
  content: "%/";
  margin-right: 5px;
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue {
  display: flex;
  align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue {
    padding-right: 10px;
  }
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control {
  border: none !important;
  font-size: 1.25rem;
  font-family: "RobotoRegular";
  text-align: right;
  padding-right: 6px;
  color: #444444;
  background-color: #ffffff;
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control:disabled {
  color: #b8b8b8;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control {
    font-size: 1rem;
  }
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .input_suffix {
  grid-column-end: none;
  color: #b8b8b8;
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .input_suffix {
    font-size: 0.875rem;
  }
}
.growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-input {
  width: 25px;
  height: 25px;
  accent-color: #03002f;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-input {
    width: 16px;
    height: 16px;
    position: relative;
    margin-top: 0px;
  }
}
.growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-label {
  line-height: 30px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-label {
    line-height: 35px;
    margin-left: 0px;
  }
}
.growthCalculator-section .radioBoxsectionfundtype {
  display: grid;
  grid-template-columns: 20% 20% 20% auto;
  gap: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .radioBoxsectionfundtype {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button {
  border: 1px solid #e7e7e7;
  padding: 7px 8px 7px 9px;
  border-radius: 3px;
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button.active {
  background-color: #f2f2f5;
  border: 1px solid #03002f;
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button input[type=radio]:checked::after {
  height: 17px;
  width: 17px;
}
@media screen and (max-width: 1023px) {
  .growthCalculator-section .radioBoxsectionfundtype .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatortab .mb-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 367px) and (max-width: 768px) {
  .mfradiobox-mob-section .radio-button .radio_btn {
    align-items: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .viewall-breadcrumb {
    margin: 20.5px auto 32.5px auto;
  }
  .viewAll-table {
    overflow-y: scroll;
    height: 400px;
  }
  .viewAll-table::-webkit-scrollbar {
    width: 2px !important;
    height: 5px !important;
  }
  .viewAll-table::-webkit-scrollbar-track-piece {
    margin-top: 45px !important;
  }
  .viewAll-table {
    /* Track */
  }
  .viewAll-table::-webkit-scrollbar-track {
    background: transparent;
  }
  .viewAll-table {
    /* Handle */
  }
  .viewAll-table::-webkit-scrollbar-thumb {
    background: #03002f;
  }
  .viewAll-table table {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
  }
  .viewAll-table table thead {
    position: sticky;
    top: 0;
    z-index: 7;
    background: #ffffff;
  }
  .viewAll-table table thead tr th {
    padding: 12px 20px;
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    line-height: 140%;
    color: #727271;
    border-color: #e7e7e7;
    border-width: 1px 0;
  }
  .viewAll-table table thead tr th:not(th:first-child) .title {
    justify-content: end;
  }
  .viewAll-table table thead tr th:not(th:first-child) {
    text-align: end;
  }
  .viewAll-table table thead tr th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-width: 1px 0px 1px 1px;
  }
  .viewAll-table table thead tr th:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-width: 1px 1px 1px 0px;
  }
  .viewAll-table table tbody tr td {
    border: none !important;
    padding: 19px 20px;
    font-size: 1rem;
    color: #444444;
    cursor: pointer;
  }
  .viewAll-table table tbody tr td:not(td:first-child) {
    text-align: end;
    font-family: "RobotoRegular";
  }
  .viewAll-table table tbody tr td:first-child {
    font-family: "DMSansMedium";
    font-size: 1rem;
    line-height: 130%;
  }
  .viewAll-table table tbody tr:nth-child(odd) {
    background-color: #ffffff;
  }
  .viewAll-table table tbody tr:nth-child(even) {
    background-color: #f2f2f5;
  }
  .viewAll-table table tbody tr:hover {
    background-color: inherit !important;
  }
  .viewAll-table table tbody tr:hover:nth-child(even) {
    background-color: #f2f2f5 !important;
  }
  .viewAll {
    padding: 0 !important;
  }
  .viewAll .marketCard {
    border: none !important;
    padding: 0 !important;
  }
  .viewAll .marketCard .marketcardhead {
    align-items: flex-start !important;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
    display: flex;
    font-size: 1.75rem !important;
    margin-bottom: 20px;
    font-family: "DMSansNormal" !important;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .rounded-circle1.exclamation1 {
    width: 35px !important;
    height: 35px !important;
    margin-left: 15px;
    margin-top: -5px;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block {
    margin-right: 10px;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .equitydrop {
    padding: 10px 5px 10px 10px;
    display: flex;
    gap: 7px;
    margin-left: 10px;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .equitydrop i {
    color: #03002f;
    margin-left: 0;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .dropdown-menu {
    z-index: 9;
  }
  .viewAll .marketCard .marketcardbody {
    padding-bottom: 0 !important;
  }
  .viewAll-tabs .nav-tabs {
    display: flex;
    justify-content: end;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .viewAll-tabs .nav-tabs {
    padding-right: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .viewAll-tabs .nav-tabs .nav-item .nav-link {
    padding: 11px 6px 5px 6px !important;
    margin-left: 12px;
  }
  .viewAll-tabs .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #03002f !important;
  }
}
@media screen and (max-width: 1023px) {
  .viewAll {
    padding: 0 !important;
  }
  .viewAll .marketCard {
    border: none !important;
    margin: 0 !important;
    padding: 20px 15px !important;
  }
  .viewAll .marketCard .marketcardhead {
    align-items: flex-start !important;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
    font-size: 1.25rem !important;
    font-family: "DMSansNormal" !important;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
    margin: 10px 0px 0px 20px !important;
  }
  .viewAll .marketCard .marketcardbody .dropdown-section {
    padding: 20px 0px;
  }
  .viewAll .marketCard .marketcardbody .dropdown-section .equity-dropdown-block .equitydrop {
    padding: 8px 5px 8px 5px;
    line-height: 118%;
  }
  .viewAll .marketCard .marketcardbody .dropdown-section .equity-dropdown-block .equitydrop i {
    color: #03002f;
  }
  .viewAll .marketCard .marketcardbody .dropdown-section .subMenuDropdown .nav-item .nav-link {
    padding: 8px 5px 8px 5px;
  }
  .viewAll .marketCard .marketcardfoot {
    margin-bottom: 30px !important;
  }
}
:root {
  font-size: 16px;
}

.ed_button {
  border: none;
}
.ed_button,
.ed_button > * {
  cursor: pointer;
}
.ed_button.button {
  padding: 12px 64.5px;
  border: 0px;
  font-family: "DMSansMedium";
  font-size: 1rem;
  font-style: normal;
  line-height: 21.6px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 6px;
}
.ed_button.button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ed_button.tomato-red {
  border: 1px solid #e71e04;
  background-color: #e71e04;
  color: #ffffff;
}
.ed_button.sky-blue {
  background-color: #1c9ad6;
  color: #ffffff !important;
}
.ed_button.light-navy {
  border: 1px solid #174082;
  color: #ffffff;
  background-color: #174082;
}
.ed_button.dusty-orange {
  border: 1px solid #f79035;
  color: #ffffff;
  background-color: #f79035;
}
.ed_button.white-one {
  background-color: #ffffff;
  color: #03002f;
  border: 1px solid #03002f;
}
.ed_button.white-twenty {
  border: 1px solid #eeeeee;
  color: #000;
  background-color: #eeeeee;
}
.ed_button.kelly-green-two {
  border: 1px solid #00aa27;
  color: #ffffff;
  background-color: #00aa27;
}
.ed_button.blue-one {
  border: 1px solid #03002f;
  color: #ffffff;
  background-color: #03002f;
}
.ed_button.kelly-grey-one {
  border: 1px solid #70706f;
  color: #ffffff;
  background-color: #70706f;
}
.ed_button.slim {
  padding: 10px 16px;
}
.ed_button.link {
  color: #f79035;
}
.ed_button.link-hover {
  color: #03002f;
}
.ed_button.link-hover:hover {
  color: #878edd;
}
.ed_button.blue-link {
  color: #3580f7;
}
.ed_button.green-btn {
  color: #ffffff;
  background-color: #51b255;
}
.ed_button.red-btn {
  color: #ffffff;
  background-color: #dd504d;
}
.ed_button.midnight-blue {
  color: #ffffff;
  background-color: #03002f !important;
  border: 1px solid #03002f !important;
}
.ed_button.midnight-blue.disabled {
  background-color: #c0bfcb !important;
  border-color: #c0bfcb !important;
  opacity: 1;
}
.ed_button.midnight-blue-border {
  border: 1px solid #03002f;
  border-radius: 5px;
  background-color: #ffffff;
  color: #03002f;
}
.ed_button.midnight-blue-underline-border {
  border: 1px solid #03002f;
  border-radius: 5px;
  background-color: #ffffff;
  color: #03002f;
  text-decoration: underline;
}
.ed_button.vivid-green-border {
  border: 1px solid #52d20a;
  border-radius: 5px;
  background-color: #ffffff;
  color: #52d20a;
}
.ed_button.midnight-blue-underline {
  border: 0;
  padding: 0 !important;
  color: #03002f;
  text-decoration: underline;
  background: inherit;
}
.ed_button.midnight-blue-no-underline {
  border: 0;
  padding: 0 !important;
  color: #03002f;
  background: inherit;
}
.ed_button.dusty-grey-underline {
  border: 0;
  padding: 0 !important;
  color: #8d8a8a;
  background: inherit;
  font-size: 1.375rem;
  font-family: "DMSansNormal";
}
.ed_button.black-underline {
  border: 0;
  padding: 0 !important;
  color: #292929;
  text-decoration: underline;
  background: inherit;
}
.ed_button.tomato {
  border: 0;
  padding: 15px 30px;
  background-color: #f04e45;
  border-radius: 5px;
  color: #ffffff;
}
.ed_button.dark-peach-rounded-border {
  color: #f04e45;
  background-color: transparent;
  font-family: "DMSansMedium";
  border-radius: 50px;
  border: 1px solid #f04e45;
}
.ed_button.grey-suit {
  color: #ffffff;
  background-color: #c0bfcb;
}
.ed_button.monochrome-light-grey {
  color: #ffffff;
  background-color: #e7e7e7;
}
.ed_button.dark-peach {
  color: #ffffff;
  background-color: #f04e45;
}
.ed_button.dark-peach.disabled {
  opacity: 0.7;
}
.ed_button.dark-peach-hover {
  color: #ffffff;
  background-color: #f04e45;
}
.ed_button.dark-peach-hover:hover {
  background-color: #f36f68;
}
.ed_button.dark-peach-hover.disabled {
  opacity: 0.7;
}
.ed_button.dark-peach-rounded {
  color: #ffffff;
  background-color: #f04e45;
  font-family: "DMSansMedium";
  border-radius: 50px;
  padding: 13px 49px;
}
.ed_button.white-rounded {
  color: #03002f;
  background-color: #ffffff;
  font-family: "DMSansBold";
  font-size: 1rem;
  border-radius: 50px;
  padding: 13px 49px;
}
.ed_button.white-rounded:hover {
  background-color: #b2b2c2;
}
.ed_button.blood-red {
  color: #ffffff;
  background-color: #dd504d;
  border: 1px solid #dd504d;
}
.ed_button.blood-red-border {
  color: #dd504d;
  background-color: #ffffff;
  border: 1px solid #dd504d;
}
.ed_button.without-back-link-blue {
  color: #03002f;
  background-color: #ffffff;
  border: none !important;
  text-decoration: underline;
}
.ed_button.secondary-gray-border {
  border: 0;
  padding: 0 !important;
  color: #b8b8b8;
  background: inherit;
}
.ed_button.green-underline {
  border: 0;
  padding: 0 !important;
  color: #51b255;
  background: inherit;
  text-decoration: underline;
}
.ed_button.white-underline {
  border: 0;
  padding: 0 !important;
  color: #ffffff;
  background: inherit;
  text-decoration: underline;
}
.ed_button.monochrome-light-grey-border {
  border: 1px solid #cfd9e0;
  color: #02012d;
  background-color: #ffffff;
}
.ed_button.aqua-white-border {
  border: 1px solid #f2f2f5 !important;
  background-color: transparent !important;
}

.common_button {
  text-align: center;
}

@media screen and (max-width: 577px) {
  .ed_button.button {
    font-size: 0.875rem;
    padding: 8.21px 43.66px;
  }
}
:root {
  font-size: 16px;
}

.ed-sort-label-wrapper {
  display: inline-block;
  padding-right: 10px;
}
.ed-sort-label-wrapper .sort-tag-container {
  border: 0.5px solid #3580f7;
  background-color: #ffffff;
  padding: 3.5px 7px 5px 7px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin-top: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  white-space: nowrap;
}
.ed-sort-label-wrapper .ed-sort-label-text {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  color: #3580f7;
  cursor: pointer;
}
.ed-sort-label-wrapper .ed-sort-label-text .sortOrder {
  padding-left: 8px;
}
.ed-sort-label-wrapper span.edel-icon-sort {
  font-size: 0.525rem;
  color: #3580f7;
  padding-left: 8px;
  line-height: 3px;
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  .filters-tag {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .border-top-add {
    border-top: 1px solid #e7e7e7;
  }
  .filters-tag-sticky {
    padding-top: 15px;
    padding-bottom: 15px;
    position: -webkit-sticky;
    position: sticky;
    top: 113px;
    background: white;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
    z-index: 8;
  }
  .filters-tag-sticky .clear-all-tag {
    right: -15px;
    padding-right: 10px;
  }
  .sort-tag-container {
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
  }
}
:root {
  font-size: 16px;
}

.filters-tag {
  padding-top: 43.5px;
}
.filters-tag .ed-filter-label-wrapper {
  display: inline-block;
  background: #ffffff;
  padding-right: 10px;
}
.filters-tag .ed-filter-label-wrapper:first-child {
  padding-left: 0px;
}
.filters-tag .ed-filter-label-wrapper .tag-container {
  border: 1px solid #e2edfe;
  background-color: #f5f9ff;
  padding: 4.5px 7px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin-top: 8px;
  margin-bottom: 6px;
  cursor: pointer;
  width: max-content;
}
.filters-tag .ed-filter-label-wrapper .ed-filter-label-text {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  color: #3580f7;
  cursor: pointer;
}
.filters-tag .ed-filter-label-wrapper span.edel-icon-close {
  font-size: 0.463rem;
  color: #3580f7;
  padding-left: 8px;
  line-height: 3px;
}

.clear-all-tag {
  position: -webkit-sticky;
  position: sticky;
  right: 0px;
  height: fit-content;
  background: #ffffff;
  padding-left: 10px;
}

.filter-tags {
  padding-left: 10px;
}

.filters-tag.new-theme .ed-sort-label-wrapper .sort-tag-container {
  border-color: #03002f;
}
.filters-tag.new-theme .ed-sort-label-wrapper .ed-sort-label-text {
  color: #03002f;
  font-family: "DMSansNormal";
}
.filters-tag.new-theme .ed-sort-label-wrapper .ed-sort-label-text .edel-icon-sort {
  color: #03002f;
}
@media screen and (max-width: 1024px) {
  .filters-tag.new-theme .ed-sort-label-text {
    padding-left: 7px !important;
  }
}
.filters-tag.new-theme .ed-filter-label-wrapper .tag-container {
  border: 0px;
  background-color: #f2f2f5;
}
.filters-tag.new-theme .ed-filter-label-wrapper .ed-filter-label-text {
  font-family: "DMSansNormal";
  color: #03002f;
}
.filters-tag.new-theme .ed-filter-label-wrapper span.edel-icon-close {
  font-weight: bold;
  color: #03002f;
}

@media screen and (max-width: 1024px) {
  .filters-tag {
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: start;
    overflow-x: scroll;
  }
  .filters-tag::-webkit-scrollbar {
    display: none;
  }
  .filters-tag :first-child {
    padding-left: 0px;
  }
  .border-top-add {
    border-top: 1px solid #e7e7e7;
  }
  .filters-tag-sticky {
    padding-top: 15px;
    padding-bottom: 15px;
    position: sticky;
    top: 115px;
    background: white;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
    z-index: 99999;
  }
  .tag-container {
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
  }
}
:root {
  font-size: 16px;
}

.hidden {
  display: none;
}

.mgl-8 {
  margin-left: 8px;
}

.ed-footer-inner-wrapper {
  background-color: #03002f;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ed-footer-inner-wrapper .ed-join-section {
  width: auto;
  font-family: "DMSansBold";
  color: #ffffff;
  font-size: 2rem;
  line-height: 44.8px;
  padding: 62px 0 13px;
  text-align: center;
}
.ed-footer-inner-wrapper .ed-join-section span {
  font-family: "DMSansBold";
}
.ed-footer-inner-wrapper .ed-newsletter {
  display: flex;
  margin: 22px 0px;
}
.ed-footer-inner-wrapper .ed-newsletter input {
  padding: 18px;
  width: 80%;
  display: inline-block;
  border-radius: 5px 0px 0px 5px;
  border: none;
}
.ed-footer-inner-wrapper .ed-newsletter input::placeholder {
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 22px;
  text-align: left;
  color: #787878;
}
.ed-footer-inner-wrapper .ed-newsletter button {
  width: 20%;
  background-color: #f04e45;
  font-size: 1rem;
  line-height: 29.68px;
  text-align: Center;
  color: #ffffff;
  border: none;
  border-radius: 0px 5px 5px 0px;
  padding: 13px;
  display: inline-block;
}
.ed-footer-inner-wrapper .ed-newsletter button:hover {
  color: #ffffff;
  background-color: #f2736b;
}
.ed-footer-inner-wrapper .ed-google-link {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 22px;
  text-align: right;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  display: block;
}
.ed-footer-inner-wrapper .ed-whyus-section {
  padding: 125px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 14px;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-whyus-section {
    grid-template-columns: 1fr;
  }
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner {
  padding-top: 20px;
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .ed-whyus-title {
  margin-bottom: 20px;
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .ed-whyus-title .ed-title {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
  line-height: 25px;
  text-align: left;
  color: #eeeeee;
  display: flex;
  align-items: center;
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .ed-whyus-title i {
  font-size: 2rem;
  display: inline-block;
  margin-right: 17.53px;
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .whyus-description {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 20px;
  text-align: left;
  color: #939da6;
  margin-bottom: 24px;
  display: block;
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .whyus-description .readmore {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 20px;
  text-align: left;
  color: #f04e45;
  display: inline-block;
  cursor: pointer;
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .social-icons i {
  display: inline-block;
  color: #939da6;
  margin-right: 17px;
  font-size: 1.063rem;
}
.ed-footer-inner-wrapper .ed-support {
  background-color: #35335a;
  padding: 20px 20px 15px 20px;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-support {
    padding: 15px 15px 10px 15px;
    height: 160px;
  }
}
.ed-footer-inner-wrapper .ed-support {
  border-radius: 15px;
  height: 210px;
  background-repeat: no-repeat;
  background-position: 95% 12px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2240%22%20viewBox%3D%220%200%2036%2040%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M18%200.0673828C8.53216%200.0673828%200.870117%207.72942%200.870117%2017.1973V25.9179C0.870117%2028.494%202.96588%2030.5897%205.5419%2030.5897C8.11793%2030.5897%2010.2137%2028.494%2010.2137%2025.9179V20.3118C10.2137%2017.7358%208.11793%2015.64%205.5419%2015.64C5.0189%2015.64%204.51629%2015.7277%204.04639%2015.8869C4.70931%208.771%2010.7138%203.18191%2018%203.18191C25.2862%203.18191%2031.2907%208.771%2031.9536%2015.8869C31.4837%2015.7277%2030.9811%2015.64%2030.4581%2015.64C27.8821%2015.64%2025.7863%2017.7358%2025.7863%2020.3118V25.9179C25.7863%2028.494%2027.8821%2030.5897%2030.4581%2030.5897C30.9296%2030.5897%2031.3847%2030.5189%2031.814%2030.3884C31.2315%2032.3051%2029.4481%2033.7042%2027.3436%2033.7042H22.4039C21.7611%2031.8917%2020.0301%2030.5897%2018%2030.5897C15.424%2030.5897%2013.3282%2032.6855%2013.3282%2035.2615C13.3282%2037.8375%2015.424%2039.9333%2018%2039.9333C20.0301%2039.9333%2021.761%2038.6313%2022.4039%2036.8188H27.3436C31.6369%2036.8188%2035.1299%2033.3258%2035.1299%2029.0325V17.1973C35.1299%207.72942%2027.4678%200.0673828%2018%200.0673828ZM5.5419%2018.7545C6.40058%2018.7545%207.09917%2019.4531%207.09917%2020.3118V25.9179C7.09917%2026.7766%206.40058%2027.4752%205.5419%2027.4752C4.68323%2027.4752%203.98464%2026.7766%203.98464%2025.9179V20.3118C3.98464%2019.4531%204.68323%2018.7545%205.5419%2018.7545ZM18%2036.8188C17.1413%2036.8188%2016.4427%2036.1202%2016.4427%2035.2615C16.4427%2034.4028%2017.1413%2033.7042%2018%2033.7042C18.8587%2033.7042%2019.5573%2034.4028%2019.5573%2035.2615C19.5573%2036.1202%2018.8587%2036.8188%2018%2036.8188ZM30.4581%2027.4752C29.5994%2027.4752%2028.9008%2026.7766%2028.9008%2025.9179V20.3118C28.9008%2019.4531%2029.5994%2018.7545%2030.4581%2018.7545C31.3168%2018.7545%2032.0154%2019.4531%2032.0154%2020.3118V25.9179C32.0154%2026.7766%2031.3168%2027.4752%2030.4581%2027.4752Z%22%20fill%3D%22%23B1B2C4%22%20fill-opacity%3D%220.3%22%2F%3E%3C%2Fsvg%3E");
}
.ed-footer-inner-wrapper .ed-support .ed-support-title {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
  color: #ffffff;
  line-height: 28px;
  text-align: left;
  display: flex;
  margin-bottom: 10px;
}
.ed-footer-inner-wrapper .ed-support .ed-support-title img {
  display: inline-block;
  color: #ffffff;
  margin-right: 15px;
  font-size: 1.5rem;
  position: relative;
  margin-top: 3px;
}
.ed-footer-inner-wrapper .ed-support .ed-support-center-div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.ed-footer-inner-wrapper .ed-support .ed-support-center-div .ed-icon {
  background-color: #f04e45;
  width: 51px;
  height: 36px;
  border: 0px;
  margin-bottom: 4px;
  border-radius: 4px;
}
.ed-footer-inner-wrapper .ed-support .ed-support-center-div .ed-icon i {
  color: #ffffff;
}
.ed-footer-inner-wrapper .ed-support .ed-support-center-div a {
  color: #ffffff !important;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-support span {
    line-height: 15px;
  }
}
.ed-footer-inner-wrapper .ed-grievance {
  background-color: #35335a;
  padding: 20px 20px 15px 20px;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-grievance {
    padding: 15px 15px 10px 15px;
  }
}
.ed-footer-inner-wrapper .ed-grievance {
  border-radius: 15px;
  height: 210px;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-grievance {
    height: 177px;
  }
}
.ed-footer-inner-wrapper .ed-grievance {
  background-repeat: no-repeat;
  background-position: 95% 12px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 52 52" fill="none"><g clip-path="url(%23clip0_2392_645)"><path d="M33.5835 43.3337C33.8283 43.3337 34.0732 43.2513 34.2747 43.0823C34.734 42.6988 34.7968 42.0163 34.4133 41.557L32.0993 38.7793C30.4895 36.8488 30.1775 34.1492 31.2998 31.9023C31.5078 31.4863 31.4277 30.9815 31.0962 30.6522L27.1463 26.7023C25.5668 25.1228 25.5668 22.5488 27.1463 20.9693L39.3468 32.2165C39.7867 32.6217 40.4735 32.5957 40.8787 32.1537C41.2838 31.7138 41.2557 31.027 40.8158 30.6218L28.6153 19.3768C27.7573 18.586 26.44 18.6098 25.6145 19.4375C23.1878 21.8642 23.1878 25.8097 25.6145 28.2363L29.04 31.6618C27.9307 34.5197 28.4442 37.7827 30.4332 40.1703L32.7515 42.9437C32.966 43.2015 33.2737 43.3337 33.5835 43.3337Z" fill="%23B1B2C4" fill-opacity="0.3"/><path d="M29.2503 51.9996H44.417C46.2088 51.9996 47.667 50.5414 47.667 48.7496V34.4583C47.667 29.4034 45.262 24.5631 41.2342 21.5081L36.8559 18.1924C36.8559 18.8789 36.8559 19.1323 36.8559 19.7947C36.8559 20.6617 36.8559 20.3949 36.8559 20.9523L39.9233 23.2349C43.416 25.8826 45.5003 30.0773 45.5003 34.4583V48.7496C45.5003 49.3476 45.015 49.8329 44.417 49.8329H29.2503C28.6523 49.8329 28.167 49.3476 28.167 48.7496V46.5873C28.167 45.9893 27.6817 45.5039 27.0837 45.5039C24.6938 45.5039 22.7503 43.5604 22.7503 41.1706V37.2508C22.4837 37.1367 22.191 37.0437 21.667 36.9406C21.1713 36.8565 20.8695 36.8494 20.5837 36.8494V41.1706C20.5837 44.3859 22.9302 47.0639 26.0003 47.5796V48.7496C26.0003 50.5414 27.4585 51.9996 29.2503 51.9996Z" fill="%23B1B2C4" fill-opacity="0.3"/><path d="M9.74967 41.1667H14.083C14.4925 41.1667 14.8695 40.9348 15.0515 40.5665L15.279 40.1093C16.2908 38.09 18.3232 36.8333 20.583 36.8333C22.8428 36.8333 24.8752 38.09 25.8848 40.1115L26.1123 40.5687C26.2987 40.9348 26.6735 41.1667 27.083 41.1667H31.2592C30.9634 40.8257 30.6586 40.4712 30.3662 40.0833C29.9344 39.5478 29.886 39.4261 29.6093 39H27.7503C26.3485 36.322 23.6163 34.6667 20.583 34.6667C17.5497 34.6667 14.8175 36.322 13.4135 39H9.74967C7.95784 39 6.49967 37.5418 6.49967 35.75V5.41667C6.49967 3.62483 7.95784 2.16667 9.74967 2.16667H13.4157C14.8175 4.8425 17.5497 6.5 20.583 6.5C23.6163 6.5 26.3485 4.8425 27.7525 2.16667H31.4163C33.2082 2.16667 34.6663 3.62483 34.6663 5.41667V24.9405C35.079 25.3206 35.2378 25.4652 35.7497 25.9253C36.2616 26.3855 36.491 26.6032 36.833 26.9102V5.41667C36.833 2.431 34.402 0 31.4163 0H27.083C26.6735 0 26.2987 0.231833 26.1145 0.598L25.8848 1.05517C24.8752 3.07667 22.8428 4.33333 20.583 4.33333C18.3232 4.33333 16.2908 3.07667 15.279 1.05517L15.0493 0.598C14.8673 0.231833 14.4925 0 14.083 0H9.74967C6.76401 0 4.33301 2.431 4.33301 5.41667V35.75C4.33301 38.7357 6.76401 41.1667 9.74967 41.1667Z" fill="%23B1B2C4" fill-opacity="0.3"/><path d="M33.5829 15.1667H34.6631C34.6631 14.6333 34.6631 14.6813 34.6631 14.0833C34.6631 13.4853 34.663 13.5903 34.6631 13H33.5829C32.9849 13 32.4996 13.4853 32.4996 14.0833C32.4996 14.6813 32.9849 15.1667 33.5829 15.1667Z" fill="%23B1B2C4" fill-opacity="0.3"/><path d="M13.5848 15.1667H17.5845C18.1825 15.1667 18.6678 14.6813 18.6678 14.0833C18.6678 13.4853 18.1825 13 17.5845 13H13.5848C12.9868 13 12.5015 13.4853 12.5015 14.0833C12.5015 14.6813 12.9847 15.1667 13.5848 15.1667ZM23.584 15.1667H27.5837C28.1817 15.1667 28.667 14.6813 28.667 14.0833C28.667 13.4853 28.1817 13 27.5837 13H23.584C22.986 13 22.5007 13.4853 22.5007 14.0833C22.5007 14.6813 22.9838 15.1667 23.584 15.1667Z" fill="%23B1B2C4" fill-opacity="0.3"/><path d="M6.50163 15.1667H7.61882C8.21682 15.1667 8.70215 14.6813 8.70215 14.0833C8.70215 13.4853 8.21682 13 7.61882 13L6.50163 13C6.50163 13.7572 6.50163 13.4853 6.50163 14.0833C6.50163 14.6813 6.50163 14.6918 6.50163 15.1667Z" fill="%23B1B2C4" fill-opacity="0.3"/></g><defs><clipPath id="clip0_2392_645"><rect width="52" height="52" fill="white" transform="matrix(-1 0 0 1 52 0)"/></clipPath></defs></svg>');
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-grievance {
    border-radius: 5px;
    width: auto;
  }
}
.ed-footer-inner-wrapper .ed-grievance .custom-button-white {
  text-wrap: nowrap;
  color: #ffffff !important;
}
.ed-footer-inner-wrapper .ed-grievance .edel-icon-edel-icon-right-thin-arrow:before {
  color: #f04e45;
}
.ed-footer-inner-wrapper .ed-grievance .edel-icon-ticket-grievance:before {
  font-size: 52px;
}
.ed-footer-inner-wrapper .ed-grievance .edel-icon-ticket-grievance-mob:before {
  font-size: 36px;
}
.ed-footer-inner-wrapper .ed-grievance .ed-icon {
  background-color: #f04e45;
  width: 51px;
  height: 36px;
  border: 0px;
  border-radius: 4px;
  margin-bottom: 4px;
}
.ed-footer-inner-wrapper .ed-grievance .ed-icon i {
  color: #ffffff;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-grievance span {
    line-height: 15px;
  }
}
.ed-footer-inner-wrapper .ed-feedback {
  background-color: #35335a;
  padding: 20px 20px 15px 20px;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-feedback {
    padding: 15px 15px 10px 15px;
  }
}
.ed-footer-inner-wrapper .ed-feedback {
  border-radius: 15px;
  height: 177px;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-feedback {
    height: 137px;
  }
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-title {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
  color: #ffffff;
  line-height: 28px;
  text-align: left;
  display: flex;
  margin-bottom: 10px;
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-title img {
  display: inline-block;
  color: #ffffff;
  margin-right: 15px;
  position: relative;
  margin-top: 3px;
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-desc {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: normal;
  color: #ffffff;
  opacity: 0.75;
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 15px;
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div .ed-icon {
  background-color: #f04e45;
  width: 40px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  border-radius: 4px;
  border: none;
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div .ed-icon img {
  margin-right: 0px !important;
  margin-top: 0px !important;
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div .ed-icon i {
  color: #ffffff;
}
.ed-footer-inner-wrapper .ed-feedback.ed-feedback137 {
  height: 137px !important;
}

.ed-feedback-small {
  background-color: #35335a;
  border-radius: 5px;
}
.ed-feedback-small .ed-feedback-title {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
  color: #ffffff;
  line-height: 28px;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 5px;
}
.ed-feedback-small .ed-feedback-title img {
  display: inline-block;
  color: #ffffff;
  position: relative;
}
.ed-feedback-small .ed-feedback-center-div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.ed-feedback-small .ed-feedback-center-div .ed-icon {
  background-color: #f04e45;
  width: 51px;
  height: 36px;
  border: 0px;
  border-radius: 4px;
}
.ed-feedback-small .ed-feedback-center-div .ed-icon i {
  color: #ffffff;
}

.ed-copyright-section {
  background-color: #020020;
  margin-top: -1px;
}
.ed-copyright-section .ed-copyright {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: 25px;
  color: #ffffff;
  margin-bottom: 25px;
}
.ed-copyright-section .ed-copyright a {
  color: #f04e45;
  font-weight: 600;
}
.ed-copyright-section .ed-copyright-reserve {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  line-height: 21.6px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 25px;
}
.ed-copyright-section .edel-logo-footer {
  text-align: center;
}
.ed-copyright-section .edel-logo-footer .edel-icon-edel-logo1 {
  color: #ffffff;
  text-align: center;
  display: inline-block;
  font-size: 1rem;
  margin: auto;
}
.ed-copyright-section .list-style-type-disc-fr {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.ed-copyright-section .list-style-type-disc-fr li {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  list-style-type: disc;
}

.ed-products {
  width: 100%;
  font-family: "DMSansNormal";
}
.ed-products .ed-products-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 25px;
  color: #ffffff;
}
.ed-products .ed-products-inner {
  padding-bottom: 100px;
  display: flex;
}
.ed-products .ed-products-inner div {
  display: flex;
}
.ed-products .ed-products-inner a {
  text-decoration: none;
  color: #ffffff;
  opacity: 0.75;
}
.ed-products .ed-products-inner ul {
  padding: 0 82.5px;
}
@media (max-width: 1400px) {
  .ed-products .ed-products-inner ul {
    padding: 0 72px;
  }
}
@media (max-width: 1280px) {
  .ed-products .ed-products-inner ul {
    padding: 0 60px;
  }
}
@media (max-width: 1152px) {
  .ed-products .ed-products-inner ul {
    padding: 0 43px;
  }
}
.ed-products .ed-products-inner ul li {
  font-size: 0.875rem;
  line-height: 21.6px;
  padding-bottom: 15px;
}
.ed-products .ed-products-inner .ed-equity {
  padding-left: 0;
}
.ed-products .ed-products-inner .offer-sale,
.ed-products .ed-products-inner .ed-rights-issues,
.ed-products .ed-products-inner .ed-portfolio {
  border-left: 1px solid rgba(226, 226, 226, 0.1);
}

.ed-others {
  display: flex;
}
.ed-others .ed-others-section {
  width: 36.24%;
  margin-right: 40px;
}
@media (max-width: 1366px) {
  .ed-others .ed-others-section {
    margin-right: 0px;
  }
}
@media (max-width: 1280px) {
  .ed-others .ed-others-section {
    width: 32%;
  }
}
.ed-others .ed-others-title {
  font-family: "DMSansBold";
  font-size: 1.5rem;
  line-height: 22px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 40px;
}
.ed-others .ed-others-inner {
  margin-bottom: 50px;
  display: flex;
}
.ed-others .ed-others-inner .ed-others-bd {
  padding-left: 39.5px;
  border-left: 1px solid rgba(226, 226, 226, 0.1);
  height: 190.93px;
}
@media (min-width: 1151px) {
  .ed-others .ed-others-inner .ed-others-bd {
    padding-left: 20px;
  }
}
@media (min-width: 1280px) {
  .ed-others .ed-others-inner .ed-others-bd {
    padding-left: 39.5px;
  }
}
.ed-others .ed-others-inner .ed-other.ed-others-half {
  width: 50%;
}
.ed-others .ed-others-inner .ed-other ul {
  padding: 0px;
  list-style: none;
  margin: 0px;
}
.ed-others .ed-others-inner .ed-other ul li {
  margin-bottom: 15px;
}
.ed-others .ed-others-inner .ed-other ul li a {
  text-decoration: none;
  color: #939da6;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 22px;
  text-align: left;
}
.ed-others .ed-others-inner .ed-other ul li:last-child {
  margin-bottom: 0px;
}

.bottom-border {
  height: 1px;
  background-color: #e2e2e2;
  width: 110%;
  margin-bottom: 40px;
  opacity: 0.1;
}

.ed-stock-market {
  font-family: "encodesans_normal";
  width: 100%;
}
.ed-stock-market .ed-stock {
  display: flex;
}
.ed-stock-market .ed-stock .ed-stock-description {
  color: #ffffff;
  line-height: 40px;
}
.ed-stock-market .ed-stock .ed-stock-description ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  margin-left: -10px;
}
.ed-stock-market .ed-stock .ed-stock-description ul li {
  margin-bottom: 14px;
}
.ed-stock-market .ed-stock .ed-stock-description a {
  padding-right: 6px;
  padding-left: 6px;
  color: #ffffff;
  border-right: 1px solid;
  display: inline-block;
  padding-right: 11px;
  padding-left: 11px;
  height: 16px;
  line-height: 16px;
  font-size: 0.875rem;
  opacity: 0.75;
}
.ed-stock-market .ed-stock .ed-stock-description ul :nth-child(26) a {
  border: none;
}
.ed-stock-market .ed-stock .ed-stock-title {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  line-height: 22px;
  text-align: left;
  color: #ffffff;
  width: 200px;
  margin: 10px 100px 40px 0;
}
@media (max-width: 1366px) {
  .ed-stock-market .ed-stock .ed-stock-title {
    margin: 10px 75px 40px 0;
  }
}
@media (max-width: 1280px) {
  .ed-stock-market .ed-stock .ed-stock-title {
    margin: 10px 57px 40px 0;
  }
}

.ed-market-status {
  display: flex;
}
.ed-market-status .grid-market-status {
  display: grid;
  grid-template-columns: 15% auto;
}
@media (max-width: 768px) {
  .ed-market-status .grid-market-status {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.ed-market-status .ed-market-title {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  line-height: 22px;
  text-align: left;
  color: #ffffff;
  width: 200px;
  margin: 10px 100px 0px 0;
}
@media (max-width: 1366px) {
  .ed-market-status .ed-market-title {
    margin: 10px 75px 0px 0;
  }
}
@media (max-width: 1280px) {
  .ed-market-status .ed-market-title {
    margin: 10px 57px 0px 0;
  }
}
@media (max-width: 1152px) {
  .ed-market-status .ed-market-title {
    margin: 10px 25px 0px 0;
  }
}
.ed-market-status .ed-market-status-list span.marketOpen::after {
  content: "•";
  padding-right: 9px;
  padding-left: 9px;
  font-size: 2.875rem;
  position: relative;
  top: 12px;
  color: #1a8a4e;
}
.ed-market-status .ed-market-status-list span.marketClosed::after {
  content: "•";
  padding-right: 9px;
  padding-left: 9px;
  font-size: 2.875rem;
  position: relative;
  top: 12px;
  color: #f83c3c;
}
.ed-market-status .ed-market-status-list span {
  border-right: 1px solid;
  color: #949fa9;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 26px;
  text-align: left;
}
.ed-market-status .ed-market-status-list span:last-child {
  border-right: none;
}
.ed-market-status .ed-market-status-list span:not(span:nth-child(1)) {
  padding-left: 5px;
}

.ed-plateforms {
  width: 63.75%;
  font-family: "DMSansNormal";
}
@media (max-width: 1280px) {
  .ed-plateforms {
    width: 68%;
  }
}
.ed-plateforms .ed-platform-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 66px;
}
.ed-plateforms .ed-platform-inner {
  display: flex;
}

.ed-web-cntr {
  margin-top: 0;
}

.ed-trader {
  width: 293px;
  height: 113px;
  margin-bottom: 15px;
  margin-right: 12px;
}
.ed-trader img {
  position: relative;
  top: -14px;
  bottom: 0px;
  height: 142px;
  width: 120px;
}

.ed-web {
  margin: 0 12px 21px 0;
}
.ed-web img {
  position: relative;
  top: 0px;
  bottom: 0px;
  height: 68px;
  width: 113px;
}

.ed-content-wrapper {
  background-color: #ffffff;
  padding: 13px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  height: 113px;
}
.ed-content-wrapper .ed-content-title {
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 19.6px;
  text-align: left;
  color: #0b243a;
  padding-left: 16px;
}
.ed-content-wrapper .ed-content-title span {
  font-weight: 300;
}
.ed-content-wrapper .ed-content-trader {
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 29.4px;
  padding-left: 14.5px;
}

@media screen and (min-width: 1023px) {
  .ed-api {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    gap: 30px;
  }
  .ed-api img {
    height: 46.31px;
    width: 46.31px;
  }
  .ed-api .ed-content-api {
    padding: 0;
    padding-top: 0px;
  }
}
@media (max-width: 767.98px) {
  .mb-mt-10 {
    margin-top: 10px;
  }
}
@media (max-width: 991.98px) {
  .mb-mt-10 {
    margin-top: 10px;
  }
  .mw-50 {
    width: 50%;
  }
  .ed-products .ed-products-inner ul {
    padding: 0 0px;
    margin-bottom: 0px;
  }
  .ed-products .ed-products-inner ul li a {
    line-height: 22px;
    padding-bottom: 10px;
    font-size: 0.75rem;
    font-family: "DMSansMedium";
    opacity: 0.75;
  }
  .ed-products .ed-products-inner .offer-sale,
  .ed-products .ed-products-inner .ed-portfolio {
    border-left: 0px !important;
  }
  .ed-footer-inner-wrapper {
    padding: 42px 15px;
    background-color: #03002f;
  }
  .ed-footer-inner-wrapper .ed-join-section {
    font-family: "DMSansBold";
    color: #ffffff;
    font-size: 1rem;
    line-height: 22.4px;
    text-align: left;
  }
  .ed-footer-inner-wrapper .ed-join-section span {
    font-family: "DMSansMedium";
  }
  .ed-footer-inner-wrapper .ed-newsletter {
    display: flex;
    margin: 22px 0px;
  }
  .ed-footer-inner-wrapper .ed-newsletter input {
    padding: 18px;
    flex: 2;
    display: inline-block;
    border-radius: 5px 0px 0px 5px;
    border: none;
  }
  .ed-footer-inner-wrapper .ed-newsletter input::placeholder {
    font-family: "DMSansNormal";
    font-size: 0.875rem;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #787878;
  }
  .ed-footer-inner-wrapper .ed-newsletter button {
    flex: 1;
    background-color: #f04e45;
    font-size: 1rem;
    font-family: "DMSansMedium";
    line-height: 29.68px;
    text-align: Center;
    color: #ffffff;
    border: none;
    border-radius: 0px 5px 5px 0px;
    padding: 13px;
    display: inline-block;
  }
  .ed-others {
    display: flex;
    flex-direction: column;
  }
  .ed-others .ed-others-section {
    width: 100% !important;
  }
  .ed-content-wrapper {
    background-color: #ffffff;
    padding: 8px;
    border: 0px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-radius: 5px;
  }
  .ed-content-wrapper .ed-content-img {
    width: 46%;
  }
  .ed-content-wrapper .ed-content-img .bg-white {
    height: 57px;
    width: 57px;
    /* margin: auto; */
    background: #ffffff;
    position: relative;
    margin-left: 26px;
    position: relative;
  }
  .ed-content-wrapper .ed-content-title {
    font-family: "DMSansBold";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    padding-right: 13px;
  }
  .ed-content-wrapper .ed-content-title span {
    font-family: "DMSansNormal";
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
  }
  .ed-content-wrapper.ed-web {
    height: 81px;
    width: 100%;
  }
  .ed-content-wrapper.ed-web img {
    top: 0px;
  }
  .ed-api.ed-content-wrapper {
    height: 81px;
    width: 100%;
  }
  .ed-content-wrapper.ed-trader:last-child {
    height: 113px;
    width: 100%;
  }
  .ed-content-wrapper.ed-trader:first-child {
    height: 113px;
    margin-top: 20px;
    width: 100%;
  }
  .ed-content-wrapper.ed-trader:first-child img {
    position: relative;
    top: -28px;
    bottom: 0px;
  }
  .ed-others .ed-plateforms {
    width: 100% !important;
  }
  .ed-others .ed-plateforms .ed-platform-inner {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1199.98px) {
  .ed-others .ed-others-section {
    width: 27%;
  }
  .ed-others .ed-plateforms {
    width: 81%;
  }
}
@media (min-width: 1200px) {
  .container.innerContainer,
  .container-lg.innerContainer,
  .container-md.innerContainer,
  .container-sm.innerContainer,
  .container-xl.innerContainer {
    max-width: 1181px;
  }
}
.footer-mail-sec {
  line-height: 19.6px;
}

.mgl-8 {
  margin-left: 8px;
}

.mgr-8 {
  margin-right: 8px;
}

.mgt-19 {
  margin-top: 19px;
}

.support-middle-border {
  padding: 0px 8px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.support-left-border {
  padding: 0px 8px;
  border-left: 1px solid #ffffff;
}

@media (max-width: 768px) {
  .ed-join-section {
    padding: 0px !important;
  }
  .mb-hidden {
    display: none;
  }
  .ed-footer-inner-wrapper .ed-whyus-section {
    padding: 0px !important;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner {
    margin-top: 50px !important;
    margin-bottom: 40px;
    padding: 0px;
  }
  .innerContainer .pt-5 {
    padding-top: 0rem !important;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .innerContainer span {
    line-height: 25px;
  }
  .innerContainer .ps-35 {
    padding-left: 0px !important;
  }
}
.footer-subsection-head {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  color: #ffffff;
}

.footer-common-grid-5 {
  display: grid;
  grid-template-columns: 15% 25% 25% 20% 15%;
}

.footer-common-grid-4 {
  display: grid;
  grid-template-columns: 15% 25% 20% 40%;
}

.links-data div {
  border-left: 1px solid rgba(177, 178, 196, 0.25);
}
.links-data div:first-child {
  border-left: none !important;
}
.links-data .link-section-ul {
  padding-left: 0px;
}
.links-data .link-section-ul .inner-heading {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  color: #ffffff;
  opacity: 1;
}
.links-data .link-section-ul .outer-heading {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  color: #ffffff;
}
.links-data .link-section-ul li {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  margin-bottom: 15px;
}
.links-data .link-section-ul li a {
  color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
}
@media (max-width: 768px) {
  .links-data .link-section-ul li {
    line-height: 23px;
  }
}

.platform-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.grid-2-footer {
  display: grid;
  grid-template-columns: 50% auto;
}

.scheme-box {
  display: grid;
  grid-template-columns: 75% 25%;
  gap: 5px;
  background-color: #2d2b4d;
  padding: 10px;
  margin: 4px;
  margin-bottom: 30px;
}

.scheme-box-right {
  display: grid;
  grid-template-columns: 75% 25%;
  gap: 5px;
  background-color: #2d2b4d;
  padding: 10px;
  margin: 4px;
  margin-bottom: 30px;
  width: 210px;
}

.footer-txt-op {
  color: rgba(255, 255, 255, 0.75);
}

.readmorebtn:hover {
  color: #f04e45;
}

@media (min-width: 768px) and (max-width: 1600px) {
  .desktop-hide {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .mobile-show {
    display: inline-block;
  }
  .mobile-hide {
    display: none;
  }
  .ed-feeback-mob {
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .ed-feeback-mob .ed-feedback-title .footer-mail-sec img {
    top: 0px !important;
  }
}
@media screen and (max-width: 768px) {
  .footer-common-grid-5 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .footer-common-grid-5.links-data div {
    border-left: none !important;
  }
  .footer-common-grid-5.links-data .link-section-ul {
    padding-left: 0px !important;
  }
  .footer-common-grid-5.links-data .link-section-ul .outer-heading {
    display: none !important;
  }
  .footer-common-grid-4 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .footer-common-grid-4.links-data div {
    border-left: none !important;
  }
  .footer-common-grid-4.links-data .link-section-ul {
    padding-left: 0px !important;
  }
  .footer-common-grid-4.links-data .link-section-ul li {
    line-height: 15px;
  }
  .footer-common-grid-4.links-data .link-section-ul .outer-heading {
    font-size: 1.125rem;
    font-family: "DMSansBold";
  }
  .footer-common-grid-4 .pbt-37 {
    padding-top: 37px;
  }
  .platform-grid {
    display: grid !important;
    grid-template-columns: 100% !important;
  }
  .mb-footer-grid-3 {
    display: grid !important;
    grid-template-columns: 100% !important;
  }
  .grid-2-footer {
    display: grid !important;
    grid-template-columns: 100% !important;
  }
}
.common-owl-data .owl-nav button {
  border: none;
  background: none;
  color: #ffffff;
}
.common-owl-data .owl-nav button span {
  display: none;
}
.common-owl-data .owl-nav .owlnav .SliderIcon {
  position: relative;
}
.common-owl-data .owl-nav .partnerLeft {
  border: none;
  background: none;
  color: #ffffff;
  z-index: 999;
  font-size: 0.625rem;
  position: absolute;
  left: -1%;
  top: 30%;
}
@media (min-width: 1600px) {
  .common-owl-data .owl-nav .partnerLeft {
    margin-left: 92%;
  }
}
@media (min-width: 1680px) {
  .common-owl-data .owl-nav .partnerLeft {
    margin-left: 92%;
  }
}
.common-owl-data .owl-nav .partnerLeft span {
  display: none;
}
.common-owl-data .owl-nav .partnerRight {
  border: none;
  position: absolute;
  background: none;
  color: #ffffff;
  z-index: 999;
  font-size: 0.625rem;
  right: -1%;
  top: 30%;
}
@media (min-width: 1440px) {
  .common-owl-data .owl-nav .partnerRight {
    margin-left: -48px;
  }
}
.common-owl-data .owl-nav .partnerRight span {
  display: none;
}

@media (max-width: 768px) {
  .ed-footer-inner-wrapper .mgt-50 {
    margin-top: 0px;
  }
  .mgt-mt-50 {
    margin-top: 50px !important;
  }
}
.ed-feedback-small .owl-stage {
  position: relative;
}
.ed-feedback-small .owl-stage > .owl-item.active:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 53px;
  height: 100vh;
  background: #35335a;
  background: rgba(53, 51, 90, 0.6);
  filter: blur(9px);
  -o-filter: blur(9px);
  -ms-filter: blur(9px);
  -moz-filter: blur(9px);
  -webkit-filter: blur(9px);
}
.ed-feedback-small .owl-stage > .owl-item.active + .owl-item.active::after {
  right: 0px !important;
  left: unset !important;
}

.horizontal-line {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.scorebtn:hover {
  color: #f04e45;
  text-decoration: underline;
}

.setHeightFooterSidebar {
  min-height: 300px;
  max-height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 10px !important;
}
.setHeightFooterSidebar::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.setHeightFooterSidebar {
  /* Track */
}
.setHeightFooterSidebar::-webkit-scrollbar-track {
  background: transparent;
}
.setHeightFooterSidebar {
  /* Handle */
}
.setHeightFooterSidebar::-webkit-scrollbar-thumb {
  background: #03002f;
}

.grevienceCircle {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  background-color: #35335a;
  width: 47px;
  height: 15px;
  border-radius: 20px;
  margin-right: 10px;
  text-align: center;
}
@media (max-width: 768px) {
  .grevienceCircle {
    line-height: 15px;
  }
}

.link-content-anchor {
  color: #ffffff;
}
.link-content-anchor:hover {
  color: #ffffff;
}

.blanklink {
  height: 26px;
}

.ed-feedback-box {
  background-repeat: no-repeat;
  height: 150px !important;
}
@media (max-width: 768px) {
  .ed-feedback-box {
    height: 165px !important;
  }
}
.ed-feedback-box {
  background-position: 95% 12px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241%22%20height%3D%2239%22%20viewBox%3D%220%200%2041%2039%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.48%2038.9789H30.4573V39C33.0278%2039%2035.2612%2037.3355%2035.9986%2034.8703L40.6129%2019.5105C40.95%2018.3728%2040.7393%2017.1929%2040.044%2016.2447C39.3487%2015.2966%2038.2741%2014.7488%2037.0942%2014.7488H32.185C31.9532%2014.7488%2031.8268%2014.6224%2031.7636%2014.5381C31.7004%2014.4538%2031.6161%2014.2853%2031.6793%2014.0746L33.9127%206.23663C34.3341%204.74068%2034.0391%203.18152%2033.1121%201.93841C32.185%200.71637%2030.7733%200%2029.2142%200C27.4654%200%2025.822%200.948136%2024.9581%202.46515L19.2693%2012.41C18.3633%2014.0113%2016.7831%2015.2123%2014.9921%2015.6548L11.4725%2016.5422C10.8245%2015.4704%209.64715%2014.7475%208.31422%2014.7475H4.10028C2.07759%2014.7475%200.413086%2016.412%200.413086%2018.4347V35.2905C0.413086%2037.3132%202.07759%2038.9777%204.10028%2038.9777H8.31422C9.60415%2038.9777%2010.7484%2038.3007%2011.4082%2037.2856L13.6437%2038.0308C15.5399%2038.6629%2017.4994%2038.9789%2019.48%2038.9789ZM12.0014%2034.1544L14.655%2035.0389C16.2142%2035.5656%2017.8365%2035.8185%2019.48%2035.8185H30.4573C31.6372%2035.8185%2032.6485%2035.06%2032.9856%2033.9433L37.5999%2018.5835C37.6631%2018.3728%2037.5788%2018.2042%2037.5156%2018.1199C37.4524%2018.0357%2037.326%2017.9092%2037.0942%2017.9092H32.185C31.0262%2017.9092%2029.9516%2017.3825%2029.2352%2016.4344C28.5399%2015.5073%2028.3082%2014.3274%2028.6242%2013.2107L30.8576%205.37277C31.0051%204.84603%2030.8998%204.29822%2030.5837%203.85575C29.8884%202.90762%2028.266%203.03404%2027.6972%204.04538L22.0083%2013.9903C20.6599%2016.3501%2018.3844%2018.0778%2015.7506%2018.731L12.0014%2019.6763V34.1544ZM3.57354%2018.4347C3.57354%2018.1398%203.80531%2017.908%204.10028%2017.908H8.31422C8.60919%2017.908%208.84096%2018.1398%208.84096%2018.4347V35.2905C8.84096%2035.5855%208.60919%2035.8172%208.31422%2035.8172H4.10028C3.80531%2035.8172%203.57354%2035.5855%203.57354%2035.2905V18.4347Z%22%20fill%3D%22%23B1B2C4%22%20fill-opacity%3D%220.3%22%2F%3E%3C%2Fsvg%3E");
}
@media (max-width: 768px) {
  .ed-feedback-box {
    padding-bottom: 15px !important;
  }
}

.ed-feedback-box-2 {
  height: 50px !important;
  padding: 0px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .ed-feedback-box-2 {
    padding: 10px !important;
  }
}
.ed-feedback-box-2 .ed-feedback-center-div {
  margin-top: 0px !important;
}
@media (max-width: 768px) {
  .ed-feedback-box-2 .ed-feedback-center-div {
    justify-content: flex-end !important;
    flex-grow: 1;
  }
}
.ed-feedback-box-2 .ed-feedback-center-div .ed-icon {
  width: 40px !important;
}
@media (max-width: 768px) {
  .ed-feedback-box-2 .ed-feedback-center-div .ed-icon {
    width: 51px !important;
    height: 36px !important;
  }
}
.ed-feedback-box-2 .ed-feedback-center-div .ed-icon {
  border-radius: 5px !important;
}

.footerfeedback-modal {
  border: none;
  border-radius: 8px;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1);
}
.footerfeedback-modal .modal-content {
  padding: 20px;
}
.footerfeedback-modal .modal-content .modal-header {
  border-bottom: none;
}
.footerfeedback-modal .modal-content .modal-header .edel-icon-bold-close {
  color: #6374d4;
}

.footer-mail-sec .mail-to-section a:hover {
  color: #ffffff;
}

@media (min-width: 768px) and (max-width: 1600px) {
  .mgt-footer-refactor-55 {
    margin-top: 55px;
  }
}
@media (max-width: 768px) {
  .mgt-footer-refactor-55 {
    margin-top: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1600px) {
  .mgt-grivence-45 {
    margin-top: 45px;
  }
}

:root {
  font-size: 16px;
}

.show {
  display: block;
}

.fade {
  display: none;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-29 {
  margin-bottom: 29px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px !important;
}

.modal-open .popHoldingTitle {
  background: rgba(204, 204, 204, 0.19);
  backdrop-filter: blur(50px);
}
.modal-open .popHoldingTitle .modal-dialog {
  max-width: 995px !important;
  width: 100%;
  transition: none;
  margin-top: 100px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content {
  border: none;
  background: linear-gradient(#f0f9ff, #ffffff, #ffffff);
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-header {
  display: block;
  color: #0b243a;
  font-family: "DMSansNormal";
  background-color: #f0f9ff;
  border-bottom: none;
  font-style: normal;
  height: 100px;
  padding: 31px 37px 30px 40px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-header .btn-close {
  color: #1c1c28;
  opacity: 1;
  height: 17px;
  width: 17px;
  float: right;
  transform: translateY(-27px);
  box-shadow: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-header .modal-title .d-footpop-headtitle {
  font-family: "DMSansNormal";
  font-style: normal;
  font-size: 1.75rem;
  line-height: 39px;
  color: #0b243a;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-header .modal-title .d-footpop-headtitle span {
  font-family: "DMSansBold";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body {
  padding: 40px 40px 0px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group .row {
  position: relative;
  margin-top: 15px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group .holder {
  position: absolute;
  top: 16px;
  transform: translateX(18px);
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group .holder label {
  color: #727271;
  font-family: "DMSansMedium";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group .holder .star {
  color: #e62020;
  margin-left: 5px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group #poptextarea {
  color: #727271;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-control,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-select {
  border: 1px solid #e7e7e7;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-control:focus,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-select:focus {
  border: 1px solid #e7e7e7;
  box-shadow: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform :-ms-input-placeholder:after {
  content: "*";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform textarea {
  padding: 20px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform input,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select {
  height: 60px;
  border-radius: 8px;
  font-family: "DMSansMedium";
  padding: 18px;
  color: #727271;
  outline: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform input::placeholder:after,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select::placeholder:after {
  content: " *";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select::-ms-expand {
  display: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select + span {
  font-size: 1.25rem;
  float: right;
  margin-top: -37px;
  margin-right: 15px;
  /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
  pointer-events: none;
  /* everything after this is just to cover up the original arrow */
  /* (for browsers that don't support the syntax used above) */
  background-color: transparent;
  color: #03002f !important;
  padding-right: 5px;
}
@media (max-width: 640px) {
  .modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select + span {
    margin-top: -25px;
  }
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select option {
  padding-right: 21px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-select,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform textarea {
  color: #727271;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag {
  height: 143px;
  padding: 18px 0px 35px;
  border: 1px dashed #b8b8b8;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .uploadError {
  color: red;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .uploadSectionWrap .fileNameSec {
  display: flex;
  justify-content: center;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileName {
  font-family: "DMSansNormal";
  font-size: 1rem;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileClose {
  margin-left: 10px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag #feedBackFile {
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: pointer;
  display: block;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag #upload-icon {
  font-size: 2.625rem;
  color: #03002f;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .upload-content {
  margin-top: 26px;
  font-size: 1rem;
  line-height: 22px;
  color: #727271;
  font-family: "DMSansMedium";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform button {
  width: 100%;
  background: #03002f;
  border-radius: 5px;
  color: #ffffff;
  font-family: "DMSansMedium";
  font-size: 1.125rem;
  height: 53px;
  border: none;
  outline: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform textarea {
  height: 143px;
  border-radius: 8px;
  resize: none;
}

.footer_wrapper__backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
}

.footer_wrapper .footer_wrapper__handle-wrapper {
  padding: 10px 0px;
  background-color: #f2f2f5;
  border-radius: 5px 5px 0px 0px;
}
.footer_wrapper .footer_wrapper__content {
  padding: 0px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-heading {
  height: 40px;
  background-color: #f0f9ff;
  padding: 0px 0px 20px 15px;
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-heading span {
  font-family: "DMSansBold";
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group {
  position: relative;
  margin: 0px 15px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .form-control:focus,
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .form-select:focus {
  box-shadow: none;
  border: 1px solid #3580f7;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group textarea {
  resize: none;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-holder {
  position: absolute;
  transform: translate(20px, 10px);
  color: #727271;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-holder label {
  font-family: "DMSansMedium";
  color: #727271;
  font-size: 0.875rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-holder .form-control {
  border-color: #e7e7e7;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-holder .star {
  color: red;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group input {
  padding: 10px 0px 10px 20px;
  height: 40px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group input:focus {
  box-shadow: none;
  border: 1px solid #3580f7;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group select::-ms-expand {
  display: none;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group select + span {
  font-size: 0.625rem;
  float: right;
  margin-top: -25px;
  margin-right: 15px;
  /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
  pointer-events: none;
  /* everything after this is just to cover up the original arrow */
  /* (for browsers that don't support the syntax used above) */
  background-color: transparent;
  color: #3580f7 !important;
  padding-right: 5px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow {
  margin-top: 20px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .form-control {
  border: 1px dashed #b8b8b8;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag {
  height: 96px;
  padding: 15px 40px;
  border: 1px dashed #b8b8b8;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadError {
  color: red;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadSectionWrap .fileNameSec {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileName {
  font-family: "DMSansNormal";
  font-size: 1rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileName p {
  margin-bottom: 0px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileClose {
  margin-left: 10px;
  font-size: 0.75rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .upload-content {
  margin-top: 10px;
  font-family: "DMSanM";
  color: #727271;
  font-size: 0.875rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .fs-20 {
  font-size: 1.25rem;
  color: #3580f7;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-submitRow button {
  width: 100%;
  background: #3580f7;
  border-radius: 5px;
  color: #ffffff;
  font-family: "DMSanM";
  font-size: 1.125rem;
  height: 53px;
  border: none;
  outline: none;
  margin-top: 30px;
}

.display-none {
  display: none !important;
}

.feedback-link-mobile .drawer-close-button {
  border-radius: 100px;
  border: 1px solid #f05046;
  height: 40px;
  min-width: 100px;
  background-color: #ffffff;
  color: #f05046;
}

:root {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .ed-footer-inner-wrapper {
    padding: 42px 0px 20px 0px;
    background-color: #03002f;
  }
  .ed-footer-inner-wrapper .ed-join-section {
    font-size: 1rem;
    font-family: "DMSansBold";
    color: #ffffff;
    line-height: 22.4px;
  }
  .ed-footer-inner-wrapper .ed-join-section span {
    font-family: "DMSansBold";
  }
  .ed-footer-inner-wrapper .ed-newsletter {
    display: flex;
    margin: 22px 0px;
  }
  .ed-footer-inner-wrapper .ed-newsletter input {
    padding: 18px;
    flex: 2;
    display: inline-block;
    border-radius: 5px 0px 0px 5px;
    border: none;
  }
  .ed-footer-inner-wrapper .ed-newsletter input::placeholder {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #787878;
  }
  .ed-footer-inner-wrapper .ed-newsletter button {
    flex: 1;
    background-color: #f04e45;
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    line-height: 29.68px;
    text-align: Center;
    color: #ffffff;
    border: none;
    border-radius: 0px 5px 5px 0px;
    padding: 13px;
    display: inline-block;
  }
  .ed-footer-inner-wrapper .ed-google-link {
    font-size: 0.875rem;
    font-family: "DMSansNormal";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: right;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner {
    margin-top: 60px;
    margin-bottom: 40px;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .ed-whyus-title .ed-title {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    color: #eeeeee;
    display: flex;
    align-items: center;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .ed-whyus-title {
    margin-bottom: 20px;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .ed-whyus-title i {
    font-size: 2rem;
    display: inline-block;
    margin-right: 17.53px;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .whyus-description {
    font-family: "DMSansNormal";
    font-size: 0.875rem;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #939da6;
    margin-bottom: 24px;
    display: block;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .whyus-description .readmore {
    font-size: 0.875rem;
    font-family: "DMSansNormal";
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #f04e45;
    display: inline-block;
    padding-left: 10px;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .social-icons i {
    display: inline-block;
    color: #939da6;
    margin-right: 17px;
    font-size: 1.063rem;
  }
  .ed-footer-inner-wrapper .ed-support {
    background-color: #35335a;
    padding: 16px 16px 12px 17px;
    border-radius: 5px;
    margin-bottom: 16px;
  }
  .ed-footer-inner-wrapper .ed-support .ed-support-title {
    font-size: 1.125rem;
    font-family: "DMSansMedium";
    color: #ffffff;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    display: flex;
    margin-bottom: 10px;
  }
  .ed-footer-inner-wrapper .ed-support .ed-support-title img {
    display: inline-block;
    color: #ffffff;
    margin-right: 15px;
    font-size: 1.5rem;
    position: relative;
    top: 3px;
  }
  .ed-footer-inner-wrapper .ed-support .ed-support-center-div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .ed-footer-inner-wrapper .ed-support .ed-support-center-div .ed-icon {
    background-color: #05243f;
    width: 51px;
    height: 36px;
    border: 0px;
    border-radius: 15px;
    margin-bottom: 4px;
  }
  .ed-footer-inner-wrapper .ed-support .ed-support-center-div .ed-icon i {
    color: #ffffff;
  }
  .ed-footer-inner-wrapper .ed-feedback {
    background-color: #35335a;
    padding: 16px 16px 12px 17px;
    border-radius: 5px;
    margin-bottom: 16px;
    margin-bottom: 40px;
  }
  .ed-footer-inner-wrapper .ed-feedback .ed-feedback-title {
    font-size: 1.125rem;
    font-family: "DMSansMedium";
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    display: flex;
    margin-bottom: 10px;
  }
  .ed-footer-inner-wrapper .ed-feedback .ed-feedback-title img {
    display: inline-block;
    color: #ffffff;
    margin-right: 15px;
    font-size: 1.5rem;
    position: relative;
    top: 0px;
  }
  .ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div .ed-icon {
    background-color: #f04e45;
    width: 51px;
    height: 36px;
    border: 0px;
    border-radius: 15px;
    margin-bottom: 4px;
  }
  .ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div .ed-icon i {
    color: #ffffff;
  }
  .ed-copyright-section {
    margin-bottom: 73px;
    background-color: #00172b;
    padding: 27px !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .ed-copyright-section {
    padding: 15px !important;
  }
}
@media screen and (max-width: 768px) {
  .ed-copyright-section .ed-copyright {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 50px;
  }
  .ed-copyright-section .ed-copyright-reserve {
    font-size: 0.75rem;
    font-family: "DMSansBold";
    line-height: 21.6px;
    letter-spacing: 0px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 12.5px;
  }
  .ed-copyright-section .edel-logo-footer {
    text-align: center;
  }
  .ed-copyright-section .edel-logo-footer .edel-icon-edel-logo1 {
    color: #ffffff;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    margin: auto;
  }
  .ed-products .ed-products-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 25px;
    color: #ffffff;
  }
  .ed-products .ed-products-inner {
    padding-bottom: 76px;
  }
  .ed-products .ed-products-inner div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
  }
  .ed-products .ed-products-inner a {
    text-decoration: none;
    color: #939da6;
  }
  .ed-products .ed-products-inner ul {
    width: 50%;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 640px) {
  .ed-products .ed-products-inner ul {
    padding-left: 0px;
  }
}
@media screen and (max-width: 768px) {
  .ed-products .ed-products-inner ul li {
    font-size: 0.75rem;
    line-height: 22px;
    padding-bottom: 10px;
    font-family: "DMSansMedium";
  }
  .ed-others {
    width: 100%;
  }
  .ed-others .ed-others-title {
    font-family: "DMSansMedium";
    font-size: 1.125rem;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 25px;
    color: #ffffff;
  }
  .ed-others .ed-others-inner {
    margin-bottom: 50px;
    display: flex;
  }
  .ed-others .ed-others-inner .ed-other.ed-others-half {
    width: 50%;
  }
  .ed-others .ed-others-inner .ed-other ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
    margin-top: 10px;
  }
  .ed-others .ed-others-inner .ed-other ul li {
    margin-bottom: 10px;
  }
  .ed-others .ed-others-inner .ed-other ul li a {
    text-decoration: none;
    color: #939da6;
    font-size: 0.75rem;
    font-family: "DMSansMedium";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
  .ed-others .ed-others-inner .ed-other ul li:last-child {
    margin-bottom: 0px;
  }
  .ed-stock-market {
    margin: 50px 0px 19px 0px;
    padding: 0px 0px 0px 0px;
    max-width: 337px;
    margin-left: auto;
    margin-right: auto;
  }
  .ed-stock-market .ed-stock .ed-stock-description {
    color: #ffffff;
    line-height: 33px;
  }
  .ed-stock-market .ed-stock .ed-stock-description ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    margin-left: -10px;
  }
  .ed-stock-market .ed-stock .ed-stock-description ul li {
    margin-bottom: 14px;
  }
  .ed-stock-market .ed-stock .ed-stock-description a {
    padding-right: 8px;
    padding-left: 8px;
    color: #ffffff;
    border-right: 1px solid;
    display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
    height: 18px;
    line-height: 15px;
  }
  .ed-stock-market .ed-stock .ed-stock-description ul li:last-child a {
    border: 0px;
  }
  .ed-stock-market .ed-stock .ed-stock-title {
    font-family: "DMSansBold";
    font-size: 1.125rem;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 22px;
  }
  .ed-stock-market .ed-stock:nth-child(2) .ed-stock-title,
  .ed-stock-market .ed-stock:nth-child(3) .ed-stock-title {
    margin-top: 24px;
  }
  .ed-market-status .ed-market-title {
    font-size: 1.125rem;
    font-family: "DMSansMedium";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    margin-top: 40px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .ed-market-status .ed-market-title {
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  .ed-market-status .ed-market-status-list span {
    border-right: 1px solid;
    color: #949fa9;
    font-size: 0.75rem;
    font-family: "DMSansNormal";
    line-height: 26px;
    letter-spacing: 0px;
    text-align: left;
  }
  .ed-market-status .ed-market-status-list span:last-child {
    border: 0px;
  }
  .ed-market-status .ed-market-status-list span.marketOpen::after {
    content: "•";
    padding-right: 4px;
    padding-left: 4px;
    font-size: 1.563rem;
    position: relative;
    top: 5px;
    color: #1a8a4e;
  }
  .ed-market-status .ed-market-status-list span.marketClosed::after {
    content: "•";
    padding-right: 6px;
    padding-left: 5px;
    font-size: 1.563rem;
    position: relative;
    top: 2px;
    color: #f83c3c;
  }
  .ed-market-status .ed-market-status-list span:not(span:nth-child(1)) {
    padding-left: 5px;
  }
  .ed-plateforms .ed-platform-title {
    font-size: 1.125rem;
    font-family: "DMSansBold";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 14.5px;
  }
  .ed-content-wrapper {
    background-color: #ffffff;
    padding: 8px;
    border: 0px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-radius: 5px;
  }
  .ed-content-wrapper .ed-content-img {
    width: 46%;
  }
  .ed-content-wrapper .ed-content-img .bg-white {
    position: relative;
  }
  .ed-content-wrapper .ed-content-title {
    font-size: 1rem;
    font-family: "DMSansBold";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #0b243a;
    padding-right: 13px;
  }
  .ed-content-wrapper .ed-content-title span {
    font-size: 1rem;
    font-family: "DMSansNormal";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #0b243a;
  }
  .ed-content-wrapper.ed-web {
    height: 81px;
  }
  .ed-api.ed-content-wrapper {
    height: 81px;
  }
  .ed-content-wrapper.ed-trader:last-child {
    height: 83px;
  }
  .ed-content-wrapper.ed-trader:first-child {
    height: 113px;
    margin-top: 59px;
  }
  .ed-content-wrapper.ed-trader:first-child img {
    position: relative;
    top: -15px;
    bottom: 0px;
  }
}
body {
  font-size: 16px;
  overscroll-behavior: none;
}

.summary-box {
  padding: 5px 15px;
  height: 70px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.summary_text {
  font-family: "EncodeSansMedium";
  font-size: 0.625rem;
  line-height: 12px;
  color: #b8b8b8;
}

.summary-dock {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: 200ms;
  display: grid;
  height: 64px;
  padding: 10px;
  gap: 10px;
  align-items: center;
  grid-template-columns: auto auto;
}
.summary-dock p {
  margin: 0;
}
.summary-dock .summary_values {
  justify-content: flex-end;
  font-size: 1.25rem;
}
.summary-dock .summary_values .percentage_value {
  font-size: 0.75rem;
}
@media (max-width: 767px) {
  .summary-dock {
    display: block;
  }
}

.summary-dock .summary_title {
  font-family: "EncodeSansMedium";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  color: #b8b8b8;
  margin-bottom: 0.3rem !important;
}

.summary_values {
  font-size: 1.5rem;
  line-height: 140%;
  font-family: "RobotoBold";
  display: flex;
}
.summary_values .percentage_value {
  display: contents;
  font-size: 0.875rem;
}
.summary_values .main_value {
  margin-right: 5px;
}
@media (max-width: 650px) {
  .summary_values .main_value {
    word-break: break-all;
  }
}

.summary_container {
  display: flex;
  gap: 20px;
  width: 100%;
}

.summary_container-mob {
  width: 100%;
  background: #ffffff;
}
.summary_container-mob .summary-container-mob-toptile {
  padding-bottom: 13px;
  padding-top: 20px;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.summary_container-mob .summary-container-mob-toptile .col {
  text-align: center;
}
.summary_container-mob .summary-container-mob-toptile .col .dashboard_summary {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
  color: #b8b8b8;
}
.summary_container-mob .summary-container-mob-toptile .col .summary_title {
  margin-bottom: 0px;
}
.summary_container-mob .summary-container-mob-toptile .col .summary_values {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  color: #444444;
  padding-top: 5px;
  display: block;
}
.summary_container-mob .summary-container-mob-toptile .col .totalpnl-val .totalpnl {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  line-height: 16.41px;
  letter-spacing: 0px;
  margin-top: 5px;
}
.summary_container-mob .summary-container-mob-toptile .col .pnlchangepercent {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  line-height: 13px;
  letter-spacing: 0px;
}

@media (max-width: 1299px) {
  .summary_values {
    font-size: 0.938rem;
  }
  .summary-dock .summary_values {
    font-size: 0.938rem;
  }
  .summary_title {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .summary-box {
    height: unset;
  }
}
.dashboard_dayspnl-mob {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
  color: #b8b8b8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 15px 12px;
  background: #f0f9ff;
  border-radius: 0px 0px 9px 9px;
  border-top: none !important;
  border: 1px solid #e7e7e7;
}
.dashboard_dayspnl-mob .summary_title {
  color: #444444;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  margin-bottom: 0px;
}

:root {
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .ed-component-heading {
    margin-top: 25.2px;
  }
}
.ed-component-heading {
  margin-top: 50px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) and (min-width: 577px) {
  .ed-component-heading .container {
    padding: 0px 12px;
    max-width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .generic-after-title-icon {
    margin-left: auto;
  }
}
.generic-after-title-icon {
  margin-left: 12px;
}

.ed-component-heading .container-generic {
  display: flex;
  align-items: center;
}
.ed-component-heading .container-generic div,
.ed-component-heading .container-generic span {
  cursor: default;
}
.ed-component-heading .container-generic i.edel-icon-left-arrow {
  color: #3580f7;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}
.ed-component-heading .container-generic i.edel-icon-arrow-left1 {
  font-size: 0.563rem;
  color: #3580f7;
  font-weight: 800;
  cursor: pointer;
}
@media screen and (max-width: 1024px) and (min-width: 580px) {
  .ed-component-heading .container-generic .date-time-container-generic {
    align-self: end;
    line-height: 27px;
  }
}
.ed-component-heading .container-generic .date-time-container-generic {
  align-self: end;
  line-height: 33px;
}
.ed-component-heading .container-generic .date-time-container-generic .generic-date,
.ed-component-heading .container-generic .date-time-container-generic .generic-time {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0px;
  text-align: left;
  color: #727271;
}
.ed-component-heading .container-generic .date-time-container-generic .generic-date {
  padding-right: 10px;
  padding-left: 6px;
}
.ed-component-heading .container-generic .generic-heading-title .title-bold {
  font-family: "encodesans_normal";
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 39.2px;
}
@media screen and (min-width: 1024px) {
  .ed-component-heading .container-generic .generic-heading-title .title-bold {
    margin-left: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .ed-component-heading .container-generic .generic-heading-title .title-bold {
    font-family: "encodesans_normal";
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 28px;
    color: #0b243a;
    margin-left: 10px;
  }
}
.ed-component-heading .container-generic .generic-heading-title .title-light {
  font-family: "encodesans_normal";
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 39.2px;
  margin-left: 10px;
}
@media screen and (max-width: 1024px) {
  .ed-component-heading .container-generic .generic-heading-title .title-light {
    font-family: "encodesans_normal";
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 28px;
    color: #0b243a;
  }
}
.ed-component-heading .generic-after-title-icon {
  cursor: pointer !important;
}
@media screen and (max-width: 1024px) {
  .ed-component-heading .generic-after-title-icon {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    color: #3580f7;
    border: 1px solid #f0f9ff;
    position: relative;
    top: 2px;
  }
}
@media screen and (min-width: 1025px) {
  .ed-component-heading .generic-after-title-icon {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: inline-block;
    color: #3580f7;
    border: 1px solid #fbfdff;
    position: relative;
  }
}
.ed-component-heading .generic-after-title-icon i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}

:root {
  font-size: 16px;
}

.sec_navigation_desktop .navigation_item {
  font-size: 0.875rem;
  line-height: 16px;
  margin-bottom: 12px;
  font-family: "RobotoRegular";
  color: #666666;
  border-radius: 2px;
  cursor: pointer;
}
.sec_navigation_desktop .navigation_item a {
  color: inherit;
  display: inline-block;
  width: 100%;
  padding: 4px;
}
.sec_navigation_desktop .navigation_item a:hover {
  background-color: #f7f7f7;
}
.sec_navigation_desktop .navigation_item:hover {
  background-color: #f7f7f7;
}
.sec_navigation_desktop .navigation_item.active {
  color: #174082;
  font-family: "RobotoMedium";
  background-color: rgba(23, 64, 130, 0.1);
}

:root {
  font-size: 16px;
}

.sec_nav .dropdown_button {
  font-size: 1rem;
  line-height: 16px;
  font-family: "RobotoMedium";
  color: #174082;
}
.sec_nav a {
  color: #252525;
}
.sec_nav .selected {
  margin-right: 4px;
}
.sec_nav .dropdown_content {
  width: calc(100vw - 32px);
  padding: 17px 0 22px 0;
  font-size: 1.125rem;
  line-height: 20px;
}
.sec_nav .dropdown_item {
  padding: 18px 30px;
  margin-right: 12px;
}

.dbar29RangesliderWrapper {
  width: 100%;
  margin: 0px auto;
}

.dbar29Horizontal {
  height: 0.29em;
  border-radius: 0.6em;
}

.dbar29Rangeslider,
.dbar29Rangeslider .dbar29RangesliderFill {
  display: block;
}

.dbar29Rangeslider {
  margin: 20px 0;
  position: relative;
  touch-action: none;
}

.dbar29Horizontal .dbar29RangesliderFill {
  width: 100% !important;
  height: 100%;
  border-radius: 10px;
  top: 0;
}

.dbar29Rangeslider .dbar29RangesliderHandle {
  position: absolute;
}

.dbar29RangesliderLabels {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  list-style-type: none;
  left: 0px;
  right: 0px;
  padding-left: 0px;
  font-weight: bold;
  font-size: 0.938rem;
  text-align: center;
}

.dbar29Horizontal .dbar29Grey {
  background: transparent;
}

.dcustomRangeBar {
  list-style-type: none;
  width: 100%;
  display: flex;
}
.dcustomRangeBar.indicatorStyle {
  padding-top: 8px;
  padding-bottom: 8px;
}

.dcustomRangeBar div {
  height: 4px;
}

.dcustomRangeBar div:nth-child(1) {
  background-color: #00d6bc;
}

.dcustomRangeBar div:nth-child(2) {
  background-color: #0378a6;
}

.dcustomRangeBar.moveableTooltip div:nth-child(1) {
  background-color: #0378a6 !important;
}

.dcustomRangeBar.moveableTooltip div:nth-child(2) {
  background-color: #00d6bc !important;
}

.dbar29RangesliderLabelname li:nth-child(1) {
  text-align: left;
}

.dbar29RangesliderLabelname li:nth-child(2) {
  text-align: right;
}

.dbar29RangesliderLabelname {
  width: 100%;
  padding-inline-start: 0px !important;
  display: flex;
}

@keyframes blinkingDot {
  50% {
    opacity: 0.6;
    transform: translate3d(-250%, -250%, 0);
  }
}
.dSkewcoderight1 {
  clip-path: polygon(0 0, 100% 0%, 98% 99%, 0% 100%);
}

.dSkewcoderight2 {
  clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%);
}

.fullwidth {
  width: 100%;
}

.lh10 {
  line-height: 8px;
}

.dbar29Horizontal .dbar29RangesliderHandle::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 0.6em solid #44475b;
  border-radius: 0;
  outline: none;
  transition: 0.5s ease-in-out;
  position: relative;
  top: -5px;
}

.dbar29Horizontal .dbar29RangesliderHandle.bt-green::after {
  border-top: 0.6em solid #00d6bc;
}

.dbar29Horizontal .dbar29RangesliderHandle.bt-blood-red::after {
  border-top: 0.6em solid #0378a6;
}

.dbar29Horizontal .dbar29RangesliderHandle.bt-green .dbar29RangesliderLabels li {
  color: #00d6bc;
  justify-content: center;
  align-items: center;
}
.dbar29Horizontal .dbar29RangesliderHandle.bt-blood-red .pbar29RangesliderLabels li {
  color: #0378a6;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .dSkewcoderight2 {
    margin: 0px auto !important;
  }
  .dcustomRangeBar div {
    height: 4px;
  }
}
/**********************skew new designing ****************/
.box {
  height: 4px;
}

.right-skew {
  position: relative;
  margin-right: 21px;
}

.right-skew-bar {
  position: relative;
  margin-right: -6px;
}

.right-skew-bar:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -21px;
  display: block;
  min-width: 0px;
  background: #0378a6;
  -webkit-transform: skew(-48deg);
  -ms-transform: skew(-48deg);
  transform: skew(-48deg);
}

.left-skew {
  position: relative;
  margin-left: 19px;
}

.left-skew-bar {
  position: relative;
  margin-left: 0px;
}

.left-skew-bar:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  display: block;
  min-width: 0px;
  background: #00d6bc;
  -webkit-transform: skew(-48deg);
  -ms-transform: skew(-48deg);
  transform: skew(-48deg);
}

.left-skew:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  display: block;
  min-width: 25px;
  background: #00d6bc;
  -webkit-transform: skew(-48deg);
  -ms-transform: skew(-48deg);
  transform: skew(-48deg);
}

.right-skew:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -21px;
  display: block;
  min-width: 25px;
  background: #0378a6;
  -webkit-transform: skew(-48deg);
  -ms-transform: skew(-48deg);
  transform: skew(-48deg);
}

.right-skew.positive::before {
  background: #51b255 !important;
}

.left-skew.negative::before {
  background: #dd504d !important;
}

.blue-green-theme .Progresscommondatavalue {
  font-family: "RobotoRegular";
}
.blue-green-theme .dcustomRangeBar.moveableTooltip div:nth-child(1) {
  background-color: #008fbc !important;
}
.blue-green-theme .dcustomRangeBar.moveableTooltip div:nth-child(2) {
  background-color: #00d6bc !important;
}
.blue-green-theme .right-skew:before {
  background: #008fbc;
}
.blue-green-theme .left-skew:before {
  background: #00d6bc;
}
.blue-green-theme .dbar29RangesliderLabels.move {
  margin-inline-start: 10px !important;
}
.blue-green-theme .dbar29Horizontal .dbar29RangesliderHandle.bt-green::after {
  border-top: 0.6em solid #444444;
}

.red-green-theme .Progresscommondatavalue {
  font-family: "RobotoRegular";
}
.red-green-theme .dcustomRangeBar.moveableTooltip div:nth-child(1) {
  background-color: #51b255 !important;
}
.red-green-theme .dcustomRangeBar.moveableTooltip div:nth-child(2) {
  background-color: #dd504d !important;
}
.red-green-theme .right-skew:before {
  background: #51b255;
}
.red-green-theme .left-skew:before {
  background: #dd504d;
}
.red-green-theme .dbar29Horizontal .dbar29RangesliderHandle.bt-green::after {
  border-top: 0.6em solid #444444;
}

:root {
  font-size: 16px;
}

.logo-head-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1px;
}
.logo-head-container .logo-left {
  display: flex;
}
.logo-head-container .logo-left .logo {
  display: flex;
  align-items: center;
}
.logo-head-container .logo-left .logo .logobg {
  color: #174082;
  font-size: 1.938rem;
  font-weight: 600;
}
.logo-head-container .logo-left .logo .edel-icon-edel-logo::before {
  font-size: 1.875rem;
  color: #0751a0;
  margin-right: 5.72px;
}
.logo-head-container .logo-left .logo .edel-icon-edel-logo2::before {
  content: "\e950";
  font-size: 1.125rem;
  color: #70706f;
}
.logo-head-container .logo-right {
  display: flex;
  align-items: center;
}
.logo-head-container .logo-right .icon-background {
  height: 42px;
  width: 42px;
  border-radius: 50%;
  position: relative;
  justify-content: center;
  background: #3580f7;
  display: flex;
  color: #ffffff;
  align-items: center;
}
@media (max-width: 640px) {
  .logo-head-container .logo-right .icon-background {
    height: 30px;
    width: 30px;
  }
}
.logo-head-container .logo-right .user-details {
  margin-left: 5px;
}
.logo-head-container .logo-right .user-details .user-username {
  font-size: 1.063rem;
  font-family: "EncodeSansMedium";
  color: #444444;
  line-height: 140%;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-wrap: break-word;
}
@media (max-width: 640px) {
  .logo-head-container .logo-right .user-details .user-username {
    font-size: 0.875rem;
  }
}
.logo-head-container .logo-right .user-details .user-accountid {
  font-size: 0.75rem;
  font-family: "EncodeSansLight";
  color: #b8b8b8;
  line-height: 140%;
}

.bluedots {
  color: #3580f7;
}

@media (max-width: 1299px) {
  .logo-head-container .logo-left .logo .edel-icon-edel-logo::before {
    font-size: 1.25rem;
  }
  .logo-head-container .logo-left .logo .edel-icon-edel-logo2::before {
    font-size: 0.938rem;
  }
  .logo-head-container .logo-right .icon-background {
    height: 30px;
    width: 30px;
  }
}
.bluedots {
  color: #3580f7;
}

.show {
  display: block;
}

.fade {
  display: none;
}

.modal-backdrop {
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadein 0.5s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
}
.modal-backdrop.show {
  background: rgba(204, 204, 204, 0.19);
  opacity: 1;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.modal-backdrop.additionalblur {
  backdrop-filter: blur(5px);
}

.redirectbg {
  background-color: #ffffff;
}

.progress-container {
  width: 100%;
  height: 10px;
  background: #cccccc;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 10px;
}

.progress-fill {
  height: 100%;
  background: #55a8dc;
  transition: width 0.3s ease;
}

.pbar29RangesliderWrapper {
  width: 100%;
  margin: 0px auto;
}

.pbar29Horizontal {
  height: 0.29em;
  border-radius: 0.6em;
}

.pbar29Rangeslider,
.pbar29Rangeslider .pbar29RangesliderFill {
  display: block;
}

.pbar29Rangeslider {
  margin: 20px 0;
  position: relative;
  touch-action: none;
}

.pbar29Horizontal .pbar29RangesliderFill {
  width: 100% !important;
  height: 100%;
  border-radius: 10px;
  top: 0;
}

.pbar29Rangeslider .pbar29RangesliderHandle {
  display: inline-block;
  position: absolute;
  left: 3%;
  top: 0px;
}

.pbar29RangesliderLabels {
  position: absolute;
  top: -33px;
  list-style-type: none;
  left: -5px;
  font-weight: bold;
  padding-inline-start: 0px;
  font-size: 0.938rem;
  text-align: center;
}

.pbar29Horizontal .pbar29Grey {
  background: transparent;
}

.customRangeBar {
  list-style-type: none;
  width: 100%;
  display: flex;
}

.customRangeBar div {
  display: inline-block;
  height: 4px;
  margin: 0px 0px 0px -3px;
}

.customRangeBar div:nth-child(1) {
  background-color: #51b255;
  width: 30%;
}

.customRangeBar div:nth-child(2) {
  background-color: #ffe500;
  width: 20%;
}

.customRangeBar div:nth-child(3) {
  background-color: #ff6b00;
  width: 20%;
}

.customRangeBar div:nth-child(4) {
  background-color: #dd504d;
  width: 30%;
}

.pbar29RangesliderLabelname li:nth-child(1) {
  color: #51b255;
  width: 30%;
}

.pbar29RangesliderLabelname li:nth-child(2) {
  color: #ffe500;
  width: 20%;
}

.pbar29RangesliderLabelname li:nth-child(3) {
  color: #ff6b00;
  width: 20%;
}

.pbar29RangesliderLabelname li:nth-child(4) {
  color: #dd504d;
  width: 30%;
}

.pbar29RangesliderLabelname {
  width: 100%;
  padding-inline-start: 0px !important;
}

.pbar29RangesliderLabelname li {
  display: inline-block;
}

@keyframes blinkingDot {
  50% {
    opacity: 0.6;
    transform: translate3d(-250%, -250%, 0);
  }
}
.SkewCode {
  clip-path: polygon(3% 3%, 100% 0, 97% 97%, 0 100%);
}

.Skewcoderight1 {
  clip-path: polygon(0% 2%, 100% 0, 98% 97%, 0 100%);
}

.Skewcoderight2 {
  clip-path: polygon(2% 0, 100% 0, 100% 99%, 0 100%);
}

@media screen and (max-width: 1024px) {
  .pbar29RangesliderWrapper {
    margin: 0 0px;
  }
  .pbar29RangesliderWrapper .pbar29RangesliderLabelname li {
    font-size: 0.625rem;
  }
  .pbar29RangesliderWrapper .customRangeBar div {
    margin: 0px auto;
    height: 4px;
  }
}
.pbar29Horizontal .pbar29RangesliderHandle::after {
  content: "";
  position: absolute;
  left: -5px;
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 0.6em solid #44475b;
  border-radius: 0;
  outline: none;
  top: -0.7em;
  transition: 0.5s ease-in-out;
}

.pbar29Horizontal .pbar29RangesliderHandle.bt-green::after {
  border-top: 0.6em solid #51b255;
}

.pbar29Horizontal .pbar29RangesliderHandle.bt-orange::after {
  border-top: 0.6em solid #ff6b00;
}

.pbar29Horizontal .pbar29RangesliderHandle.bt-blood-red::after {
  border-top: 0.6em solid #dd504d;
}

.pbar29Horizontal .pbar29RangesliderHandle.bt-yellow::after {
  border-top: 0.6em solid #ffe500;
}

.pbar29Horizontal .pbar29RangesliderHandle.bt-green .pbar29RangesliderLabels li {
  color: #51b255;
  justify-content: center;
  align-items: center;
}
.pbar29Horizontal .pbar29RangesliderHandle.bt-orange .pbar29RangesliderLabels li {
  color: #ff6b00;
  justify-content: center;
  align-items: center;
}
.pbar29Horizontal .pbar29RangesliderHandle.bt-blood-red .pbar29RangesliderLabels li {
  color: #dd504d;
  justify-content: center;
  text-align: center;
}
.pbar29Horizontal .pbar29RangesliderHandle.bt-yellow .pbar29RangesliderLabels li {
  color: #ffe500;
  justify-content: center;
  align-items: center;
}

.negativeClassbrd {
  border-left: 3px solid #dd504d;
}

.TextValueProgressbarnegative {
  float: right;
  right: 5%;
  position: absolute;
  font-size: 1rem;
  line-height: 60px;
  font-family: "DMSansMedium";
}

.datacontent.dataContentnegative {
  justify-content: flex-start;
  margin-left: 5px;
  font-family: "RobotoRegular";
}
.datacontent.dataContentnegative span:first-child {
  text-align: left !important;
}

@media (min-width: 320px) {
  .colhalf {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 320px) {
  .colfull {
    flex: 0 0 auto;
    width: 100%;
  }
}
.positive {
  background-color: #51b255 !important;
}

.positiveValue {
  color: #51b255 !important;
}

.negativeValue {
  color: #dd504d !important;
}

.negative {
  background-color: #dd504d !important;
}

.commondatavalue {
  font-family: "DMSansMedium";
  font-size: 1rem;
  width: 100%;
  display: inline-block;
  color: #444444;
}

.Progresscommondatavalue {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  width: 100%;
  display: inline-block;
  color: #444444;
}

.progresscommongrayvalue {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #b8b8b8 !important;
}

.commondatanumber {
  font-family: "RobotoRegular";
  font-size: 1rem;
  color: #444444;
  white-space: nowrap;
}

.commondatanumberpositive {
  font-family: "RobotoMedium";
  font-size: 1rem;
  color: #444444;
  width: 100%;
  display: inline-block;
}

.progress {
  height: 60px !important;
  background-color: transparent;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  margin-bottom: 5px;
}
.progress .progress-bar-success {
  border-left: 3px solid #51b255 !important;
  float: left;
  background-color: #f0fdf6;
}
.progress .progress-bar-negative {
  float: right;
  background-color: #fff5f5;
}
.progress .progress-bar {
  font-size: 1.125rem;
  line-height: 60px;
  color: #000;
  border-bottom: none;
  box-shadow: none;
}
.progress .textvalueprogressbar {
  position: absolute;
  font-size: 1rem;
  line-height: 60px;
  text-indent: 10px;
  font-style: normal;
  font-family: "DMSansMedium";
}
.progress .datacontent {
  display: grid;
  margin-top: 5px;
}
.progress .datacontent span {
  font-size: 1rem;
  width: 100%;
  display: inline-block;
  text-align: right;
  font-family: "RobotoRegular";
}
.progress .datacontent :first-child {
  font-weight: 400;
}
.progress .datacontent :last-child {
  font-weight: 500;
}

.progresscontainer {
  position: relative;
  width: 100%;
}
.progresscontainer .progressbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
}
.progresscontainer .progress-bar-negative {
  border-left: 3px solid #dd504d;
}
.progresscontainer .stack-top {
  z-index: 9;
  margin: 0px;
}

@media screen and (max-width: 1024px) {
  .commondatavalue {
    font-size: 0.875rem;
    line-height: 25px;
  }
  .progresscommongrayvalue {
    font-size: 0.75rem;
  }
  .Progresscommondatavalue {
    font-size: 0.75rem;
  }
  .TextValueProgressbarnegative {
    font-size: 0.875rem;
  }
  .commondatanumber {
    font-size: 0.875rem;
  }
  .commondatanumberpositive {
    font-size: 0.875rem;
  }
  .progress .textvalueprogressbar {
    font-size: 0.875rem;
  }
  .progress .TextValueProgressbarnegative {
    font-size: 0.875rem;
  }
}
.text-indent10 {
  text-indent: 0px !important;
}

@media (max-width: 768px) {
  .indices-dynamic-indicator .blue-green-theme .dbar29RangesliderWrapper .fullwidth .mobiletop-content {
    position: relative;
    top: -12px;
  }
}
.indices-dynamic-indicator .dbar29RangesliderLabelname .commondatanumber {
  font-weight: 600;
}

:root {
  font-size: 16px;
}

.viewall-icon-container {
  height: 41px;
  width: 41px;
  border-radius: 50%;
  border: 1px solid rgba(53, 128, 247, 0.05);
}
.viewall-icon-container .viewall-icon-box {
  height: 30.5px;
  width: 30.5px;
  border-radius: 50%;
  background: rgba(53, 128, 247, 0.1);
  position: relative;
  top: 4px;
  left: 4px;
}
.viewall-icon-container .viewall-icon-box .viewall-icon {
  height: 23px;
  width: 23px;
  background: #3580f7;
  color: #ffffff;
  border-radius: 50%;
  position: relative;
  top: 3.7px;
  left: 3.7px;
}
.viewall-icon-container .viewall-icon-box .viewall-icon .edel-icon-arrow-right::before {
  left: 3px;
  top: 3px;
  font-size: 1.125rem;
  position: relative;
}

:root {
  font-size: 16px;
}

.marketgroup {
  width: 100%;
}
@media (max-width: 1023px) {
  .marketgroup {
    margin: 20px auto;
  }
}
.marketgroup .marketCard {
  border: 1px solid #e7e7e7;
  background: linear-gradient(0deg, #ffffff, #ffffff), #ffffff !important;
  border-radius: 5px !important;
  padding: 20px;
}
.marketgroup .marketCard .marketcardhead {
  background: none !important;
  border: none !important;
  display: flex;
  align-items: center;
  padding: 0 !important;
  justify-content: space-between;
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain {
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  color: #0b243a;
  display: flex;
  align-items: center;
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain strong {
  font-family: "DMSansBold";
}
@media (max-width: 1023px) {
  .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain {
    font-size: 1.25rem;
  }
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain .gap {
  margin-left: 15px;
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  color: #444444;
  line-height: 25.2px;
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 strong {
  font-family: "DMSansBold";
}
@media (max-width: 1023px) {
  .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
    font-size: 1.25rem;
  }
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
  margin-top: 5px;
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 17.5px;
}
@media (max-width: 1023px) {
  .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
    font-size: 0.75rem;
  }
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .back-button i {
  font-size: 1.563rem;
  margin-right: -8px;
  color: #03002f;
  top: 0px;
}
.marketgroup .marketCard .marketcardhead .mk-card-topright .rounded-circle.exclamation {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  display: inline-block;
  color: #03002f;
  border: 1px solid #e7e7e7;
  position: relative;
  cursor: pointer;
  top: 0px;
}
@media screen and (max-width: 1023px) {
  .marketgroup .marketCard .marketcardhead .mk-card-topright .rounded-circle.exclamation {
    height: 30px;
    width: 30px;
  }
}
.marketgroup .marketCard .marketcardhead .mk-card-topright .rounded-circle.exclamation i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}
.marketgroup .marketCard .marketcardhead .mk-card-topright .rounded-circle1.exclamation1 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  color: #03002f;
  border: 1px solid #e7e7e7;
  position: relative;
  cursor: pointer;
  top: 0px;
}
.marketgroup .marketCard .marketcardhead .mk-card-topright .rounded-circle1.exclamation1 i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}
.marketgroup .marketCard .marketcardbody {
  padding: 20px 0px;
}
.marketgroup .marketCard .marketcardfoot {
  background: none !important;
  border: none !important;
  display: flex;
  padding: 0 !important;
  align-items: center;
  justify-content: space-between;
}
.marketgroup .marketCard .marketcardfoot .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.marketgroup .marketCard .marketcardfoot .share-icon .edel-icon-share-icon:before {
  content: "\e96c";
  font-size: 1rem;
  color: #03002f;
}
.marketgroup .marketCard .marketcardfoot .mcard-view-all {
  color: #03002f;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  cursor: pointer;
}
@media (max-width: 1023px) {
  .marketgroup .marketCard .marketcardfoot .mcard-view-all {
    font-size: 0.875rem;
  }
}

.common-marketcard-nopadding.marketgroup .marketCard {
  padding: 0px !important;
}
@media (max-width: 768px) {
  .common-marketcard-nopadding.marketgroup .marketCard {
    padding: 0px !important;
  }
}
.common-marketcard-nopadding.marketgroup .marketCard .marketcardhead {
  padding: 20px !important;
}
.common-marketcard-nopadding.marketgroup .marketCard .marketcardfoot {
  padding-bottom: 0px !important;
}
.common-marketcard-nopadding.marketgroup .marketCard .marketcardbody {
  padding-bottom: 0px !important;
}

.generic-stock-cards {
  cursor: pointer;
}
.generic-stock-cards .period {
  position: relative;
  top: -3px;
  width: 3px;
  height: 3px;
  color: #b8b8b8;
  font-weight: bold;
  line-height: 0px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .period {
    top: -5px;
  }
}
.generic-stock-cards p {
  margin: 0px;
  overflow-wrap: break-word;
}
.generic-stock-cards {
  padding: 20px 6px 20px 12px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards {
    padding: 15px;
  }
}
.generic-stock-cards {
  border: 1px solid #e7e7e7;
}
.generic-stock-cards .generic-stock-card-title {
  margin-bottom: 15px;
}
.generic-stock-cards .generic-stock-card-title .edel-icon-edit {
  font-size: 0.938rem;
  height: 15px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-title {
    margin-bottom: 8px;
  }
}
.generic-stock-cards .generic-stock-card-title h4 {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 22.4px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 0px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-title h4 {
    font-size: 0.875rem;
    line-height: 19.6px;
  }
}
.generic-stock-cards .generic-stock-card-stock-value {
  margin-bottom: 5px;
  line-height: 20.8px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-stock-value {
    margin-bottom: 2px;
    line-height: 18.2px;
  }
}
.generic-stock-cards .generic-stock-card-stock-value p {
  margin: 0px;
  font-family: "RobotoRegular";
  font-size: 1rem;
  font-weight: 400;
  line-height: 20.8px;
  letter-spacing: 0em;
  text-align: left;
  overflow-wrap: break-word;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-stock-value p {
    font-size: 0.875rem;
    line-height: 18.2px;
  }
}
.generic-stock-cards .generic-stock-card-stock-percentage-and-change {
  line-height: 20.8px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-stock-percentage-and-change {
    line-height: 18.2px;
  }
}
.generic-stock-cards .generic-stock-card-stock-percentage-and-change span {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 20.8px;
  letter-spacing: 0em;
  text-align: left;
}
.generic-stock-cards .generic-stock-card-stock-percentage-and-change span:last-child {
  padding-left: 5px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-stock-percentage-and-change span:last-child {
    padding-left: 3px;
  }
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-stock-percentage-and-change span {
    font-size: 0.875rem;
    line-height: 18.2px;
  }
}
.generic-stock-cards .generic-stock-card-stock-percentage-and-change span.change-green {
  color: #51b255;
}
.generic-stock-cards .generic-stock-card-stock-percentage-and-change span .change-red {
  color: #dd504d;
}
.generic-stock-cards .generic-stock-date-status {
  padding-top: 41px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-date-status {
    padding-top: 22px;
  }
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-date {
  line-height: 14px;
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-date p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  white-space: nowrap;
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-date .generic-stock-time {
  font-family: "DMSansNormal";
  font-size: 0.688rem;
  font-weight: 300;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: left;
  color: #b8b8b8;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-date-status .generic-stock-card-date .generic-stock-time {
    font-size: 0.625rem;
  }
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-date .generic-stock-date {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: left;
  color: #b8b8b8;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-date-status .generic-stock-card-date .generic-stock-date {
    font-size: 0.625rem;
  }
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-status span {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  vertical-align: bottom;
}
@media (max-width: 768px) {
  .generic-stock-cards .generic-stock-date-status .generic-stock-card-status span {
    font-size: 0.625rem;
    padding-left: 2px;
  }
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-date-status .generic-stock-card-status {
    font-size: 0.625rem;
    line-height: 12.5px;
    font-family: "DMSansMedium";
    font-weight: 500;
  }
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-status span.live {
  color: #03002f;
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-status span.preopen,
.generic-stock-cards .generic-stock-date-status .generic-stock-card-status .closed {
  color: #ff6b00;
}

.activeClassStockCard {
  background-color: #f2f2f5;
}

.generic-stock-card-status span[data-attr=Open] {
  color: #03002f !important;
}
.generic-stock-card-status span[data-attr=Closed] {
  color: #f7943e !important;
}

:root {
  font-size: 16px;
}

@media (max-width: 1023px) {
  .floating-action-button {
    position: fixed;
    bottom: 85px;
    right: 20%;
    z-index: 2;
    left: 0%;
    width: 70%;
  }
  .floating-action-button .hop-float-button {
    position: fixed;
    right: 15%;
  }
  .floating-action-button .HopBtn p {
    margin: 0;
    margin-left: 20px;
    font-family: "DMSansMedium";
    font-size: 1rem;
    line-height: 22.4px;
    color: #ffffff;
  }
  .floating-action-button .btn-info {
    background-color: #03002f;
    border-radius: 50%;
    border: 0px;
  }
  .floating-action-button .btn-info.hopBtnBorder {
    border-radius: 22px;
    width: 86px;
    height: 44px;
    position: fixed;
    bottom: 85px;
    right: 89px;
    z-index: 99;
  }
  .floating-action-button .btn-info .edel-icon-close::before {
    color: #ffffff;
    font-weight: bolder;
    font-size: 1rem;
  }
  .floating-action-button .btn-info .edel-icon-bars::before {
    color: #ffffff;
    font-weight: bolder;
    font-size: 0.75rem;
    position: absolute;
    top: 35%;
  }
  .floating-action-button .dropdown-menu {
    background: linear-gradient(0deg, #ffffff, #ffffff), #ffffff;
    border-radius: 5px;
    margin-left: 0px !important;
    margin-bottom: 10% !important;
    width: 100%;
    overflow: scroll;
  }
}
@media (max-width: 1023px) and (max-width: 375px) {
  .floating-action-button .dropdown-menu {
    height: 460px;
  }
}
@media (max-width: 1023px) {
  .floating-action-button .dropdown-menu .listHead {
    padding: 15px 20px;
    border: 1px solid #f2f2f5;
    margin-right: 0;
  }
  .floating-action-button .dropdown-menu .listHead .dotBlue {
    width: 4px;
    height: 4px;
    background-color: #03002f;
    border-radius: 50%;
    margin-right: 10px;
  }
  .floating-action-button .dropdown-menu .listHead p {
    color: #444444;
    font-size: 0.875rem;
    line-height: 24px;
    font-family: "DMSansMedium";
  }
  .floating-action-button .dropdown-menu .subLists {
    margin: 0 15px;
  }
  .floating-action-button .dropdown-menu .subLists li {
    margin-right: 0;
    border-bottom: 1px solid #f2f2f5;
  }
  .floating-action-button .dropdown-menu .subLists li a {
    color: #727271;
    font-size: 0.875rem;
    line-height: 24px;
    font-family: "DMSansMedium";
  }
  .floating-action-button .dropdown-menu .subLists li a:hover {
    color: #444444;
    display: flex;
    align-items: center;
  }
  .floating-action-button .dropdown-menu .subLists li a:hover:before {
    content: "\e962";
    font-family: "edel_icon";
    color: #03002f;
    font-size: 5px;
    padding-right: 10px;
  }
  .dropup .dropdown-menu,
  .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 120%;
    margin-bottom: 2px;
    left: 20%;
    right: 2%;
  }
  .open > .dropdown-menu {
    display: block;
  }
  .dropdown-toggle:after {
    content: none !important;
  }
}
@media (min-width: 1023px) {
  .floating-action-button {
    display: none;
  }
}
.hopBtnBorder-scrolled .floating-action-button .hopBtnBorder {
  right: 20px;
}
.hopBtnBorder-scrolled .floating-action-button .dropdown-toggle {
  width: 46px !important;
}

.equity-dropdown-block > .btn-primary.dropdown-toggle {
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-width: 1px;
  border-style: solid;
  width: 100%;
}
.equity-dropdown-block .equitydrop {
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-width: 1px;
  border-style: solid;
  border-color: #ebf2fe;
  border-radius: 5px;
  color: #727271 !important;
  background-color: #ffffff !important;
  padding: 5px 11px 5px 10px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  line-height: 0px;
}
.equity-dropdown-block .equitydrop i {
  font-size: 0.938rem;
  position: relative;
  top: 0px !important;
  display: flex;
  align-items: center;
}
.equity-dropdown-block .equitydrop i.equity-drp-bigicon {
  font-size: 0.938rem;
}
@media (max-width: 768px) {
  .equity-dropdown-block .equitydrop i.equity-drp-bigicon {
    font-size: 0.938rem;
  }
}
.equity-dropdown-block .equitydrop i:before {
  color: #03002f;
}
.equity-dropdown-block .equitydrop:after {
  display: none;
}
.equity-dropdown-block .dropdown-menu {
  color: #444444;
  border-width: 1px;
  border-style: solid;
  border-color: #ebf2fe;
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  padding: 0;
  background-color: #ffffff;
  border-radius: 5px;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 20px;
  margin-top: 10px;
  z-index: 7;
  overflow-y: scroll;
  transform: translate(0px, 34px);
}
@media (max-width: 768px) {
  .equity-dropdown-block .dropdown-menu {
    background-color: #f2f2f5;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  }
}
.equity-dropdown-block .dropdown-menu::-webkit-scrollbar {
  width: 2px !important;
}
.equity-dropdown-block .dropdown-menu::-webkit-scrollbar-track {
  height: 10px !important;
  width: 10px;
}
.equity-dropdown-block .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #03002f;
  height: 10px !important;
  width: 10px !important;
}
.equity-dropdown-block .dropdown-menu .dropdown-item {
  padding: 10px 0px 10px 10%;
  color: #444444;
  line-height: 18px;
}
.equity-dropdown-block .dropdown-menu .dropdown-item:hover {
  color: #03002f;
  background: none;
}
.equity-dropdown-block .dropdown-menu .equitydropdown-itemsblock {
  padding: 0 10%;
  border-width: 1px;
  border-style: solid;
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-radius: 5px;
  color: #727271;
  background-color: #ffffff;
}

.equity-dropdown-block.show i::before {
  transform: rotateZ(180deg);
  color: #03002f;
}
.equity-dropdown-block.show .trash::before {
  content: "\e940";
  font-family: "edel_icon";
  font-size: #dd504d;
}
.equity-dropdown-block.show .dropdown-menu {
  min-height: 100px;
  max-height: 160px;
  min-width: 83px;
  border-width: 1px;
  border-style: solid;
  border-color: #ebf2fe;
}
.equity-dropdown-block.show .dropdown-menu .dropdown-item {
  padding: 20px 15px 10px 15px;
}

.equity-dropdown-block.common-new-drp.show .dropdown-menu {
  min-height: unset;
  min-width: 83px;
  border-width: 1px;
  border-style: solid;
  border-color: #ebf2fe;
}
.equity-dropdown-block.common-new-drp.show .dropdown-menu .dropdown-item {
  padding: 15px 15px !important;
}

.equity-dropdown-block-noborder > .btn-primary.dropdown-toggle {
  border: none !important;
  font-size: 0.75rem !important;
  padding: 0px !important;
  color: #b8b8b8 !important;
}

.generic-tabs .nav-tabs {
  border: 0;
  margin: 0 !important;
  border-bottom: 0;
}
.generic-tabs .nav-tabs .nav-item {
  padding: 0;
  margin: 0;
}
.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 11px 16px 5px 16px;
  font-size: 0.875rem;
  color: #727271;
  border: 0;
  font-family: "DMSansNormal";
}
.generic-tabs .nav-tabs .nav-item .nav-link.active {
  font-family: "DMSansMedium";
  color: #03002f;
  border-bottom: 2px solid #03002f;
}

@media screen and (max-width: 1023px) {
  .generic-tabs .nav-tabs {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    align-content: flex-start;
  }
  .generic-tabs .nav-tabs::-webkit-scrollbar {
    display: none;
  }
  .generic-tabs .nav-tabs .nav-item .nav-link {
    padding: 7px 4px 7px 6px;
    font-size: 1rem;
    font-family: "DMSansNormal";
  }
  .generic-tabs .nav-tabs .nav-item .nav-link.active {
    font-family: "DMSansMedium";
  }
}
@media (max-width: 768px) {
  .generic-tabs.common-tab-color .nav-tabs {
    flex-direction: column;
    overflow-y: hidden;
    overflow-x: scroll;
    height: 35px;
  }
}
.generic-tabs.common-tab-color .nav-item .nav-link {
  color: #727271 !important;
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
}
.generic-tabs.common-tab-color .nav-item .nav-link.active {
  font-family: "DMSansMedium" !important;
  color: #03002f !important;
  border-bottom: 2px solid #03002f !important;
}
.generic-tabs.common-tab-color.showborder .nav {
  border-bottom: 1px solid #e7e7e7;
}
.generic-tabs.common-tab-padding .nav-tabs .nav-item .nav-link {
  padding: 16px 20px 5px 5px !important;
}
.generic-tabs.sort-filter-mob-padding .nav-tabs .nav-item .nav-link {
  padding: 12px 10px 5px 10px !important;
  margin: 0px 12px 0px 5px;
}

.slidingpane-icon-block {
  display: flex;
  text-wrap: nowrap;
  padding: 15px 15px 2.28px 10px;
  color: #03002f;
  align-items: center;
  gap: 10px;
  text-align: center;
}
.slidingpane-icon-block .icon-tile {
  padding-right: 4%;
}
@media (max-width: 768px) {
  .slidingpane-icon-block .icon-tile {
    padding-right: 3%;
  }
}
.slidingpane-icon-block .icon-tile {
  border-right: 1px solid #e7e7e7;
  line-height: 15px;
}
.slidingpane-icon-block .icon-tile:last-child {
  border-right: none;
}
.slidingpane-icon-block .icon-tile:last-child a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.slidingpane-icon-block .icon-tile .new-report {
  font-size: 0.5rem;
  font-family: "DMSansMedium";
  color: #ffffff;
  background-color: #dfa717;
  border-radius: 2px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 4px;
}
.slidingpane-icon-block .icon-text {
  font-size: 0.75rem;
  line-height: 21.6px;
  font-family: "DMSansMedium";
  color: #03002f;
  text-wrap: nowrap;
}
.slidingpane-icon-block .icon-text.margin-top-13 {
  margin-top: 13px;
}

.ReactModal__Body--open {
  overflow: hidden !important;
}

.drawerblock .drawer-header {
  padding: 20px 21px 20px 15px;
  background: #f2f2f5;
}
.drawerblock .drawer-header.custom-heading-sidebar {
  padding: 15px !important;
}
@media (max-width: 768px) {
  .drawerblock .drawer-header {
    padding: 10px 21px 20px 15px;
  }
}
.drawerblock .drawer-header-topMost {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .drawerblock .drawer-header-topMost {
    margin-bottom: 0px;
  }
}
.drawerblock .drawer-header-topMost .drawer-isin, .drawerblock .drawer-header-topMost .drawer-exc {
  font-family: "DMSansMedium";
  font-size: 0.625rem;
  line-height: 14px;
  color: #b8b8b8;
}
.drawerblock .drawer-header .drawer-header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .drawerblock .drawer-header .drawer-header-top {
    margin-bottom: 0px;
  }
}
.drawerblock .drawer-header .drawer-header-top {
  line-height: 140%;
}
.drawerblock .drawer-header .drawer-header-top .drawer-dname {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #292929;
}
.drawerblock .drawer-header .drawer-header-top .drawer-qty {
  font-size: 0.875rem;
  color: #444444;
  font-family: "RobotoRegular";
}
.drawerblock .drawer-header .drawer-header-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 140%;
}
.drawerblock .drawer-header .drawer-header-bottom .drawer-desc {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  color: #727271;
}
.drawerblock .drawer-body {
  padding-bottom: 70px;
}
.drawerblock .drawer-footer {
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 69px;
  background: #ffffff;
  padding: 15px 25px 14px;
  box-shadow: 0px 4px 17px rgba(60, 60, 60, 0.11);
  position: fixed;
  width: 100%;
  bottom: 0;
  gap: 26px;
}
.drawerblock .drawer-footer .Buy-btn,
.drawerblock .drawer-footer .Sell-btn {
  width: 100%;
  height: 40px;
  padding: unset;
}
.drawerblock .drawer-values {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
}

.sortbutton-drawer .drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sortbutton-drawer .drawer-header .sortname {
  font-family: "DMSansBold";
  font-size: 0.875rem;
  line-height: 140%;
  color: #333333;
}
.sortbutton-drawer .drawer-header .clearall {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 140%;
  color: #3580f7;
}
.sortbutton-drawer .drawer-header .blue-link {
  background: none;
}
.sortbutton-drawer .drawer-body .sortlist-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  padding: 18px 15px;
}
.sortbutton-drawer .drawer-body .sortlist-body .sortlist-names {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 140%;
}
.sortbutton-drawer .drawer-body .sortlist-body .sortlist-values {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  color: rgba(114, 114, 113, 0.5);
}
.sortbutton-drawer .drawer-body .sortlist-body .sortlist-values i {
  margin-left: 6px;
}
.sortbutton-drawer .drawer-body .nested-sort {
  padding: 15px;
  border-bottom: 1px solid #e8e8e8;
}
.sortbutton-drawer .drawer-body .nested-sort .sortlist-body {
  border: 0;
  padding: 12px 5px 10px 20px;
}
.sortbutton-drawer .drawer-footer .ed_button.button {
  width: 100%;
}

.market-drawer__handle-wrapper {
  background-color: #f2f2f5;
  border-radius: 5px 5px 0px 0px;
}
.market-drawer__content {
  height: 70vh !important;
  padding: 0px !important;
}
.market-drawer__backdrop {
  backdrop-filter: blur(10px);
}

.bottom-contents.bottom-contents-footer-drawer {
  left: 0%;
  right: 0%;
}
.bottom-contents.bottom-contents-footer-drawer .bottom-contents-btn-section {
  display: flex;
  gap: 10px;
  padding: 10px;
}
.bottom-contents.bottom-contents-footer-drawer .bottom-contents-btn-section .ed_button {
  width: 100%;
}

.Marketstock-details-block .stock-details-head {
  background: #f2f2f5;
  font-family: "DMSansNormal";
  background-color: #f2f2f5;
}
.Marketstock-details-block .stock-details-head .stock-details-head-mid .scrips-stocks {
  font-family: "DMSansMedium";
}
.Marketstock-details-block .stock-details-head .stock-details-head-mid .scrips-stocks .holdings-count {
  font-family: "RobotoRegular";
}
.Marketstock-details-block .stock-details-head .stock-details-head-mid .markets-qtyValue {
  font-size: 0.875rem;
  font-family: "RobotoRegular";
  color: #444444;
}
.Marketstock-details-block .stock-details-head .stock-details-switch-key {
  color: #03002f;
}
.Marketstock-details-block .stock-details-body {
  font-family: "DMSansNormal";
}
.Marketstock-details-block .stock-details-footer {
  background: #ffffff;
  z-index: 2;
}
.Marketstock-details-block .stock-details-footer .action {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.Marketstock-details-block .stock-details-head-bottom .market-description {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.Marketstock-details-block .stock-details-head-bottom .market-desc-perc {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
}

.slide-pane {
  box-shadow: none;
  width: 390px !important;
  background: transparent !important;
}

.generic-sidebar-overlayblock {
  z-index: 1450;
}
.generic-sidebar-overlayblock.blur-background {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(204, 204, 204, 0.15);
}
.generic-sidebar-overlayblock.no-blur {
  background-color: unset;
}

@media screen and (min-width: 1023px) {
  .stock-details-overlayblock {
    z-index: 999;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
  }
  .stock-details-overlayblock .stock-details-block {
    max-width: 390px;
    box-shadow: none;
  }
}
.title {
  display: flex;
  gap: 7px;
  align-items: center;
}
.title#reports-th {
  display: grid;
  grid-template-columns: auto 10px;
  gap: 4px;
  white-space: nowrap;
}
.title#reports-th .title {
  white-space: nowrap;
}
.title .arrows {
  display: grid;
  cursor: pointer;
}
.title .arrows .edel-icon-caret-up {
  margin-bottom: 2px;
  margin-top: -2px;
}
.title .arrows .edel-icon-caret-down {
  margin-top: -7px;
}
.title .arrows .arrow-at-a-time {
  color: #03002f;
}
.title .arrows .arrow-at-a-time .edel-icon-arrow-down {
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.title .arrows .arrow-at-a-time .edel-icon-arrow-down.down {
  transform: rotate(180deg);
  left: 5px !important;
  top: 0px !important;
}
.title .arrows .arrow-at-a-time .edel-icon-arrow-up {
  font-size: 0.75rem;
}

.positionRelative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.bg-light {
  background-color: #f9f9f9 !important;
}

.innerloader {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.outerdivloader {
  inset: 0px;
  z-index: 1;
}

.middleloader {
  inset: 0px;
  backdrop-filter: blur(2px);
}

.p-l {
  position: relative;
}

.marketMap .highcharts-axis-labels_active {
  font-weight: 700;
  fill: #03002f !important;
  color: #03002f !important;
}
.marketMap .highcharts-credits {
  display: none;
}
.marketMap .highcharts-axis-labels.highcharts-xaxis-labels text:not(.highcharts-axis-labels_active) {
  fill: #727271 !important;
  color: #727271 !important;
}
.marketMap .highcharts-stack-labels {
  cursor: pointer;
}
.marketMap .highcharts-axis-stack_active {
  opacity: 1 !important;
}
.marketMap .highcharts-axis-stack_active text {
  fill: #03002f !important;
  color: #03002f !important;
}

.highcharts-credits {
  display: none !important;
}

.chartiqToc {
  padding: 15px 17px 20px 15px;
  z-index: 1;
  position: relative;
}
.chartiqToc .graph-chart {
  max-height: 100vh;
  height: 70vh;
  width: 100%;
  overflow: scroll;
}

.chartiqToc-mob .graph-chart {
  height: calc(100vh - 140px);
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .chartiqouterclass {
    margin-bottom: 30px;
  }
}
.chartiqouterclass {
  padding: 15px 17px 20px 15px;
  z-index: 1;
  position: relative;
}
.chartiqouterclass .graph-chart {
  height: 300px;
  width: 100%;
}
@media (max-width: 768px) {
  .chartiqouterclass .graph-chart {
    overflow: hidden;
  }
}

.rec-body-mob .chartiqouterclass {
  padding: 15px 25px 100px 25px;
}

.insider-trading-mob .chartiqouterclass {
  padding: 15px 25px 100px 25px;
}

.Headingchartiq {
  font-family: "DMSansBold";
  font-size: 1rem;
  line-height: 22px;
}

.expandview-chart .headerSection {
  height: 10px;
}
@media (max-width: 1023px) {
  .expandview-chart .headerSection {
    display: flex;
    padding-left: 0px;
    height: 40px;
  }
}
@media (min-width: 1023px) {
  .expandview-chart .headerSection .vama-logo {
    display: none;
  }
}
.expandview-chart .headerSection .back-btn {
  top: 11px;
  left: -4px;
  position: absolute;
  font-size: 38px;
}
@media (max-width: 1023px) {
  .expandview-chart .headerSection .back-btn {
    position: static;
  }
}
.expandview-chart .headerSection .trade-btns {
  position: fixed;
  top: 10px;
  width: auto;
  height: 28px;
  padding: 10px 10px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  border-radius: 5px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.expandview-chart .headerSection .trade-btns.green_btn {
  right: 70px;
  background-color: #51b255;
}
@media (max-width: 1023px) {
  .expandview-chart .headerSection .trade-btns.green_btn {
    width: 100px;
    right: 130px;
  }
}
.expandview-chart .headerSection .trade-btns.red_btn {
  right: 8px;
  background-color: #e71e04;
}
@media (max-width: 1023px) {
  .expandview-chart .headerSection .trade-btns.red_btn {
    width: 100px;
    right: 15px;
  }
}
.expandview-chart .graph-chart-expand {
  width: calc(100% - 13px);
  height: calc(100vh - 18px);
}
@media (max-width: 1023px) {
  .expandview-chart .graph-chart-expand {
    height: calc(100vh - 46px);
  }
}
.expandview-chart .edel-icon-portrait {
  font-size: 1.438rem;
  padding-right: 5px;
}

.portrait_mode {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (orientation: landscape) and (min-device-width: 320px) and (max-device-width: 640px) {
  .expandview-chart .headerSection {
    height: 100vh;
    display: grid !important;
    justify-content: center;
  }
  .expandview-chart .headerSection .rightsection {
    display: grid;
  }
  .expandview-chart .Leftdiv {
    width: 10%;
  }
  .expandview-chart .rightdiv {
    width: 80%;
  }
}
.zoom-unset {
  zoom: unset !important;
}

.pivot-points {
  border-top: 1px solid #e7e7e7;
}
.pivot-points .pivotName {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 17px;
  color: #b8b8b8;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .pivot-points .pivotName {
    margin-bottom: 2px;
  }
}
.pivot-points .pivotValue {
  font-family: "RobotoMedium";
  font-size: 0.75rem;
  color: #444444;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .pivot-points .pivotValue {
    margin-bottom: 4px;
  }
}
.pivot-points .pivotDate {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
}

.txt_autumnBloom {
  color: #ffe1cc;
}

.bg_autumnBloom {
  background-color: #ffe1cc;
}

.bg_black-seven {
  background: #000000;
}

.txt_black-seven {
  color: #000000;
}

.txt_black-dark {
  color: #2e2b36;
}

.txt_warm-grey-eight {
  color: #999999;
}

.txt-blue-one {
  color: #0751a0;
}

.txt-orange-2 {
  color: #ff9c54;
}

.bg-blue-one {
  background-color: #0751a0;
}

.txt_black {
  color: #333333;
}

.txt_blackText {
  color: #1b1b1b;
}

.bg_blackText {
  background-color: #1b1b1b;
}

.txt_Buttercup {
  color: #d69a26;
}

.bg_Buttercup {
  background-color: #d69a26;
}

.txt_blackOne {
  color: #292929;
}

.bg_blackOne {
  background-color: #292929;
}

.txt_blackOne1 {
  color: #444444 !important;
}

.txt_blackEight {
  color: #0e0e0e;
}

.bg_blackOne1 {
  background-color: #444444;
}

.txt_greyOne {
  color: #70706f;
}

.bg_greyOne {
  background-color: #70706f;
}

.txt_green {
  color: #51b255;
}

.bg_green {
  background-color: #51b255;
}

.txt_green1 {
  color: #339900;
}

.bg_green1 {
  background: #339900;
}

.txt_grey {
  color: #545454;
}

.txt_monochromeGrey {
  color: #e7e7e7;
}

.bg_monochromeGrey {
  background-color: #e7e7e7 !important;
}

.txt_pinkishGrey {
  color: #cccccc;
}

.bg_pinkishGrey {
  background-color: #cccccc;
}

.txt_bloodRed {
  color: #dd504d;
}

.bg_bloodRed {
  background-color: #dd504d;
}

.txt_bloodRed1 {
  color: #f44336;
}

.bg_bloodRed1 {
  background: #f44336;
}

.txt_yellow {
  color: #ffb800;
}

.bg_yellow {
  background-color: #ffb800;
}

.txt_yellow1 {
  color: #ffb400;
}

.bg_yellow1 {
  background-color: #ffb400;
}

.txt_cream {
  color: #faefd4;
}

.bg_cream {
  background-color: #faefd4;
}

.txt_white {
  color: #ffffff;
}

.bg_mint_green {
  background-color: #e5f7f1;
}

.txt_mint_green {
  color: #e5f7f1;
}

.bg_lavendar_purple {
  background-color: #f8edf5;
}

.bg_white {
  background-color: #ffffff;
}

.txt_whiteTwenty {
  color: #eeeeee;
}

.bg_whiteTwenty {
  background-color: #eeeeee;
}

.txt_floralWhite {
  color: #fffbec;
}

.txt_orange_sand {
  color: #fdebd7;
}

.bg_orange_sand {
  background-color: #fdebd7;
}

.bg_floralWhite {
  background-color: #fffbec;
}

.bg_Bianca {
  background-color: #fffbed;
}

.txt_disabledBlue {
  color: #cbdfff;
}

.bg_disabledBlue {
  background-color: #cbdfff;
}

.txt_color2 {
  color: #00172b;
}

.bg_color2 {
  background-color: #00172b;
}

.txt_color4 {
  color: #05243f;
}

.bg_color4 {
  background-color: #05243f;
}

.txt_whiteSmoke {
  color: #fff2f2;
}

.bg_whiteSmoke {
  background-color: #fff2f2;
}

.txt_Honeydew {
  color: #eef7ee;
}

.bg_Honeydew {
  background-color: #eef7ee;
}

.txt_readmore {
  color: #ffe500;
}

.bg_readmore {
  background-color: #ffe500;
}

.txt_bodyColor {
  color: #fbfbfb;
}

.bg_bodyColor {
  background-color: #fbfbfb;
}

.txt_whiteNine {
  color: #f7f7f7;
}

.bg_whiteNine {
  background-color: #f7f7f7;
}

.txt_blueLight {
  color: #fbfdff;
}

.bg_blueLight {
  background-color: #fbfdff;
}

.txt_blueGrey {
  color: #f2f6fb;
}

.bg_blueGrey {
  background-color: #f2f6fb;
}

.txt_butteryWhite {
  color: #fcfbf2;
}

.bg_butteryWhite {
  background-color: #fcfbf2;
}

.txt_drakGrey {
  color: #c5c5c5;
}

.bg_drakGrey {
  background-color: #c5c5c5;
}

.txt_greyDarkTxt {
  color: #737373;
}

.bg_greyDarkTxt {
  background-color: #737373;
}

.txt_primaryGrey {
  color: #727271 !important;
}

.txt_spanishGrey {
  color: #919191 !important;
}

.txt_lightGrey {
  color: #888888 !important;
}

.txt_lightBlueOne {
  color: #f0f9ff;
}

.txt_silverGrey {
  color: #c9c9c9;
}

.bg_silverGrey {
  background-color: #c9c9c9;
}

.bg_lightBlueOne {
  background-color: #f0f9ff;
}

.bg_darkBlue {
  background-color: #425a95;
}

.bg_Gray77 {
  background-color: #c4c4c4;
}

.txt_Gray77 {
  color: #c4c4c4;
}

.txt_snow-drift {
  color: #f6fbf6;
}

.bg_snow-drift {
  background-color: #f6fbf6;
}

.txt_lightBlue {
  color: #f4f9ff;
}

.bg_lightBlue {
  background-color: #f4f9ff;
}

.txt_lightYellow {
  color: #fffbf2;
}

.bg_lightYellow {
  background-color: #fffbf2;
}

.bg_Twitter {
  background-color: #55a8dc;
}

.bg_linkedIn {
  background-color: #3679b1;
}

.txt_oliveYellow {
  color: #bab200;
}

.bg_oliveYellow {
  background-color: #bab200;
}

.txt_persianBlue {
  color: #0264ab;
}

.bg_persianBlue {
  background-color: #0264ab;
}

.txt_primaryBlack {
  color: #1c1c28;
}

.bg_primaryBlack {
  background-color: #1c1c28;
}

.txt_redDark {
  color: #f83c3c;
}

.bg_redDark {
  color: #f83c3c;
}

.txt_redBorder {
  color: #fe4d15;
}

.bg_redBorder {
  background-color: #fe4d15;
}

.txt_solitude {
  color: #e6eff7;
}

.bg_solitude {
  background-color: #e6eff7;
}

.bg_tomatoRed {
  background-color: #e71e04;
}

.bg_darkPeach {
  background-color: #f04e45;
}

.txt_tiffanyBlue {
  color: #00b6ab;
}

.bg_tintShade {
  background-color: #f9fbff;
}

.txt_VistaWhite {
  color: #fcf9f7;
}

.bg_VistaWhite {
  background-color: #fcf9f7;
}

.txt_lightPinkTwo {
  color: #fceded;
}

.bg_lightPinkTwo {
  background-color: #fceded;
}

.bg-very-light-green {
  background-color: rgba(81, 178, 85, 0.2117647059);
}

.txt_whiteFourteen {
  color: #e8e8e8;
}

.bg_whiteFourteen {
  background-color: #e8e8e8;
}

.txt_whiteSeventeen {
  color: #f0f0f0;
}

.bg_whiteSeventeen {
  background-color: #f0f0f0;
}

.txt_dp-close-b {
  color: #d3ecd5;
}

.bg_dp-close-b {
  background-color: #d3ecd5;
}

.txt_black_color {
  color: #060f1f;
}

.bg_carbon_gray {
  background-color: #2d2d2d;
}

.txt_carbon_gray {
  color: #2d2d2d;
}

.bg_black_color {
  background-color: #060f1f;
}

.txt_grey-color {
  color: #e6e6e6;
}

.bg_grey-color {
  background-color: #e6e6e6;
}

.txt_green-link {
  color: #1fc86d;
}

.bg_green-link {
  background-color: #1fc86d;
}

.txt_dark-blue {
  color: #263363;
}

.bg_dark-blue {
  background-color: #263363;
}

.txt_dodger-blue {
  color: #1283ff;
}

.bg_dodger-blue {
  background-color: #1283ff;
}

.txt_purple {
  color: #d21aff;
}

.bg_purple {
  background-color: #d21aff;
}

.txt_sum-pnl {
  color: #cacac9;
}

.bg_sum-pnl {
  background-color: #cacac9;
}

.txt_support-bg {
  color: #073054;
}

.bg_support-bg {
  background-color: #073054;
}

.txt_silver {
  color: #c6c6c6;
}

.bg_silver {
  background-color: #c6c6c6;
}

.txt_fantasy {
  color: #f4f4f4;
}

.bg_fantasy {
  background-color: #f4f4f4;
}

.bg_white {
  background-color: #ffffff !important;
}

.txt_misty-lavender {
  color: #c3c3de !important;
}

.txt-midnight-blue {
  color: #03002f !important;
}

.txt-darkmidnight-blue {
  color: #030130 !important;
}

.txt-nuvama-green {
  color: #00b274;
}

.bg-nuvama-green {
  background-color: #00b274;
}

.txt-dark-purple {
  color: #bd4b9b;
}

.bg-dark-purple {
  background-color: #bd4b9b;
}

.txt-nuvama-green {
  color: #00b274;
}

.bg-nuvama-green {
  background-color: #00b274;
}

.txt-dark-purple {
  color: #bd4b9b;
}

.bg-dark-purple {
  background-color: #bd4b9b;
}

.txt-dark-orange {
  color: #f7943e;
}

.bg-midnight-blue {
  background-color: #03002f !important;
}

.no_color {
  color: unset !important;
}

.txt-smokegrey {
  color: #727272;
}

.txt-gold {
  color: #dfa717;
}

.bg-gold {
  background-color: #dfa717;
}

.txt-secondarynavy {
  color: #3580f7;
}

.bg-secondarynavy {
  background-color: #3580f7;
}

.txt-footerprimary {
  color: #0b243a;
}

.txt-secondary-gray-light {
  color: #b7b7b7;
}

.txt_secondary-gray {
  color: #b8b8b8;
}

.txt_natural200 {
  color: #f1f3f9;
}

.bg_natural200 {
  background-color: #f1f3f9;
}

.txt_natural100 {
  color: #f8f9fc;
}

.bg_natural100 {
  background-color: #f8f9fc;
}

.mob-grey-bg {
  background-color: #f5f5f5;
}

.bg_grey-bg2 {
  background-color: #f5f5f2;
}

.txt_light_green {
  color: #8adf8d;
}

.bg_light_green {
  background-color: #8adf8d;
}

.bg_light_green1 {
  background-color: #d3e8c9;
}

.txt_ed_blue {
  color: #3580f7;
}

.bg_ed_blue {
  background-color: #3580f7;
}

.txt_secondary_gray {
  color: #b8b8b8;
}

.bg_secondary_gray {
  background-color: #b8b8b8;
}

.txt_error_red {
  color: #ff6258;
}

.bg_error_red {
  background-color: #ff6258;
}

.txt-secondary-navy {
  color: #3580f7;
}

.bg-secondary-navy {
  color: #3580f7;
}

.txt-secondary-gray {
  color: #b8b8b8;
}

.txt-gold {
  color: #dfa717;
}

.txt-oslo_grey {
  color: #8a8a8a;
}

.txt_black-turtle {
  color: #3f3f3f;
}

.no_bg {
  background-color: unset !important;
  background: unset !important;
}

.txt-orange-light {
  color: #f7943e;
}

.txt-tomato {
  color: #f04e45;
}

.txt-faded-orange {
  color: #f7943e;
}

.bg-rose-white {
  background-color: #fef6f0;
}

.bg_aqua_white {
  background-color: #f2f2f5;
}

.txt_wax_flower {
  color: #fcc08c;
}

.txt-orange_color {
  color: #ff6b00;
}

.bg-orange_color {
  background-color: #ff6b00;
}

.bg_blue-light_bg {
  background-color: #f4fafd;
}

.bg_pastel-cream {
  background-color: #fef4ec;
}

.txt_pastel-cream {
  color: #fef4ec;
}

.bg_porcelain {
  background-color: #f2f2f5 !important;
}

.bg_porcelain {
  background-color: #f2f2f5 !important;
}

.txt-label-gray {
  color: #8b8b8b;
}

.bg-label-gray {
  background-color: #8b8b8b;
}

.txt-label-graylight {
  color: #bebebe;
}

.bg-label-graylight {
  background-color: #bebebe;
}

.txt-label-graylight-medium {
  color: #a3a3a3;
}

.bg-label-graylight-medium {
  background-color: #a3a3a3;
}

.txt_nuvama_green {
  color: #00b274;
}

.txt_harmony_green {
  color: #5cca59;
}

.bg_harmony_green {
  background-color: #5cca59;
}

.txt_label_skyblue {
  color: #1c9ad6;
}

.bg_label_skyblue {
  background-color: #1c9ad6;
}

.txt_black_one1 {
  color: #444444;
}

.txt_medium-gray {
  color: #828096;
}

.bg-mediumgray {
  background-color: #828096;
}

.txt-blue-dark1 {
  color: #0b243a;
}

.bg-blue-dark1 {
  background: #0b243a;
}

.txt-Primary-gray {
  color: #727271;
}

.txt-pld-gray-light {
  color: #8d8d8d;
}

.txt-blackShadeone {
  color: #141414;
}

.txt-Shamrock-Green {
  color: #179d55;
}

.bg-blackShadeone {
  background: #141414;
}

.txt-disable-gray {
  color: #efefef;
}

.bg_disable-gray {
  background: #efefef;
}

.txt_black-shadeone {
  color: #141414;
}

.bg_black-shadeone {
  background: #141414;
}

.txt_yellow-shadeone {
  color: #f2ba3b;
}

.bg_yellow-shadeone {
  background: #f2ba3b;
}

.txt_yellow-shadetwo {
  color: #fbd47d;
}

.bg_yellow-shadetwo {
  background: #fbd47d;
}

.txt_black-shadeone {
  color: #141414;
}

.bg_black-shadeone {
  background: #141414;
}

.txt_grey-shadeone {
  color: #565656;
}

.bg_blue-dark3 {
  background: #090a9f;
}

.txt_blue-dark3 {
  color: #090a9f;
}

.bg_grey-color {
  background: #e6e6e6;
}

.txt_grey-color {
  color: #e6e6e6;
}

.bg_grey-shadeone {
  background: #565656;
}

.txt_yellow-shadethree {
  color: #141414;
}

.bg_yellow-shadethree {
  background: #141414;
}

.txt_grey-light {
  color: #f2f2f5;
}

.bg_grey-light {
  background: #f2f2f5;
}

.txt_light-pink {
  color: #f8edf5;
}

.bg_light-pink {
  background: #f8edf5;
}

.txt_light_pink1 {
  color: #efcbc9;
}

.bg_light_pink1 {
  background: #efcbc9;
}

.txt_dark-purple {
  color: #bd4b9b;
}

.bg_dark-purple {
  background: #bd4b9b;
}

.txt_old-lace {
  color: #fef4ec;
}

.bg_old-lace {
  background: #fef4ec !important;
}

.txt_orange-shade {
  color: #f7943e;
}

.bg_orange-shade {
  background: #f7943e;
}

.txt_tooltip-bg {
  color: #f4fafd;
}

.bg_tooltip-bg {
  background: #f4fafd;
}

.txt_light-orange {
  color: #fdead8;
}

.bg_light-orange {
  background: #fdead8;
}

.bg-tablerowgray {
  background-color: #ededf0;
}

.bg_blue-magenta {
  background: #f5f5f7;
}

.txt_mild-blue {
  color: #b1b2c4;
}

.bg-white-four {
  background-color: #f9f9f9;
}

.bg_grey-2 {
  background: #717171;
}

.txt_grey-2 {
  color: #717171;
}

.bg_light-pink2 {
  background: #fce9e9;
}

.txt_light-pink2 {
  color: #fce9e9;
}

.bg_light-green3 {
  background: #d9f3da;
}

.txt_light-green3 {
  color: #d9f3da;
}

.txt_home_orange {
  color: #ff7a00;
}

.bg-grey-suit {
  background-color: #c0bfcb;
}

.txt-blue-shade1 {
  color: #0378a6;
}

.txt-blue-shade2 {
  color: #49aee2;
}

.bg-ghost-white {
  background-color: #f8f7f9;
}

.txt-light-black {
  color: #262527;
}

.txt-dark-black {
  color: #23262f;
}

.txt-darkshade-blue {
  color: #111b29;
}

.txt-dark_sapphire {
  color: rgba(3, 0, 47, 0.5019607843);
}

.bg-revamped-backgrey {
  background-color: #f8f7fa;
}

.txt-silver-one {
  color: #b5b5b5;
}

.txt-grey-thick {
  color: #838486;
}

.txt-grayish-blue {
  color: #4f5665;
}

.txt-black-magic {
  color: #231f20;
}

.bg-grey-lighest {
  background-color: #f6f6f8;
}

.txt_green-dark {
  color: #05a660;
}

.bg_green-dark {
  background-color: #05a660;
}

.bg_orange-light {
  background-color: #f7943e;
}

.txt_ligt_red {
  color: rgba(221, 80, 77, 0.1803921569);
}

.txt-midnight-shade1 {
  color: #363359;
}

.bg-midnight-shade1 {
  background-color: #363359;
}

.txt-midnight-shade2 {
  color: #292663;
}

.bg-midnight-shade2 {
  background-color: #292663;
}

.bg-mistyrose {
  background-color: rgba(242, 219, 235, 0.4);
}

.txt-mistyrose {
  color: rgba(242, 219, 235, 0.4);
}

.bg-pale-orange {
  background-color: #fff9f4;
}

.bg-Melanie {
  background-color: rgba(230, 183, 215, 0.5);
}

.bg-orange-40 {
  background-color: rgba(252, 219, 217, 0.4);
}

.txt-dark-orange {
  color: #f7943e;
}

.bg-dark-orange {
  background-color: #f7943e;
}

.txt-grey-shade1 {
  color: #696682;
}

.bg-Gray85 {
  background-color: #d9d9d9;
}

.bg-mint-color {
  background-color: #e6f4ef;
}

.bg-pink-light {
  background-color: #faf1f7;
}

.txt-grey-shade2 {
  color: #787785;
}

.bg-pink-light2 {
  background-color: rgba(252, 219, 217, 0.4);
}

.bg-skin-peach {
  background-color: rgba(252, 219, 217, 0.4);
}

.bg-bruised-peach {
  background-color: #f2736b;
}

.txt-bruised-peach {
  color: #f2736b;
}

.bg-light-peach {
  background-color: #fcdbd9;
}

.bg-another-peach {
  background-color: #f9eceb;
}

.bg-Mandys-Pink {
  background-color: rgba(253, 234, 216, 0.4);
}

.bg-dull-blue {
  background-color: #312f5a;
}

.txt_dull-grey {
  color: #b2b2c2;
}

.txt_blue-shade4 {
  color: #616bc9;
}

.txt_blue-light3 {
  color: #ccccd6;
}

.txt_blue-shade-light {
  color: #efeeff;
}

.bg_blue-shade-light {
  background-color: #efeeff;
}

.txt_neutral-gray {
  color: #979797;
}

.bg_neutral-gray {
  background-color: #979797;
}

.txt_greyish {
  color: rgba(0, 0, 0, 0.5019607843) !important;
}

.txt_dark-purple-gray {
  color: #4f4e70;
}

.bg_light-beige {
  background-color: #ffeadb;
}

.txt_light-beige {
  color: #ffeadb;
}

.txt_green_light {
  color: #66d1ac;
}

.txt_light-brown {
  color: #f9a965;
}

.txt_deep-ocean {
  color: #363359;
}

.txt-steel-gray {
  color: #6e6d77;
}

.bg-steel-gray {
  background-color: #6e6d77;
}

.txt-orange-brown {
  color: #d27422;
}

.bg-orange-brown {
  background-color: #d27422;
}

.txt-cylindrical-coordinate {
  color: #e6e6eb;
}

.bg-cylindrical-coordinate {
  background-color: #e6e6eb;
}

.txt-purple-gray {
  color: #4f4c6e;
}

.bg-purple-gray {
  background-color: #4f4c6e;
}

.bg-another-grey {
  background-color: #f8f7f9;
}

.txt_blue-backround {
  color: #f5f8fd;
}

.bg_blue-backround {
  background: #f5f8fd;
}

.txt_greay-text-color3 {
  color: #838486;
}

.bg_light-blue-2 {
  background: #e2edfe;
}

.txt-blue-shade1 {
  color: #0378a6;
}

.txt-blue-shade2 {
  color: #49aee2;
}

.bg-ghost-white {
  background-color: #f8f7f9;
}

.txt-light-black {
  color: #262527;
}

.txt-dark-black {
  color: #23262f;
}

.txt-darkshade-blue {
  color: #111b29;
}

.txt-dark_sapphire {
  color: rgba(3, 0, 47, 0.5019607843);
}

.bg-revamped-backgrey {
  background-color: #f8f7fa;
}

.txt-silver-one {
  color: #b5b5b5;
}

.txt-grey-thick {
  color: #838486;
}

.txt-grayish-blue {
  color: #4f5665;
}

.txt-black-magic {
  color: #231f20;
}

.txt_whispering-periwinkle {
  color: #9999ab;
}

.bg_whispering-periwinkle {
  background-color: #9999ab;
}

.txt_midnight-indigo {
  color: rgba(3, 0, 47, 0.6);
}

.bg_midnight-indigo {
  background-color: rgba(3, 0, 47, 0.6);
}

.bg-midnight-blue-shade3 {
  background-color: #1c1a45;
}

.txt_midnight-blue-shade3 {
  color: #1c1a45;
  opacity: 0.6;
}

.bg-new-lavender {
  background-color: #c4c4ef;
}

.txt_new-lavender {
  color: #c4c4ef;
}

.txt_gray-1 {
  color: #bbbbbb;
}

.bg-grey-lighest {
  background-color: #f6f6f8;
}

.txt-warm-orange {
  color: #f05046;
}

.txt_green-link-two {
  color: #179d55;
}

.txt_light-blue-new {
  color: #4a4960;
}

.txt_dark-blue-new {
  color: #33324f;
}

.bg_lavender-grey {
  background-color: #ebebee;
}

.txt_dim-gray {
  color: #8c8c8c;
}

.bg_lavender-blue {
  background-color: #e1e0f8;
}

.bg_lavender-blue-light {
  background-color: #f3f5ff;
}

.bg-product-beige {
  background-color: #fef7ef;
}

.txt-bokara-gray {
  color: #16131b;
}

.txt-half-white {
  color: #f0fcf8;
}

.txt-muted-lavender {
  color: #8d8ab8;
}

.txt-ripe-tomatoes {
  color: #f04e45;
}

.txt-charcoal-blue {
  color: #4f4c6e;
}

.txt-grayish-lavender {
  color: #9999ab;
}

.txt-grayish-light {
  color: #b3b3b3;
}

.txt-slateblue {
  color: #b2b2c2;
}

.txt_speech-green {
  color: #33c190;
}

.txt-grey-blue {
  color: #6374d4;
}

.txt-very-light-gray {
  color: #e5e5e5;
}

.txt-grayish-blue {
  color: #4f5665;
}

.txt-grayish-blue-light {
  color: #1a202c;
}

.txt-light-grayish-color {
  color: #4f4f4f;
}

.txt-light-white-one {
  color: #f5f6f6;
}

.txt-dead-gray {
  color: #576265;
}

.txt_dark-shade-gray {
  color: #0f0f0f;
}

.txt-lightwhite-gray {
  color: #d9d9d9;
}

.txt-graylight-with-opacity {
  color: rgba(26, 32, 44, 0.5607843137);
}

.txt_dark-shade-gray {
  color: #0f0f0f;
}

.bg-gray-with-opacity-bg {
  background-color: #e5e5eb;
}

.txt-gray-with-opacity-light {
  color: #8b899e;
}

.txt_off-white {
  color: #fcfcff;
}

.txt-brownish-grey {
  color: #666666;
}

.txt-light-purple {
  color: #726cb2;
}

.bg-pale-yellow {
  background-color: #fffcea;
}

.txt-pastel-red {
  color: #f36f68;
}

.bg-baby-pink {
  background-color: #f9c8c7;
}

.bg-celadon-green {
  background-color: #b9e0bb;
}

.txt-imperial-red {
  color: #eb4644;
}

.txt-forest-green {
  color: #018907;
}

.txt-orange-dark {
  color: #ff6b00;
}

.bg-light-pinkinsh-cream {
  background-color: rgba(254, 242, 210, 0.4);
}

.txt-arrow-down-icon {
  color: rgba(0, 0, 0, 0.5411764706);
}

.txt_gray_54 {
  color: rgba(68, 68, 68, 0.54);
}

.bg_gray_54 {
  background-color: rgba(68, 68, 68, 0.54);
}

h1 {
  margin-bottom: 20px;
}

.EncodeSansR_32_400 {
  font-size: 2rem;
  font-family: "EncodeSansRegular";
}

.EncodeSansN_32_400 {
  font-size: 2rem;
  font-family: "encodesans_normal";
}

.EncodeSans_32_700 {
  font-size: 2rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_32_500 {
  font-size: 2rem;
  font-family: "EncodeSansMedium";
}

.EncodeSansN_28_400 {
  font-size: 1.75rem;
  font-family: "encodesans_normal";
}

.EncodeSans_28_400 {
  font-size: 1.75rem;
  font-family: "encodesans_normal";
}

.EncodeSans_28_700 {
  font-size: 1.75rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_28_300 {
  font-size: 1.75rem;
  font-family: "EncodeSansLight";
}

.EncodeSansN_24_400 {
  font-size: 1.5rem;
  font-family: "encodesans_normal";
}

.EncodeSans_24_700 {
  font-size: 1.5rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_22_700 {
  font-size: 1.375rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_20_300 {
  font-size: 1.25rem;
  font-family: "EncodeSansLight";
}

.EncodeSansN_20_400 {
  font-size: 1.25rem;
  font-family: "encodesans_normal";
}

.EncodeSans_20_500 {
  font-size: 1.25rem;
  font-family: "EncodeSansMedium";
}

.EncodeSansR_20_400 {
  font-size: 1.25rem;
  font-family: "EncodeSansRegular";
}

.EncodeSans_20_600 {
  font-size: 1.25rem;
  font-family: "EncodeSansSemiBold";
}

.EncodeSans_20_700 {
  font-size: 1.25rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_16_300 {
  font-size: 1rem;
  font-family: "EncodeSansLight";
}

.EncodeSansN_16_400 {
  font-size: 1rem;
  font-family: "encodesans_normal";
}

.EncodeSans_16_700 {
  font-size: 1rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_16_500 {
  font-size: 1rem;
  font-family: "EncodeSansMedium";
}

.EncodeSans_16_600 {
  font-size: 1rem;
  font-family: "EncodeSansSemiBold";
}

.Roboto_16_600 {
  font-size: 1rem;
  font-family: "RobotoMedium";
}

.Roboto_16_400 {
  font-size: 1rem;
  font-family: "RobotoRegular";
}

.RobotoM_16_600 {
  font-size: 1rem;
  font-family: "RobotoBold";
}

.Roboto_18_700 {
  font-size: 1.125rem;
  font-family: "RobotoRegular";
}

.RobotoM_16_500 {
  font-size: 1rem;
  font-family: "RobotoMedium";
}

.EncodeSans_18_300 {
  font-size: 1.125rem;
  font-family: "EncodeSansLight";
}

.EncodeSansR_18_400 {
  font-size: 1.125rem;
  font-family: "EncodeSansRegular";
}

.EncodeSansN_18_400 {
  font-size: 1.125rem;
  font-family: "encodesans_normal";
}

.EncodeSansM_18_500 {
  font-size: 1.125rem;
  font-family: "EncodeSansMedium";
}

.EncodeSans_18_600 {
  font-size: 1.125rem;
  font-family: "EncodeSansSemiBold";
}

.EncodeSans_18_700 {
  font-size: 1.125rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_15_300 {
  font-size: 0.938rem;
  font-family: "EncodeSansLight";
}

.EncodeSansR_15_400 {
  font-size: 0.938rem;
  font-family: "EncodeSansRegular";
}

.EncodeSansR_14_400 {
  font-size: 0.875rem;
  font-family: "EncodeSansRegular";
}

.EncodeSans_14_300 {
  font-size: 0.875rem;
  font-family: "EncodeSansLight";
}

.EncodeSans_14_700 {
  font-size: 0.875rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_14_500 {
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
}

.EncodeSansN_15_400 {
  font-size: 0.875rem;
  font-family: "encodesans_normal";
}

.EncodeSansN_14_400 {
  font-size: 0.875rem;
  font-family: "encodesans_normal";
}

.EncodeSans_14_600 {
  font-size: 0.875rem;
  font-family: "EncodeSansSemiBold";
}

.EncodeSansR_12_400 {
  font-size: 0.75rem;
  font-family: "EncodeSansRegular";
}

.EncodeSans_12_300 {
  font-size: 0.75rem;
  font-family: "EncodeSansLight";
}

.EncodeSans_12_700 {
  font-size: 0.75rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_12_500 {
  font-size: 0.75rem;
  font-family: "EncodeSansMedium";
}

.EncodeSans_12_600 {
  font-size: 0.75rem;
  font-family: "EncodeSansSemiBold";
}

.EncodeSansN_12_400 {
  font-size: 0.75rem;
  font-family: "encodesans_normal";
}

.Roboto_12_400 {
  font-size: 0.75rem;
  font-family: "RobotoRegular";
}

.Roboto_13_400 {
  font-size: 0.813rem;
  font-family: "RobotoMedium";
}

.RobotoM_12_500 {
  font-size: 0.75rem;
  font-family: "RobotoMedium";
}

.EncodeSans_10_700 {
  font-size: 0.625rem;
  font-family: "EncodeSansBold";
}

.DMSanB_10_700 {
  font-size: 0.625rem;
  font-family: "DMSansBold";
}

.EncodeSans_11_400 {
  font-size: 0.688rem;
  font-family: "encodesans_normal";
}

.EncodeSans_11_500 {
  font-size: 0.688rem;
  font-family: "EncodeSansMedium";
}

.EncodeSans_10_500 {
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
}

.EncodeSansR_10_400 {
  font-size: 0.625rem;
  font-family: "EncodeSansRegular";
}

.EncodeSans_10_600 {
  font-size: 0.625rem;
  font-family: "EncodeSansSemiBold";
}

.EncodeSans_16_600 {
  font-size: 1rem;
  font-family: "EncodeSansSemiBold";
}

.Roboto_10_400 {
  font-size: 0.625rem;
  font-family: "RobotoRegular";
}

.Roboto_11_400 {
  font-size: 0.688rem;
  font-family: "RobotoRegular";
}

.Roboto_15_400 {
  font-size: 0.938rem;
  font-family: "RobotoRegular";
}

.Roboto_11_500 {
  font-size: 0.688rem;
  font-family: "RobotoMedium";
}

.Roboto_11_500 {
  font-size: 0.688rem;
  font-family: "RobotoMedium";
}

.RobotoM_10_500 {
  font-size: 0.625rem;
  font-family: "RobotoMedium";
}

.RobotoM_14_500 {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
}

.RobotoM_10_700 {
  font-size: 0.625rem;
  font-family: "RobotoBold";
}

.RobotoM_14_700 {
  font-size: 0.875rem;
  font-family: "RobotoBold";
}

.RobotoB_16_700 {
  font-size: 1rem;
  font-family: "RobotoBold";
}

.RobotoM_20_500 {
  font-size: 1.25rem;
  font-family: "RobotoMedium";
}

.RobotoM_20_400 {
  font-size: 1.25rem;
  font-family: "RobotoRegular";
}

.RobotoM_12_700 {
  font-size: 0.75rem;
  font-family: "RobotoBold";
}

.DMSanB_12_700 {
  font-size: 0.75rem;
  font-family: "DMSansBold";
}

.RobotoM_24_500 {
  font-size: 1.5rem;
  font-family: "RobotoMedium";
}

.DMsanR_32_400 {
  font-size: 2rem;
  font-family: "DMSansNormal";
}

.DMsanR_10_400 {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
}

.DMsanR_11_400 {
  font-size: 0.688rem;
  font-family: "DMSansNormal";
}

.DMsanR_16_500 {
  font-size: 1rem;
  font-family: "DMSansNormal";
  font-weight: 500;
}

.DMsanR_32_700 {
  font-size: 2rem;
  font-family: "DMSansBold";
}

.DMSansMedium_18_500 {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}

.DMSansMedium_8_500 {
  font-size: 0.5rem;
  font-family: "DMSansMedium";
}

.DMSanN_16_400 {
  font-size: 1rem;
  font-family: "DMSansNormal";
}

.DMSanN_16_600 {
  font-size: 1rem;
  font-family: "DMSansBold";
}

.DMSanN_13_500 {
  font-size: 0.813rem;
  font-family: "DMSansMedium";
}

.RobotoM_13_500 {
  font-size: 0.813rem;
  font-family: "RobotoMedium";
}

.DMSanN_14_400 {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}

.DMSan_15_400 {
  font-size: 0.938rem;
  font-family: "DMSansNormal";
}

.DMSansMedium_8_500 {
  font-size: 0.5rem;
  font-family: "DMSansMedium";
}

.DMSanM_15_500 {
  font-size: 0.938rem;
  font-family: "DMSansMedium";
}

.DMSan_15_700 {
  font-size: 0.938rem;
  font-family: "DMSansBold";
}

.DMSanN_18_400 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
}

.DMSanN_8_400 {
  font-size: 0.5rem;
  font-family: "DMSansNormal";
}

.DMSanN_22_400 {
  font-size: 1.375rem;
  font-family: "DMSansNormal";
}

.DMSanM_14_500 {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.DMSanM_14_500.DMSanM_14_500_Pt_5 {
  padding-top: 5px;
}

.DMSanN_12_400 {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.DMSanN_10_500 {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
}

.DMSanN_14_400 {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}

.DMSanM_10_500 {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
}

.DMSan_16_700 {
  font-size: 1rem;
  font-family: "DMSansBold";
}

.DMSan_14_700 {
  font-size: 0.875rem;
  font-family: "DMSansBold";
}

.DMSan_13_700 {
  font-size: 0.813rem;
  font-family: "DMSansBold";
}

.DMSanB_12_700 {
  font-size: 0.75rem;
  font-family: "DMSansBold";
}

.DMSan_28_700 {
  font-size: 1.75rem;
  font-family: "DMSansBold";
}

.DMSan_23_700 {
  font-size: 1.438rem;
  font-family: "DMSansBold";
}

.DMSan_28_400 {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
}

.DMSan_22_700 {
  font-size: 1.375rem;
  font-family: "DMSansBold";
}

.DMSan_22_500 {
  font-size: 1.375rem;
  font-family: "DMSansMedium";
}

.DMSans_16_500 {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}

.DMSans_12_400 {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
}

.DMSans_15_400 {
  font-size: 0.938rem !important;
  font-family: "DMSansNormal" !important;
}

.DMSans_16_400 {
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
}

.DMSanBold_18_700 {
  font-size: 1.125rem;
  font-family: "DMSansBold";
}

.DMSanBold_22_700 {
  font-size: 1.375rem;
  font-family: "DMSansBold";
}

.DMSansMedium_11_500 {
  font-size: 0.688rem;
  font-family: "DMSansMedium";
}

.DMSansMedium_12_500 {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}

.DMSansNormal_12_400 {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.DMSansNormal_12_300 {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  font-weight: 300;
}

.DMSansNormal_10_300 {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  font-weight: 300;
}

.DMSansMedium_16_500 {
  font-size: 1rem;
  font-family: "DMSansMedium";
}

.DMSansNormal_20_400 {
  font-size: 1.25rem;
  font-family: "DMSansNormal";
}

.DMSansMedium_20_500 {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
}

.DMSansBold_20_700 {
  font-size: 1.25rem;
  font-family: "DMSansBold";
}

.DMSansNormal_28_400 {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
}

.DMSansNormal_64_400 {
  font-size: 4rem;
  font-family: "DMSansNormal";
}

.DMSansN_24_400 {
  font-size: 1.5rem;
  font-family: "DMSansNormal";
}

.DMSansM_24_500 {
  font-size: 1.5rem;
  font-family: "DMSansMedium";
}

.DMSansN_24_600 {
  font-size: 1.5rem;
  font-family: "DMSansBold";
}

.DMSan_14_500 {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}

.DMSan_16_500 {
  font-size: 1rem;
  font-family: "DMSansMedium";
}

.RobotoR_14_400,
.Roboto_14_400 {
  font-size: 0.875rem;
  font-family: "RobotoRegular";
}

.DMsanR_17_400 {
  font-size: 1.063rem;
  font-family: "DMSansNormal";
}

.DMSanN_19_400 {
  font-size: 1.188rem;
  font-family: "DMSansNormal";
}

.DMSan_42_700 {
  font-size: 2.625rem;
  font-family: "DMSansBold";
}

.DMSan_42_400 {
  font-size: 2.625rem;
  font-family: "DMSansNormal";
}

.RobotoM_18_500 {
  font-size: 1.125rem;
  font-family: "RobotoMedium";
}

.Roboto_24_700 {
  font-size: 1.5rem;
  font-family: "RobotoMedium";
}

.RobotoM_24_700 {
  font-size: 1.5rem;
  font-family: "RobotoBold";
}

.DMSanBold_24_700 {
  font-size: 1.5rem;
  font-family: "DMSansBold";
}

.DMSansMedium_28_500 {
  font-size: 1.75rem;
  font-family: "DMSansMedium";
}

.DMSan_21_500 {
  font-size: 1.313rem;
  font-family: "DMSansMedium";
}

.RobotoM_22_500 {
  font-size: 1.375rem;
  font-family: "RobotoMedium";
}

.RobotoB_28_700 {
  font-size: 1.75rem;
  font-family: "RobotoBold";
}

.RobotoR_28_700 {
  font-size: 1.75rem;
  font-family: "RobotoRegular";
}

.DMSansBold_28_700 {
  font-size: 1.75rem;
  font-family: "DMSansBold";
}

.DMSansMedium_48_500 {
  font-size: 3rem;
  font-family: "DMSansMedium";
}

.DMSansBold_60_700 {
  font-size: 3.75rem;
  font-family: "DMSansBold";
}

/******************************font styles ******************/
.fontstylecontainer h1 {
  font-size: 15px;
}

.EncodeSansLight {
  font-family: "EncodeSansLight";
}

.EncodeSansNormal {
  font-family: "encodesans_normal";
}

.EncodeSansMedium {
  font-family: "EncodeSansMedium";
}

.EncodeSansSemiBold {
  font-family: "EncodeSansSemiBold";
}

.EncodeSansBold {
  font-family: "EncodeSansBold";
}

.EncodeSansR {
  font-family: "EncodeSansRegular";
}

.RobotoLight {
  font-family: "RobotoLight";
}

.RobotoRegular {
  font-family: "RobotoRegular";
}

.RobotoMedium {
  font-family: "RobotoMedium";
}

.RobotoBold {
  font-family: "RobotoBold";
}

.DmSansNormal {
  font-family: "DMSansNormal";
}

.Roboto_36_600 {
  font-size: 2.25rem;
  font-family: "RobotoBold";
}

.Roboto_30_600 {
  font-size: 1.875rem;
  font-family: "RobotoBold";
}

.DMSan_30_500 {
  font-size: 1.875rem;
  font-family: "DMSansNormal";
}

.DMSansMedium_26_500 {
  font-size: 1.625rem;
  font-family: "DMSansMedium";
}

.DMSanB_25_700 {
  font-size: 1.563rem;
  font-family: "DMSansBold";
}

.DMSan_25_500 {
  font-size: 1.563rem;
  font-family: "DMSansNormal";
}

.DMSanB_26_700 {
  font-size: 1.625rem;
  font-family: "DMSansBold";
}

.DMSan_26_700 {
  font-size: 1.625rem;
  font-family: "DMSansNormal";
}

.DMSan_30_700 {
  font-size: 1.875rem;
  font-family: "DMSansBold";
}

.DMSanN_36_400 {
  font-size: 2.25rem;
  font-family: "DMSansNormal";
}

.DMSanN_30_400 {
  font-size: 1.875rem;
  font-family: "DMSansNormal";
}

.DMSanB_36_700 {
  font-size: 2.25rem;
  font-family: "DMSansBold";
}

.DMSanB_40_700 {
  font-size: 2.5rem;
  font-family: "DMSansBold";
}

.DMSanB_40_400 {
  font-size: 2.5rem;
  font-family: "DMSansNormal";
}

.RobotoR_18_400 {
  font-size: 1.125rem;
  font-family: "RobotoRegular";
}

.Roboto_20_600 {
  font-size: 1.25rem;
  font-family: "RobotoBold";
}

.Roboto_14_600 {
  font-size: 0.875rem;
  font-family: "RobotoBold";
}

.RobotoM_13_500 {
  font-size: 0.813rem;
  font-family: "RobotoMedium";
}

.RobotoM_30_400 {
  font-size: 1.875rem;
  font-family: "RobotoRegular";
}

.DMSan_40_700 {
  font-size: 2.5rem;
  font-family: "DMSansBold";
}

.icon-font {
  font-size: 0.375rem;
}

.icon-font50 {
  font-size: 3.125rem;
}

.RobotoR_20_400 {
  font-size: 1.25rem;
  font-family: "RobotoRegular";
}

.RobotoR_20_700 {
  font-size: 1.25rem;
  font-family: "RobotoBold";
}

.breakCode span {
  width: 100%;
  display: block;
  font-size: 12px;
}

.custom-table {
  min-width: 900px;
}

.custom-table thead tr,
.custom-table thead th {
  border-top: none;
  border-bottom: none !important;
  font-weight: bold;
}

.custom-table tbody th,
.custom-table tbody td {
  color: #777;
  font-weight: 400;
  padding-bottom: 20px;
  padding-top: 20px;
  font-weight: 300;
}

.custom-table tbody th small,
.custom-table tbody td small {
  color: #b3b3b3;
  font-weight: 300;
}

.custom-table tbody .persons {
  padding: 0;
  margin: 0;
}

.custom-table tbody tr th,
.custom-table tbody tr td {
  position: relative;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.custom-table tbody tr:hover th,
.custom-table tbody tr:hover td {
  background: rgba(0, 0, 0, 0.03);
}

.custom-table tbody tr:hover th:before,
.custom-table tbody tr:hover th:after,
.custom-table tbody tr:hover td:before,
.custom-table tbody tr:hover td:after {
  opacity: 1;
  visibility: visible;
}

.DMSansMedium_13_500 {
  font-size: 0.813rem;
  font-family: "DMSansMedium";
}

.RobotoB_24_700 {
  font-size: 1.5rem;
  font-family: "RobotoBold";
}

.DMSansMedium_34_500 {
  font-size: 2.125rem;
  font-family: "DMSansMedium";
}

.RobotoMedium_50_500 {
  font-size: 3.125rem;
  font-family: "RobotoMedium";
}

.RobotoMedium_40_500 {
  font-size: 2.5rem;
  font-family: "RobotoMedium";
}

.DMSan_34_700 {
  font-size: 2.125rem;
  font-family: "DMSansBold";
}

.RobotoB_24_700 {
  font-size: 1.5rem;
  font-family: "RobotoBold";
}

.DMSanBold_17_700 {
  font-size: 1.063rem;
  font-family: "DMSansBold";
}

.DMSerifRegular_96_400 {
  font-size: 6rem;
  font-family: "DMSerifRegular";
}

.DMSerifRegular_30_400 {
  font-size: 1.875rem;
  font-family: "DMSerifRegular";
}

.DMSerifRegular_36_400 {
  font-size: 2.25rem;
  font-family: "DMSerifRegular";
}

.DMSerifRegular_64_400 {
  font-size: 4rem;
  font-family: "DMSerifRegular";
}

.DMSerifRegular_48_400 {
  font-size: 3rem;
  font-family: "DMSerifRegular";
}

.DMSanN_94_400 {
  font-size: 5.875rem;
  font-family: "DMSansNormal";
}

.DMSanN_36_400 {
  font-size: 2.25rem;
  font-family: "DMSansNormal";
}

.DMSansN_48_400 {
  font-size: 3rem;
  font-family: "DMSansNormal";
}

.DMSansN_50_400 {
  font-size: 3.125rem;
  font-family: "DMSansNormal";
}

.DMSeriffR_32_400 {
  font-size: 2rem;
  font-family: "DMSerifRegular";
}

.DMSeriffR_64_400 {
  font-size: 4rem;
  font-family: "DMSerifRegular";
}

.DMSeriffR_20_400 {
  font-size: 1.25rem;
  font-family: "DMSerifRegular";
}

.DMSeriffR_50_400 {
  font-size: 3.125rem;
  font-family: "DMSerifRegular";
}

.DMSeriffR_36_400 {
  font-size: 2.25rem;
  font-family: "DMSerifRegular";
}

.DMSansLight_36_200 {
  font-family: "DMSansNormalExtraLight";
  font-size: 2.25rem;
}

.DMSanS_14_200 {
  font-size: 0.875rem;
  font-family: "DMSansNormalExtraLight";
}

.DMSanN_18_200 {
  font-size: 1.125rem;
  font-family: "DMSansNormalExtraLight";
}

.DMSeriffR_26_400 {
  font-size: 1.625rem;
  font-family: "DMSerifRegular";
}

.DMSeriffR_40_400 {
  font-size: 2.5rem;
  font-family: "DMSerifRegular";
}

.DMSeriffR_24_400 {
  font-size: 1.5rem;
  font-family: "DMSerifRegular";
}

.DMSans_16_200 {
  font-size: 1rem;
  font-family: "DMSansNormalExtraLight";
}

.DMSeriffR_32_400 {
  font-size: 2rem;
  font-family: "DMSerifRegular";
}

.DMSans_13_400 {
  font-size: 0.813rem;
  font-family: "DMSansNormal";
}

.DMSeriffR_22_400 {
  font-size: 1.375rem;
  font-family: "DMSerifRegular";
}

.DMSeriff_40_400 {
  font-size: 2.5rem;
  font-family: "DMSerifRegular";
}

.DMSeriff_15_400 {
  font-size: 0.938rem;
  font-family: "DMSerifRegular";
}

.DMSeriff_18_400 {
  font-size: 1.125rem;
  font-family: "DMSerifRegular";
}

.DMSanN_21_400 {
  font-size: 1.313rem;
  font-family: "DMSansNormal";
}

.customaccordian .accordion-item {
  border-top: 1px solid #e7e7e7;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.customaccordian .accordion-item:first-child {
  border-top: none;
}
.customaccordian:last-child {
  border-bottom: 1px solid #e7e7e7;
}
.customaccordian .accordion-header {
  border: none;
}
.customaccordian .accordion-header .accordion-button {
  padding: 17px 0px 17px 0px;
  border: none;
  font-family: "DMSansMedium";
  font-size: 1.125rem;
  color: #444444;
}
.customaccordian .accordion-body {
  padding: 0rem 0rem 1.875rem 0rem;
  font-family: "DMSansNormal";
  font-size: 1rem;
  color: #444444;
}
.customaccordian .accordion-body .accordian-back {
  gap: 5px;
}
.customaccordian .setHeight {
  height: 330px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .customaccordian .setHeight {
    padding-right: 0px;
  }
}
.customaccordian .setHeight::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.customaccordian .setHeight {
  /* Track */
}
.customaccordian .setHeight::-webkit-scrollbar-track {
  background: transparent;
}
.customaccordian .setHeight {
  /* Handle */
}
.customaccordian .setHeight::-webkit-scrollbar-thumb {
  background: #03002f;
}

.blur-on-scroll {
  background: linear-gradient(180deg, white, transparent);
  position: absolute;
  left: 0;
  width: 100%;
  height: 8%;
  z-index: 1;
  pointer-events: none;
  margin-top: -2px;
}

.blur-on-scroll-sidebar {
  background: linear-gradient(180deg, white, transparent);
  position: fixed;
  left: 0;
  width: 100%;
  height: 11%;
  z-index: 999;
  pointer-events: none;
  margin-left: 33%;
}

.ptb-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.leftsidebar {
  box-shadow: 30px 20px 35px -10px rgba(0, 0, 0, 0.05);
}

.rightsidebar {
  padding-left: 89px;
  max-height: max-content;
  min-height: max-content;
  overflow-y: scroll;
  margin-bottom: 144px;
}
.rightsidebar::-webkit-scrollbar {
  width: 0.12rem;
}
.rightsidebar::-webkit-scrollbar-thumb {
  background-color: #03002f;
}

.footer-sidebar-generic .nav-pills .nav-link {
  color: #b8b8b8;
  font-family: "DMSansBold";
  font-size: 1.125rem;
  cursor: pointer;
  padding: 0px;
}
.footer-sidebar-generic .nav-pills .nav-link.active {
  color: #444444;
  font-family: "DMSansBold";
  font-size: 1.125rem;
  background-color: #ffffff;
  border-right: 1px solid #03002f;
  border-radius: 0px;
}
.footer-sidebar-generic .nav-pills .nav-item {
  margin-bottom: 30px;
}

@media screen and (max-width: 1023px) {
  .ptb-60 {
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .Headingaccordian label.DMSan_28_700 {
    font-size: 1.25rem;
  }
  .customaccordian .accordion-header .accordion-button {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .height500mb {
    height: 500px !important;
  }
}

.withoutblur .blur-on-scroll-sidebar {
  background: unset;
}

.generic-breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding: 0;
}
.generic-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "\e923";
  font-family: "edel_icon";
  color: #b8b8b8;
  padding: 0 5px;
}
.generic-breadcrumb .breadcrumb-item a {
  color: #b8b8b8;
}
.generic-breadcrumb .breadcrumb-item.active {
  color: #444444;
  cursor: default;
}

.IPO-gentable {
  width: 100%;
}
.IPO-gentable .table > :not(caption) > * > * {
  background-color: unset !important;
}
.IPO-gentable .ed_button.button {
  padding: 9px 17px;
  text-wrap: nowrap;
  font-size: 0.875rem;
}
.IPO-gentable .subwidth {
  width: 15%;
  max-width: 100%;
}
.IPO-gentable .table-head tr {
  width: 100%;
}
.IPO-gentable .table-head tr th {
  padding: 15px;
  text-align: right;
}
.IPO-gentable .table-head tr th:first-child {
  padding-left: 20px;
  text-align: left;
  width: 15%;
  max-width: 100%;
  text-align: left;
}
.IPO-gentable .table-head tr th:nth-child(4), .IPO-gentable .table-head tr th:nth-child(5) {
  width: 10%;
  max-width: 100%;
}
.IPO-gentable .table-head tr th:nth-child(2) {
  width: 12%;
  max-width: 100%;
}
.IPO-gentable .table-head tr th:nth-child(3) {
  width: 11%;
  max-width: 100%;
}
.IPO-gentable .table-head tr th:last-child {
  padding-right: 20px;
}
.IPO-gentable .table-body tr:hover {
  background: #e7e7e7 !important;
}
.IPO-gentable .table-body td {
  border: none;
}
.IPO-gentable .table-body td .table {
  border-top: 1px solid #e7e7e7;
}
.IPO-gentable .table-body .tbody-content td {
  padding: 15px;
  vertical-align: top;
  text-align: right;
}
.IPO-gentable .table-body .tbody-content td div {
  padding: 0px;
}
.IPO-gentable .table-body .tbody-content td:first-child {
  border-left: none;
  padding-left: 20px;
  width: 15%;
  max-width: 100%;
  text-align: left;
}
.IPO-gentable .table-body .tbody-content td:nth-child(4), .IPO-gentable .table-body .tbody-content td:nth-child(5) {
  width: 10%;
  max-width: 100%;
}
.IPO-gentable .table-body .tbody-content td:nth-child(2) {
  width: 12%;
  text-wrap: nowrap;
  max-width: 100%;
}
.IPO-gentable .table-body .tbody-content td:nth-child(3) {
  text-wrap: nowrap;
  width: 11%;
  max-width: 100%;
}
.IPO-gentable .table-body .tbody-content td:last-child {
  border-right: none;
  padding-right: 20px;
}
.IPO-gentable .table-body .tbody-content .applyNowBtn {
  padding: 0px 22px 0px 10px;
}
.IPO-gentable .table-body .tbody-content .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.IPO-gentable .table-body .tbody-content .share-icon .edel-icon-share-icon:before {
  content: "\e96c";
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}
.IPO-gentable .table-body .tbody-content .price-disc {
  background-color: #dfa717;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  border-radius: 2px;
}
.IPO-gentable .table-body .tbody-content .price-disc p {
  line-height: 13.5px;
  font-size: 0.625rem;
  color: #ffffff;
  margin-left: 2px;
  margin-bottom: 0px;
}
.IPO-gentable .table-body .labeltext {
  border: none;
}
.IPO-gentable .table-body .labeltext td {
  height: 0px;
  padding-bottom: 15px;
}

.w-20 {
  width: 20%;
}

.pl-10 {
  padding-left: 10px;
}

@media (min-width: 1023px) {
  .ipo-label-text-tile {
    line-height: 17.5px;
  }
}

.listing-performance-table thead tr th:not(:first-child) .title {
  justify-content: end !important;
}
.listing-performance-table thead tr th .title {
  text-wrap: nowrap !important;
}

.listing-viewall .marketgroup .marketCard {
  border: 0px;
}
.listing-viewall .marketgroup .marketCard .ipo-list-search-mob {
  margin-left: 15px;
}
.listing-viewall .marketgroup .marketCard .ipo-list-search-mob .common-search-bar input {
  border-top-right-radius: 0 !important;
  width: 215px;
  border-bottom-right-radius: 0 !important;
}
.listing-viewall .marketgroup .marketCard .ipo-list-search .common-search-bar input {
  width: 235px;
}

.listingPerformance .marketcardfoot .card-footer {
  margin-bottom: 20px;
}

.dynamic-pagination {
  display: flex;
  justify-content: center;
  padding: 30px 25px 0px 30px;
  gap: 10px;
  align-items: center;
}
.dynamic-pagination .arrow-button.page-item.disabled {
  opacity: 0.5;
}
.dynamic-pagination .arrow-button.page-item.disabled .page-link {
  background-color: unset !important;
}
.dynamic-pagination .arrow-button.page-item.disabled .page-link i {
  font-size: 1.625rem;
}
.dynamic-pagination .page-item.active .page-link {
  border: none;
  background: #03002f;
  border-radius: 100%;
  color: #ffffff;
}
.dynamic-pagination .page-link {
  border: none;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 130%;
  color: #03002f;
}
.dynamic-pagination .page-item.arrow-button a {
  background: unset;
  color: #03002f;
  padding: 4px 5px;
  border-radius: 5px;
}
.dynamic-pagination .page-item.arrow-button a span i {
  font-size: 1.625rem;
}

.marketdepth-generic {
  padding: 10px 0px;
  border-top: 1px solid #e7e7e7;
}
.marketdepth-generic table thead th:nth-child(1) {
  text-align: start;
}
.marketdepth-generic table thead th:nth-child(2), .marketdepth-generic table thead th:nth-child(3), .marketdepth-generic table thead th:nth-child(4) {
  text-align: center;
}
.marketdepth-generic table thead th:nth-child(5) {
  text-align: end;
}
.marketdepth-generic table thead th:nth-child(6) {
  text-align: end;
}
.marketdepth-generic table tbody tr td:nth-child(1), .marketdepth-generic table tbody tr td:nth-child(2), .marketdepth-generic table tbody tr td:nth-child(3) {
  color: #03002f !important;
}
@media (max-width: 768px) {
  .marketdepth-generic {
    padding: 20px 0px;
  }
}
.marketdepth-generic.common-marketdepth table thead th:nth-child(1) {
  text-align: start;
}
.marketdepth-generic.common-marketdepth table thead th:nth-child(2), .marketdepth-generic.common-marketdepth table thead th:nth-child(3), .marketdepth-generic.common-marketdepth table thead th:nth-child(4) {
  text-align: center;
}
.marketdepth-generic.common-marketdepth table thead th:nth-child(5) {
  text-align: end;
}
.marketdepth-generic.common-marketdepth table tbody tr td:nth-child(1), .marketdepth-generic.common-marketdepth table tbody tr td:nth-child(2), .marketdepth-generic.common-marketdepth table tbody tr td:nth-child(3) {
  color: #03002f !important;
}
.marketdepth-generic .marketdepth-text {
  padding: 10px 0px 19px;
}
.marketdepth-generic table {
  width: 100%;
  margin: 0px;
}
.marketdepth-generic table tr th,
.marketdepth-generic table tr td {
  height: 0px;
  padding: 7px;
}
.marketdepth-generic table tr:hover {
  background-color: #f2f2f5 !important;
}
.marketdepth-generic table tbody .depthbodydata td:nth-child(1), .marketdepth-generic table tbody .depthbodydata td:nth-child(2), .marketdepth-generic table tbody .depthbodydata td:nth-child(3),
.marketdepth-generic table tbody .totalrow td:nth-child(1),
.marketdepth-generic table tbody .totalrow td:nth-child(2),
.marketdepth-generic table tbody .totalrow td:nth-child(3) {
  color: #03002f;
}
.marketdepth-generic table tbody .depthbodydata td:nth-child(4), .marketdepth-generic table tbody .depthbodydata td:nth-child(5), .marketdepth-generic table tbody .depthbodydata td:nth-child(6),
.marketdepth-generic table tbody .totalrow td:nth-child(4),
.marketdepth-generic table tbody .totalrow td:nth-child(5),
.marketdepth-generic table tbody .totalrow td:nth-child(6) {
  color: #dd504d;
}
.marketdepth-generic table tbody .depthbodydata td:nth-child(1),
.marketdepth-generic table tbody .totalrow td:nth-child(1) {
  text-align: start;
}
.marketdepth-generic table tbody .depthbodydata td:nth-child(2), .marketdepth-generic table tbody .depthbodydata td:nth-child(3), .marketdepth-generic table tbody .depthbodydata td:nth-child(4),
.marketdepth-generic table tbody .totalrow td:nth-child(2),
.marketdepth-generic table tbody .totalrow td:nth-child(3),
.marketdepth-generic table tbody .totalrow td:nth-child(4) {
  text-align: center;
}
.marketdepth-generic table tbody .depthbodydata td:nth-child(5),
.marketdepth-generic table tbody .totalrow td:nth-child(5) {
  text-align: end;
}
.marketdepth-generic table tbody .depthbodydata td:nth-child(6),
.marketdepth-generic table tbody .totalrow td:nth-child(6) {
  text-align: end;
}
.marketdepth-generic table tbody .totalrow {
  background-color: #f2f2f5 !important;
}
.marketdepth-generic table tbody .totalrow:hover td {
  background-color: #f2f2f5 !important;
}
.marketdepth-generic table tbody .totalrow td:nth-child(1) {
  text-align: start;
}
.marketdepth-generic table tbody .totalrow td:nth-child(2), .marketdepth-generic table tbody .totalrow td:nth-child(3) {
  text-align: center;
}
.marketdepth-generic table tbody .totalrow td:nth-child(4) {
  text-align: end;
}
.marketdepth-generic table tbody .totalrow td:nth-child(5) {
  text-align: end;
}
.marketdepth-generic table tbody .totalrow td {
  font-size: 0.75rem !important;
  font-family: "RobotoMedium" !important;
}
.marketdepth-generic table tbody .totalrow .Total-ui {
  font-size: 0.625rem !important;
  font-family: "DMSansNormal" !important;
  width: 32% !important;
  text-align: center !important;
  color: #727271 !important;
}
.marketdepth-generic table tbody td {
  border: none;
}
.marketdepth-generic table tbody td:first-child {
  border-left: 0px;
}
.marketdepth-generic table tbody td:last-child {
  border-right: 0px;
}

.depthbodydata.RobotoM_12_500 {
  font-size: 0.75rem !important;
  font-family: "RobotoMedium" !important;
}

.coroprateActionGeneric {
  padding: 15px;
}
.coroprateActionGeneric .corporate-view {
  align-items: center;
}
.coroprateActionGeneric .corporate-view .edel-icon-arrow-right:before {
  font-size: 1.125rem;
}

.pl-13 {
  padding-left: 13px;
}
@media (max-width: 768px) {
  .pl-13 {
    line-height: 20px;
  }
}

.ml-9 {
  margin-left: 9px;
}

@media (max-width: 768px) {
  .coroprateActionGeneric .corporateGenericTitle,
  .coroprateActionGeneric .researchtag {
    line-height: 30px !important;
  }
}
.sliderNewsblock {
  padding: 15px;
}
.sliderNewsblock .dpname {
  text-decoration: underline;
}
.sliderNewsblock .news-block {
  margin-top: 9px;
  padding-left: 24px;
  text-align: justify;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .sliderNewsblock .news-block {
    line-height: 20px;
  }
}

.Researchcall-generic {
  padding: 15px;
}
.Researchcall-generic .research-data {
  margin-top: 11px;
  padding-left: 37px;
}
.Researchcall-generic .research-data .col {
  max-width: 23%;
  padding: 0;
}
@media (max-width: 768px) {
  .Researchcall-generic .research-data .col {
    line-height: 20px;
  }
}
.Researchcall-generic .research-data .col:last-child {
  max-width: 31%;
}
.Researchcall-generic .research-data .col div:first-child {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
}
.Researchcall-generic .research-data .col div:last-child {
  color: #444444;
  font-family: "RobotoMedium";
  font-size: 0.75rem;
}
.Researchcall-generic .research-view {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.Researchcall-generic .research-view .edel-icon-arrow-right:before {
  font-size: 1.125rem;
}

.buttonchange-block label {
  padding: 5px 7px;
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  border-radius: 3px;
  line-height: 140%;
}
.buttonchange-block .Buy {
  color: #51b255;
  background: rgba(81, 178, 85, 0.05);
}
.buttonchange-block .Exit {
  color: #dd504d;
  background: rgba(221, 80, 77, 0.05);
}

.researchtag {
  height: 16px;
  width: 16px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  text-align: center;
  color: #03002f;
  align-self: center;
  padding: 0;
}

.common-Research .research-view {
  color: #03002f !important;
}

.Toaster-block {
  width: 100%;
}
.Toaster-block .toast-container {
  width: 100%;
  bottom: 30px !important;
  position: fixed !important;
  padding: 0px 15px;
}
@media screen and (max-width: 768px) {
  .Toaster-block .toast-container {
    margin-bottom: 50px !important;
  }
}
.Toaster-block .parentToaster .fade {
  display: block !important;
}
.Toaster-block .parentToaster .toast {
  width: 100%;
  border: none;
  box-shadow: none;
}
.Toaster-block .parentToaster .toast .toast-body {
  border-radius: 5px;
  padding: 10px;
}
.Toaster-block.added .toast-container {
  z-index: 99999;
  bottom: 75px !important;
}

.desk-toast .toast-container {
  padding: 10px;
  width: 100%;
}
.desk-toast .toast-container .toast {
  width: 100%;
  border: none;
  box-shadow: none;
}
.desk-toast .toast-container .toast .toast-body {
  border-radius: 5px;
}
.desk-toast.position-unset {
  position: unset !important;
}
.desk-toast.small-middle .parentToaster {
  width: 50% !important;
}
@media screen and (max-width: 1023px) {
  .desk-toast.small-middle .parentToaster {
    width: 100% !important;
  }
}
.desk-toast.small-middle .parentToaster {
  position: fixed !important;
}
.desk-toast.small-middle-auto .parentToaster {
  width: auto !important;
}
@media screen and (max-width: 1023px) {
  .desk-toast.small-middle-auto .parentToaster {
    width: 100% !important;
  }
}
.desk-toast.small-middle-auto .parentToaster {
  position: fixed !important;
}
.desk-toast.pos-fixed {
  position: fixed;
  z-index: 10;
  width: 100%;
}
.desk-toast.pos-fixed.width-25 {
  width: 25%;
}
.desk-toast.top-rel-30 {
  top: 30px;
  position: relative;
}

.common-search-bar {
  border-radius: 5px;
}
.common-search-bar .edel-icon-search1 {
  padding-left: 15px;
  color: #03002f;
}
.common-search-bar input {
  border: none;
  width: 100%;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #03002f;
  padding: 17px 10px;
  border-radius: 5px;
}
.common-search-bar input::-webkit-input-placeholder {
  color: #444444 !important;
}
.common-search-bar.open-search {
  justify-content: space-around;
}
.common-search-bar.open-search i::before {
  font-size: 0.563rem;
  position: relative;
  top: -2px;
}
.common-search-bar.open-search .edel-icon-left-arrow {
  padding-left: 10px;
  padding-right: 2px;
  font-size: 0.813rem;
}
.common-search-bar.open-search .edel-icon-close {
  padding-right: 10px;
}

.search-split-block {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.search-split-block button {
  border: none;
  background: #ffffff;
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .search-split-block button {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.search-split-block button {
  padding: 4px 10px;
  border-color: #e7e7e7;
}
.search-split-block button:hover {
  color: #727271;
}
.search-split-block .btn-primary:hover {
  background-color: unset;
  border-color: unset;
}
.search-split-block .btn-primary:active,
.search-split-block .btn-primary:focus {
  background-color: unset;
  border-color: unset;
  color: #03002f;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .search-split-block .btn-primary:active,
  .search-split-block .btn-primary:focus {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.search-split-block .btn-primary.dropdown-toggle {
  background-color: #ffffff;
  border-color: none;
  color: #727271;
  padding: 0px 10px 0px 0px;
}
@media screen and (max-width: 1023px) {
  .search-split-block .dropdown-toggle span::after {
    content: "\eb6c";
    font-family: "edel_icon";
    border: none;
    color: #03002f;
    display: flex;
    align-items: center;
    font-size: 0.438rem;
  }
  .search-split-block .dropdown-toggle.show span::after {
    transform: rotate(180deg);
  }
  .search-split-block .dropdown-toggle span {
    position: relative !important;
    margin: 0px !important;
  }
}
.search-split-block .dropdown-toggle::after {
  content: "\eb6c";
  font-family: "edel_icon";
  border: none;
  color: #03002f;
  display: flex;
  align-items: center;
  font-size: 0.438rem;
}
.search-split-block .dropdown-menu.show {
  margin: auto;
  min-width: 100%;
  max-width: max-content;
  left: 0;
  padding: 15px 15px 0px;
  border: none;
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(165, 163, 174, 0.4);
  transform: translate(0px) !important;
  inset: 35px auto auto 0px !important;
}
@media (max-width: 768px) {
  .search-split-block .dropdown-menu.show {
    inset: 30px auto auto 0px !important;
  }
}
.search-split-block .dropdown-menu.show .radio-button label {
  gap: 3px;
}
.search-split-block .dropdown-menu.show .radio-button {
  padding-bottom: 15px;
}
.search-split-block .dropdown-menu.show .radio-button input[type=checkbox] {
  color: #ffffff;
}
.search-split-block .dropdown-menu.show .radio-button input[type=checkbox]:checked {
  background-color: #03002f !important;
  border-color: #03002f !important;
}
.search-split-block .alignment-content .radio_btn {
  display: flex;
  align-items: center;
  gap: 0px;
}

.search-split-block.show .dropdown-toggle::after {
  transform: rotate(180deg);
  color: #03002f;
}

.search-nosplit-block {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 4px 10px;
  display: flex;
  align-items: center;
}
.search-nosplit-block .ed_button.link {
  background: none;
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .search-nosplit-block .ed_button.link {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}

.search-toptabs-block {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  background-color: #ffffff;
  padding-right: 30px !important;
}
@media (max-width: 768px) {
  .search-toptabs-block {
    display: flex;
    gap: 10px;
    height: 100%;
    flex-wrap: wrap;
    padding-right: 20px !important;
  }
  .search-toptabs-block .search-nosplit-block {
    max-width: fit-content;
    min-width: fit-content;
    position: relative;
    height: 100%;
  }
}

.selected-tab-color {
  background-color: #f2f2f5 !important;
}

.search-tab-active-btn .dropdown-menu .dropdown-item.active,
.search-tab-active-btn .dropdown-menu .dropdown-item:active {
  background-color: #03002f;
}
.search-tab-active-btn {
  border: 1px solid #03002f;
  display: flex;
  align-items: center;
  background-color: #f2f2f5 !important;
}
.search-tab-active-btn .btn-primary {
  color: #03002f;
}
.search-tab-active-btn .btn-primary:hover {
  z-index: 0;
  color: #03002f;
}
.search-tab-active-btn button {
  background-color: #f2f2f5 !important;
  font-family: "DMSansMedium" !important;
}

.search-tab-active-btn.search-nosplit-block .ed_button.link,
.search-tab-active-btn.search-split-block .ed_button.link {
  color: #03002f;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .search-tab-active-btn.search-nosplit-block .ed_button.link,
  .search-tab-active-btn.search-split-block .ed_button.link {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}

.searchbox-mobile {
  width: 295px;
  height: 213px;
  border-radius: 6px;
  box-shadow: 0px 0px 20px 0px rgba(165, 163, 174, 0.4);
  padding: 15px;
  overflow-y: scroll;
}
.searchbox-mobile .searchblock-generic-block:first-child {
  padding-top: 0px;
}

.defaultExchange-modal.modal-dialog {
  max-width: 520px !important;
}
.defaultExchange-modal.modal-dialog .modal-content .modal-header {
  margin-bottom: 0px !important;
  border: none !important;
  border-radius: 0px !important;
  background-color: #f2f2f5 !important;
  padding: 20px !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}
.defaultExchange-modal.modal-dialog .modal-content .modal-body {
  border-radius: 0px !important;
  height: unset !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.generic-searchbar-modal-block .commonscroll-new::-webkit-scrollbar-track-piece {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.generic-searchbar-modal-block .commonscroll-new::-webkit-scrollbar {
  width: 2px !important;
  height: 5px !important;
}
.generic-searchbar-modal-block + .modal-backdrop .show {
  background-color: rgba(98, 92, 92, 0.19) !important;
}

.fade.show.tooltip,
.fade.show.popover {
  display: block;
  opacity: 1;
  z-index: 1000;
}
.fade.show.tooltip.high-index,
.fade.show.popover.high-index {
  z-index: 9999;
}

.fade.show.popover {
  border-color: #e7e7e7;
}

.generic-popover.popover-body {
  cursor: default;
}

.white-tooltips .tooltip-inner {
  border-radius: 5px;
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px 10px;
  margin: 0 0 7px 0;
  filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.1));
}
.white-tooltips .tooltip-arrow::before {
  border-color: #ffffff !important;
}

.watchlist-todays-highlist.chart-view .highlistlist {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
}
.watchlist-todays-highlist.pivot-points .highlistlist {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-bottom: 5px;
  column-gap: 5px;
  row-gap: 10px;
}
.watchlist-todays-highlist.pivot-points .highlistlist.grid-1 {
  grid-template-columns: 1fr;
}
.watchlist-todays-highlist.pivot-points .highlistlist.grid-2 {
  grid-template-columns: 1fr 1fr;
}
.watchlist-todays-highlist.pivot-points .highlistlist.grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.investmentTypeBlock {
  padding: 0px 15px 20px;
  border-bottom: 1px solid #e7e7e7;
}
.investmentTypeBlock .BUY {
  color: #51b255;
}
.investmentTypeBlock .tile div {
  line-height: 16.8px;
}

.watchlist-marketdepth .dpname {
  text-decoration: none !important;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .watchlist-marketdepth .dpname {
    font-size: 0.75rem !important;
    font-family: "DMSansBold" !important;
    text-transform: uppercase;
  }
}
.watchlist-marketdepth .pivot-points .col-3 {
  padding-left: 0px;
  padding-right: 0px;
}
.watchlist-marketdepth .pivot-points.pivotpointsweek {
  border-top: 1px solid #e7e7e7 !important;
}

@media (max-width: 1023px) {
  .watchlist-todays-highlist {
    padding-left: 10px;
  }
  .watchlist-todays-highlist .highlistlist {
    column-gap: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.mgt-2 {
  margin-top: 2px;
}

.mgt-3 {
  margin-top: 3px;
}

.mgt-4 {
  margin-top: 4px;
}

.mgt-5 {
  margin-top: 5px;
}

.mgt-8 {
  margin-top: 8px;
}

.mgt-10 {
  margin-top: 10px;
}

.mgt-11 {
  margin-top: 11px;
}

.mgt-12 {
  margin-top: 12px;
}

.mgt-13 {
  margin-top: 13px;
}

.mgt-14 {
  margin-top: 14px;
}

.mgt-15 {
  margin-top: 15px;
}

.mgt-16 {
  margin-top: 16px;
}

.mgt-18 {
  margin-top: 18px;
}

.mgt-20 {
  margin-top: 20px;
}

.mgt-25 {
  margin-top: 25px;
}

.mgt-28 {
  margin-top: 28px;
}

.mgt-30 {
  margin-top: 30px;
}

.mt-33 {
  margin-top: 33px;
}

.mgt-34 {
  margin-top: 34px;
}

.mgt-35 {
  margin-top: 35px;
}

.mgt-36 {
  margin-top: 36px;
}

.mgt-40 {
  margin-top: 40px;
}

.mt-42 {
  margin-top: 42px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-48 {
  margin-top: 45px;
}

.mgt-50 {
  margin-top: 50px;
}

.mgt-55 {
  margin-top: 55px;
}

.mgt-60 {
  margin-top: 60px;
}

.mgt-65 {
  margin-top: 60px;
}

.mgt-70 {
  margin-top: 70px;
}

.mgt-74 {
  margin-top: 74px;
}

.mgt-75 {
  margin-top: 75px;
}

.mgt-100 {
  margin-top: 100px;
}

.mgt-120 {
  margin-top: 120px;
}

.mgt-135 {
  margin-top: 135px;
}

.mgt-150 {
  margin-top: 150px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mgb-2 {
  margin-bottom: 2px;
}

.mgb-4 {
  margin-bottom: 4px;
}

.mgb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-13 {
  margin-bottom: 13px;
}

.mb-14 {
  margin-bottom: 14px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-39 {
  margin-bottom: 39px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-250 {
  margin-bottom: 200px;
}

.mgr-10 {
  margin-right: 10px;
}

.mgr-20 {
  margin-right: 20px;
}

.mgr-15 {
  margin-right: 15px;
}

.mgr-48 {
  margin-right: 48px;
}

.mgl-3 {
  margin-left: 3px;
}

.mgl-5 {
  margin-left: 5px;
}

.mgl-10 {
  margin-left: 10px;
}

.mgl-12 {
  margin-left: 12px;
}

.mgl-15 {
  margin-left: 15px;
}

.mgl-18 {
  margin-left: 18px;
}

.mgl-20 {
  margin-left: 20px;
}

.mgl-30 {
  margin-left: 30px;
}

.mgl-33 {
  margin-left: 33px;
}

.mgl-50 {
  margin-left: 50px;
}

.mgl-100 {
  margin-left: 100px;
}

.mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.my-9 {
  margin-top: 9px;
  margin-bottom: 9px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.m-0 {
  margin: 0;
}

.mgt-80 {
  margin-top: 80px;
}

.mgt-90 {
  margin-top: 90px;
}

.line-height-20 {
  line-height: 20px;
}

.line-height-30 {
  line-height: 30px;
}

/*****************responsive css ***********************/
@media (min-width: 768px) and (max-width: 1600px) {
  .mgt-md-60 {
    margin-top: 60px;
  }
  .mgt-md-30 {
    margin-top: 30px;
  }
  .mgt-md-0 {
    margin-top: 0px;
  }
}
/*****************padding***********************/
.padding-5 {
  padding: 5px !important;
}

.padding-7 {
  padding: 7px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-17 {
  padding: 17px !important;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-80 {
  padding-bottom: 80px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.pdr-24 {
  padding-right: 1.5rem !important;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padding-15 {
  padding: 15px;
}

.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.pd-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.p-25 {
  padding: 25px;
}

.p-30 {
  padding: 30px;
}

.p-32 {
  padding: 32px;
}

.p-40 {
  padding: 40px;
}

.pdt-4 {
  padding-top: 4px;
}

.pt-7 {
  padding-top: 7px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-13 {
  padding-top: 13px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-18 {
  padding-top: 18px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-200 {
  padding-top: 200px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-150 {
  padding-bottom: 100px;
}

.pd-b5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-18 {
  padding-bottom: 18px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-39 {
  padding-bottom: 39px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-250 {
  padding-bottom: 250px;
}

.pdl-rem-2 {
  padding-left: 0.5rem;
}

.pdl-5 {
  padding-left: 5px;
}

.pdl-7 {
  padding-left: 7px;
}

.pdl-rem {
  padding-left: 0.5rem;
}

.pdl-10 {
  padding-left: 10px;
}

.pdl-15 {
  padding-left: 15px;
}

.pdl-16 {
  padding-left: 16px;
}

.pdl-20 {
  padding-left: 20px;
}

.pdl-30 {
  padding-left: 30px;
}

.pdl-35 {
  padding-left: 35px;
}

.pdl-40 {
  padding-left: 40px;
}

.ps-32 {
  padding-left: 32px !important;
}

.ps-35 {
  padding-left: 35px;
}

.ps-100 {
  padding-left: 100px !important;
}

.ps-50 {
  padding-left: 50px !important;
}

.ps-25 {
  padding-left: 25px !important;
}

.pdr-3 {
  padding-right: 3px;
}

.pdr-5 {
  padding-right: 5px;
}

.pdr-10 {
  padding-right: 10px;
}

.pdr-12 {
  padding-right: 12px;
}

.pdr-15 {
  padding-right: 15px;
}

.pdr-20 {
  padding-right: 20px;
}

.pdr-30 {
  padding-right: 30px;
}

.pdr-45 {
  padding-right: 45px;
}

.pdr-50 {
  padding-right: 50px;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.pd-30 {
  padding-top: 30px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.pd-60 {
  padding-top: 60px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.pb-10-rem {
  padding-bottom: 0.5rem !important;
}
@media (max-width: 1023px) {
  .pb-10-rem {
    padding-bottom: 0.33rem !important;
  }
}

.pt-10-rem {
  padding-top: 0.5rem !important;
}
@media (max-width: 1023px) {
  .pt-10-rem {
    padding-top: 0.33rem !important;
  }
}

.px-29-rem {
  padding-right: 1.99rem !important;
  padding-left: 1.99rem !important;
}

@media (min-width: 768px) and (max-width: 1600px) {
  .ps-md-56 {
    padding-left: 56px;
  }
}
@media (max-width: 768px) {
  .ps-md-56 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
}
/**********************span colors ************************/
span[data-attr=pending],
span[data-attr=Pending],
span[data-attr="Request Sent"],
span[data-attr="Pay-in Pending"],
span[data-attr="In Process"],
span[data-attr=InProcess] {
  color: #f7943e;
  text-transform: capitalize;
}
span[data-attr=pending].showBg,
span[data-attr=Pending].showBg,
span[data-attr="Request Sent"].showBg,
span[data-attr="Pay-in Pending"].showBg,
span[data-attr="In Process"].showBg,
span[data-attr=InProcess].showBg {
  background-color: #fef4ec;
}

span[data-attr=success],
span[data-attr=Success] {
  color: #51b255;
  text-transform: capitalize;
}
span[data-attr=success].showBg,
span[data-attr=Success].showBg {
  background-color: #f6fbf6;
}

span[data-attr=Overdue],
span[data-attr=overdue] {
  color: #f7943e !important;
  text-transform: capitalize;
}

span[data-attr=failed],
span[data-attr=Failed] {
  color: #f83c3c;
  text-transform: capitalize;
}
span[data-attr=failed].showBg,
span[data-attr=Failed].showBg {
  background-color: rgba(229, 32, 32, 0.1);
}

span[data-attr=completed],
span[data-attr=Completed],
span[data-attr=COMPLETE],
span[data-attr=Complete],
span[data-attr=complete],
span[data-attr=Processed],
span[kra-data-attr="KRA Validated"],
span[kra-data-attr="KRA Verified"] {
  color: #51b255 !important;
  text-transform: capitalize;
}
span[data-attr=completed].showBg,
span[data-attr=Completed].showBg,
span[data-attr=COMPLETE].showBg,
span[data-attr=Complete].showBg,
span[data-attr=complete].showBg,
span[data-attr=Processed].showBg,
span[kra-data-attr="KRA Validated"].showBg,
span[kra-data-attr="KRA Verified"].showBg {
  background-color: #f6fbf6;
}

span[data-attr="In progress"],
span[data-attr="In pProgress"] {
  color: #f7943e;
  text-transform: capitalize;
}
span[data-attr="In progress"].showBg,
span[data-attr="In pProgress"].showBg {
  background-color: #fef4ec;
}

span[data-attr=rejected],
span[data-attr=Rejected],
span[data-attr=cancelled],
span[data-attr=Cancelled],
span[data-attr=Failed],
span[data-attr=failed],
span[data-attr="UPI Int Failed"],
span[kra-data-attr="Not Checked with respective KRA"],
span[kra-data-attr=Submitted],
span[kra-data-attr=Hold],
span[kra-data-attr=Rejected],
span[kra-data-attr="Not available"],
span[kra-data-attr=Deactivated],
span[kra-data-attr="Existing KYC Submitted"],
span[kra-data-attr="Existing KYC Verified"],
span[kra-data-attr="Existing KYC hold"],
span[kra-data-attr="Existing KYC Rejected"],
span[kra-data-attr="KYC REGISTERED WITH CVLMF"],
span[kra-data-attr="Not Checked with Multiple KRA"],
span[kra-data-attr="Invalid PAN NO Format"] {
  color: #f83c3c !important;
  text-transform: capitalize;
}
span[data-attr=rejected].showBg,
span[data-attr=Rejected].showBg,
span[data-attr=cancelled].showBg,
span[data-attr=Cancelled].showBg,
span[data-attr=Failed].showBg,
span[data-attr=failed].showBg,
span[data-attr="UPI Int Failed"].showBg,
span[kra-data-attr="Not Checked with respective KRA"].showBg,
span[kra-data-attr=Submitted].showBg,
span[kra-data-attr=Hold].showBg,
span[kra-data-attr=Rejected].showBg,
span[kra-data-attr="Not available"].showBg,
span[kra-data-attr=Deactivated].showBg,
span[kra-data-attr="Existing KYC Submitted"].showBg,
span[kra-data-attr="Existing KYC Verified"].showBg,
span[kra-data-attr="Existing KYC hold"].showBg,
span[kra-data-attr="Existing KYC Rejected"].showBg,
span[kra-data-attr="KYC REGISTERED WITH CVLMF"].showBg,
span[kra-data-attr="Not Checked with Multiple KRA"].showBg,
span[kra-data-attr="Invalid PAN NO Format"].showBg {
  background-color: rgba(229, 32, 32, 0.1);
}

/*******************position **************/
.posrel {
  position: relative;
}

.posAbs {
  position: absolute;
}

.posFix {
  position: fixed;
}

.tp-rel-11 {
  position: relative;
  top: -11px;
}

/****************************text  decoration css common *************************/
.txt-underline {
  text-decoration: underline !important;
}

.txt-underline-none {
  text-decoration: unset !important;
}

.txt-transform-unset {
  text-transform: unset !important;
}

/*****************************width**************************************/
.width-99 {
  width: 99px;
}

.width500 {
  width: 500px !important;
}

.width210 {
  width: 210px !important;
}

.width235 {
  width: 235px !important;
}

@media (max-width: 768px) {
  .lineHeight-20-mb {
    line-height: 20px;
  }
  .lineHeight-25-mb {
    line-height: 25px;
  }
  .lineHeight-32-mb {
    line-height: 32px;
  }
}
/******************************edel sidebar Height*****************************/
.vh-100 {
  height: 100vh !important;
}

.vh-95 {
  height: 95vh !important;
}

.vh-90 {
  height: 90vh !important;
}

.vh-85 {
  height: 85vh !important;
}

.vh-80 {
  height: 80vh !important;
}

.vh-75 {
  height: 75vh !important;
}

.vh-70 {
  height: 70vh !important;
}

.vh-60 {
  height: 60vh !important;
}

.vh-50 {
  height: 50vh !important;
}

.vh-40 {
  height: 40vh !important;
}

.vh-35 {
  height: 35vh !important;
}

.vh-30 {
  height: 30vh !important;
}

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

.height-100 {
  height: 100% !important;
}

.height-95 {
  height: 95% !important;
}

.height-90 {
  height: 90% !important;
}

.height-85 {
  height: 85% !important;
}

.height-80 {
  height: 80% !important;
}

.height-75 {
  height: 75% !important;
}

.height-70 {
  height: 70% !important;
}

.height-60 {
  height: 60% !important;
}

.height-55 {
  height: 55% !important;
}

.height-50 {
  height: 50% !important;
}

.height-40 {
  height: 40% !important;
}

.height-35 {
  height: 35% !important;
}

.height-30 {
  height: 30% !important;
}

.height-auto {
  height: auto !important;
}

/************************** Line Height ****************************/
.lh-nornal {
  line-height: normal;
}

.lh-0 {
  line-height: 0px;
}

.pdl-7-p {
  padding-left: 7%;
}

.mobmgt-10 {
  margin-top: 10px;
}

/***************************Border Radius***************************/
.border-rounded-5 {
  border-radius: 5px;
}

.border-rounded-15 {
  border-radius: 15px;
}

.border-rounded-20 {
  border-radius: 20px;
}

.border-rounded-12 {
  border-radius: 12px;
}

.rounded-top-5 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.brd-radius-all {
  border-radius: 100%;
}

/***************************Flex Gap***************************/
.gap-7 {
  gap: 7px;
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-16 {
  gap: 16px;
}

.gap-20 {
  gap: 20px;
}

.gap-25 {
  gap: 25px;
}

.gap-28 {
  gap: 28px;
}

.gap-36 {
  gap: 36px;
}

.gap-48 {
  gap: 48px;
}

.gap-100 {
  gap: 100px;
}

.gap-130 {
  gap: 130px;
}

.gap-135 {
  gap: 135px;
}

.gap-150 {
  gap: 150px !important;
}

.bg-transparent {
  background-color: transparent !important;
}

/***************************Sizing***************************/
.height-97 {
  height: 97%;
}

.fs-15 {
  font-size: 15px;
}

.fs-15 {
  font-size: 15px;
}

.fs-10 {
  font-size: 10px;
}

.fs-20 {
  font-size: 20px;
}

.fs-40 {
  font-size: 40px;
}

.fs-50 {
  font-size: 50px;
}

.fs-30 {
  font-size: 30px;
}

.fs-60 {
  font-size: 60px;
}

.position-tooltip {
  left: 47px;
  top: -4px;
}

.orderpad-tooltip {
  left: 55px;
  top: -4px;
}

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

.max-height-width {
  max-width: 100%;
  min-height: 115px;
  max-height: 200px;
}
@media (max-width: 768px) {
  .max-height-width {
    min-height: 104px;
    max-height: 100px;
  }
}

.border-top-right {
  border-top-right-radius: 10px;
}

.height-400 {
  height: 400px;
}

/**************mobile classes*****************/
.grid-md-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 768px) {
  .grid-md-3 {
    grid-template-columns: 1fr;
  }
}

.grid-md-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .grid-md-2 {
    grid-template-columns: 1fr;
  }
}

/***********Line Heights****************/
.lh-21 {
  line-height: 21px;
}

.lh-30 {
  line-height: 30px;
}

.lh-40 {
  line-height: 40px;
}

.lh-140 {
  line-height: 140%;
}

.lh-160 {
  line-height: 160%;
}

.lh-0 {
  line-height: 0px !important;
}

.txt-wrap {
  text-wrap: nowrap;
}

.hidden-over {
  overflow: hidden;
}

.lh-175 {
  line-height: 175%;
}

/************************* mobile view**********************/
@media (max-width: 768px) {
  .mt-mb-40 {
    margin-top: 40px;
  }
}
.bottom-45 {
  bottom: 45px !important;
}

.bottom-content-45-desk {
  padding-bottom: 45px !important;
}

.brd-midnight-blue {
  border: 1px solid #03002f !important;
}

.v-align-top {
  vertical-align: top;
}

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

.error-icon-16 .error-msg-text {
  font-size: 1rem !important;
}

.auto-max-height-100vh {
  height: 100vh;
}

.react-datepicker-block.react-datepicker {
  display: block !important;
  border: none !important;
}
.react-datepicker-block .react-datepicker {
  display: block !important;
  border: none !important;
}
.react-datepicker-block .react-datepicker .react-datepicker__month-container {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}

.top-90-posrel {
  top: 115px;
  position: relative;
}

.top-110-toast {
  top: 113px !important;
  position: absolute;
  width: 100%;
}
.top-110-toast .toast {
  border: none !important;
}

.w-105p {
  width: 105%;
}

.w-37 {
  width: 37%;
}

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

.grid-2-30-60 {
  display: grid;
  grid-template-columns: 33% 57%;
}

.padding-all {
  padding: 30px 0px 30px 0px !important;
}

.mgt-140 {
  margin-top: 140px;
}

.mb-100 {
  margin-bottom: 100px;
}

.w-60 {
  width: 60px;
}

.w-72 {
  width: 72px;
}

.grid-1 {
  display: grid;
  grid-template-columns: 1fr;
}

.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.grid-4-auto {
  display: grid;
  grid-template-columns: repeat(4, auto);
}

.d-center-end {
  display: flex;
  align-items: center;
  justify-content: end;
}

.d-grid-center {
  display: grid;
  justify-items: center;
}

.d-center-start {
  display: flex;
  align-items: center;
  justify-content: start;
}

.d-space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.d-space-evenly {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.aligncenteritem {
  display: flex;
  justify-content: center;
  align-items: center;
}

.alignStartitem {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.alignStartAllitem {
  display: flex;
  justify-content: start;
  align-items: start;
}

.alignEnditem {
  display: flex;
  align-items: flex-end;
}

.alignCenter {
  display: flex;
  align-items: center;
}

.text-align-justify {
  text-align: justify !important;
}

.gap-5-custom {
  gap: 5px;
}

.gap-4-custom {
  gap: 4px;
}

.gap-65-custom {
  gap: 65px;
}

.gap-8-custom {
  gap: 8px;
}

.gap-3-custom {
  gap: 3px;
}

.gap-10 {
  gap: 10px;
}

.gap-12 {
  gap: 12px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

.gap-21 {
  gap: 21px;
}

.gap-25 {
  gap: 25px;
}

.gap-30 {
  gap: 30px;
}

.gap-40 {
  gap: 40px;
}

.gap-60 {
  gap: 60px;
}

.gap-66 {
  gap: 66px;
}

.gap-80 {
  gap: 80px;
}

.gap-8 {
  gap: 8px;
}

.gap-90 {
  gap: 90px;
}

.gap-145 {
  gap: 145px;
}

.gap-50 {
  gap: 50px;
}

.gap-row-15 {
  column-gap: 15px;
}

.gap-14 {
  gap: 14px;
}

.py-18-custom {
  padding-top: 18px;
  padding-bottom: 18px;
}

.px-18-custom {
  padding-left: 18px;
  padding-right: 18px;
}

.px-24-custom {
  padding-left: 24px;
  padding-right: 24px;
}

.py-24-custom {
  padding-top: 24px;
  padding-bottom: 24px;
}

/*************************** border related*******************/
.brd-none {
  border: none !important;
}

.brdradius-5 {
  border-radius: 5px;
}

.brdradius-0 {
  border-radius: 0px !important;
}

.brdbottom,
.brd-bottom {
  border-bottom: 1px solid #e7e7e7 !important;
}

.brd-all {
  border: 1px solid #e7e7e7;
}

.brd-top {
  border-top: 1px solid #e7e7e7;
}

.brd-left-none {
  border-left: none !important;
}

.brd-left {
  border-left: 1px solid #e7e7e7;
}

.box-top-bottom {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.border-top-radius {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.border-bottom-radius {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.border-radius-no {
  border-radius: 0px !important;
}

.border-radius-5 {
  border-radius: 5px !important;
}

/**********************************scrolling height / common space height  **********************************/
.commonscroll-new.height200 {
  height: 200px;
  overflow-y: scroll;
}
.commonscroll-new.height250 {
  height: 250px;
  overflow-y: scroll;
}
.commonscroll-new.max-height250 {
  max-height: 250px;
  overflow-y: scroll;
}
.commonscroll-new.height300 {
  height: 300px;
  overflow-y: scroll;
}
.commonscroll-new.height-300 {
  max-height: 300px;
  overflow-y: scroll;
}
.commonscroll-new.height310 {
  height: 310px;
  overflow-y: scroll;
}
.commonscroll-new.height400 {
  height: 400px;
  overflow-y: scroll;
}
.commonscroll-new.height450 {
  height: 450px;
  overflow-y: scroll;
}
.commonscroll-new.height600 {
  height: 600px;
  overflow-y: scroll;
}
.commonscroll-new.max-height400 {
  max-height: 400px;
  overflow-y: scroll;
}
.commonscroll-new.max-height600 {
  max-height: 600px;
  overflow-y: scroll;
}
.commonscroll-new.max-height700 {
  max-height: 700px;
  overflow-y: scroll;
}
.commonscroll-new.height680 {
  height: 680px;
  overflow-y: scroll;
}
.commonscroll-new::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.commonscroll-new {
  /* Track */
}
.commonscroll-new::-webkit-scrollbar-track {
  background: transparent;
}
.commonscroll-new {
  /* Handle */
}
.commonscroll-new::-webkit-scrollbar-thumb {
  background: #03002f;
}

.overflow-100vh {
  height: 100vh;
  overflow-y: scroll;
}

.overflow-50vh {
  height: 50vh;
  overflow-y: scroll;
}

.overflow-80vh {
  height: 80vh;
  overflow-y: scroll;
}

/**************************line height***************************/
.linehei5 {
  line-height: 5px;
}

.linehei14 {
  line-height: 14px;
}

.linehei12 {
  line-height: 12px;
}

.line-20 {
  line-height: 20px;
}

.line-30 {
  line-height: 30px;
}

.line-25 {
  line-height: 25px;
}

.line-130 {
  line-height: 130%;
}

.line-140 {
  line-height: 140%;
}

.line-140 {
  line-height: 140%;
}

/********************** text overflow ***************************/
.two-line-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2; /* Limit to two lines */
}

.textOverflow-max272 {
  white-space: nowrap;
  width: 272px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max110 {
  white-space: nowrap;
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max180 {
  white-space: nowrap;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max96 {
  white-space: nowrap;
  width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max359 {
  white-space: nowrap;
  width: 359px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max125 {
  white-space: nowrap;
  width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max-width250 {
  white-space: nowrap;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: -moz-fit-content;
  width: fit-content;
}

.textOverflow-max100 {
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max50 {
  white-space: nowrap;
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-twolines {
  display: -webkit-box;
  max-width: 328px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
}

.textOverflow-max100 {
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-Threelines {
  display: -webkit-box;
  max-width: 240px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
}

.textOverflow-Threelines-350 {
  display: -webkit-box;
  max-width: 350px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
}

.word-break-100 {
  width: 100px;
  word-wrap: break-word;
}

.word-break-200 {
  word-break: break-word;
  white-space: normal;
  max-width: 200px;
}

.dFlex-unset {
  display: unset !important;
}

/*************************************************************************/
/*********************************** grid **************************************/
.grid-end {
  display: grid;
  justify-content: end;
}

.grid-center {
  display: grid;
  justify-content: center;
}

.grid-start {
  display: grid;
  justify-content: start;
}

/******************************** attribute color *****************************************/
span[data-attr=pending] {
  color: #f7943e;
  text-transform: capitalize;
}

span[data-attr=success] {
  color: #51b255;
  text-transform: capitalize;
}

span[data-attr=failed] {
  color: #f83c3c;
  text-transform: capitalize;
}

@media (max-width: 768px) {
  .lineHeightmb30 {
    line-height: 40px;
  }
  .px-3-mobile {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .mx-0-mobile {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
.custom-ellipse {
  border-bottom: 1px solid #333333;
  position: relative;
}

.flex-grow-1 {
  flex-grow: 1;
}

.pre-wrap {
  white-space: pre-wrap;
}

.whiteSpace {
  white-space: nowrap;
}

/******************************** modal **************************/
.commonmodal .modal-header {
  background-color: #f2f2f5;
  border-bottom: none !important;
}
.commonmodal .modal-dialog .modal-content {
  border: none !important;
  border-radius: 5px;
}
.commonmodal .modal-dialog .modal-content .modal-footer {
  border-top: none !important;
  justify-content: center;
  padding-bottom: 30px;
}
.commonmodal .modal-dialog .modal-content .edel-icon-cross {
  color: #b8b8b8;
  border: none !important;
}
.commonmodal .modal-body {
  background-color: #ffffff;
}
.commonmodal.gray-modal .modal-header {
  background-color: #f2f2f5;
}
.commonmodal.gray-modal .modal-header .modal-title {
  font-size: 1.375rem;
  font-family: "DMSansBold";
}

/************************* modalSize (common modal) **************************************/
@media (min-width: 992px) {
  .modal-lg-700 {
    max-width: 700px;
    border-radius: 5px !important;
  }
  .modal-lg-660 {
    max-width: 660px;
    border-radius: 5px !important;
  }
  .modal-lg-880 {
    max-width: 880px;
  }
  .modal-lg-880 .modal-header {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  .modal-lg-880 .modal-body {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
}
/***************************table *******************************************/
.ps-100 {
  padding-left: 100px !important;
}

.common-table-border table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.common-table-border table thead th {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
  padding: 12px 20px;
  border: none;
}
.common-table-border table tbody tr {
  border: 1px solid #e7e7e7;
}
.common-table-border table tbody tr td {
  font-size: 1rem;
  font-family: "RobotoMedium";
  color: #444444;
  padding: 12px 20px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.kraRow {
  background-color: #f2f2f5;
}

.commontable-without-bs table {
  border-spacing: 0px !important;
}
.commontable-without-bs table tr td {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-radius: unset !important;
}

.commontable-without-border table {
  width: 100%;
}
.commontable-without-border table tr:hover {
  background-color: unset !important;
}
.commontable-without-border table tr td {
  border: none !important;
}

.table-bordered-custom table {
  border-spacing: 0px !important;
  width: 100%;
  margin: 0px auto;
}
.table-bordered-custom table tr td {
  border-bottom: 1px solid #e7e7e7;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-radius: 0px !important;
}
.table-bordered-custom table tr td :last-child {
  border-bottom: none !important;
}
.table-bordered-custom.not-last-child table tr:last-child td {
  border-bottom: none !important;
}

/*************************************error******************************/
.validation-error .help_text {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}
.validation-error .help_text::before {
  content: "\e99e";
  font-family: "edel_icon";
  padding-right: 5px;
}

/************************ sideBar******************/
.custom-offcanvas {
  transition: transform 0.3s ease-in-out;
}
.custom-offcanvas.offcanvas-end {
  width: 390px !important;
  border-left: none !important;
}
.custom-offcanvas.offcanvas-bottom {
  width: 100%;
}
@media (max-width: 1023px) {
  .custom-offcanvas {
    border-radius: 16px 16px 0 0;
    border: none;
  }
  .custom-offcanvas.open-drawerAs-standalonepage {
    border-radius: 0 !important;
  }
}

.edel-sidebar-drawer {
  position: relative;
  box-shadow: -8px 4px 50px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-flow: column;
  height: 100%;
}
.edel-sidebar-drawer .sidebar-closing-btn {
  position: absolute;
  top: 25px;
  left: -21px;
  background-color: #ffffff;
  width: 21px;
  height: 40px;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 5px 0 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.edel-sidebar-drawer .sidebar-closing-btn .edel-icon-arrow-right1 {
  font-size: 11px !important;
}
@media (max-width: 1023px) {
  .edel-sidebar-drawer {
    border-radius: 16px 16px 0 0;
  }
  .edel-sidebar-drawer.open-drawerAs-standalonepage {
    border-radius: 0 !important;
  }
  .edel-sidebar-drawer .drawer-handle {
    width: 32px !important;
    border-radius: 100px !important;
    height: 4px !important;
    background: rgba(3, 0, 47, 0.5) !important;
  }
}
.edel-sidebar-drawer .offcanvas-header {
  height: auto !important;
  padding: 15px !important;
}
.edel-sidebar-drawer .offcanvas-body {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media (max-width: 1023px) {
  .offcanvas-backdrop.revamp-pos-common-backdrop__backdrop {
    opacity: 1 !important;
  }
}
.offcanvas-backdrop.show {
  opacity: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
}
@media (max-width: 1023px) {
  .offcanvas-backdrop.show {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
  }
}

.sidebar-scroll-common .stock-details-body {
  height: 100vh;
  overflow-y: scroll;
}
.sidebar-scroll-common .stock-details-body::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.sidebar-scroll-common .stock-details-body {
  /* Track */
}
.sidebar-scroll-common .stock-details-body::-webkit-scrollbar-track {
  background: transparent;
}
.sidebar-scroll-common .stock-details-body {
  /* Handle */
}
.sidebar-scroll-common .stock-details-body::-webkit-scrollbar-thumb {
  background: #03002f;
}

.common-sidebar-new .stock-details-head {
  background-color: #f5f5f5 !important;
}
.common-sidebar-new .stock-details-head .edel-icon-arrow-right1 {
  color: #03002f;
}

.etf-sidebar-padding {
  padding: 25px 0px 25px 20px !important;
}
.etf-sidebar-padding .stock-details-switch-key {
  margin-left: -41px !important;
}
.etf-sidebar-padding .header-fontsize {
  font-size: 14px;
}

.mb-genericSidebar .z-index-high__backdrop {
  z-index: 10000 !important;
}
.mb-genericSidebar .z-index-high__backdrop.blur-bg {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.mb-genericSidebar .z-index-high {
  z-index: 10001 !important;
}
.mb-genericSidebar.mb-generic-docking .z-index-high-docking {
  z-index: 9999999 !important;
}
.mb-genericSidebar.mb-generic-brd-radius .z-index-high__handle-wrapper {
  border-radius: 5px;
}

/************************* Accordian************************/
.common-accordian-button .accordion-button::after {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f5;
  color: #03002f;
  padding: 0px;
  font-weight: bold;
}
.common-accordian-button .accordion-button:not(.collapsed) {
  background-color: transparent !important;
}
.common-accordian-button .accordion-collapse .accordion-body {
  padding-bottom: 0px;
  border-radius: 5px;
}

.common-accordian .accordion-item {
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px;
  padding: 30px;
  margin-top: 15px;
}
.common-accordian .accordion-item .accordion-button {
  background-color: unset;
  padding: 0px;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.common-accordian .accordion-item .accordion-button::after {
  background-color: unset !important;
  color: #03002f !important;
}

.common-accordian-plus .accordion-item {
  padding: 15px;
}
.common-accordian-plus .accordion-header .accordion-button {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #03002f;
}
.common-accordian-plus .accordion-header .accordion-button.collapsed::after {
  content: "\e9c9" !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-accordian-plus .accordion-header .accordion-button::after {
  content: "" !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.customaccordian-new .accordion-header .accordion-button {
  font-size: 1rem;
}
.customaccordian-new .accordion-header .accordion-button::after {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px !important;
  height: 30px !important;
  background-color: #ededf0 !important;
  padding: 0px;
  color: #03002f;
}
.customaccordian-new .accordion-header .accordion-button:not(.collapsed) {
  background: transparent !important;
}

.common-accordian-big-icon .accordion-header .accordion-button {
  font-size: 0.938rem;
}
.common-accordian-big-icon .accordion-header .accordion-button::after {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "\eb6c" !important;
  background-color: #ededf0;
  padding: 0px;
  color: #03002f;
  font-size: 0.75rem;
}
.common-accordian-big-icon .accordion-header .accordion-button:not(.collapsed) {
  background: transparent !important;
}
.common-accordian-big-icon.no-icon-bg .accordion-header .accordion-button::after {
  background-color: unset !important;
}

/***********************login screen ***************/
.common-tooltip {
  padding: 0px !important;
}
.common-tooltip .btn-primary {
  background-color: transparent !important;
  border: none !important;
  padding: 0px;
  margin: 0px;
}

/***************************checkbox*****************************/
.common-checkbox-new .form-check {
  display: flex;
  align-items: center;
  gap: 10px;
}
.common-checkbox-new .form-check .form-check-input:checked,
.common-checkbox-new .form-check input:checked {
  background-color: #03002f !important;
  border-color: #03002f !important;
}
.common-checkbox-new .form-check .form-check-input.height25,
.common-checkbox-new .form-check input.height25 {
  width: 25px !important;
  height: 25px !important;
}
.common-checkbox-new .form-check .form-check-input.height20,
.common-checkbox-new .form-check input.height20 {
  width: 20px !important;
  height: 20px !important;
}

.common-checkbox .checkboxWrap.border-box-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 5px;
}
.common-checkbox .form-check-input:checked {
  background-color: #03002f;
  color: #03002f;
  border: 1px solid #03002f;
}
.common-checkbox .form-check {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0px;
}
.common-checkbox .form-check .radio_btn {
  accent-color: #03002f;
}
.common-checkbox .form-check div {
  text-align: left;
}
.common-checkbox .form-check .form-check-label {
  font-size: 1rem;
  font-family: "DMSansMedium";
}

/**************************Radio button*****************************/
.Box-radiobutton {
  border: 1px solid #e7e7e7;
  padding: 10px;
  border-radius: 5px;
}
.Box-radiobutton.active {
  border: 1px solid #03002f !important;
  background-color: #f8f5ff !important;
}
.Box-radiobutton.active .radio_btn input[type=radio] {
  border: 1px solid #03002f !important;
}
.Box-radiobutton.active .radio_btn input[type=radio]::after {
  background: #03002f !important;
}

/******************** Tooltip ****************************/
.blue-common-tooltip {
  z-index: 9999 !important;
}
.blue-common-tooltip .tooltip-inner {
  background-color: #f4fafd;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #444444;
  max-width: 100%;
  box-shadow: 1px 1px 1px 1px #e7e7e7;
}
.blue-common-tooltip .tooltip-arrow::before {
  border-bottom-color: #f4fafd;
}

/************* Dropdown************************/
.common-new-drp .equitydrop {
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px;
}
.common-new-drp.full-width .equitydrop {
  width: 100%;
  height: 45px;
  justify-content: space-between;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.common-new-drp.full-width .dropdown-menu {
  width: 100% !important;
  margin-top: 12px;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px rgba(165, 163, 174, 0.4);
  border-radius: 6px;
}
.common-new-drp.full-width .dropdown-menu .dropdown-item {
  padding: 10px !important;
}
.common-new-drp.arrow-end .equitydrop {
  justify-content: end !important;
}
.common-new-drp .edel-icon-arrow-down::before {
  color: #03002f !important;
}
.common-new-drp.low-index-btn .equitydrop {
  z-index: 0;
}

@media (max-width: 768px) {
  .ps-md-56 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
}
.common-dropdown-new.common-new-drp .equitydrop {
  width: 100%;
  height: 40px;
  justify-content: space-between;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #03002f !important;
}
.common-dropdown-new.common-new-drp .equitydrop::after {
  content: "";
  text-decoration: underline;
}
.common-dropdown-new.common-new-drp .equitydrop .edel-icon-arrow-down {
  text-decoration: none !important;
}
.common-dropdown-new.common-new-drp .equitydrop .edel-icon-arrow-down::before {
  text-decoration: none !important;
}
.common-dropdown-new.common-new-drp.drp-30 .equitydrop {
  height: 30px !important;
}
.common-dropdown-new .dropdown-menu {
  width: 100% !important;
  margin-top: 0px;
  background-color: #ffffff;
  border-radius: 0px;
  border: 1px solid #e7e7e7;
  height: 208px;
}
.common-dropdown-new .dropdown-menu .dropdown-item {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  padding: 14px;
}
.common-dropdown-new .dropdown-menu .dropdown-item:hover {
  background-color: #f2f2f5;
  color: #444444;
  padding: 14px;
}

/******************** Calender  + datepicker *********************************/
.common-datepicker .calendardates-spacing .react-datepicker .react-datepicker__day-name {
  width: 2.4rem;
}
.common-datepicker .calendardates-spacing .react-datepicker .react-datepicker__day {
  margin: 7px;
}
.common-datepicker .react-datepicker {
  border: 1px solid #e7e7e7;
}
.common-datepicker .react-datepicker .react-datepicker__month-read-view--selected-month,
.common-datepicker .react-datepicker .react-datepicker__year-read-view--selected-year {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.common-datepicker .react-datepicker .react-datepicker__month-select,
.common-datepicker .react-datepicker .react-datepicker__year-select {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #292929;
}
.common-datepicker .react-datepicker .react-datepicker__header {
  border: none !important;
}
.common-datepicker .react-datepicker .react-datepicker__month {
  border: none !important;
}
@media (max-width: 768px) {
  .common-datepicker .react-datepicker .react-datepicker__navigation {
    top: -1%;
  }
}
.common-datepicker .react-datepicker .react-datepicker__day--selected {
  background-color: #03002f !important;
  color: #ffffff !important;
}
@media (max-width: 768px) {
  .common-datepicker .react-datepicker .react-datepicker__day--selected {
    background-color: #f2f2f5 !important;
    color: #ffffff !important;
  }
}
.common-datepicker .react-datepicker .react-datepicker__day--keyboard-selected {
  background-color: #03002f;
  color: #ffffff;
}
.common-datepicker .react-datepicker .react-datepicker__day--selected,
.common-datepicker .react-datepicker .react-datepicker__day--in-selecting-range,
.common-datepicker .react-datepicker .react-datepicker__day--in-range,
.common-datepicker .react-datepicker .react-datepicker__month-text--selected,
.common-datepicker .react-datepicker .react-datepicker__month-text--in-selecting-range,
.common-datepicker .react-datepicker .react-datepicker__month-text--in-range,
.common-datepicker .react-datepicker .react-datepicker__quarter-text--selected,
.common-datepicker .react-datepicker .react-datepicker__quarter-text--in-selecting-range,
.common-datepicker .react-datepicker .react-datepicker__quarter-text--in-range,
.common-datepicker .react-datepicker .react-datepicker__year-text--selected,
.common-datepicker .react-datepicker .react-datepicker__year-text--in-selecting-range,
.common-datepicker .react-datepicker .react-datepicker__year-text--in-range {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.common-datepicker .react-datepicker .react-datepicker__navigation-icon::before {
  border-width: 1px 1px 0 0;
  top: 15px;
}
@media (max-width: 576px) {
  .common-datepicker .react-datepicker .react-datepicker__navigation-icon::before {
    top: 0px;
  }
}
.common-datepicker .react-datepicker .react-datepicker__day--in-range {
  background-color: #03002f !important;
  border-radius: 50% !important;
}
.common-datepicker .react-datepicker .react-datepicker__month-read-view--down-arrow,
.common-datepicker .react-datepicker .react-datepicker__year-read-view--down-arrow {
  border-width: 1px 1px 0 0 !important;
}
.common-datepicker .react-datepicker .react-datepicker__current-month {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.common-datepicker .react-datepicker .react-datepicker__day-name {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  width: 2.8rem;
}
.common-datepicker .react-datepicker .react-datepicker__day {
  font-size: 0.875rem;
  font-family: "RobotoRegular";
  line-height: 2.1rem;
  width: 32px;
  height: 32px;
  margin: 4px 10px;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .common-datepicker .react-datepicker .react-datepicker__day {
    margin: 9px;
    margin: 9px;
  }
}
.common-datepicker .react-datepicker .react-datepicker__day:hover {
  color: #ffffff !important;
  background-color: #03002f !important;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.common-datepicker .react-datepicker .react-datepicker__day--today {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-weight: normal;
}
.common-datepicker .react-datepicker .react-datepicker__day--today.react-datepicker__day--disabled {
  color: #cccccc !important;
}
.common-datepicker .keyboard-daychange .react-datepicker__day--keyboard-selected {
  background-color: #ffffff !important;
  color: #000 !important;
}
.common-datepicker .keyboard-daychange .react-datepicker__day--keyboard-selected.react-datepicker__day--in-range {
  background-color: #000 !important;
  color: #ffffff !important;
}
.common-datepicker .midnight-blue-custome {
  background-color: #03002f;
  padding: 7px;
  width: 100%;
  color: #ffffff;
}
.common-datepicker .midnight-blue-custome :hover,
.common-datepicker .midnight-blue-custome :active {
  color: #ffffff;
}
.common-datepicker .edel-icon-calendar {
  font-size: 1.25rem !important;
  color: #03002f !important;
}
.common-datepicker .pandLcalendar .react-datepicker .react-datepicker__month-read-view--selected-month,
.common-datepicker .pandLcalendar .react-datepicker .react-datepicker__year-read-view--selected-year {
  color: #444444 !important;
  font-weight: normal !important;
}
.common-datepicker .pandLcalendar .react-datepicker .react-datepicker__day--keyboard-selected {
  background-color: #ffffff;
  color: #03002f;
}
.common-datepicker .pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon {
  border: 1px solid #e7e7e7 !important;
  height: 33px;
}
.common-datepicker .pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon .input-group-text {
  top: 0%;
}
.common-datepicker .pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon .form-control {
  margin-top: 5px;
  padding: 0px;
  margin-left: 15px;
}
.common-datepicker .pandLcalendar .pandLcalendar-form .calendar--row {
  gap: 24%;
}
.common-datepicker .pandLcalendar .pandLcalendar-form .toDate {
  color: #b8b8b8 !important;
}

.modal-size-660 {
  min-width: 660px !important;
}

.modal-size-1200 {
  min-width: 1200px !important;
}

.modal-size-300 {
  min-width: 300px !important;
}

.common-range-datepicker .modal-md {
  width: 400px !important;
}
.common-range-datepicker .modal-body {
  padding: 0px !important;
}
.common-range-datepicker .modal-content {
  border: none !important;
}
.common-range-datepicker .modal-content .modal-header {
  background-color: #f5f5f5;
  border-bottom: none !important;
}

/********************************** backgrop colors **************************************/
.backdrop-bg.darkblack .modal-backdrop.show {
  background: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(5px) !important;
}
.backdrop-bg.lightblack .modal-backdrop.show {
  background: rgba(68, 68, 68, 0.5) !important;
  backdrop-filter: blur(2px) !important;
}

.lightbac {
  background: rgba(68, 68, 68, 0.5) !important;
  backdrop-filter: blur(2px) !important;
  z-index: 999;
}

/******************************* Search  ***********************************************/
.custom-search-bar.height45 .common-search-bar,
.custom-search-bar.height45 input {
  height: 45px;
}
.custom-search-bar.height50 .common-search-bar,
.custom-search-bar.height50 input {
  height: 50px;
}

/******************************** Button*************************************/
.ed_button-14 {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}

.ed_button-12 {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
}

.topboxsshadow-button {
  box-shadow: 0px -10px 25px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.common-fixedbtm-btn {
  position: fixed;
  bottom: 0px;
  background-color: #ffffff;
  width: 100%;
}

.edbutton-link-witharrow {
  display: flex;
  align-items: center;
}
.edbutton-link-witharrow .ed_button {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.edbutton-link-witharrow .edel-icon-arrow-right1 {
  font-size: 0.563rem;
  padding-left: 5px;
}

.small-edbutton {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}
.small-edbutton.roboto_600 {
  font-family: "RobotoBold" !important;
}

.small-edbutton-funds {
  font-size: 0.875rem !important;
  font-family: "RobotoMedium" !important;
}

.small-edbutton-search {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}
.small-edbutton-search.roboto_600 {
  font-family: "RobotoBold" !important;
}

.small-edbutton-40 {
  height: 40px !important;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
@media (max-width: 768px) {
  .small-edbutton-40 {
    font-size: 0.875rem !important;
  }
}

.small-btn-common {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}
@media (max-width: 768px) {
  .small-btn-common {
    font-size: 0.75rem !important;
    font-family: "DMSansMedium" !important;
  }
}

.bg-refresh-btn {
  background-color: #f2f2f5;
  border-radius: 5px;
  padding: 3px 5px;
  text-align: center;
  height: 30px;
}
.bg-refresh-btn.refresh-btn .DMSan_14_500 {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  color: #03002f !important;
}

/*************************** share icon ************************/
.common-new-share .share .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.common-new-share .share .share-icon .edel-icon-share-icon {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-new-share .share .share-icon .edel-icon-share-icon:before {
  content: "\e96c";
  font-size: 1rem;
  color: #03002f;
}

/****************************** info icon *******************/
.common-info-icon .rounded-circle,
.common-info-icon .rounded-circle1 {
  background-color: #f2f2f5;
  border: 1px solid #f2f2f5 !important;
}
.common-info-icon .exclamation {
  border-radius: 50%;
  display: inline-block;
  position: relative;
  top: 3px;
}
.common-info-icon .hw-35 {
  height: 35px !important;
  width: 35px !important;
}
.common-info-icon .edel-icon-info {
  color: #03002f;
}
.common-info-icon .notbg {
  background-color: transparent !important;
}
.common-info-icon.peach-theme .rounded-circle {
  background-color: #fcdbd9 !important;
  border: 1px solid #fcdbd9 !important;
}
.common-info-icon.peach-theme .edel-icon-info {
  color: #f7943e !important;
}
.common-info-icon.common-info-width {
  height: 30px;
  width: 30px;
  border: 1px solid #e7e7e7;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-info-icon.common-info-width .rounded-circle1 {
  background-color: #ffffff !important;
}

/**************************** Textbox****************************/
.border-bottom-Textbox {
  border-bottom: 1px solid #e7e7e7;
}
.border-bottom-Textbox .input_prefix {
  font-size: 1.875rem;
  font-family: "RobotoBold";
  font-weight: bolder;
}
@media (max-width: 768px) {
  .border-bottom-Textbox .input_prefix {
    font-size: 1.875rem;
  }
}
.border-bottom-Textbox .form-control {
  border: none;
  height: 42px;
  border-radius: 0px;
  font-size: 1.875rem;
  font-family: "RobotoBold";
}
@media (max-width: 768px) {
  .border-bottom-Textbox .form-control {
    font-size: 1.875rem;
    height: 39px;
    text-align: center;
  }
}

/*********************sorting**********************/
.common-EdButtonIcon-icon {
  position: relative;
}
.common-EdButtonIcon-icon.sort > .ed_button, .common-EdButtonIcon-icon.filter > .ed_button {
  border-radius: 5px;
  width: 44px;
  height: 44px;
  padding: 0px;
}
.common-EdButtonIcon-icon.sort .sort-selected, .common-EdButtonIcon-icon.filter .sort-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 28px;
  top: -37px;
  position: relative;
  display: flex;
}
.common-EdButtonIcon-icon .ed_button.link.bg-midnight-blue {
  color: #ffffff !important;
}
.common-EdButtonIcon-icon .ed_button.link.bg_aqua_white {
  color: #03002f !important;
}
.common-EdButtonIcon-icon .sort-drop {
  background-color: #f5f5f5;
}
.common-EdButtonIcon-icon .sort-drop::after {
  content: " ";
  position: absolute;
  right: 12px;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #f5f5f5;
}
.common-EdButtonIcon-icon .sort-drop .sort-drop-body .sort-drop-bodylist li .bodylist-right p {
  color: #b8b8b8;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.common-EdButtonIcon-icon .sort-drop .sort-drop-body .sort-drop-bodylist li .bodylist-right p.light-blue {
  color: #03002f !important;
}
.common-EdButtonIcon-icon .sort-drop .sort-drop-footer {
  display: flex;
  gap: 10px;
}
.common-EdButtonIcon-icon .sort-drop .sort-drop-footer .reset-button {
  border: 1px solid #03002f !important;
  color: #03002f !important;
  background-color: #ffffff !important;
}
.common-EdButtonIcon-icon .sort-drop .sort-drop-footer .reset-button:hover {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.common-EdButtonIcon-icon .sort-drop .sort-drop-footer .filter-button {
  background-color: #03002f !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border: 1px solid #03002f !important;
}
.common-EdButtonIcon-icon .filterasset-drop {
  background-color: #f5f5f5;
}
.common-EdButtonIcon-icon .filterasset-drop::after {
  content: " ";
  position: absolute;
  right: 12px;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #f5f5f5;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion {
  margin-top: 10px;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-header .accordion-button {
  box-shadow: none !important;
  font-family: "DMSansMedium";
  font-size: 1rem;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-header .accordion-button .color_blue {
  color: #03002f !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-header .accordion-button.collapsed, .common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-header .accordion-button:not(.collapsed) {
  background-color: #f5f5f5 !important;
  color: #444444 !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-header .accordion-button.collapsed::after, .common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-header .accordion-button:not(.collapsed)::after {
  background-color: #f5f5f5 !important;
  color: #03002f !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-body {
  padding: 0px !important;
  margin-top: 15px;
  background-color: #ffffff;
  border-radius: 5px;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-item {
  margin-bottom: 10px;
  background-color: transparent !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filterasset-drop-footer {
  background-color: #f5f5f5;
}
.common-EdButtonIcon-icon .filterasset-drop .filterasset-drop-footer .clear_all {
  border: 1px solid #03002f !important;
  color: #03002f !important;
  background-color: transparent !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filterasset-drop-footer .clear_all:hover {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filterasset-drop-footer .aply-btn {
  background-color: #03002f !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border: 1px solid #03002f !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filterasset-drop-footer .filter-button-disable {
  background-color: #03002f !important;
  opacity: 0.4;
}

@media (max-width: 768px) {
  .common-sorting-midnightblue.common-drawer-scroll {
    max-height: calc(100vh - 7rem) !important;
    overflow-y: scroll;
  }
}
.common-sorting-midnightblue .drawer-header .ed_button {
  color: #03002f !important;
  text-decoration: underline !important;
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}
.common-sorting-midnightblue .drawer-body .sort-drop-bodylist {
  padding-left: 0px;
}
.common-sorting-midnightblue .drawer-body .sort-drop-bodylist li {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  color: #03002f !important;
  border-bottom: 1px solid #e7e7e7;
  padding: 15px 15px 15px 15px;
  align-items: center;
}
.common-sorting-midnightblue .drawer-body .sort-drop-bodylist li .bodylist-right p {
  color: #03002f !important;
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  margin-bottom: 0px !important;
}
.common-sorting-midnightblue .drawer-body .sort-drop-bodylist li .bodylist-right .edel-icon-point-arrow-down {
  padding-left: 6px;
  font-size: 0.75rem;
}
.common-sorting-midnightblue .drawer-body .drawer-footer .ed_button {
  background-color: #03002f !important;
  border: none !important;
}

/*******************************filter*****************************/
.common-filter-midnightblue .down-bar {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.common-filter-midnightblue .down-bar .down-bar-left {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.common-filter-midnightblue .down-bar .down-bar-right {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
  color: #03002f !important;
  text-decoration: underline;
}
.common-filter-midnightblue .filter-accordion {
  padding: 0% !important;
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
}
.common-filter-midnightblue .color_blue {
  color: #727271 !important;
}
.common-filter-midnightblue .filter-accordion {
  border-bottom: 1px solid #e7e7e7;
}
.common-filter-midnightblue .filter-accordion .accordion-header .accordion-button {
  padding: 15px !important;
}
.common-filter-midnightblue .filter-accordion .accordion-header .accordion-button::after {
  color: #03002f !important;
}
.common-filter-midnightblue .filter-accordion .accordion-header .accordion-button:not(.collapsed) {
  color: #03002f !important;
}
.common-filter-midnightblue .year_container {
  border: 1px solid #03002f;
}
.common-filter-midnightblue .year_container .financial_year span {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.common-filter-midnightblue .year_container .financial_year span:hover {
  background-color: #03002f;
  color: #ffffff;
}
.common-filter-midnightblue .year_container {
  border: 1px solid #03002f;
}
.common-filter-midnightblue .year_container .financial_year span {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.common-filter-midnightblue .year_container .financial_year span:hover {
  background-color: #03002f;
  color: #ffffff;
}
.common-filter-midnightblue .accordion-body {
  padding-top: 5px !important;
  border-radius: 5px !important;
}
.common-filter-midnightblue .accordion-body .filterasset-drop-body {
  margin: 5px 0px;
}
.common-filter-midnightblue .accordion-body .filterasset-drop-body .inside-list {
  padding-bottom: 10px !important;
}
.common-filter-midnightblue .accordion-body .filterasset-drop-body .inside-list .bodylist-title {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}
.common-filter-midnightblue .filterasset-drop-footer {
  background-color: unset !important;
}
.common-filter-midnightblue .filterasset-drop-footer .filter-button {
  background-color: #03002f !important;
  border: none !important;
  width: 100% !important;
}
.common-filter-midnightblue .mob-filterasset-drop-footer {
  display: block !important;
}

/*************************notification ******************************/
.notification-outer-box {
  background-color: #fef4ec;
  border-radius: 5px;
  padding: 15px 20px;
}
.notification-outer-box .disc-style li {
  list-style-type: disc;
}
.notification-outer-box .disc-style li.line-height-normal {
  line-height: normal;
}

.overflow-100vh {
  overflow-y: scroll;
  height: 100vh;
  position: sticky;
}

.overflow-50vh {
  overflow-y: scroll;
  height: 50vh;
}

.overflow-88vh {
  overflow-y: scroll;
  height: 88vh;
  position: sticky;
}

.overflow-85vh {
  overflow-y: scroll;
  height: 85vh;
}

.overflow-90vh {
  overflow-y: scroll;
  height: 90vh;
}

.overflow-60vh {
  overflow-y: scroll;
  height: 50vh;
}

.overflow-60vh-new {
  overflow-y: scroll;
  height: 55vh;
}
@media (max-width: 768px) {
  .overflow-60vh-new {
    height: 60vh;
  }
}
@media (min-width: 1280px) and (max-width: 1440px) {
  .overflow-60vh-new {
    height: 70vh;
  }
}

.overflow-60vh-esip {
  overflow-y: scroll;
  height: 55vh;
}
@media (max-width: 768px) {
  .overflow-60vh-esip {
    height: 60vh;
  }
}
@media (min-width: 1280px) and (max-width: 1440px) {
  .overflow-60vh-esip {
    height: 70vh;
    padding-top: 35px;
  }
}

.commonscroll-new {
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto;
  -webkit-overflow-scrolling: touch;
}
.commonscroll-new .addlist {
  list-style: disc;
  text-align: left;
}
.commonscroll-new.height250 {
  height: 250px;
}
.commonscroll-new.height300 {
  height: 300px;
}
.commonscroll-new.height310 {
  height: 310px;
}
.commonscroll-new.height350 {
  height: 350px;
}
.commonscroll-new.height400 {
  height: 400px;
}
.commonscroll-new.height500 {
  height: 500px;
}
.commonscroll-new.height600 {
  height: 600px;
}
.commonscroll-new.maxheight {
  max-height: 94vh;
}
.commonscroll-new.height700 {
  height: 700px;
}
.commonscroll-new::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.commonscroll-new--fat-scroll::-webkit-scrollbar {
  width: 3px !important;
  height: 6px !important;
}
.commonscroll-new {
  /* Track */
}
.commonscroll-new::-webkit-scrollbar-track {
  background: transparent;
}
.commonscroll-new {
  /* Handle */
}
.commonscroll-new::-webkit-scrollbar-thumb {
  background: #03002f;
  cursor: pointer;
}
.commonscroll-new.heightMinMax300 {
  max-height: 300px;
  min-height: 300px;
}
.commonscroll-new.heightMin10Max150 {
  max-height: 150px;
  min-height: 10px;
}
.commonscroll-new.heightMinMax200 {
  max-height: 200px;
  min-height: 200px;
}
.commonscroll-new.heightMinMax300 {
  max-height: 300px;
  min-height: 300px;
}
.commonscroll-new.heightMinMax200 {
  max-height: 200px;
  min-height: 200px;
}
.commonscroll-new.minMaxheight450 {
  height: 450px;
  scrollbar-width: none;
}

.height65 {
  height: 65px;
}

.height112 {
  height: 112px;
}

.height_60vh {
  height: 60vh;
}

.mr-1 {
  margin-right: 4px;
}

.ml-1 {
  margin-left: 4px;
}

.height_60vh {
  height: 60vh;
}

.mr-1 {
  margin-right: 4px;
}

.ml-1 {
  margin-left: 4px;
}

.z-index-very-high {
  z-index: 10000 !important;
}

.lbl-circle-item {
  padding: 3px 5px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  font-size: 0.625rem;
  color: #03002f;
  width: 32px;
  height: 32px;
}

.lbl-circle-item1 {
  padding: 9px 15px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  font-size: 0.9rem;
  color: #03002f;
  width: 32px;
  height: 32px;
}

/********************sticky position*******************/
.docked-position {
  position: fixed;
  background-color: #ffffff;
  z-index: 9;
  width: 100%;
  transition: top 0.5s ease !important;
}
.docked-position.top0 {
  top: 0px;
}
.docked-position.top50 {
  top: 50px;
}
.docked-position.top55 {
  top: 55px;
}
.docked-position.top60 {
  top: 60px;
}
.docked-position.top63 {
  top: 63px;
}
.docked-position.top65 {
  top: 65px;
}
.docked-position.top40 {
  top: 40px;
}
.docked-position.top43 {
  top: 43px;
}
.docked-position.top120 {
  top: 120px;
}
.docked-position.top100 {
  top: 100px;
}
.docked-position.top160 {
  top: 160px;
}
.docked-position.top90 {
  top: 90px;
}
.docked-position.top200 {
  top: 200px;
}
.docked-position.top79 {
  top: 79px;
}
.docked-position.top170 {
  top: 170px;
}
.docked-position.top150 {
  top: 150px;
}
.docked-position.top140 {
  top: 140px;
}
.docked-position.top99 {
  top: 99px;
}
.docked-position.bx-shadow {
  box-shadow: 3px 12px 15px rgba(0, 0, 0, 0.1);
}
.docked-position .mgt-md-60 {
  margin-top: 60px;
}
.docked-position .mgt-md-60 .mgt-50 {
  margin-top: 50px;
}

.position-unset {
  position: unset !important;
}

.docked-position.high-index {
  z-index: 21 !important;
}

.high-index-onScroll {
  z-index: 100 !important;
}

.high-index-onScroll-peer {
  z-index: 10 !important;
}

.high-index-sideBar {
  z-index: 101 !important;
}

.docked-position.low-index {
  z-index: 5 !important;
}

.errormsg-box {
  background-color: #fceded;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}

.imCircle::before {
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 0.5rem;
  color: #e7e7e7;
  padding-left: 5px;
  padding-right: 5px;
}
.imCircle.small-imcircle::before {
  font-size: 0.25rem;
}
.imCircle.green::before {
  color: #51b255 !important;
}
.imCircle.midnightblue::before {
  color: #03002f !important;
}
.imCircle.black-one::before {
  color: #444444 !important;
}

.imCirclesip::before {
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 6px;
  color: #e7e7e7;
  padding-left: 5px;
  padding-right: 5px;
}
.imCirclesip.small-imcircle::before {
  font-size: 0.25rem;
}
.imCirclesip.green::before {
  color: #51b255 !important;
}
.imCirclesip.midnightblue::before {
  color: #03002f !important;
}
.imCirclesip.black-one::before {
  color: #444444 !important;
}
.imCirclesip.negativeImcircle::before {
  color: #dd504d !important;
}

.imCirclesip::before {
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 6px;
  color: #e7e7e7;
  padding-left: 5px;
  padding-right: 5px;
}
.imCirclesip.small-imcircle::before {
  font-size: 0.25rem;
}
.imCirclesip.green::before {
  color: #51b255 !important;
}
.imCirclesip.midnightblue::before {
  color: #03002f !important;
}
.imCirclesip.black-one::before {
  color: #444444 !important;
}
.imCirclesip.negativeImcircle::before {
  color: #dd504d !important;
}

/*******************common filter***********************/
.common-filter-section.footer-sidebar-generic .leftsidebar {
  background-color: #f5f5f5;
}
@media (max-width: 768px) {
  .common-filter-section.footer-sidebar-generic .leftsidebar.col-4 {
    width: 36% !important;
  }
}
.common-filter-section.footer-sidebar-generic .leftsidebar .nav .nav-item {
  margin-bottom: 0px;
}
.common-filter-section.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium";
  text-align: left;
  padding: 15px 15px 15px 20px;
}
.common-filter-section.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link.active {
  border: none !important;
  background-color: #ffffff;
}
.common-filter-section.footer-sidebar-generic .rightsidebar {
  background-color: #ffffff;
  padding-left: 0px !important;
}
@media (max-width: 768px) {
  .common-filter-section.footer-sidebar-generic .rightsidebar.col-8 {
    width: 64% !important;
  }
}
.common-filter-section.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist {
  margin-top: 10px;
}
.common-filter-section.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist .bodylist-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  padding-left: 10px;
}
.common-filter-section.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist .inside-list {
  margin-bottom: 10px;
}

.common-download .download-btn {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  border: none !important;
  padding: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #03002f;
  border-radius: 5px;
}

.common-filter-mb .common-EdButtonIcon-icon {
  width: 50px;
  height: 50px;
  background-color: #f2f2f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.common-download-mb .common-download {
  width: 50px;
  height: 50px;
  background-color: #f2f2f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.common-download-mb .common-download img {
  width: 22px;
}

.dm-fam.ed_button,
.dm-fam.ed_button.button {
  font-family: "DMSansMedium";
}

/********************* toolttip******************* updated (13-07-2023)*/
.common-white-tooltip .tooltip-inner {
  background-color: #ffffff;
  color: #727271;
  box-shadow: 0px 0px 7px 1px #e7e7e7 !important;
  max-width: 300px;
}
.common-white-tooltip .tooltip-arrow::before {
  content: "";
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  background-color: #ffffff;
  position: absolute;
  top: -7px;
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
  border-top-color: unset !important;
  border-top-width: 0px;
  border-width: 1px;
}
@media (max-width: 768px) {
  .common-white-tooltip .tooltip-arrow::before {
    top: -2px;
    border: thin;
  }
}
.common-white-tooltip.tooltip-border {
  max-width: 100%;
  padding: 10px;
  filter: drop-shadow(0px -1px 50px rgba(87, 100, 173, 0.12));
  border: 1px solid #e7e7e7;
}
.common-white-tooltip.tooltip-border .tooltip-arrow::before {
  top: -17px;
  width: 13px;
  height: 13px;
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  .common-white-tooltip.tooltip-border .tooltip-arrow::before {
    top: -16px;
    border: unset;
  }
}

.common-filter-heading-drawer {
  background-color: #ffffff;
  border-bottom: 1px solid #e7e7e7;
}
.common-filter-heading-drawer .Heading-content {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.common-filter-heading-drawer .Heading-content.activeClass {
  border-bottom: 2px solid #03002f;
  padding-bottom: 10px;
}
.common-filter-heading-drawer .ed_button {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.common-radio-button-custom input[type=radio] {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #03002f;
  border-radius: 50%;
  outline: none;
  position: relative;
}
.common-radio-button-custom.gray-border input[type=radio] {
  border: 1px solid #e7e7e7;
}
.common-radio-button-custom.gray-border input[type=radio]:checked:before {
  background: #03002f !important;
  border: 1px solid #03002f !important;
}
.common-radio-button-custom input[type=radio]:before {
  content: "";
  width: 10px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 1px;
}
.common-radio-button-custom input[type=radio]:checked:before {
  background: #03002f !important;
}

.common-checkbox-custom input[type=checkbox] {
  position: relative;
  border: 2px solid #e7e7e7;
  border-radius: 2px;
  background: none;
  cursor: pointer;
  line-height: 0;
  margin: 0 0.6em 0 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  opacity: 0.5;
}
.common-checkbox-custom input[type=checkbox]:hover {
  opacity: 1;
}
.common-checkbox-custom input[type=checkbox]:checked {
  background-color: #000;
  border: 2px solid #03002f !important;
  opacity: 1;
  background-image: none !important;
}
.common-checkbox-custom input[type=checkbox]:before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
.common-checkbox-custom.checkbox-size input[type=checkbox] {
  width: 18.19px !important;
  height: 18.19px !important;
}
.common-checkbox-custom.small-checkbox input[type=checkbox] {
  width: 16px;
  height: 16px;
  border-radius: 3px;
}
.common-checkbox-custom.small-checkbox input[type=checkbox]::before {
  content: "";
  position: absolute;
  right: 45%;
  top: 50%;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}

/***********************************post login UI (17/07/2023)*************************************/
.border-box-common {
  border: 1px solid #e7e7e7;
  padding: 20px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .border-box-common {
    padding: 15px;
  }
}

.border-box-nopadding {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.circleBack {
  position: relative;
  right: -5px;
  top: 2px;
  font-size: 0.75rem;
  color: #ffffff;
  background: #03002f;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  text-align: center;
  line-height: 17px;
}

.circleBack-gray {
  color: #03002f;
  background: #e7e7e7;
  height: 15px;
  width: 15px;
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  border-radius: 50%;
  text-align: center;
}

.circleBack-padding {
  position: relative;
  font-size: 0.75rem;
  color: #ffffff;
  background: #03002f;
  border-radius: 50%;
  text-align: center;
  line-height: 17px;
  padding: 1px 5px;
}

/************************** Ed card secondary************************/
.edcardSecondary-common.edcardSecondary-common {
  padding: 20px;
}
.edcardSecondary-common.edcardSecondary-common .ed-headline-title .title {
  font-size: 1.125rem;
  font-family: "DMSansBold";
}
.edcardSecondary-common.edcardSecondary-common .ed-card-description {
  font-size: 1rem;
  font-family: "DMSansNormal";
}
.edcardSecondary-common.edcardSecondary-common .ed-secondary-bg-img {
  width: 63px;
}

/*********************webinar common theme*************************/
.uppercaseContent {
  text-transform: lowercase;
}
.uppercaseContent::first-letter {
  text-transform: capitalize;
}

/************************** Ed card secondary************************/
.edcardSecondary-common.edcardSecondary-common {
  padding: 20px;
}
.edcardSecondary-common.edcardSecondary-common .ed-headline-title .title {
  font-size: 1.125rem;
  font-family: "DMSansBold";
}
.edcardSecondary-common.edcardSecondary-common .ed-card-description {
  font-size: 1rem;
  font-family: "DMSansNormal";
}
.edcardSecondary-common.edcardSecondary-common .ed-secondary-bg-img {
  width: 63px;
}

.common-filter-heading-drawer {
  background-color: #ffffff;
  border-bottom: 1px solid #e7e7e7;
}
.common-filter-heading-drawer .Heading-content {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.common-filter-heading-drawer .Heading-content.activeClass {
  border-bottom: 2px solid #03002f;
  padding-bottom: 10px;
}
.common-filter-heading-drawer .ed_button {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

/************************************ primary NFO**************************************/
.common-market-card-withoutborder {
  padding: 0px;
}
.common-market-card-withoutborder .marketCard {
  border: none !important;
  padding: 0px;
}
.common-market-card-withoutborder .marketCard .rounded-circle1 {
  color: #03002f !important;
  border: 1px solid #e7e7e7 !important;
}

.common-calender-subsection-backColor .calendar_container {
  box-shadow: inset 0px 0px 0px 20px #f2f2f5;
}
.common-calender-subsection-backColor .calendar_container .calendar_arrow {
  background-color: #f2f2f5;
}
.common-calender-subsection-backColor .calendar_change {
  margin-left: 15px;
  color: #03002f;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  margin-top: 0px;
}
@media (max-width: 1023px) {
  .common-calender-subsection-backColor .calendar_change {
    display: flex;
    align-items: center;
    margin-left: 0px;
  }
}
.common-calender-subsection-backColor .calendar_date .calendar_change {
  padding-right: 5px;
}
.common-calender-subsection-backColor .calendar_date .fin_year {
  font-family: "RobotoBold";
}
@media (max-width: 1023px) {
  .common-calender-subsection-backColor .calendar_date .fin_year {
    font-family: "RobotoMedium";
  }
}
@media (max-width: 1023px) {
  .common-calender-subsection-backColor .calendar_date .financial-year-date {
    color: #727271;
  }
}
.common-calender-subsection-backColor .calendar_date .datefullClass {
  font-family: "RobotoRegular";
}

.tablerow_ui-grid-2 div {
  padding: 10px;
}
.tablerow_ui-grid-2 div:nth-of-type(even) {
  background-color: #ffffff;
}
.tablerow_ui-grid-2 div:nth-of-type(odd) {
  background-color: #f2f2f5;
}

.blood-red-border-input {
  border: 1px solid #dd504d !important;
  border-radius: 5px;
}
.blood-red-border-input .form-control:focus {
  color: unset;
  border: unset;
}

/**********************two-buttons*************************/
.apply-cancel-button {
  width: 90%;
  gap: 15px;
}
.apply-cancel-button .ed_button.button {
  width: 47%;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 18px;
}

/***************************** primary IPO**********************/
.common-border-box {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.common-card-newtheme.marketgroup {
  padding: 0px;
}
.common-card-newtheme.marketgroup .marketCard {
  border: none;
  padding: 15px;
}
.common-card-newtheme.marketgroup .marketCard .edel-icon-arrow-left {
  color: #03002f;
}
.common-card-newtheme.marketgroup .marketCard .marketcardhead .rounded-circle {
  color: #03002f !important;
  border: 1px solid #e7e7e7 !important;
}

/***************** SGB filter common ******************/
.common-fromToDate-picker .input-group {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.common-fromToDate-picker .input-group .form-control {
  height: 33px;
  border: none !important;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.common-fromToDate-picker .input-group .input-group-text {
  background-color: #ffffff !important;
  border: none !important;
}
.common-fromToDate-picker .input-group .input-group-text .edel-icon-calendar-report {
  color: #03002f !important;
}

/************************* IPO TOC (28-08-2023)********************/
.textbox-with-drp {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.textbox-with-drp .form-control {
  border: none;
  margin: 1px !important;
}
.textbox-with-drp .equity-dropdown-block {
  border: none;
}
.textbox-with-drp .equity-dropdown-block .dropdown-menu .dropdown-item {
  padding: 10px 15px 0px 15px !important;
}
.textbox-with-drp .input_suffix .equitydrop {
  border: none !important;
  gap: 0px !important;
}
.textbox-with-drp .input_suffix .equitydrop::before {
  content: "";
  width: 1px;
  background-color: #e7e7e7;
  margin-right: 5px;
  height: 30px;
}
.textbox-with-drp .input_prefix {
  margin-left: 0px !important;
}
.textbox-with-drp .input_prefix .equitydrop {
  border: none !important;
  gap: 0px !important;
}
.textbox-with-drp .input_prefix .equitydrop .edel-icon-arrow-down::after {
  content: "";
  width: 1px;
  background-color: #e7e7e7;
  margin-left: 5px;
  height: 30px;
}

.common-modal-small-content .modal-title {
  font-size: 1rem;
  font-family: "DMSansBold";
}
.common-modal-small-content .edel-icon-bold-close {
  font-size: 12px;
}

/***************** Quote page UI  => 4/09/2023 ****************************/
.common-table-withbackground table {
  border-spacing: 0px !important;
  width: 100%;
  margin: 0px auto;
}
.common-table-withbackground table thead th {
  padding: 15px 0px 10px 0px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.common-table-withbackground table tbody tr:nth-child(even) {
  background: #f2f2f5;
}
.common-table-withbackground table tbody tr:nth-child(even):hover {
  background: #f2f2f5 !important;
}
.common-table-withbackground table tbody tr:nth-child(odd):hover {
  background-color: unset !important;
}
.common-table-withbackground table tbody tr td {
  border-top: 1px solid #e7e7e7;
  border: none;
  height: unset;
  padding: 15px 8px 15px 8px;
  border-radius: 0px;
  font-size: 0.875rem;
}
.common-table-withbackground.nopadding thead th {
  padding-top: 0px !important;
}

.common-table-withbackground-odd table {
  border-spacing: 0px !important;
  width: 100%;
  margin: 0px auto;
}
.common-table-withbackground-odd table thead th {
  padding: 15px 0px 10px 0px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.common-table-withbackground-odd table tbody tr:nth-child(odd) {
  background: #f2f2f5;
}
.common-table-withbackground-odd table tbody tr:nth-child(odd):hover {
  background: #f2f2f5 !important;
}
.common-table-withbackground-odd table tbody tr:nth-child(even):hover {
  background-color: unset !important;
}
.common-table-withbackground-odd table tbody tr td {
  border-top: 1px solid #e7e7e7;
  border: none;
  height: unset;
  padding: 15px 8px 15px 8px;
  border-radius: 0px;
  font-size: 1rem;
}

.commondata-no-stream {
  font-family: "RobotoRegular";
  font-size: 1rem;
  color: #444444;
}

.common-table-withbackground-even table {
  border-spacing: 0px !important;
  width: 100%;
  margin: 0px auto;
}
.common-table-withbackground-even table thead th {
  padding: 15px 0px 10px 0px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.common-table-withbackground-even table tbody tr:nth-child(even) {
  background: #f2f2f5;
}
.common-table-withbackground-even table tbody tr:nth-child(even):hover {
  background: #f2f2f5 !important;
}
.common-table-withbackground-even table tbody tr:nth-child(even):hover {
  background-color: unset !important;
}
.common-table-withbackground-even table tbody tr td {
  border-top: 1px solid #e7e7e7;
  border: none;
  height: unset;
  padding: 15px 8px 15px 8px;
  border-radius: 0px;
  font-size: 1rem;
}
.common-table-withbackground-even.table-head-bg table thead {
  background-color: #f2f2f5;
}
.common-table-withbackground-even.table-head-bg table thead th {
  border-bottom: none !important;
}

.common-calender-subsection-backColor .calendar_container {
  box-shadow: inset 0px 0px 0px 20px #f2f2f5;
}
.common-calender-subsection-backColor .calendar_container .calendar_arrow {
  background-color: #f2f2f5;
}
.common-calender-subsection-backColor .calendar_container {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  margin-left: 120px;
}
.common-calender-subsection-backColor .calendar_container .calendar_arrow {
  margin-left: 215px;
}
.common-calender-subsection-backColor .calendar_container .calendar_list span:hover {
  background: #03002f;
  color: #ffffff;
}
.common-calender-subsection-backColor .calendar_container .calendar_list span:hover i {
  color: #ffffff;
}
.common-calender-subsection-backColor .calendar_container .calendar_list i {
  color: #03002f;
}

.common-section-data-value .data-head {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}

/**************************** common downloadReport****************************/
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-head {
  background: #f2f2f5;
  padding-bottom: 20px;
  padding-top: 5px;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-head span {
  padding-left: 15px;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap {
  background: #ffffff;
  padding: 0px 15px;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .form-label {
  color: #444444;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .mailCheckbox {
  padding-bottom: 23px;
}
@media (max-width: 1023px) {
  .commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .mailCheckbox .blue_bg {
    margin: 0px;
    padding: 25px 15px 7px;
  }
  .commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .mailCheckbox .blue_bg .mail_label_body_item {
    font-family: "DMSansMedium";
    color: #727271;
  }
  .commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .mailCheckbox .blue_bg .mail-input input {
    color: #b8b8b8;
  }
  .commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .mailCheckbox .blue_bg .icon {
    top: 30%;
  }
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .checkbox .form-check,
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .radio .form-check {
  margin-top: 10px;
  margin-bottom: 0px;
  min-height: 0px;
  line-height: 0px;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .checkbox .form-check:first-child,
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .radio .form-check:first-child {
  margin-top: 15px;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .date-input-section .input-group {
  width: 135px;
  margin-top: 10px;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .date-input-section .input-group .date-drawer-input-field {
  color: #727271;
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .date-input-section .input-group .input-group-text .d-block {
  color: #727271;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .downloadreport-form-block {
  padding: 28px 20px 20px;
}

.commonnew-modal-download-popup.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form {
  padding: 20px;
}
.commonnew-modal-download-popup.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg {
  margin-top: 20px;
}
.commonnew-modal-download-popup.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .customFormSection_field .boder-bottom {
  padding-top: 0px;
  padding-bottom: 20px;
}
.commonnew-modal-download-popup.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .customFormSection_field.boder-bottom {
  padding-top: 19px;
  padding-bottom: 22px;
}
.commonnew-modal-download-popup.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .customFormSection_field.checkboxWrap {
  padding-top: 17px;
}
.commonnew-modal-download-popup.modalDPTitle .modal-content .modal-title {
  font-family: "DMSansNormal";
  font-size: 1.25rem;
}

/*---------------*/
.newDownloadSuccess {
  display: flex;
  width: 100px;
  height: 100px;
  padding: 26px;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.newDownloadSuccess .newDownloadSuccess-img {
  border-radius: 100px;
  border: 15px solid #e1f2ed;
  background: #cee9e0;
  width: 100px;
  height: 100px;
}

/**************************** New Error Msg****************************/
.error-msg-new-icon i {
  font-size: 4rem;
}
@media (max-width: 1023px) {
  .error-msg-new-icon i {
    font-size: 2.5rem;
  }
}
.error-msg-new-icon .error-msg .error-msg-wrapper .error-msg-text {
  opacity: 1;
}
.error-msg-new-icon .error-msg .error-msg-wrapper .error-msg-text span {
  font-family: "DMSansBold";
  color: #03002f;
}

.sidebar-body {
  height: 80vh;
  overflow-y: scroll;
}

.no-hover-table tbody tr:hover,
.no-hover-table thead tr:hover {
  background-color: unset !important;
}

/**************************** radio Button *********************/
.common-radio-button.new-theme .radio_btn input[type=radio] {
  width: 16px;
  height: 16px;
}
.common-radio-button.new-theme .radio_btn input[type=radio]::after {
  width: 10px;
  height: 10px;
}
.common-radio-button.new-theme .radio_btn input[type=radio]:checked {
  border: 1px solid #03002f;
}

/*************************loader*******************/
.common-loader {
  position: relative !important;
}

.remove-btn-props .btn {
  padding: 0;
  border: none;
  background-color: unset;
}
.remove-btn-props .btn:hover, .remove-btn-props .btn:focus {
  background-color: inherit;
}

.common-tooltip-custom-ellipse {
  top: -4px !important;
}
.common-tooltip-custom-ellipse .tooltip-inner {
  background-color: #ffffff;
  color: #727271;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}
.common-tooltip-custom-ellipse .tooltip-arrow::before {
  border-bottom-color: #ffffff !important;
}
.common-tooltip-custom-ellipse.circle-tooltip-content .tooltip-inner {
  max-width: 400px;
}
.common-tooltip-custom-ellipse.setting-tooltip .tooltip-arrow::before {
  left: 10px;
}
.common-tooltip-custom-ellipse.watchlist-z-index-high {
  z-index: 9999999 !important;
}

.common-drawer-scroll {
  max-height: calc(100vh - 7rem);
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 58px;
  -webkit-overflow-scrolling: touch;
}
.common-drawer-scroll.auto-max-height {
  max-height: 95vh;
}
.common-drawer-scroll.max-height-80rem {
  max-height: calc(80vh - 10rem) !important;
}
.common-drawer-scroll.max-height-10rem {
  max-height: calc(100vh - 10rem) !important;
}
.common-drawer-scroll.max-height-13rem {
  max-height: calc(100vh - 13rem) !important;
}
.common-drawer-scroll.max-height-0rem {
  max-height: 100vh !important;
}
@media (max-width: 768px) {
  .common-drawer-scroll.max-height-15 {
    max-height: calc(100vh - 15rem) !important;
    padding-bottom: 25px !important;
  }
  .common-drawer-scroll.max-height-15.pb-0 {
    padding-bottom: 0px !important;
  }
}
.common-drawer-scroll::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.common-drawer-scroll {
  /* Track */
}
.common-drawer-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.common-drawer-scroll {
  /* Handle */
}
.common-drawer-scroll::-webkit-scrollbar-thumb {
  background: #03002f;
}

/************************* ncd toc ipo *************************/
.common-table-all-border table {
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0px;
  margin: 0px auto;
}
.common-table-all-border table td,
.common-table-all-border table th {
  border: 1px solid #e7e7e7;
  padding: 8px;
  text-align: left;
}

/*****common sorting********/
.common-filter-sorting-ui .generic-tabs .nav-tabs {
  height: 60px !important;
  margin: 0px auto;
}
.common-filter-sorting-ui .generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 20px !important;
  font-size: 1rem !important;
  font-family: "DMSansBold" !important;
}
.common-filter-sorting-ui.small-height-50 .generic-tabs .nav-tabs {
  height: 40px !important;
}
.common-filter-sorting-ui.small-height-50 .generic-tabs .nav-tabs .nav-link {
  padding: 10px 20px !important;
}
.common-filter-sorting-ui.small-height-50.font-normal .generic-tabs .nav-tabs .nav-link {
  font-family: "DMSansNormal" !important;
}
.common-filter-sorting-ui.small-height-50.font-normal .generic-tabs .nav-tabs .nav-link.active {
  font-family: "DMSansBold" !important;
}
.common-filter-sorting-ui .drawer-body .sortlist-body {
  padding: 20px !important;
  border-bottom: 1px solid #e7e7e7;
}
.common-filter-sorting-ui .drawer-header {
  padding: 0px;
}
.common-filter-sorting-ui .rightsidebar ul li {
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .common-filter-sorting-ui .rightsidebar ul li {
    margin-bottom: 20px;
  }
}
.common-filter-sorting-ui .rightsidebar ul li {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}

.drawer-container .date-container.bg_aqua_white {
  background-color: #f2f2f5 !important;
}

.position-absolute-heading {
  position: absolute;
  top: 20px !important;
  z-index: 6;
  width: 100%;
}

.common-filter-sorting-ui .orderbook-sorting .drawer-body .max-height-scroll {
  min-height: 250px;
  max-height: 400px;
  overflow: scroll;
}

.common-download-newtheme .blue_bg.mail .icon i {
  color: #03002f;
}

.new-paths-errormsg .error-msg {
  padding-bottom: 100px;
}
.new-paths-errormsg .error-msg .error-msg-wrapper .results-text {
  color: #03002f;
}
.new-paths-errormsg .error-msg .error-msg-wrapper .erroricon {
  font-size: 64px;
}

@media (max-width: 1023px) {
  .error-msg-pos {
    padding-bottom: 40px;
  }
}

.common-new-popupfail-desk .smallcase-popup-fail .action-post-success .twist:before {
  color: #03002f;
}
.common-new-popupfail-desk .smallcase-popup-fail .smallcase-popup-fail-body .update-message {
  width: 100%;
  justify-content: center;
}

.backgroundcolor_whitedrawer {
  background-color: #ffffff;
  border-radius: 16px 16px 0px 0px;
}
.backgroundcolor_whitedrawer .drawer-head {
  border-bottom: 1px solid #ccccd6;
}

.whitedrawer__backdrop {
  backdrop-filter: blur(1.5px);
  -webkit-backdrop-filter: blur(1.5px);
}

.success-pop-link-modal .modalContainer {
  width: 880px;
  height: 382px;
  border-radius: 15px;
}

.hide-default-arrow {
  z-index: 0;
}
.hide-default-arrow .popover-arrow {
  display: none;
}
.hide-default-arrow .popover-arrow::before, .hide-default-arrow .popover-arrow::after {
  display: none;
}

.failed-pop-modal .modalContainer,
.loading-pop-modal .modalContainer {
  width: 714px;
  height: fit-content;
  border-radius: 15px;
}

/* ============================== Backdrop ===================================*/
.dark_background_blur__backdrop {
  background: rgba(0, 0, 0, 0.75) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.backdrop_blur__backdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.light-backdrop-modal .modal-backdrop,
.light-backdrop-modal .modalBackground {
  background: rgba(0, 0, 0, 0.5) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px) !important;
}

.seperator-border-top {
  border-top: 1px solid #e7e7e7;
}

/* =================================================================*/
.txt-decoration-green {
  text-decoration: underline;
  text-decoration-color: #51b255 !important;
  text-decoration: underline;
  text-decoration-color: #51b255 !important;
}

.txt-decoration-red {
  text-decoration: underline;
  text-decoration-color: #dd504d !important;
}

/* =================================================================*/
.common-numeric-arrows.numeric-value {
  position: relative;
}
.common-numeric-arrows.numeric-value .title {
  display: block;
}
.common-numeric-arrows.numeric-value .arrows {
  position: absolute;
  margin-right: -15px;
}

/****************orange btn ************/
.btn-orange {
  padding: 12px 30px;
  background-color: #f04e45;
  color: #ffffff !important;
  font-size: 0.875rem;
  font-family: "DMSansBold";
  border-radius: 1000px;
  height: 48px;
}
@media (max-width: 768px) {
  .btn-orange {
    font-size: 0.75rem;
  }
}

.btn-orange-border {
  padding: 12px 30px;
  background-color: #ffffff;
  color: #f04e45 !important;
  border: 1px solid #f04e45;
  font-size: 0.875rem;
  font-family: "DMSansBold";
  border-radius: 1000px;
  height: 48px;
}
@media (max-width: 768px) {
  .btn-orange-border {
    font-size: 0.75rem;
  }
}

.border-common {
  border: 1px solid #e7e7e7;
}

/**********************MS login**************/
.bsk-container {
  margin-top: 15px;
}

.x-icon {
  height: 1em;
  width: 1em;
  top: 0.125em;
  position: relative;
}

.x-alt {
  color: #777;
}

.bsk-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.42857;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}

.portalLogin .logo img {
  height: 80px;
}
.portalLogin .fix-font-size .form-control {
  font-size: 1rem !important;
}
.portalLogin .resend-otp-btn {
  margin-top: 20px;
}

#ymPluginDivContainerInitial {
  position: absolute;
  z-index: 999;
}
#ymPluginDivContainerInitial.toc-flag-content.d-block {
  display: none !important;
}

@media (max-width: 768px) {
  #ymDivBar {
    margin-bottom: 60px;
  }
}
.loader-main {
  z-index: 99999;
  height: 100vh;
}

.sticky-compareFunds .compare-funds {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 9;
}
.sticky-compareFunds .compare-funds .compare-clear {
  display: flex;
  justify-content: space-between;
}
.sticky-compareFunds .compare-funds .compare-clear .compare-clear-buttons {
  gap: 20px;
}
.sticky-compareFunds .compare-funds .compare-clear .compare-clear-buttons .ed_button.link {
  color: #03002f;
}
.sticky-compareFunds .checked-block {
  gap: 30px;
}
.sticky-compareFunds .checked-block .checked-list {
  padding: 5px 10px;
  margin: 5px 0;
  border-right: 1px solid #b8b8b8;
}
.sticky-compareFunds .checked-block .checked-list label {
  padding: 10px 15px;
  gap: 20px;
  border-radius: 2px;
}
.sticky-compareFunds .compare-button {
  padding: 10px 16px;
  gap: 10px;
  border-radius: 6px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.sticky-compareFunds .compare-button button {
  color: #ffffff;
  border: 0;
  background-color: inherit;
}
.sticky-compareFunds .compare-button i {
  font-size: 1.375rem;
}

.common-marketCard-nopadding.marketgroup .marketCard {
  padding: 0px !important;
}
@media (max-width: 768px) {
  .common-marketCard-nopadding.marketgroup .marketCard {
    padding: 0px !important;
  }
}
.common-marketCard-nopadding.marketgroup .marketCard .marketcardhead {
  padding: 20px !important;
}
.common-marketCard-nopadding.marketgroup .marketCard .marketcardfoot {
  padding-bottom: 0px !important;
}
.common-marketCard-nopadding.marketgroup .marketCard .marketcardbody {
  padding-bottom: 0px !important;
}

.common-noall-padding.marketgroup .marketcardhead {
  padding: 20px !important;
}
.common-noall-padding.marketgroup .marketCard {
  padding: 0px !important;
}
@media (max-width: 768px) {
  .common-noall-padding.marketgroup .marketCard {
    padding: 0px !important;
  }
}
.common-noall-padding.marketgroup .marketCard .marketcardhead {
  padding: 15px !important;
}
.common-noall-padding.marketgroup .marketCard .marketcardbody {
  padding: 0px !important;
}
.common-noall-padding.marketgroup .marketCard .marketcardfoot {
  padding: 5px 15px !important;
}
.common-noall-padding.footerpadding .marketCard .marketcardfoot {
  padding: 15px !important;
}

/************service request /************/
.outer-inner-circle.success .outerClass-circle {
  background-color: #cee9e0;
  border: 15px solid #e1f2ed;
}
.outer-inner-circle.success .outerClass-circle.icon-head .icon {
  color: #51b255;
}
.outer-inner-circle.failed .outerClass-circle {
  background-color: #fdcac7;
  border: 15px solid #fee2e2;
}
.outer-inner-circle.failed .outerClass-circle.icon-head .icon {
  color: #f04e45;
  font-size: 2.625rem;
}
.outer-inner-circle.small .outerClass-circle {
  width: 100px !important;
  height: 100px !important;
}
.outer-inner-circle.small .outerClass-circle.icon-head .icon {
  font-size: 38px;
}
.outer-inner-circle .outerClass-circle {
  position: relative;
  width: 125px;
  height: 125px;
}
@media (max-width: 768px) {
  .outer-inner-circle .outerClass-circle {
    width: 100px;
    height: 100px;
  }
}
.outer-inner-circle .outerClass-circle {
  background-color: #dddde1;
  border: 15px solid #e7e7e7;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.outer-inner-circle .outerClass-circle.icon-head .icon {
  font-size: 64px;
}

.common-download-newtheme .blue_bg.mail .icon i {
  color: #03002f;
}

.new-paths-errormsg .error-msg {
  padding-bottom: 100px;
}
.new-paths-errormsg .error-msg .error-msg-wrapper .results-text {
  color: #03002f;
}
.new-paths-errormsg .error-msg .error-msg-wrapper .erroricon {
  font-size: 64px;
}

.bg-transaprent-drawer .backgroundcolor_bluedrawer {
  background-color: transparent;
}
.bg-transaprent-drawer .backgroundcolor_bluedrawer.bg-transaprent-drawer__handle {
  background-color: #03002f !important;
  opacity: 0.3;
  width: 32px !important;
}
.bg-transaprent-drawer.z-index-high {
  z-index: 10001 !important;
}

.list-style-type-disc {
  line-height: normal;
}
.list-style-type-disc li {
  list-style-type: disc;
}
.list-style-type-disc.small_li li {
  font-size: 0.75rem;
}

.separator-line {
  display: flex;
  align-items: center;
}
.separator-line .line {
  height: 1px;
  flex: 1;
  background-color: #e7e7e7;
}
.separator-line h2 {
  padding: 0 4px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}

.txt_pumpkin-color {
  color: rgba(247, 148, 62, 0.4);
}

.bg_pumpkin-color {
  background-color: rgba(247, 148, 62, 0.4);
}

/************End serive request***********/
/********************* Datepicker UI******************/
.new-theme-datepickerUi .calendar--row {
  gap: 10% !important;
}
.new-theme-datepickerUi .calendar--row .inputFieldCalendarIcon {
  height: 42px !important;
}
.new-theme-datepickerUi .calendar--row .inputFieldCalendarIcon .form-control {
  height: 40px !important;
  margin: 0px 15px !important;
}
.new-theme-datepickerUi .calendar--row .inputFieldCalendarIcon.highlight {
  border: 1px solid #03002f !important;
}

.common-new-popupfail-desk .smallcase-popup-fail .action-post-success .twist:before {
  color: #03002f;
}
.common-new-popupfail-desk .smallcase-popup-fail .smallcase-popup-fail-body .update-message {
  width: 100%;
  justify-content: center;
}

.backgroundcolor_whitedrawer {
  background-color: #ffffff;
  border-radius: 16px 16px 0px 0px;
}
.backgroundcolor_whitedrawer .drawer-head {
  border-bottom: 1px solid #ccccd6;
}

.whitedrawer__backdrop {
  backdrop-filter: blur(1.5px);
  -webkit-backdrop-filter: blur(1.5px);
}

.success-pop-link-modal .modalContainer {
  width: 880px;
  height: 382px;
  border-radius: 15px;
}

.hide-default-arrow {
  z-index: 0;
}
.hide-default-arrow .popover-arrow {
  display: none;
}
.hide-default-arrow .popover-arrow::before, .hide-default-arrow .popover-arrow::after {
  display: none;
}

.failed-pop-modal .modalContainer,
.loading-pop-modal .modalContainer {
  width: 714px;
  height: fit-content;
  border-radius: 15px;
}

/* ============================== Backdrop ===================================*/
.dark_background_blur__backdrop {
  background: rgba(0, 0, 0, 0.75) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.backdrop_blur__backdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.light-backdrop-modal .modal-backdrop,
.light-backdrop-modal .modalBackground {
  background: rgba(0, 0, 0, 0.5) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px) !important;
}

.seperator-border-top {
  border-top: 1px solid #e7e7e7;
}

/* =================================================================*/
.txt-decoration-green {
  text-decoration: underline;
  text-decoration-color: #51b255 !important;
}

.txt-decoration-red {
  text-decoration: underline;
  text-decoration-color: #dd504d !important;
}

/* =================================================================*/
.common-numeric-arrows.numeric-value {
  position: relative;
}
.common-numeric-arrows.numeric-value .title {
  display: block;
}
.common-numeric-arrows.numeric-value .arrows {
  position: absolute;
  margin-right: -15px;
}

.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-header {
  background-color: #f0f9ff;
}
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__day--selected,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__day--in-selecting-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__day--in-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__month-text--selected,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__month-text--in-selecting-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__month-text--in-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__quarter-text--selected,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__quarter-text--in-selecting-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__quarter-text--in-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__year-text--selected,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__year-text--in-selecting-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__year-text--in-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__day:hover {
  background-color: #3580f7 !important;
  color: #ffffff;
}
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .radio input[type=radio] {
  border: 2px solid #e7e7e7;
}
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .radio input[type=radio]:checked:before {
  background: #3580f7;
}
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .radio .form-check-input:checked[type=radio] {
  border: 2px solid #3580f7;
}
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .custom_btn {
  border: 1px solid #3580f7;
  background-color: #3580f7;
}
.reports_old_theme .download-drop-bodylist .modalBackground .modalContainer.smallcase-popup .smallcase-popup-success-head,
.reports_old_theme .download-drop-bodylist .modalBackground .modalContainer.smallcase-popup .smallcase-popup-fail-head,
.reports_old_theme .download-drop-bodylist .modalBackground .modalContainer.smallcase-popup .smallcase-popup-loader-head {
  background-color: #f0f9ff;
}
.reports_old_theme .download-drop-bodylist .modalBackground .modalContainer.smallcase-popup .smallcase-popup-success-body .action-post-success button,
.reports_old_theme .download-drop-bodylist .modalBackground .modalContainer.smallcase-popup .smallcase-popup-fail-body .action-post-success button {
  color: #3580f7;
}
.reports_old_theme.wrapper-fill#search-filter .summarize .custom-control.border-switch .border-switch-control-input:checked .border-switch-control-indicator::after {
  background-color: #3580f7 !important;
}
.reports_old_theme.wrapper-fill#search-filter #search-filter .quantity .btn-select-qty,
.reports_old_theme.wrapper-fill#search-filter #search-filter .square_off .btn-select-qty {
  color: #3580f7 !important;
}
.reports_old_theme.wrapper-fill#search-filter .taptopledge .edel-icon-pledge {
  color: #3580f7 !important;
}
.reports_old_theme.wrapper-fill#search-filter .taptopledge .teleport-switch-control-description {
  color: #3580f7 !important;
}
.reports_old_theme.wrapper-fill#search-filter .downloads .container .holding-tabs #search-filter .holding-position-filter .downloads {
  color: #3580f7;
}

.old-theme-calender .react-datepicker .react-datepicker__day--selected,
.old-theme-calender .react-datepicker .react-datepicker__day--in-selecting-range,
.old-theme-calender .react-datepicker .react-datepicker__day--in-range,
.old-theme-calender .react-datepicker .react-datepicker__month-text--selected,
.old-theme-calender .react-datepicker .react-datepicker__month-text--in-selecting-range,
.old-theme-calender .react-datepicker .react-datepicker__month-text--in-range,
.old-theme-calender .react-datepicker .react-datepicker__quarter-text--selected,
.old-theme-calender .react-datepicker .react-datepicker__quarter-text--in-selecting-range,
.old-theme-calender .react-datepicker .react-datepicker__quarter-text--in-range,
.old-theme-calender .react-datepicker .react-datepicker__year-text--selected,
.old-theme-calender .react-datepicker .react-datepicker__year-text--in-selecting-range,
.old-theme-calender .react-datepicker .react-datepicker__year-text--in-range,
.old-theme-calender .react-datepicker .react-datepicker__day:hover {
  background-color: #3580f7 !important;
  color: #ffffff;
}
.old-theme-calender .radio input[type=radio] {
  border: 2px solid #e7e7e7;
}
.old-theme-calender .radio input[type=radio]:checked:before {
  background: #3580f7;
}
.old-theme-calender .radio .form-check-input:checked[type=radio] {
  border: 2px solid #3580f7;
}

.without-border-drp-common .equitydrop {
  border: none !important;
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.without-border-drp-common .dropdown-menu {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  min-width: 85px;
  margin-top: 0px !important;
}
.without-border-drp-common .dropdown-menu a {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
}

.drawer-header-fixed {
  position: fixed;
  background: #f2f2f5;
  width: 100%;
  z-index: 9;
  margin-top: -2px;
}
.drawer-header-fixed.max-height-head {
  padding-bottom: 10px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: start;
}

.common-sticky-drawer-head .drawer-head {
  position: sticky;
  top: -1px;
  z-index: 99;
}
.common-sticky-drawer-head .drawer-head .bg-content-drawer {
  background-color: #f2f2f5;
  width: 100%;
}

.docker-shadow {
  box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

.lh-140 {
  line-height: 140%;
}

@media (max-width: 1023px) {
  .addFamily-modal-mob .modal-backdrop.show {
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, 0.5);
  }
}

.revamp-pos-common-backdrop__backdrop {
  background: rgba(0, 0, 0, 0.15) !important;
  backdrop-filter: blur(1.5px);
}

.more-options-head {
  padding: 20px 15px 23px;
  border-bottom: 1px solid #ccccd6;
  background: #ffffff;
}

.revamp-pos-common-backdrop__handle-wrapper {
  background: #ffffff;
}
.revamp-pos-common-backdrop__handle-wrapper .revamp-pos-common-backdrop__handle {
  border-radius: 100px;
  background: #3d4350;
  width: 32px;
  height: 4px;
}

.revamp-pos-common-backdrop__backdrop {
  background: rgba(0, 0, 0, 0.15) !important;
  backdrop-filter: blur(1.5px);
}
.revamp-pos-common-backdrop__backdrop .revamp-pos-common-backdrop__content .drawer-head .more-options-head {
  padding: 20px 15px 23px;
  border-bottom: 1px solid #ccccd6;
}

.revamp-pos-common-backdrop-head {
  background-color: #f2f2f5;
}

.revamp-pos-common-backdrop-handle {
  border-radius: 16px 16px 0px 0px;
  background-color: #f2f2f5;
}

.px-520 {
  height: 520px;
}

.apply-cancel-btns {
  width: 100%;
  display: flex;
  gap: 3%;
}
.apply-cancel-btns .ed_button.button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  height: 100% !important;
  padding: unset !important;
  border-radius: 5px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 18px;
}

.common-tab-new-ui.generic-tabs .nav-tabs {
  height: 40px !important;
}
@media (max-width: 768px) {
  .common-tab-new-ui.generic-tabs .nav-tabs .nav-item .nav-link {
    font-size: 0.875rem !important;
    font-family: "DMSansNormal" !important;
    padding: 7px 4px 15px 6px;
  }
}
.common-tab-new-ui.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 7px 15px 10px 6px;
  font-size: 1rem;
  font-family: "DMSansNormal";
}
.common-tab-new-ui.generic-tabs .nav-tabs .nav-item .nav-link.active {
  color: #03002f !important;
}
@media (max-width: 768px) {
  .common-tab-new-ui.common-tab-15-px .nav-tabs .nav-item .nav-link {
    padding: 7px 15px 15px 15px !important;
    height: 40px;
  }
}

.small-padding-indicator .dcustomRangeBar div {
  height: 1px;
}
.small-padding-indicator .dcustomRangeBar.indicatorStyle {
  padding-top: 0px;
  padding-bottom: 0px;
}
.small-padding-indicator .commondatanumber {
  font-size: 0.875rem;
}
.small-padding-indicator .dbar29Rangeslider {
  margin: 0px auto;
}
.small-padding-indicator.width-75 {
  width: 75% !important;
}

.common-card-padding-15.marketgroup .marketCard {
  padding: 15px !important;
}

.weekFormat-new-pnlrevamp.common-datepicker .react-datepicker__day-name {
  width: 32px;
  margin: 7px;
}
.weekFormat-new-pnlrevamp.common-datepicker.pandLcalendar .custom_buttons {
  margin: 15px;
}
.weekFormat-new-pnlrevamp .custom_heading {
  background: #ffffff !important;
}
.weekFormat-new-pnlrevamp .custom_heading .heading {
  padding: 29.5px 15.5px 23.5px !important;
  border-bottom: 1px solid #ccccd6;
}
.weekFormat-new-pnlrevamp .custom_heading .heading div {
  font-family: "DMSansBold";
  font-size: 1.5rem;
}

.opacity-0-5 {
  opacity: 0.5;
}

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

.no-border-all-marketcard.marketgroup .marketCard {
  padding: 0px !important;
  border: none !important;
}
.no-border-all-marketcard.marketgroup .marketCard .marketcardbody {
  margin-top: 0px !important;
}

.float-button-common-ui .subLists {
  padding-left: 0px !important;
}
.float-button-common-ui .marketTabs-ul {
  padding: 0px !important;
}
.float-button-common-ui .equity-links-ul {
  margin-right: 0px !important;
}
.float-button-common-ui .equity-links-ul li {
  margin-right: 0px !important;
}
.float-button-common-ui .hopBtn-headList {
  max-height: max-content !important;
  height: 300px !important;
}

.horizontal-scroll-common {
  flex-direction: row;
  overflow-x: scroll;
  padding-bottom: 10px;
}
.horizontal-scroll-common::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.horizontal-scroll-common {
  /* Track */
}
.horizontal-scroll-common::-webkit-scrollbar-track {
  background: transparent;
}
.horizontal-scroll-common {
  /* Handle */
}
.horizontal-scroll-common::-webkit-scrollbar-thumb {
  background: #03002f !important;
}

.sticky-content-track.top40::-webkit-scrollbar-track-piece {
  margin-top: 30px;
}

.limit-msg {
  white-space: normal;
  display: flex;
}

.priceMob h4 {
  font-size: 1rem;
  font-family: "RobotoMedium";
}
.priceMob .btn {
  padding: 0;
  cursor: unset;
}
.priceMob .btn .price-disc {
  width: 100%;
  padding: 2px;
  border-radius: 2px;
  height: 18px;
}
.priceMob .btn .price-disc p {
  color: #ffffff;
  margin-left: 2px;
  height: 1px;
}
.priceMob .price-block-bg {
  background-color: #f7943e;
  display: flex;
}
.priceMob .price-block-bg p {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
}

input:-webkit-autofill {
  background-color: transparent;
  -webkit-background-clip: text;
}

input:-webkit-autofill:focus {
  background-color: transparent;
  -webkit-background-clip: text;
}

.width-390 {
  width: 390px !important;
}

.sq-offstates-modal.offcanvas {
  transition: none !important;
}

.edel-sidebar-drawer.watchlist-sliding .offcanvas-body::-webkit-scrollbar, .edel-sidebar-drawer.addwatchlist .offcanvas-body::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.edel-sidebar-drawer.watchlist-sliding .offcanvas-body, .edel-sidebar-drawer.addwatchlist .offcanvas-body {
  /* Track */
}
.edel-sidebar-drawer.watchlist-sliding .offcanvas-body::-webkit-scrollbar-track, .edel-sidebar-drawer.addwatchlist .offcanvas-body::-webkit-scrollbar-track {
  background: transparent;
}
.edel-sidebar-drawer.watchlist-sliding .offcanvas-body, .edel-sidebar-drawer.addwatchlist .offcanvas-body {
  /* Handle */
}
.edel-sidebar-drawer.watchlist-sliding .offcanvas-body::-webkit-scrollbar-thumb, .edel-sidebar-drawer.addwatchlist .offcanvas-body::-webkit-scrollbar-thumb {
  background: #03002f;
}
.edel-sidebar-drawer.addwatchlist {
  margin: 0 !important;
}

.transition-none {
  transition: none !important;
}

.circle-tooltip-content.common-tooltip-custom-ellipse {
  top: 4px !important;
}
.circle-tooltip-content.common-tooltip-custom-ellipse .tooltip-inner {
  box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.05) !important;
}
.circle-tooltip-content.tooltip-move-left .tooltip-arrow::before {
  left: 40px !important;
}
@media (max-width: 768px) {
  .circle-tooltip-content.tooltip-move-left .tooltip-arrow::before {
    left: 0px !important;
  }
}
.circle-tooltip-content.tooltip-left-90 .tooltip-arrow {
  transform: translate(313px, 0px) !important;
}

.circle-tooltip-content-section .btn-primary {
  background-color: transparent;
  height: 35px;
  width: 35px;
  border: 1px solid #e7e7e7;
  color: #03002f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle-tooltip-content-section .btn-primary:hover {
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
}
.circle-tooltip-content-section.remove-tootltip-btn .btn-primary {
  border: none !important;
  padding: 0px !important;
  width: 0px;
}

.generic-drawer-newtheme .backgroundcolor_bluedrawer {
  background-color: transparent;
}
.generic-drawer-newtheme.bg-transaprent-drawer .backgroundcolor_bluedrawer {
  background-color: transparent;
}
.generic-drawer-newtheme.bg-transaprent-drawer .backgroundcolor_bluedrawer.bg-transaprent-drawer__handle {
  background-color: #03002f !important;
  opacity: 0.3;
  width: 32px !important;
}

.drawer-height .height-setting-drawer {
  height: 85vh !important;
}
.drawer-height .height-setting-drawer__content {
  max-height: 90vh !important;
}

.commonTable-vertical-flex .nav-tabs li {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.generic-drawer-newtheme .backgroundcolor_bluedrawer {
  background-color: transparent;
}
.generic-drawer-newtheme.bg-transaprent-drawer .backgroundcolor_bluedrawer {
  background-color: transparent;
}
.generic-drawer-newtheme.bg-transaprent-drawer .backgroundcolor_bluedrawer.bg-transaprent-drawer__handle {
  background-color: #03002f !important;
  opacity: 0.3;
  width: 32px !important;
}

.drawer-height .height-setting-drawer {
  height: 85vh !important;
}
.drawer-height .height-setting-drawer__content {
  max-height: 90vh !important;
}

.password-protected-msg-drawer .mob-smallcase-popup-success {
  height: 350px;
}
.password-protected-msg-drawer .mob-smallcase-popup-success .mob-smallcase-popup-success-body {
  margin-bottom: 0px;
}
.password-protected-msg-drawer .mob-smallcase-popup-loader {
  height: 250px;
}
.password-protected-msg-drawer .mob-smallcase-popup-loader-body {
  padding-top: 0px;
}
.password-protected-msg-drawer .mob-smallcase-popup-loader-body .update-message {
  margin-bottom: 20px;
}

.mb-21 {
  margin-bottom: 21px;
}

.download-txn-mob .edel-sidebar-drawer-head {
  background: #ffffff;
}

.mob-smallcase-popup-loader-body {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
}

.common-table-non-bordered table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.common-table-non-bordered table thead th {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
  padding: 12px 20px;
  border: none;
}
.common-table-non-bordered table tbody tr {
  border: none;
}
.common-table-non-bordered table tbody tr td {
  font-size: 1rem;
  font-family: "RobotoMedium";
  color: #444444;
  padding: 12px 20px;
}
.common-table-non-bordered table .kraRow {
  background-color: #f2f2f5;
}

.hover-btn:hover {
  color: #ffffff !important;
  background-color: #f2736b !important;
}

@media (max-width: 768px) {
  body.no-overscroll {
    overflow: hidden;
    overscroll-behavior: none;
    position: fixed;
  }
}
.txt-grey-blue-hover {
  color: #6374d4;
}
.txt-grey-blue-hover:hover {
  color: #878edd;
}

.subtract-icon {
  border: 2px solid #e7e7e7 !important;
  border-radius: 5px;
  padding: 0px 4px;
}
.subtract-icon .edel-icon-minus:before {
  font-size: 9px;
}

.timeperiod-information {
  background: #f2f2f5;
  padding: 8px;
  border-radius: 5px;
  margin-bottom: 24px;
}
.timeperiod-information .edel-icon-Information {
  color: #727271;
}

.circle-instaOption {
  position: relative;
  width: 84px;
  height: 84px;
}
@media (max-width: 768px) {
  .circle-instaOption {
    width: 57px;
    height: 57px;
  }
}
.circle-instaOption {
  background-color: rgba(93, 93, 93, 0.1019607843);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.floating-label-group {
  position: relative;
}
.floating-label-group.floating-label {
  font-size: 18px;
  color: #b8b8b8;
  position: absolute;
  pointer-events: none;
  top: 15px;
  left: 15px;
  transition: all 0.1s ease;
  font-family: "DMSansNormal";
}
.floating-label-group input:focus ~ .floating-label,
.floating-label-group :not(:placeholder-shown) + .floating-label {
  top: 15px;
  bottom: 0px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  color: #727271;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}
.floating-label-group.floating-label.focus {
  top: 15px;
  bottom: 0px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  color: #727271;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.loginsection .custom-form-control .focusClass.form-control {
  padding-top: 25px !important;
}
.loginsection .custom-form-control .form-control {
  height: 55px !important;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
  color: #444444;
}
@media (max-width: 768px) {
  .loginsection .custom-form-control .form-control {
    font-size: 1rem;
  }
}
.loginsection .custom-form-control .form-control {
  padding: 4px 15px;
}
.loginsection .custom-form-control input::-webkit-input-placeholder {
  /* Edge */
  color: #b8b8b8 !important;
}
.loginsection .custom-form-control.input-group-custom {
  border: 1px solid #e7e7e7;
  display: grid;
  grid-template-columns: 90% auto;
}
@media (max-width: 768px) {
  .loginsection .custom-form-control.input-group-custom {
    grid-template-columns: 85% auto;
  }
}
.loginsection .custom-form-control.input-group-custom {
  align-items: flex-end;
  position: relative;
  border-radius: 5px;
}
.loginsection .custom-form-control.input-group-custom.focus {
  border: 1px solid #03002f !important;
}
.loginsection .custom-form-control.input-group-custom .form-control {
  border: none !important;
}
.loginsection .custom-form-control.input-group-custom .form-control.focus {
  padding-top: 20px !important;
}
.loginsection .custom-form-control.custom-pass-icon .suffixes-both {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .loginsection .custom-form-control.custom-pass-icon .suffixes-both {
    gap: 5px;
  }
}
.loginsection .custom-form-control.custom-pass-icon .suffixes-both .textbox-flow {
  order: 1 !important;
}
.loginsection .custom-form-control.custom-pass-icon .suffixes-both .input_suffix.second-icon {
  order: 2 !important;
}
.loginsection .custom-form-control.whole_text_field_disable {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.loginsection .custom-form-control .suffixes-both {
  display: flex;
  align-items: center;
  justify-content: center;
}
.loginsection .textbox-flow.input_suffix {
  padding-bottom: 5px;
}
.loginsection .textbox-flow span {
  color: #444444;
  font-size: 1.125rem;
}
.loginsection .custom-form-control {
  border-radius: 5px;
}
.loginsection .custom-form-control .floating-label {
  line-height: 0 !important;
}
.loginsection .custom-form-control .floating-label label {
  position: relative;
  opacity: 1;
  color: #727271;
  font-size: 0.75rem;
}
@media (max-width: 768px) {
  .loginsection .custom-form-control .floating-label label {
    font-size: 0.75rem;
  }
}
.loginsection .custom-form-control .floating-label label {
  font-family: "DMSansNormal";
}

.custom-form-control-revamp.input-group-custom {
  border: 1px solid #e7e7e7;
  display: grid;
  grid-template-columns: 90% auto;
}
@media (max-width: 768px) {
  .custom-form-control-revamp.input-group-custom {
    grid-template-columns: 85% auto;
  }
}
.custom-form-control-revamp.input-group-custom {
  align-items: flex-end;
  position: relative;
  border-radius: 5px;
}
.custom-form-control-revamp.input-group-custom .form-control {
  border: none !important;
}
.custom-form-control-revamp.input-group-custom .form-control.focus {
  padding-top: 20px !important;
}
.custom-form-control-revamp.input-group-custom .input_prefix {
  position: absolute;
  padding: 15px;
  height: 50px;
  font-family: "RobotoRegular";
  font-size: 0.938rem;
  color: #727271;
  display: flex;
  align-items: center;
  gap: 3px;
}

.revamp-indent.indentInput input {
  text-indent: 35px;
  font-size: 0.938rem !important;
  font-family: "RobotoRegular" !important;
}
.revamp-indent.indentInput .custom-form-control-revamp.input-group-custom .form-control.focus {
  padding-top: 4px !important;
}

.yob_inp_grp {
  margin-bottom: 10px;
}
.yob_inp_grp:hover .yob_inp {
  border-color: #999999;
}
.yob_inp_grp .yob_inp {
  display: inline-block;
  margin-right: 5%;
  border: none;
  border-bottom: 1px solid #cccccc;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
}
@media (max-width: 768px) {
  .yob_inp_grp .yob_inp {
    padding: 0px !important;
  }
}
.yob_inp_grp .yob_inp {
  font-family: "RobotoMedium";
  color: #111111;
  border-radius: 0px;
}
@media (max-width: 1023px) {
  .yob_inp_grp .yob_inp {
    background: unset;
  }
}
.yob_inp_grp .yob_inp::placeholder {
  font-family: "RobotoRegular";
  color: #cccccc;
}
.yob_inp_grp .yob_inp:last-child {
  margin-right: 0px;
}
.yob_inp_grp .yob_inp.focus {
  border-color: #03002f;
}
.yob_inp_grp .error-border {
  border-color: #dd504d !important;
}

@media only screen and (max-width: 767px) {
  INPUT[type=password] {
    font-size: 3.125em;
    font-variant: normal;
  }
}
@media only screen and (max-width: 767px) and (max-width: 768px) {
  INPUT[type=password] {
    height: fit-content;
  }
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  INPUT[type=password] {
    font-size: 2.125em !important;
    font-variant: normal;
  }
  @media (max-width: 768px) {
    INPUT[type=password] {
      height: fit-content;
    }
  }
}
@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */
}
.generic-popup-layout .popup-header {
  display: flex;
  padding: 10px;
  align-items: center;
}
.generic-popup-layout .popup-header .edel-icon-arrow-left1 {
  font-size: 0.625rem;
  margin: 0px 10px 0px 3px;
}
.generic-popup-layout .popup-body {
  max-height: 350px;
  overflow-y: scroll;
}
.generic-popup-layout .popup-buttons {
  justify-content: space-between;
  padding: 15px 17px;
  border: 1px solid #e7e7e7;
}
.generic-popup-layout .popup-buttons .ed_button {
  padding: 10px 55px;
}

.product-buttons.ed_button.button {
  padding: 9px 14px;
  margin: 0px 10px 5px 0px;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 140%;
}
.product-buttons.ed_button.button.midnight-blue-border {
  border: 1px solid #e7e7e7 !important;
}
.product-buttons.ed_button.button.bg_aqua_white {
  background-color: #f2f2f5;
  border: 1px solid #03002f;
}
.product-buttons.ed_button.button.disabled {
  background-color: #e7e7e7;
  color: #b8b8b8;
}
.product-buttons.ed_button.button.active {
  border: 1px solid #03002f !important;
  font-size: 0.875rem !important;
  font-family: "DMSansMedium";
}

@media (max-width: 768px) {
  .order-confirmation {
    padding-bottom: 150px !important;
  }
}
.order-confirmation .stock-line {
  line-height: 140%;
}
.order-confirmation.scroll-height {
  height: 60%;
}
.order-confirmation .new-back-button {
  font-size: 1.875rem;
}
.order-confirmation .back-button {
  margin-right: -10px;
  padding-top: 5px;
  margin-left: -10px;
}
.order-confirmation .back-button .edel-icon-arrow-left {
  font-size: 30px;
}
.order-confirmation .header {
  padding: 20px 10px 3px 15px;
  gap: 10px;
}
.order-confirmation .header i {
  font-size: 0.625rem;
}
.order-confirmation .order-stock {
  padding: 10px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.order-confirmation .order-stock .col {
  padding: 0;
}
.order-confirmation .order-msg {
  line-height: 140%;
  margin: 10px 15px 0px 15px;
  border-radius: 5px;
}
.order-confirmation .order-msg div {
  padding: 10px 15px;
}
.order-confirmation .orderbody-list {
  border-bottom: 1px solid #e7e7e7;
  margin: 0px 15px;
}
.order-confirmation .orderbody-list .col {
  padding: 10px 0px 10px;
}
.order-confirmation .exchange-qty-row {
  padding: 10px 20px;
}
@media (max-width: 768px) {
  .order-confirmation .exchange-qty-row {
    margin-bottom: 30px !important;
  }
}
.order-confirmation .exchange-qty-row div {
  line-height: 140%;
}
.order-confirmation .exchange-qty-row .day-tag {
  margin-right: 17px;
}

@media screen and (min-width: 1023px) {
  .order-confirmation .order-stock {
    padding: 10px 20px;
  }
  .order-confirmation .order-msg {
    margin: 10px 20px 0px 20px;
  }
  .order-confirmation .exchange-qty-row {
    padding: 10px 20px;
  }
  .order-confirmation .exchange-qty-row .day-tag {
    margin-right: 14px;
  }
  .order-confirmation .orderbody-list {
    margin: 0px 20px;
  }
}
.auth-heading {
  padding-top: 14px;
}

.auth-msg {
  line-height: 140%;
  padding: 20px 30px 20px 30px;
}

.authorise-msg {
  line-height: 140%;
  margin: 0px 15px;
  border-radius: 5px;
}
.authorise-msg div {
  padding: 10px 15px;
}

.proceed-button .ed_button.button {
  width: auto;
  padding: 10px 28px;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.proceed-button {
  padding: 50px 0px 30px 0px;
}

.tpin-button .ed_button.button {
  width: auto;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.tpin-button {
  padding: 26px 0px 15px 0px;
}

.back-tpin .col,
.note-section .col {
  padding: 0px 20px;
}
.back-tpin .ed_button.link,
.note-section .ed_button.link {
  color: #03002f;
  text-decoration-line: underline !important;
}

.back-tpin {
  padding: 26px 0px 15px 0px;
}

.note-section {
  padding: 0px 20px;
  bottom: 0;
}
.note-section ul {
  padding: 0px 15px 20px 20px;
  list-style-type: disc;
}
.note-section ul li {
  line-height: 140%;
}

@media screen and (max-width: 1023px) {
  .note-section {
    padding: 0px 15px;
  }
  .back-tpin .col {
    padding: 0px 15px;
  }
}
.toggle-switch {
  position: relative;
  width: 44px;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: left;
}
.toggle-switch-checkbox {
  display: none;
}
.toggle-switch.big-switch {
  width: 32px;
}
.toggle-switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #e7e7e7;
  border-radius: 15px;
  margin: 0;
}
.toggle-switch-label.e-switch-active {
  border: 1px solid #51b255;
}
.toggle-switch-label.midnight-blue {
  border: 1px solid #03002f !important;
}
.toggle-switch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.toggle-switch-inner:before, .toggle-switch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 17px;
  padding: 0;
  line-height: 17px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  box-sizing: border-box;
}
.toggle-switch-inner:before {
  content: attr(data-no);
  text-transform: uppercase;
  padding-left: 0.2rem;
  background-color: #ffffff;
  color: #727271;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}
.toggle-switch-disabled {
  background-color: #ffffff;
  cursor: not-allowed;
}
.toggle-switch-disabled:before {
  background-color: #ffffff;
  cursor: not-allowed;
}
.toggle-switch-inner:after {
  content: attr(data-yes);
  text-transform: uppercase;
  padding-right: 0.2rem;
  background-color: #ffffff;
  color: #727271;
  text-align: right;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}
.toggle-switch-switch {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0.2rem;
  background: #b8b8b8;
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 25px;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}
.toggle-switch-switch.e-switch-active {
  background: #51b255;
}
.toggle-switch-switch.midnight-blue {
  background: #03002f !important;
}
.toggle-switch-switch.big-switch {
  width: 11px;
  height: 11px;
  margin: 0.25rem;
  right: 11px;
}
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-inner {
  margin-left: 0;
}
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-switch {
  right: 0px;
}

.counterinput {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.counterinput .input_prefix {
  margin-left: 0px !important;
}
.counterinput .form-control {
  border: none !important;
  text-align: center;
  font-size: 0.875rem;
  font-family: "encodesans_normal";
  color: #444444;
}
.counterinput .input-group-prepend button {
  font-size: 1.563rem !important;
  font-family: unset !important;
  padding: 6px 10px 10px 10px;
  line-height: 20px;
  background-color: #ffffff !important;
  border: none !important;
  height: 40px;
}

.ordermsgsection {
  padding-top: 62px;
}
@media (max-width: 768px) {
  .ordermsgsection {
    padding-top: 30px;
  }
}
.ordermsgsection .innersection {
  justify-content: center;
  display: flex;
}
.ordermsgsection .innersection .orderbox {
  background-color: #f2f2f5;
  padding: 15px 30px 15px 30px;
  text-align: center;
  border-radius: 5px;
}
.ordermsgsection .innersection .orderbox span {
  display: inline-block;
  width: 100%;
}
.ordermsgsection .innersection .addtowatchlist {
  text-decoration: underline !important;
  color: #03002f;
}
.ordermsgsection .innersection .btn-class-btntype .ed_button {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 0.875rem !important;
  font-family: "EncodeSansMedium";
}
.ordermsgsection .innersection .rejectedmsg strong {
  color: #03002f;
}
.ordermsgsection .recieved {
  color: #51b255;
}
.ordermsgsection .rejected {
  color: #dd504d;
}
.ordermsgsection .tooltip-msg-icon .edel-icon-tooltip {
  font-size: 4.688rem;
}

.redirectOuterbox {
  width: 100%;
  background-color: #fef4ec;
  padding: 20px 47px 20px 47px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .redirectOuterbox {
    padding: 20px 0px 20px 0px;
  }
}
.redirectOuterbox .ed_button {
  font-size: 0.875rem !important;
  height: 40px !important;
  line-height: 15px;
}

.order-slice-note {
  text-align: left !important;
  padding: 0px;
  font-size: 0.875rem;
  font-weight: 400;
}
.order-slice-note .header {
  font-weight: 700;
  padding: 0px;
}

.filtersortSidebar-section-mobile .z-index-high__handle-wrapper {
  background-color: #ffffff;
}
.filtersortSidebar-section-mobile .bodylist-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  padding-left: 10px;
}
.filtersortSidebar-section-mobile .filtersortSidebar-clear-all {
  display: flex;
  justify-content: end;
  background-color: #f2f2f5;
}
.filtersortSidebar-section-mobile .filtersortSidebar-clear-all .ed_button {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
  position: relative;
  top: 21px;
}

.overflow-scroll-340 {
  height: 340px;
  overflow: scroll;
  padding-bottom: 20px;
}

.filtersortSidebar.footer-sidebar-generic .leftsidebar {
  background-color: #f5f5f5;
}
.filtersortSidebar.footer-sidebar-generic .leftsidebar .nav .nav-item {
  margin-bottom: 0px;
}
.filtersortSidebar.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium";
  text-align: center;
  padding: 15px 15px 15px 12px;
}
.filtersortSidebar.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link.active {
  border: none !important;
  background-color: #ffffff;
}
.filtersortSidebar.footer-sidebar-generic .rightsidebar {
  background-color: #ffffff;
  padding-left: 0px !important;
}
.filtersortSidebar.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist {
  margin-top: 10px;
}
.filtersortSidebar.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist .bodylist-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  padding-left: 10px;
}
.filtersortSidebar.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist .inside-list {
  margin-bottom: 10px;
}

.common-filter-section .leftsidebar .edel-icon-round-circle {
  font-size: 7px;
  color: #dd504d;
  margin-left: 2px;
  display: flex;
}
.common-filter-section .rightsidebar {
  max-height: 100vh;
  min-height: 400px;
  overflow-y: scroll;
  margin-bottom: 10px;
}
.common-filter-section .rightsidebar::-webkit-scrollbar {
  width: 0.12rem;
}
.common-filter-section .rightsidebar::-webkit-scrollbar-thumb {
  background-color: #03002f;
}

.notificationlock-filter-dot {
  color: #f04e45;
  font-size: 45px;
  position: relative;
  top: -6px;
}

.nfo-gentable {
  width: 100%;
  border-spacing: 0px !important;
}
.nfo-gentable .ed_button.button {
  padding: 9px 17px;
  font-size: 0.875rem;
}
.nfo-gentable .subwidth {
  width: 15%;
  max-width: 100%;
}
.nfo-gentable .table-head tr {
  width: 100%;
}
.nfo-gentable .table-head tr th {
  padding: 5px;
  text-align: right;
  vertical-align: bottom;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.nfo-gentable .table-body tr:hover {
  background: none;
}
.nfo-gentable .table-body td {
  border: none;
  height: unset;
  border-spacing: 0px;
}
.nfo-gentable .table-body td .table {
  border-top: 1px solid #e7e7e7;
  padding-bottom: 0px;
}
.nfo-gentable .table-body .tbody-content td {
  padding: 15px 5px;
  vertical-align: top;
  text-align: right;
}
.nfo-gentable .table-body .tbody-content td div {
  padding: 0px;
}
.nfo-gentable .table-body .tbody-content .applyNowBtn {
  padding: 0px 22px 0px 35px;
}
.nfo-gentable .table-body .tbody-content .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.nfo-gentable .table-body .tbody-content .share-icon .edel-icon-share-icon:before {
  content: "\e96c";
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}
.nfo-gentable .table-body .tbody-content .price-disc {
  background-color: #dfa717;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  border-radius: 2px;
}
.nfo-gentable .table-body .tbody-content .price-disc p {
  line-height: 13.5px;
  font-size: 0.625rem;
  color: #ffffff;
  margin-left: 2px;
  margin-bottom: 0px;
}
.nfo-gentable .table-body .labeltext td {
  height: 0px;
  padding-bottom: 15px;
}
.nfo-gentable .table > :not(caption) > * > * {
  background-color: transparent !important;
}

.w-20 {
  width: 20%;
}

.pl-10 {
  padding-left: 10px;
}

@media (min-width: 1023px) {
  .ipo-label-text-tile {
    line-height: 17.5px;
  }
}

.nfo-gentable tr th:nth-child(1) {
  padding-left: 15px !important;
}
.nfo-gentable tr th:nth-child(1),
.nfo-gentable tr td:nth-child(1) {
  width: 20%;
  text-align: left !important;
}
.nfo-gentable tr th:nth-child(1) .content-padding-15,
.nfo-gentable tr td:nth-child(1) .content-padding-15 {
  padding-left: 10px !important;
}
.nfo-gentable tr th:nth-child(2),
.nfo-gentable tr td:nth-child(2) {
  width: 20%;
}
.nfo-gentable tr th:nth-child(3),
.nfo-gentable tr td:nth-child(3) {
  width: 20%;
}
.nfo-gentable tr th:nth-child(4),
.nfo-gentable tr td:nth-child(4) {
  width: 10%;
}
.nfo-gentable tr th:nth-child(5),
.nfo-gentable tr td:nth-child(5) {
  width: 10%;
}
.nfo-gentable tr th:nth-child(6),
.nfo-gentable tr td:nth-child(6) {
  width: 25%;
}

@media (max-width: 375px) {
  .small-font-size {
    font-size: 0.625rem !important;
  }
}

.nfo-tabs-after .generic-tabs.common-tab-color .nav-item .nav-link {
  opacity: 0.3 !important;
}

.nfo-tabs-after .generic-tabs.common-tab-color .nav-item .nav-link.active {
  opacity: 1 !important;
}

.generic-searchbar-modal-block {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
}
.generic-searchbar-modal-block .searchbar-search-block {
  width: 100%;
}
.generic-searchbar-modal-block .searchbar-search-block .common-search-bar label {
  cursor: pointer;
}
.generic-searchbar-modal-block .searchbar-search-block .common-search-bar input {
  font-size: 16px;
}
.generic-searchbar-modal-block .modal-dialog {
  max-width: 700px;
}
.generic-searchbar-modal-block .modal-content {
  background-color: unset;
  border: none;
}
.generic-searchbar-modal-block .modal-content .modal-body {
  background-color: #ffffff;
  border-radius: 5px;
  max-height: 60vh;
}
.generic-searchbar-modal-block .modal-content .modal-header {
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 0px;
  border: 2px solid #ffffff;
}
.generic-searchbar-modal-block .modal-content .modal-header .mic-icon {
  padding-right: 15px;
}

.searchbar-search-block-mobile {
  width: 100%;
}

.spinner-border {
  border-color: #f04e45;
  border-right-color: transparent !important;
}

/* Loading dots styles */
@-webkit-keyframes opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#three-dot-loading {
  text-align: center;
}

#three-dot-loading span:not(:last-child) {
  margin-right: 5px;
}

#three-dot-loading span {
  -webkit-animation-name: opacity;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: opacity;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  font-size: 1.875rem;
}

#three-dot-loading span:nth-child(2) {
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
}

#three-dot-loading span:nth-child(3) {
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
}

.addwatchlist {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  width: 100%;
  margin-left: 15px;
  z-index: 1;
}
.addwatchlist ul {
  padding: 20px;
}
.addwatchlist ul li:not(:first-child) {
  border-top: 1px solid #e7e7e7;
}
.addwatchlist ul li:last-child {
  margin-bottom: 145px !important;
}
.addwatchlist .stockTabList .radio-button.common-radio-button input[type=radio] {
  height: 20px;
  width: 20px;
}
.addwatchlist .stockTabList .radio-button.common-radio-button.active input[type=radio] {
  border: 2px solid #03002f !important;
}
.addwatchlist .stockTabList .radio-button.common-radio-button.active input[type=radio]::after {
  width: 90% !important;
  height: 90% !important;
}

.createWatchlist .col {
  margin-top: 15px;
  width: 95%;
  margin-left: 10px;
}
.createWatchlist .watchlist-Input .form-control {
  border-color: red;
}
.createWatchlist .watchlist-Input .help_text.red {
  margin-left: 5px;
}
.createWatchlist .loginsection .help_text {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.createWatchlist .loginsection .help_text::before {
  content: "\e99e";
  font-family: "edel_icon";
  padding-right: 5px;
}

.quotesWtachlist .addToWatchList .watchlist-Input .form-control {
  border-color: red;
}
.quotesWtachlist .addToWatchList .help_text.red {
  margin-left: 20px;
}
@media (max-width: 768px) {
  .quotesWtachlist .addToWatchList .help_text.red {
    margin-left: 3px;
  }
}
@media (max-width: 768px) {
  .quotesWtachlist .addToWatchList .stockTabList .radio-button.common-radio-button input[type=radio] {
    height: 20px;
    width: 20px;
  }
}

.quotesWtachlist .edel-sidebar-drawer-head .edel-icon-left-arrow,
.createWatchlist .edel-sidebar-drawer-head .edel-icon-left-arrow {
  line-height: 1.3 !important;
}
.quotesWtachlist .edel-sidebar-drawer-head,
.createWatchlist .edel-sidebar-drawer-head {
  margin: 15px;
}
.quotesWtachlist .edel-sidebar-drawer-body .edel-icon-more-button,
.createWatchlist .edel-sidebar-drawer-body .edel-icon-more-button {
  margin-top: 2px !important;
}
.quotesWtachlist .edel-sidebar-drawer-body,
.createWatchlist .edel-sidebar-drawer-body {
  max-height: 450px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  width: 100%;
  z-index: 1;
}
.quotesWtachlist .edel-sidebar-drawer-body ul,
.createWatchlist .edel-sidebar-drawer-body ul {
  padding: 7px;
}
.quotesWtachlist .edel-sidebar-drawer-body ul li:not(:first-child),
.createWatchlist .edel-sidebar-drawer-body ul li:not(:first-child) {
  border-top: 1px solid #e7e7e7;
}
.quotesWtachlist .edel-sidebar-drawer-body .stockTabList,
.createWatchlist .edel-sidebar-drawer-body .stockTabList {
  padding-left: 0px !important;
}
.quotesWtachlist .bottombtnsection,
.createWatchlist .bottombtnsection {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.quotesWtachlist .bottombtnsection.stock,
.createWatchlist .bottombtnsection.stock {
  position: relative !important;
}

@media (max-width: 768px) {
  .quotesWtachlist .mb-addwatchlist-drawer.backgroundcolor_bluedrawer {
    min-height: 0px;
    z-index: 100;
  }
}
.quotesWtachlist .watchlist-toaster-fix {
  position: fixed !important;
  top: 180px;
  z-index: 10;
  display: flex;
  width: 40% !important;
  justify-content: center;
  align-items: center;
  left: 0px;
  right: 0%;
}
@media (max-width: 768px) {
  .quotesWtachlist .watchlist-toaster-fix {
    top: auto;
    bottom: 80px;
    width: 100% !important;
  }
}
.quotesWtachlist .watchlist-toaster-fix .toast-container {
  width: 100% !important;
  border-radius: 5px !important;
  margin-bottom: 5px !important;
}
.quotesWtachlist .watchlist-toaster-fix .toast {
  width: 100%;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
  border: 0px;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .quotesWtachlist .watchlist-toaster-fix .toast {
    width: fit-content;
    margin: auto;
  }
}
.quotesWtachlist .watchlist-toaster-fix .toast .bg-rose-white {
  background-color: #dcf0dd;
  border-radius: 10px;
}
.quotesWtachlist .watchlist-toaster-fix .toast .txt-faded-orange {
  color: #51b255;
}
.quotesWtachlist .watchlist-toaster-fix .toast div {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
@media (max-width: 1023px) {
  .quotesWtachlist .watchlist-toaster-fix .toast div {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}

.mob-wlsearch .preset-tabs {
  padding-inline: 15px;
}
.mob-wlsearch .search-toptabs-block {
  margin: 10px 0px;
  gap: 10px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.mob-wlsearch .search-toptabs-block .search-nosplit-block {
  padding-inline: 10px;
}
.mob-wlsearch .fade.show.tooltip {
  z-index: 1;
}
.mob-wlsearch .preset-tabs {
  position: relative;
  z-index: 2;
  margin: 0;
  width: 100%;
  background: #ffffff;
  left: 0;
}

.watchlistExtra-scripts-div-padding {
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .watchlistExtra-scripts-div-padding {
    padding-bottom: 300px;
  }
}

@media (max-width: 768px) {
  .last-child-padding-watchlist {
    padding-bottom: 300px;
    padding-bottom: 250px;
  }
  .last-child-padding-watchlist.editwatchlistDiv {
    padding-bottom: 250px;
  }
}
.preset-tooltip-class.desk-tooltips .tooltip-inner {
  margin-bottom: 0px;
}

.addToWatchList-position {
  position: sticky !important;
  bottom: 15% !important;
}
.addToWatchList-position .watchlist-toaster-fix {
  position: unset !important;
}

.mob-wlsearch .import-drawrer-backdrop {
  padding: 0px 0px !important;
}
.mob-wlsearch .import-drawrer-backdrop .drawer-header {
  padding: 21px 21px 20px 15px !important;
}
.mob-wlsearch .import-drawrer-backdrop .drawer-body {
  background-color: #ffffff;
}

.floating-feedback-section .box-feedback {
  cursor: pointer;
  padding: 15px;
  position: fixed;
  bottom: 50%;
  right: 0px;
  background-color: #f04e45;
  color: #ffffff;
  transform: rotate(-90deg);
  transform-origin: bottom right;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  z-index: 10;
}
.floating-feedback-section .box-feedback svg {
  transform: rotate(90deg);
}
.floating-feedback-section.z-low-index .box-feedback {
  z-index: -1;
  display: none;
}

:root {
  font-size: 16px;
}

.section_head {
  height: 28px;
  font-family: "Encode Sans";
  font-style: normal;
  font-size: 1.25rem;
  line-height: 140%;
  color: #0b243a;
  padding-left: 15px;
  margin-bottom: 0px;
}

.accordian_container {
  margin: 0px 15px 200px 15px;
}
.accordian_container .seperation_line {
  height: 0px;
  border: 1px solid #e7e7e7;
  margin: 16px 0px 16px 0px;
}
.accordian_container .accordian-item {
  background-color: white;
  border: 1px solid white;
}
.accordian_container .accordian-item .sub_text {
  font-family: "Encode Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #727271;
}
.accordian_container .accordian-item .back_to_title {
  width: 233px;
  height: 9px;
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  line-height: 22px;
  display: inline;
  align-items: center;
  color: #3580f7;
}
.accordian_container .accordian-item .back_to_title .edel-icon-point-arrow-up {
  width: 7px;
  height: 9px;
  margin-right: 5px;
}

.accordion-button:not(.collapsed) {
  color: black;
  font-family: "Encode Sans";
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
  background-color: white;
  box-shadow: none;
}

.accordion-body {
  padding: 0.2rem 0rem 0rem 0rem;
}

.accordion-button {
  padding: 1rem 0rem;
  box-shadow: none;
  color: black;
  font-family: "Encode Sans";
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
  background-color: white;
  padding: 0px;
}

.accordion-button:not(.collapsed)::after {
  background-color: #f2f2f5;
  border-radius: 5px;
  box-shadow: none;
  background-position: center;
}

.accordion-button::after {
  width: 30px;
  height: 30px;
  color: #03002f;
  border-radius: 5px;
  background-color: #f2f2f5;
  background-position: center;
  box-shadow: none;
  content: "\e911" !important;
  display: inline-block;
  font-family: "edel_icon";
  font-size: 1.25rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  background-image: none !important;
}

.accordion-item:first-of-type .accordion-button {
  box-shadow: none;
}

body {
  font-size: 16px;
}

.filterasset-drop {
  background: #f2f2f5;
  border-radius: 5px;
  width: 398px;
  padding: 20px;
  display: block;
  margin-top: 10px;
  z-index: 6;
  position: absolute;
  right: 0%;
}
.filterasset-drop-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 22px;
  font-feature-settings: "case" on;
  color: #444444;
}
.filterasset-drop-head p {
  margin: 5px 0px;
}
.filterasset-drop-head p span {
  margin: 4px;
  z-index: 10;
}
.filterasset-drop-head .edel-icon-arrow-down {
  font-size: 1.75rem;
}
.filterasset-drop-imp {
  margin-top: 13px !important;
}
.filterasset-drop-body {
  max-height: 273px;
  background: #ffffff;
  border-radius: 5px;
  border-radius: 5px;
  margin: 15px 0px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* hide scroll bar in Internet Explorer 10+ */
  scrollbar-width: none;
  /*hide scroll bar in Firefox */
}
.filterasset-drop-body::-webkit-scrollbar {
  display: none;
}
.filterasset-drop-body {
  transition: "display 300ms ease-in";
}
.filterasset-drop #asset.filterasset-drop-head {
  margin-top: 7px;
  cursor: pointer;
}
.filterasset-drop #asset.filterasset-drop-header {
  margin-left: 10px;
}
.filterasset-drop #filter.filterasset-drop-head {
  margin-top: 7px;
  cursor: pointer;
}
.filterasset-drop #asset.filterasset-drop-body {
  height: 205px;
}
.filterasset-drop-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f2f2f5;
  padding-top: 15px;
}
.filterasset-drop-footer .filter-button {
  padding: 13px 28px;
  border-radius: 6px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  color: #03002f;
  width: 48%;
  background-color: transparent;
  border: 1px solid #03002f;
}
.filterasset-drop-footer .clear_all:hover {
  background-color: #3580f7;
  color: #ffffff;
}
.filterasset-drop-footer .aply-btn {
  background: #03002f;
  border: none;
  color: #ffffff;
  width: 176px !important;
  height: 48px !important;
  border-radius: 6px;
}
.filterasset-drop .filterasset-drop-body .checkbox {
  position: relative;
  display: flex;
  font-size: 0.875rem;
  line-height: 20px;
  color: #292929;
  width: 119px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  width: 80%;
  font-feature-settings: "case" on;
  white-space: nowrap;
}
.filterasset-drop .filterasset-drop-body .checkbox.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.filterasset-drop .filterasset-drop-body .checkbox input[type=checkbox] {
  opacity: 0;
  width: 20px;
  height: 20px;
}
.filterasset-drop .filterasset-drop-body .checkbox input[type=checkbox]:checked + .checked {
  background-color: #3580f7 !important;
  border: 1px solid #e7e7e7;
}
.filterasset-drop .filterasset-drop-body .checkbox p,
.filterasset-drop .filterasset-drop-body .checkbox .checked {
  display: inline-block;
  cursor: pointer;
}
.filterasset-drop .filterasset-drop-body .checkbox .checked {
  width: 20px;
  height: 20px;
  border: solid 1px;
  border-color: rgba(38, 6, 203, 0.3);
  border-radius: 0.25rem;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  transition: border-color 0.2s, background-color 0.2s;
}
.filterasset-drop .filterasset-drop-body .checkbox .checked::before {
  color: #ffffff;
  display: inline-block;
  font-size: 1.25rem;
  margin-top: -7%;
  margin-left: -2px;
}
.filterasset-drop .filterasset-drop-body .checkbox p {
  margin-left: 10px;
  overflow: hidden;
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filterasset-drop .light-blue {
  color: #3580f7;
}
.filterasset-drop .dark-grey {
  color: #444444;
}
.filterasset-drop .light-grey {
  color: #b8b8b8;
}
.filterasset-drop .show {
  display: block;
}
.filterasset-drop .hide {
  display: none;
}
.filterasset-drop ul {
  padding: 20px;
  border-radius: 5px;
}
.filterasset-drop li label {
  display: -webkit-inline-box;
}
.filterasset-drop li p {
  margin-left: 10px;
  margin-bottom: 0px;
  font-size: 0.875rem;
  margin-top: 2px;
  color: #444444;
}
.filterasset-drop li input {
  width: 20px;
  height: 20px;
}

.filterasset-drop-light-blue-theme {
  background: #f0f9ff;
  border-radius: 5px;
  width: 398px;
  padding: 20px;
  display: block;
  margin-top: 10px;
  z-index: 6;
  position: absolute;
  right: 0%;
}
.filterasset-drop-light-blue-theme .filterasset-drop-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 22px;
  font-feature-settings: "case" on;
  color: #444444;
}
.filterasset-drop-light-blue-theme .filterasset-drop-head p {
  margin: 5px 0px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-head p span {
  margin: 4px;
  z-index: 10;
}
.filterasset-drop-light-blue-theme .filterasset-drop-head .edel-icon-arrow-down {
  font-size: 1.75rem;
}
.filterasset-drop-light-blue-theme .filterasset-drop-imp {
  margin-top: 13px !important;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body {
  max-height: 273px;
  background: #ffffff;
  border-radius: 5px;
  margin: 15px 0px;
  overflow-y: scroll;
  -ms-overflow-style: none; /* hide scroll bar in Internet Explorer 10+ */
  scrollbar-width: none; /*hide scroll bar in Firefox */
}
.filterasset-drop-light-blue-theme .filterasset-drop-body::-webkit-scrollbar {
  display: none;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body {
  transition: "display 300ms ease-in";
}
.filterasset-drop-light-blue-theme #asset.filterasset-drop-head {
  margin-top: 7px;
  cursor: pointer;
}
.filterasset-drop-light-blue-theme #asset.filterasset-drop-header {
  margin-left: 10px;
}
.filterasset-drop-light-blue-theme #filter.filterasset-drop-head {
  margin-top: 7px;
  cursor: pointer;
}
.filterasset-drop-light-blue-theme #asset.filterasset-drop-body {
  height: 205px;
}
.filterasset-drop-light-blue-theme .color_blue {
  color: #3580f7 !important;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f0f9ff;
  padding-top: 15px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer .filter-button {
  padding: 13px 28px;
  border-radius: 6px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  width: 48%;
  background-color: transparent;
  border: 1px solid #3580f7;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer .clear_all {
  background-color: transparent;
  color: #3580f7;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer .clear_all:hover {
  background-color: #3580f7;
  color: #ffffff;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer .aply-btn {
  background: #3580f7;
  border: none;
  color: #ffffff;
  width: 176px !important;
  height: 48px !important;
  border-radius: 6px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox {
  position: relative;
  display: flex;
  font-size: 0.875rem;
  line-height: 20px;
  color: #292929;
  width: 119px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  width: 80%;
  font-feature-settings: "case" on;
  white-space: nowrap;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox input[type=checkbox] {
  opacity: 0;
  width: 20px;
  height: 20px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox input[type=checkbox]:checked + .checked {
  background-color: #3580f7;
  border: 1px solid #e7e7e7;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox p,
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox .checked {
  display: inline-block;
  cursor: pointer;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox .checked {
  width: 20px;
  height: 20px;
  border: solid 1px;
  border-color: rgba(38, 6, 203, 0.3);
  border-radius: 0.25rem;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  transition: border-color 0.2s, background-color 0.2s;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox .checked::before {
  color: #ffffff;
  display: inline-block;
  font-size: 1.25rem;
  margin-top: -7%;
  margin-left: -2px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox p {
  margin-left: 10px;
  overflow: hidden;
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filterasset-drop-light-blue-theme .light-blue {
  color: #3580f7;
}
.filterasset-drop-light-blue-theme .dark-grey {
  color: #444444;
}
.filterasset-drop-light-blue-theme .light-grey {
  color: #b8b8b8;
}
.filterasset-drop-light-blue-theme .show {
  display: block;
}
.filterasset-drop-light-blue-theme .hide {
  display: none;
}
.filterasset-drop-light-blue-theme ul {
  margin-top: 12px;
  margin-left: 10px;
  padding-left: 0;
}
.filterasset-drop-light-blue-theme li {
  padding: 2%;
}
.filterasset-drop-light-blue-theme li label {
  display: -webkit-inline-box;
}
.filterasset-drop-light-blue-theme li p {
  margin-left: 10px;
  margin-bottom: 0px;
  font-size: 0.875rem;
  margin-top: 2px;
  color: #444444;
}
.filterasset-drop-light-blue-theme li input {
  width: 20px;
  height: 20px;
}

.nrml,
.cnc,
.bo,
.mtf {
  border: 1px solid rgba(223, 167, 23, 0.1);
  padding: 2px 4px;
  margin-left: 10px;
  border-radius: 2px;
  height: 21px;
  line-height: 15px;
  align-self: center;
  color: #dfa717;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.mis {
  border: 1px solid hsla(1, 69%, 59%, 0.1);
  padding: 2px 4px;
  margin-left: 10px;
  border-radius: 2px;
  height: 21px;
  line-height: 15px;
  align-self: center;
  color: #dd504d;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.filterBottomScroll {
  padding-bottom: 100px !important;
}

.filterasset-drop-common-asset {
  right: 5.5%;
}

.filterasset-new-theme .filterasset-drop-body {
  max-height: 150px;
  margin: 20px 0;
}
.filterasset-new-theme .filterasset-drop-body ul {
  margin: 5px 10px;
}
.filterasset-new-theme .filterasset-drop-body::-webkit-scrollbar-thumb {
  background-color: #03002f;
  border-radius: 6px;
  border: 1px solid #03002f;
}
.filterasset-new-theme .drop-arrow {
  width: 22px;
  height: 22px;
  background: #f2f2f5;
  transform: rotate(45deg);
  margin-left: 340px;
  margin-top: -30px;
}

:root {
  font-size: 16px;
}

.pnl-view-header-section td,
.pnl-view-header-section th,
.pnl-editable-action td,
.pnl-editable-action th,
.view-pnl-reports-table td,
.view-pnl-reports-table th {
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .pnl-view-header-section,
  .pnl-editable-action,
  .view-pnl-reports-table {
    margin-left: 15px;
    margin-right: 15px;
    padding: 0px;
  }
}
.pnl-view-header-section,
.pnl-editable-action,
.view-pnl-reports-table {
  padding: 0px 112px;
}

@media screen and (max-width: 1024px) {
  .pnl-summary-details {
    padding: 0px 15px;
  }
}
.pnl-summary-details {
  padding: 0px 16px 0px 112px;
}

.summary-mobile {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 22px;
  padding: 0px 15px;
}
.summary-mobile .isin-container,
.summary-mobile .company-qty-ltp,
.summary-mobile .company-container {
  width: 100%;
}
.summary-mobile .isin-container .isin {
  font-family: "encodesans_normal";
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: left;
  color: #b8b8b8;
}
.summary-mobile .company-container {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 16.8px;
  letter-spacing: 0em;
  text-align: left;
  color: #727271;
  margin-top: 6px;
}
.summary-mobile .company-qty-ltp .pnl-description {
  width: 70%;
}
.summary-mobile .company-qty-ltp {
  display: flex;
  margin-top: 4px;
  align-items: flex-start;
}
.summary-mobile .company-qty-ltp .script-container {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0em;
  text-align: left;
  color: #444444;
}
.summary-mobile .company-qty-ltp .script-container.m-w-43 {
  min-width: 43%;
}
.summary-mobile .company-qty-ltp .script-container.m-w-56 {
  min-width: 56%;
}
.summary-mobile .company-qty-ltp .qty-container {
  position: relative;
  vertical-align: middle;
}
.summary-mobile .company-qty-ltp .qty-container i {
  margin-left: 8.86px;
  margin-right: 4px;
  font-size: 0.75rem;
}
.summary-mobile .company-qty-ltp .qty-container {
  font-family: "RobotoRegular";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: left;
  color: #727271;
}
.summary-mobile .company-qty-ltp .qty-container.m-w-20 {
  min-width: 20%;
}
.summary-mobile .company-qty-ltp .ltp-container {
  width: 30%;
  text-align: end;
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18.2px;
  letter-spacing: 0em;
  text-align: right;
  color: #444444;
  padding-top: 0px;
}
.summary-mobile .company-qty-ltp .ltp-container.m-w-37 {
  min-width: 37%;
}
.summary-mobile .company-qty-ltp .ltp-container.m-w-24 {
  min-width: 24%;
}
.summary-mobile .company-qty-ltp .ltp-container.m-w-43 {
  min-width: 43%;
}

* {
  box-sizing: border-box !important;
}

.pnl-summary-details .color-red {
  color: #e71e04;
}
.pnl-summary-details .color-green {
  color: #51b255;
}
.pnl-summary-details {
  margin-top: 30px;
  margin-bottom: 36.68px;
}
.pnl-summary-details .pn-summary-container {
  display: flex;
  display: flex;
}
.pnl-summary-details .pn-summary-container div,
.pnl-summary-details .pn-summary-container span {
  cursor: default;
}
.pnl-summary-details .pn-summary-container .pnl.profit-loss {
  width: 10.643%;
  margin-right: 38px;
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .pnl-summary-details .pn-summary-container .pnl.profit-loss {
    width: 138px;
    margin-right: 38px;
  }
}
@media screen and (max-width: 1024px) {
  .pnl-summary-details .pn-summary-container .pnl.profit-loss {
    width: 50%;
    margin: 0px;
  }
}
.pnl-summary-details .pn-summary-container .pnl.isin {
  width: 10.643%;
  margin-right: 116px;
}
@media screen and (max-width: 1024px) {
  .pnl-summary-details .pn-summary-container .pnl.isin {
    width: 50%;
  }
}
.pnl-summary-details .pn-summary-container .pnl.company {
  width: 18.155%;
  margin-right: 15px;
}
@media screen and (max-width: 1024px) {
  .pnl-summary-details .pn-summary-container .pnl.company {
    width: 50%;
  }
}
.pnl-summary-details .pn-summary-container .pnl.scrip {
  width: 10.539%;
  margin-right: 65.93px !important;
}
@media screen and (max-width: 1023px) {
  .pnl-summary-details .pn-summary-container .pnl.scrip {
    width: 50%;
  }
}
.pnl-summary-details .pn-summary-container .pnl.qty {
  width: 7.693%;
  margin-right: 92.07px;
}
@media screen and (max-width: 1024px) {
  .pnl-summary-details .pn-summary-container .pnl.qty {
    width: 50%;
  }
}
.pnl-summary-details .pn-summary-container .ltp-change {
  width: 18.33%;
}
@media screen and (max-width: 1024px) {
  .pnl-summary-details .pn-summary-container .ltp-change {
    width: 50%;
  }
}
.pnl-summary-details .pnl-summary-heading {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  color: #b8b8b8;
  height: 37px;
  line-height: 37px;
}
.pnl-summary-details .pnl-summary-value {
  font-family: "RobotoRegular";
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #444444;
  margin-top: 8.32px;
}
.pnl-summary-details .pnl-summary-value .ltp-value {
  font-family: "RobotoRegular";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #444444;
}
.pnl-summary-details .pnl-summary-value .ltp-value .change,
.pnl-summary-details .pnl-summary-value .ltp-value .change-per {
  font-family: "InterRegular";
  font-size: 0.938rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.24px;
  text-align: left;
}
.pnl-summary-details .pnl-summary-value .ltp-value .change {
  padding-left: 10px;
}
.pnl-summary-details .pnl-summary-value .ltp-value .change-per {
  padding-left: 5px;
}

.view-pnl-reports-table {
  margin-top: 20px;
}
.view-pnl-reports-table .pnl-view-table-css {
  margin-left: 0px;
  margin-right: 0px;
}
.view-pnl-reports-table table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0px;
}
.view-pnl-reports-table table .serial {
  width: 39px;
  min-width: 39px;
}
@media screen and (min-width: 1200px) {
  .view-pnl-reports-table table .serial img {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .view-pnl-reports-table table th.serial {
    height: 30px;
    padding: 4px 8px;
  }
}
@media screen and (min-width: 1025px) {
  .view-pnl-reports-table table th.serial {
    padding: 9px 11.55px 9px 5px;
    height: 37px;
    max-height: 37px;
    vertical-align: bottom;
  }
}
@media screen and (max-width: 1024px) {
  .view-pnl-reports-table table td.serial {
    height: 36px !important;
    padding: 5px 9px 7px 5px;
  }
  .view-pnl-reports-table table td.serial img {
    width: 18px;
  }
}
@media screen and (min-width: 1025px) {
  .view-pnl-reports-table table td.serial {
    max-height: 45px;
    padding: 11.22px 13.55px 12.22px 5px;
    height: 45px;
  }
}
.view-pnl-reports-table table td.serial img {
  cursor: pointer;
}
.view-pnl-reports-table table th.txn-date {
  width: 84px;
}
.view-pnl-reports-table table td.txn-date {
  width: 84px;
}
.view-pnl-reports-table table th:not(.serial) {
  padding: 4px 8px;
}
.view-pnl-reports-table table td:not(.serial) {
  padding: 4px 8px;
}
@media screen and (max-width: 640px) {
  .view-pnl-reports-table table .txn-date {
    width: 75px;
    min-width: 75px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .txn-date {
    width: 103px;
    min-width: 103px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .action {
    min-width: 57px;
    width: 57px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .qty {
    min-width: 49.08px;
    width: 49.08px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .price {
    min-width: 79px;
    width: 79px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .txn-type {
    min-width: 100px;
    width: 100px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .brokerage {
    min-width: 81px;
    width: 81px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .stax-gst {
    width: 137px;
    min-width: 137px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .stt {
    width: 59px;
    min-width: 59px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .stamp-duty {
    width: 94px;
    min-width: 94px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .sebi-fees {
    width: 82px;
    min-width: 82px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .txn-charges {
    width: 99px;
    min-width: 99px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .tax-txn-charges {
    width: 135px;
    min-width: 135px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .other {
    width: 101px;
    min-width: 101px;
  }
}
.view-pnl-reports-table table thead {
  position: sticky;
  top: 0px;
}
.view-pnl-reports-table table thead th {
  background-color: #f0f9ff;
}
@media screen and (min-width: 1025px) {
  .view-pnl-reports-table table thead th {
    font-family: "encodesans_normal";
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.08px;
    text-align: left;
    color: #b8b8b8;
    height: 37px;
    max-height: 37px;
  }
}
@media screen and (max-width: 1024px) {
  .view-pnl-reports-table table thead th {
    height: 30px;
    font-family: "InterRegular";
    font-size: 0.813rem;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.08px;
    text-align: left;
    color: #b8b8b8;
  }
}
.view-pnl-reports-table table thead th {
  vertical-align: middle;
}
.view-pnl-reports-table table tbody {
  border-top: 0px !important;
}
.view-pnl-reports-table table tbody tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: white;
  background-color: #ffffff;
}
.view-pnl-reports-table table tbody tr:nth-of-type(even) > * {
  background-color: #f0f9ff;
}
.view-pnl-reports-table table tbody td {
  color: #444444 !important;
  border: 0px !important;
}
@media screen and (max-width: 1024px) {
  .view-pnl-reports-table table tbody td {
    height: 36px !important;
  }
}
@media screen and (min-width: 1025px) {
  .view-pnl-reports-table table tbody td {
    height: 45px !important;
    max-height: 45px !important;
  }
}
@media screen and (min-width: 1024px) {
  .view-pnl-reports-table table tbody .txn-date,
  .view-pnl-reports-table table tbody .txn-type {
    font-family: "encodesans_normal";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.24px;
    text-align: left;
  }
}
.view-pnl-reports-table table tbody .txn-date,
.view-pnl-reports-table table tbody .txn-type {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.24px;
}
@media screen and (min-width: 1024px) {
  .view-pnl-reports-table table tbody .action {
    font-family: "encodesans_normal";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.24px;
    text-align: left;
  }
}
.view-pnl-reports-table table tbody .action {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.24px;
}
@media screen and (min-width: 1024px) {
  .view-pnl-reports-table table tbody .qty,
  .view-pnl-reports-table table tbody .price,
  .view-pnl-reports-table table tbody .brokerage,
  .view-pnl-reports-table table tbody .stax-gst,
  .view-pnl-reports-table table tbody .stt,
  .view-pnl-reports-table table tbody .stamp-duty,
  .view-pnl-reports-table table tbody .sebi-fees,
  .view-pnl-reports-table table tbody .txn-charges,
  .view-pnl-reports-table table tbody .tax-txn-charges,
  .view-pnl-reports-table table tbody .other {
    font-family: "RobotoRegular";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.08px;
    text-align: left;
  }
}
.view-pnl-reports-table table tbody .qty,
.view-pnl-reports-table table tbody .price,
.view-pnl-reports-table table tbody .brokerage,
.view-pnl-reports-table table tbody .stax-gst,
.view-pnl-reports-table table tbody .stt,
.view-pnl-reports-table table tbody .stamp-duty,
.view-pnl-reports-table table tbody .sebi-fees,
.view-pnl-reports-table table tbody .txn-charges,
.view-pnl-reports-table table tbody .tax-txn-charges,
.view-pnl-reports-table table tbody .other {
  font-family: "RobotoRegular";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.24px;
}

.pnl-editable-action .pnl-edit-checkbox {
  display: block;
  position: relative;
  padding-left: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 56%;
}
@media screen and (max-width: 1024px) {
  .pnl-editable-action .edit-text {
    padding-left: 12px;
    font-family: "encodesans_normal";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 15.6px;
    letter-spacing: 0em;
    color: #444444;
    position: relative;
    top: -2px;
  }
}
.pnl-editable-action .edit-text {
  position: relative;
  top: 0px;
  padding-left: 23px;
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17.5px;
  letter-spacing: 0px;
  color: #444444;
}
.pnl-editable-action {
  /* Hide the browser's default checkbox */
}
.pnl-editable-action .pnl-edit-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: 0px;
}
@media screen and (min-width: 1024px) {
  .pnl-editable-action .pnl-edit-checkbox input {
    width: 25px;
    height: 25px;
    top: 0px;
  }
}
.pnl-editable-action .pnl-edit-checkbox input {
  top: 4px;
  width: 16px;
  height: 16px;
}
.pnl-editable-action {
  /* Create a custom checkbox */
}
.pnl-editable-action .teleport-switch-control-indicator {
  position: absolute;
  left: 0px;
}
@media screen and (min-width: 1024px) {
  .pnl-editable-action .teleport-switch-control-indicator {
    width: 25px;
    height: 25px;
    top: 0px;
  }
}
.pnl-editable-action .teleport-switch-control-indicator {
  top: 4px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
}
.pnl-editable-action .pnl-edit-checkbox:hover input ~ .teleport-switch-control-indicator {
  background-color: #cccccc;
}
.pnl-editable-action {
  /* When the checkbox is checked, add a blue background */
}
.pnl-editable-action .pnl-edit-checkbox input:checked ~ .teleport-switch-control-indicator {
  background-color: #3580f7;
}
.pnl-editable-action {
  /* Create the checkmark/indicator (hidden when not checked) */
}
.pnl-editable-action .teleport-switch-control-indicator:after {
  content: "";
  position: absolute;
  display: none;
}
.pnl-editable-action {
  /* Show the checkmark when checked */
}
.pnl-editable-action .pnl-edit-checkbox input:checked ~ .teleport-switch-control-indicator:after {
  display: block;
}
.pnl-editable-action {
  /* Style the checkmark/indicator */
}
@media screen and (max-width: 1024px) {
  .pnl-editable-action .pnl-edit-checkbox .teleport-switch-control-indicator:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border-width: 0 2px 2px 0;
  }
}
.pnl-editable-action .pnl-edit-checkbox .teleport-switch-control-indicator:after {
  left: 8px;
  top: 4px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-112 {
  padding-left: 112px;
  padding-right: 112px;
}

@media screen and (max-width: 1024px) {
  #pnl-view-transaction-report .qty-container {
    vertical-align: middle;
    position: relative;
  }
  #pnl-view-transaction-report .qty-container span {
    top: 0px !important;
  }
  #pnl-view-transaction-report .ltp-container {
    align-self: center;
  }
  .view-pnl-reports-table {
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .view-pnl-reports-table::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
  }
}
.d-shimmer {
  display: block;
  width: 100%;
}

.edit-split-info {
  background: rgba(231, 231, 231, 0.3);
  border-radius: 10px;
  text-align: justify;
}

:root {
  font-size: 16px;
}

.mob-filterasset-drop {
  width: 100%;
  font-family: "encodesans_normal";
  font-style: normal;
  font-size: 0.875rem;
  line-height: 20px;
  z-index: 1000;
  background-color: #ffffff;
}
.mob-filterasset-drop-head {
  height: auto;
  width: 100%;
  text-align: center;
  background-color: #f4f9ff;
  box-sizing: border-box !important;
}
.mob-filterasset-drop-head .down-bar {
  display: flex;
  justify-content: space-between;
  padding: 20px 3%;
}
.mob-filterasset-drop-head .down-bar-left {
  color: #292929;
  font-weight: 700;
}
.mob-filterasset-drop-head .down-bar-right {
  font-weight: 400;
  font-size: 0.75rem;
  color: #3580f7;
  background: none;
  border: none;
}
.mob-filterasset-drop-body .bodyhead {
  font-weight: 500;
  color: #292929;
  margin: 6px 0px;
  padding: 3%;
}
.mob-filterasset-drop-body .bodylist#asset li:last-child p {
  margin-bottom: 110px;
}
.mob-filterasset-drop-body .bodylist {
  padding: 0 3%;
  margin: 0;
  height: 145px;
}
.mob-filterasset-drop-body .bodylist-title {
  text-overflow: ellipsis;
  overflow: hidden;
}
.mob-filterasset-drop-body .filter-asset-seperator {
  border: 1px solid #e8e8e8;
}
.mob-filterasset-drop-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90px;
  position: fixed;
  bottom: 0px;
  background: white;
}
.mob-filterasset-drop-footer input {
  width: 360px;
  height: 40px;
  background: #3580f7;
  border-radius: 4px;
  border: none;
  padding: 1%;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  font-feature-settings: "case" on;
  color: #ffffff;
}
.mob-filterasset-drop-footer .ed_button.apply_filter {
  width: 360px;
  height: 40px;
  background: #3580f7 !important;
  border-radius: 4px !important;
  border: none;
  padding: 1% !important;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  font-feature-settings: "case" on;
  color: #ffffff !important;
}
.mob-filterasset-drop .bodylist .checkbox {
  position: relative;
  display: flex;
  font-size: 0.875rem;
  line-height: 20px;
  color: #292929;
  width: 119px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  font-feature-settings: "case" on;
  white-space: nowrap;
  width: 80%;
}
.mob-filterasset-drop .bodylist .checkbox.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.mob-filterasset-drop .bodylist .checkbox input[type=checkbox] {
  opacity: 0;
  width: 0px;
  height: 0px;
}
.mob-filterasset-drop .bodylist .checkbox input[type=checkbox]:checked + .checked {
  background-color: #3580f7;
  border: 1px solid #e7e7e7;
}
.mob-filterasset-drop .bodylist .checkbox .bodylist-title,
.mob-filterasset-drop .bodylist .checkbox .checked {
  display: inline-block;
  cursor: pointer;
}
.mob-filterasset-drop .bodylist .checkbox .checked {
  width: 20px;
  height: 20px;
  border: solid 1px;
  border-color: rgba(38, 6, 203, 0.3);
  border-radius: 0.25rem;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  transition: border-color 0.2s, background-color 0.2s;
}
.mob-filterasset-drop .bodylist .checkbox .checked::before {
  color: #ffffff;
  display: inline-block;
  font-size: 1.25rem;
  margin-top: -8%;
}
.mob-filterasset-drop .bodylist .checkbox .bodylist-title {
  margin-left: 10px;
}
.mob-filterasset-drop .light-blue {
  color: #3580f7;
}
.mob-filterasset-drop .dark-grey {
  color: #444444;
}
.mob-filterasset-drop .light-grey {
  color: #b8b8b8;
}
.mob-filterasset-drop .show {
  display: block;
}
.mob-filterasset-drop .hide {
  display: none;
}
.mob-filterasset-drop .nrml,
.mob-filterasset-drop .cnc,
.mob-filterasset-drop .fo,
.mob-filterasset-drop .mts,
.mob-filterasset-drop .bo,
.mob-filterasset-drop .mtf {
  border: 1px solid rgba(223, 167, 23, 0.1);
  padding: 2px 4px;
  margin-left: 10px;
  border-radius: 2px;
  height: 21px;
  line-height: 15px;
  align-self: center;
  color: #dfa717;
  text-transform: uppercase;
  font-size: 0.625rem;
  margin-bottom: 14px;
}
.mob-filterasset-drop .mis {
  border: 1px solid hsla(1, 69%, 59%, 0.1);
  padding: 2px 4px;
  margin-left: 10px;
  border-radius: 2px;
  height: 21px;
  line-height: 15px;
  align-self: center;
  color: #dd504d;
  text-transform: uppercase;
  font-size: 0.625rem;
  margin-bottom: 14px;
}

:root {
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .drawer__handle-wrapper {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
  }
  .drawer__handle-wrapper.z-index-high {
    z-index: 10001 !important;
  }
  .customForm.mobForm.taxreport input[type=radio]:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 10%;
  }
  .customForm.mobForm.taxreport .mobForm {
    margin: 25px 15px;
  }
  .customForm.mobForm.taxreport .mobForm .mobFormWrap {
    background-color: #f0f9ff;
  }
  .customForm.mobForm.taxreport .mobForm .mobFormWrap .form-check-input:checked {
    background-color: #3580f7;
  }
  .customForm.mobForm.taxreport .mobForm .blue_bg {
    background-color: #ffffff;
  }
  .customForm.mobForm.taxreport .mobForm .blue_bg.mail .mail-input input {
    background-color: #f0f9ff;
  }
  .customForm.mobForm.taxreport .mobForm .blue_bg.mail .icon i {
    color: #3580f7;
  }
  .customForm.mobForm.taxreport .mobForm .custom_btn {
    background-color: #3580f7;
    border: 1px solid #3580f7;
    right: 0;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section {
    align-items: center !important;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .form-label {
    margin-bottom: 0px !important;
    color: #444444 !important;
    font-family: "EncodeSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .form-label b {
    font-weight: 500;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .input-group-append .input-group-text {
    cursor: pointer;
    font-family: "EncodeSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #3580f7;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .input-group-append .input-group-text span {
    position: relative;
    top: 1px;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .input-group-append .input-group-text i {
    font-size: 0.688rem;
    margin-right: 10px;
  }
}
body {
  background: white !important;
  font-size: 16px;
}

*:focus {
  box-shadow: none !important;
}

.hide-nav-tabs {
  display: none;
}

.container .square-off-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  background: white;
  z-index: 99999;
  margin-right: -15px;
  margin-left: -15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: -26px;
  padding-bottom: 30px;
}
.container .position-filter-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 165px;
  z-index: 99999;
}
.container .square-off-state {
  color: #b8b8b8;
}
.container .square-off-selected-button-mobile {
  padding-top: 30px;
}
.container .square-off-selected-button-mobile button {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: center;
}
.container .square-off-selected {
  align-items: center;
}
.container .square-off-selected:nth-child(1) {
  padding: 15px 15px 10px 15px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.container .square-off-selected:nth-child(2) {
  padding: 0px 15px 15px 15px;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.container .square-off-selected {
  background-color: #f0f9ff;
}
.container .square-off-selected .days-mtm {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .square-off-selected .day-mtm-change {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
}
.container .square-off-selected .days-mtm-change-percentage {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 5px;
}
.container .square-off-position-left-container {
  position: relative;
}
.container .square-off-position-container-right {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  color: #444444;
}
.container .square-off-position-container-right .square-count {
  padding-right: 5px;
}
.container .select-all {
  padding-left: 25px;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .square-off-position-left-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  width: 16px;
  height: 16px;
}
.container {
  /* Create a custom checkbox */
}
.container .sqaure-checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
}
.container {
  /* When the checkbox is checked, add a blue background */
}
.container .square-off-position-left-container input:checked ~ .sqaure-checkmark {
  background-color: #3580f7;
}
.container {
  /* Create the checkmark/indicator (hidden when not checked) */
}
.container .sqaure-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container {
  /* Show the checkmark when checked */
}
.container .square-off-position-left-container input:checked ~ .sqaure-checkmark:after {
  display: block;
}
.container {
  /* Style the checkmark/indicator */
}
.container .square-off-position-left-container .sqaure-checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container .market-status-position-mobile .d-flex {
  padding-bottom: 6px !important;
}
.container .market-status-position-mobile .col-4:first-child {
  width: 22%;
  text-align: center !important;
}
.container .market-status-position-mobile .col-4:first-child span {
  text-align: right;
}
.container .market-status-position-mobile .col-4:nth-child(2) {
  width: 22%;
  text-align: center !important;
}
.container .market-status-position-mobile .col-4:nth-child(2) span {
  text-align: right;
}
.container .market-status-position-mobile .col-4:nth-child(3) {
  width: 24%;
  text-align: right !important;
}
.container .market-status-position-mobile .col-4:nth-child(3) span {
  text-align: right;
}
.container .market-status-position-mobile .col h3 {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  color: #b8b8b8;
}
.container .market-status-position-mobile .col span.realised-pnl-change,
.container .market-status-position-mobile .col .totalpnl,
.container .market-status-position-mobile .col .pnlchangepercent,
.container .market-status-position-mobile .col .realised-pnl,
.container .market-status-position-mobile .col .unrealise-pnl,
.container .market-status-position-mobile .col .un-realised-val span.unrealise-pnl-change {
  display: block !important;
}
.container .market-status-position-mobile .col .totalpnl,
.container .market-status-position-mobile .col .realised-pnl,
.container .market-status-position-mobile .col .unrealise-pnl {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0px;
}
.container .market-status-position-mobile .col .totalpnl .realised-pnl-change,
.container .market-status-position-mobile .col .totalpnl .unrealise-pnl-change,
.container .market-status-position-mobile .col .totalpnl .pnlchangepercent,
.container .market-status-position-mobile .col .realised-pnl .realised-pnl-change,
.container .market-status-position-mobile .col .realised-pnl .unrealise-pnl-change,
.container .market-status-position-mobile .col .realised-pnl .pnlchangepercent,
.container .market-status-position-mobile .col .unrealise-pnl .realised-pnl-change,
.container .market-status-position-mobile .col .unrealise-pnl .unrealise-pnl-change,
.container .market-status-position-mobile .col .unrealise-pnl .pnlchangepercent {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0px;
  text-align: right;
}
.container .market-status-position-mobile .col .totalpnl .realised-val,
.container .market-status-position-mobile .col .realised-pnl .realised-val,
.container .market-status-position-mobile .col .unrealise-pnl .realised-val {
  margin-top: 5px;
}
.container .market-status-position-mobile .col .totalpnl .realized_text,
.container .market-status-position-mobile .col .realised-pnl .realized_text,
.container .market-status-position-mobile .col .unrealise-pnl .realized_text {
  font-size: 0.5rem;
  line-height: 9px;
  font-family: "RobotoRegular";
  color: #b8b8b8;
}
.container #square-filter.wrapper-fil .d-flex {
  justify-content: space-between;
  align-items: center;
}
.container #square-filter.wrapper-fil {
  margin-top: 31px;
  margin-bottom: 31px;
}
.container #square-filter.wrapper-fil .square-off-disabled {
  color: #b8b8b8 !important;
  pointer-events: none;
}
.container #square-filter.wrapper-fil .square_off.ps-4 {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0px;
  text-align: left;
  color: #3580f7;
}
.container #square-filter.wrapper-fil .square_off.ps-4 img {
  margin-right: 7px;
}
.container #square-filter.wrapper-fil .summarize .custom-control {
  margin-left: 25px;
  margin-right: 10px;
}
.container #square-filter.wrapper-fil .summarize .custom-control .border-switch-control-indicator {
  margin-right: 5px;
}
.container #square-filter.wrapper-fil .summarize .custom-control .teleport-switch-control-description {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
}
.container #square-filter.wrapper-fil .inlcude_position {
  display: block;
  position: relative;
  padding-left: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container #square-filter.wrapper-fil .inlcude_position .teleport-switch-control-description {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  padding-left: 10px;
}
.container #square-filter.wrapper-fil .inlcude_position .teleport-switch-control-description sup {
  position: relative;
  left: -10px;
  top: -10px;
}
.container #square-filter.wrapper-fil {
  /* Hide the browser's default checkbox */
}
.container #square-filter.wrapper-fil .inlcude_position input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: 0px;
  width: 16px;
  height: 16px;
}
.container #square-filter.wrapper-fil {
  /* Create a custom checkbox */
}
.container #square-filter.wrapper-fil .teleport-switch-control-indicator {
  position: absolute;
  top: 4px;
  left: 0px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
}
.container #square-filter.wrapper-fil .inlcude_position:hover input ~ .teleport-switch-control-indicator {
  background-color: #cccccc;
}
.container #square-filter.wrapper-fil {
  /* When the checkbox is checked, add a blue background */
}
.container #square-filter.wrapper-fil .inlcude_position input:checked ~ .teleport-switch-control-indicator {
  background-color: #3580f7;
}
.container #square-filter.wrapper-fil {
  /* Create the checkmark/indicator (hidden when not checked) */
}
.container #square-filter.wrapper-fil .teleport-switch-control-indicator:after {
  content: "";
  position: absolute;
  display: none;
}
.container #square-filter.wrapper-fil {
  /* Show the checkmark when checked */
}
.container #square-filter.wrapper-fil .inlcude_position input:checked ~ .teleport-switch-control-indicator:after {
  display: block;
}
.container #square-filter.wrapper-fil {
  /* Style the checkmark/indicator */
}
.container #square-filter.wrapper-fil .inlcude_position .teleport-switch-control-indicator:after {
  left: 5px;
  top: 3px;
  width: 4px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container .market-status .d-flex:first-child {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.container #holdings .dayspnl-container .col-6:last-child {
  text-align: end;
}
.container #holdings .png-container-wrapper {
  z-index: 8;
}
.container #holdings .png-container-wrapper .dayspnl-container {
  padding: 13px 15px;
  background-color: #f2f2f5;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.container #holdings .png-container-wrapper .dayspnl-container.border-on-search-none {
  border-radius: 0;
  border: 0;
}
.container #holdings .png-container-wrapper .dayspnl-container h3 {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  color: #444444;
}
.container #holdings .png-container-wrapper .dayspnl-container .dayspnl {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}
.container #holdings .png-container-wrapper .dayspnl-container .daypnlchange {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}
.container #positions .mb-30 {
  margin-bottom: 30px;
}
.container #positions .dayspnl-container .col-6:last-child {
  text-align: end;
}
.container #positions .png-container-wrapper .dayspnl-container {
  padding: 13px 15px;
  background-color: #f2f2f5;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.container #positions .png-container-wrapper .dayspnl-container h3 {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  color: #444444;
}
.container #positions .png-container-wrapper .dayspnl-container .dayspnl {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}
.container #positions .png-container-wrapper .dayspnl-container .daypnlchange {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}
.container .market-status .d-flex {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.container .market-status .d-flex:first-child {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.container .market-status .col:last-child .totalpnl-val {
  margin: auto;
  width: fit-content !important;
}
.container .market-status .col:last-child .totalpnl-val .pnlchangepercent {
  text-align: right;
}
.container .market-status .col {
  text-align: center;
}
.container .market-status .col .investment-mob h3,
.container .market-status .col .curr-val-mob h3,
.container .market-status .col .totalpnl-heading h3,
.container .market-status .col .realised-pnl-head h3,
.container .market-status .col .un-realised-head h3 {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
  color: #b8b8b8;
}
.container .market-status .col .investment-mob .inv-val span,
.container .market-status .col .curr-val-mob .curr-val span,
.container .market-status .col .realised-val .totalpnl,
.container .market-status .col .un-realised-val .totalpnl {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  color: #444444;
  padding-top: 5px;
  display: block;
}
.container .market-status .col .totalpnl-val .totalpnl {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 16.41px;
  letter-spacing: 0px;
  margin-top: 5px;
}
.container .market-status .col .pnlchangepercent {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0px;
}
.container .labels span {
  font-family: "EncodeSansMedium";
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 12.5px;
  letter-spacing: 0em;
  text-align: center;
}
.container .labels span.N,
.container .labels span.C,
.container .labels span.R {
  height: 16px;
  width: 16px;
  border: 1px solid rgba(53, 128, 247, 0.2);
  border-radius: 50%;
  text-align: center;
  color: #3580f7;
  margin-left: 3px;
  display: block;
}
.container .labels span.EQ,
.container .labels span.MF,
.container .labels span.CNC,
.container .labels .NRML,
.container .labels .ETF,
.container .labels .FO,
.container .labels .MAP,
.container .labels .FNO,
.container .labels .FI,
.container .labels .CO,
.container .labels .RE,
.container .labels .ETF,
.container .labels .MF,
.container .labels .CDS,
.container .labels .BO,
.container .labels .MTF {
  border: 1px solid rgba(223, 167, 23, 0.2588235294);
  padding: 0px 2px;
  margin-left: 3px;
  border-radius: 2px;
  color: #dfa717;
  margin-left: 3px;
}
.container .labels span.SELL {
  border: 1px solid rgba(255, 107, 0, 0.2);
  margin-left: 3px;
  border-radius: 2px;
  padding: 0px 2px;
  color: #ff6b00;
}
.container .labels span.MIS {
  border: 1px solid rgba(221, 80, 77, 0.1803921569);
  padding: 0px 2px;
  margin-left: 3px;
  border-radius: 2px;
  color: #dd504d;
}
.container .labels span.BUY {
  border: 1px solid #51b255;
  padding: 0px 2px;
  border-radius: 2px;
  color: #51b255;
  margin-left: 3px;
}
.container .labels div:last-child {
  margin-right: 0px;
}
.container span.rounded-circle.exclamation {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  color: #3580f7;
  border: 1px solid #c2dbeb;
  position: relative;
  top: 3px;
}
.container span.rounded-circle.exclamation i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}
.container .back-button i {
  left: -8px;
  position: relative;
  color: #3580f7;
  font-size: 1.438rem;
  top: 1px;
}
@media (max-width: 1023px) {
  .container .back-button i {
    top: 4px;
  }
}
.container .main-heading.holdingstab-heading {
  font-family: "EncodeSansMedium";
  padding-right: 10px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0px;
}
.container .main-heading.holdingstab-heading .date-text {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  line-height: 17px !important;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 6px;
}
.container .main-heading.holdingstab-heading .date-text span {
  padding-right: 3px;
  color: #b8b8b8 !important;
}
.container .mx-0 {
  margin-right: 0 !important;
  margin-right: 0 !important;
}
.container .ed-holding-table-mobile #tableContent {
  border-bottom: 1px solid #f1f1f1;
}
.container .ed-holding-table-mobile .ed-market-name .name {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  color: #444444;
}
.container .ed-holding-table-mobile .ed-market-name .name span.name {
  display: flex;
}
.container .ed-holding-table-mobile .ed-market-name .name span.name:first-letter {
  text-transform: capitalize;
}
.container .ed-holding-table-mobile .ed-market-name .name span.name span:nth-child(1) {
  width: 139px;
  overflow: hidden;
}
.container .ed-holding-table-mobile .ed-market-name span.stockValue {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #444444;
}
.container .ed-holding-table-mobile .ed-market-name .ed-market-profit-loss {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  padding-left: 5px;
}
.container .ed-holding-table-mobile .ed-market-name .ed-market-profit-los {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  padding-left: 5px;
}
.container .ed-holding-table-mobile .ed-market-name .ed-market-profit-loss-change {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .ed-holding-table-mobile .ed-profit-loss .profit-loss {
  line-height: 19.6px;
  text-align: right;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.container .ed-holding-table-mobile .ed-profit-loss .profit-loss span.profit-loss {
  font-family: "DMSansNormal";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  color: #b8b8b8;
}
.container .ed-holding-table-mobile .ed-profit-loss .profit-loss .profit,
.container .ed-holding-table-mobile .ed-profit-loss .profit-loss .profit-loss-change {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 5px;
}
.container .ed-holding-table-mobile .ed-profit-loss .text-align-left-imp {
  text-align: left !important;
}
.container .ed-holding-table-mobile .ed-profit-loss .days-change {
  line-height: 19.6px;
  text-align: right;
}
.container .ed-holding-table-mobile .ed-profit-loss .days-change .days-text {
  font-family: "encodesans_normal";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: right;
  color: #b8b8b8;
}
.container .ed-holding-table-mobile .ed-profit-loss .days-change .days-profit-loss {
  font-family: "RobotoRegular";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0px;
  padding-left: 4px;
}
.container .ed-holding-table-mobile .ed-market-data {
  margin-top: 20px;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion .qty .qty-text,
.container .ed-holding-table-mobile .ed-market-data .left-portion .avg-price .avg-price-text,
.container .ed-holding-table-mobile .ed-market-data .left-portion .curr-val .curr-val-text,
.container .ed-holding-table-mobile .ed-market-data .col-9 .qty .qty-text,
.container .ed-holding-table-mobile .ed-market-data .col-9 .avg-price .avg-price-text,
.container .ed-holding-table-mobile .ed-market-data .col-9 .curr-val .curr-val-text {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  color: #b8b8b8;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion .qty .qty-value,
.container .ed-holding-table-mobile .ed-market-data .left-portion .avg-price .avg-price-value,
.container .ed-holding-table-mobile .ed-market-data .left-portion .curr-val .curr-val-value,
.container .ed-holding-table-mobile .ed-market-data .col-9 .qty .qty-value,
.container .ed-holding-table-mobile .ed-market-data .col-9 .avg-price .avg-price-value,
.container .ed-holding-table-mobile .ed-market-data .col-9 .curr-val .curr-val-value {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  padding-right: 5px;
  padding-left: 5px;
  color: #727271;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion .qty .qty-value::after,
.container .ed-holding-table-mobile .ed-market-data .left-portion .avg-price .avg-price-value::after,
.container .ed-holding-table-mobile .ed-market-data .col-9 .qty .qty-value::after,
.container .ed-holding-table-mobile .ed-market-data .col-9 .avg-price .avg-price-value::after {
  content: "•";
  color: #c4c4c4;
  padding-left: 5px;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion,
.container .ed-holding-table-mobile .ed-market-data .col-9 {
  overflow-wrap: break-word;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion .qty,
.container .ed-holding-table-mobile .ed-market-data .left-portion .avg-price,
.container .ed-holding-table-mobile .ed-market-data .left-portion .curr-val,
.container .ed-holding-table-mobile .ed-market-data .col-9 .qty,
.container .ed-holding-table-mobile .ed-market-data .col-9 .avg-price,
.container .ed-holding-table-mobile .ed-market-data .col-9 .curr-val {
  white-space: nowrap;
}
.container .ed-position-table-mobile .offset-1 {
  margin-left: 7.333333%;
}
.container .ed-position-table-mobile #tableContent {
  padding-top: 24px;
  padding-bottom: 24px;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #f1f1f1;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  width: 25px;
  position: relative;
}
.container .ed-position-table-mobile #tableContent .col-1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  width: 16px;
  height: 16px;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* Create a custom checkbox */
}
.container .ed-position-table-mobile #tableContent .col-1 .teleport-switch-control-indicator {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #dde2eb;
  border: 1px solid #7e8899;
  opacity: 0.25;
}
.container .ed-position-table-mobile #tableContent .col-1 :hover input ~ .teleport-switch-control-indicator {
  background-color: #cccccc;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* When the checkbox is checked, add a blue background */
}
.container .ed-position-table-mobile #tableContent .col-1 input:checked ~ .teleport-switch-control-indicator {
  background-color: #3580f7;
  border: 1px solid #3580f7;
  opacity: 1;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* Create the checkmark/indicator (hidden when not checked) */
}
.container .ed-position-table-mobile #tableContent .col-1 .teleport-switch-control-indicator:after {
  content: "";
  position: absolute;
  display: none;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* Show the checkmark when checked */
}
.container .ed-position-table-mobile #tableContent .col-1 input:checked ~ .teleport-switch-control-indicator:after {
  display: block;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* Style the checkmark/indicator */
}
.container .ed-position-table-mobile #tableContent .col-1 .teleport-switch-control-indicator:after {
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container .ed-position-table-mobile .ed-market-name .name {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  color: #444444;
}
.container .ed-position-table-mobile .ed-market-name span.stockValue {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #444444;
}
.container .ed-position-table-mobile .ed-market-name .ed-market-profit-loss {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .ed-position-table-mobile .ed-market-name .ed-market-profit-los {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .ed-position-table-mobile .ed-market-name .ed-market-profit-loss-change {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .ed-position-table-mobile .ed-profit-loss .profit-loss {
  line-height: 19.6px;
  text-align: right;
}
.container .ed-position-table-mobile .ed-profit-loss .profit-loss span.profit-loss {
  font-family: "encodesans_normal";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  color: #b8b8b8;
}
.container .ed-position-table-mobile .ed-profit-loss .profit-loss span.na {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
  padding-left: 5px;
}
.container .ed-position-table-mobile .ed-profit-loss .profit-loss .profit,
.container .ed-position-table-mobile .ed-profit-loss .profit-loss .profit-loss-change {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 5px;
}
.container .ed-position-table-mobile .ed-profit-loss .days-change {
  line-height: 19.6px;
  text-align: right;
}
.container .ed-position-table-mobile .ed-profit-loss .days-change .days-text {
  font-family: "DMSansNormal";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: right;
  color: #b8b8b8;
}
.container .ed-position-table-mobile .ed-profit-loss .days-change .days-profit-loss {
  font-family: "RobotoRegular";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0px;
  padding-left: 4px;
}
.container .ed-position-table-mobile .ed-market-data {
  margin-top: 20px;
}
.container .ed-position-table-mobile .ed-market-data .col-7 .qty .qty-text,
.container .ed-position-table-mobile .ed-market-data .col-7 .avg-price .avg-price-text {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  padding-right: 5px;
  color: #b8b8b8;
}
.container .ed-position-table-mobile .ed-market-data .col-7 .qty .qty-value,
.container .ed-position-table-mobile .ed-market-data .col-7 .avg-price .avg-price-value {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  padding-right: 5px;
  color: #444444;
}
.container .ed-position-table-mobile .ed-market-data .col-7 .qty .qty-value::after {
  content: "•";
  color: #c4c4c4;
  padding-left: 5px;
}
.container .holding-tabs .nav-tabs {
  top: 0px !important;
  z-index: 999 !important;
  background: #ffffff;
  border-bottom-color: #e7e7e7;
}
.container .holding-tabs .nav-tabs li button {
  border-top: none;
  border-right: none;
  border-left: none;
  background: transparent;
  font-family: "encodesans_normal";
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  text-wrap: nowrap;
  white-space: nowrap;
  padding: 5px 10px 10.5px 10px;
  color: #727271;
}
.container .holding-tabs .nav-tabs li button.active {
  border-color: #3580f7;
  font-family: "EncodeSansMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  color: #3580f7;
}
.container .holding-tabs .nav-tabs li span.badge {
  background-color: #3580f7 !important;
  height: 19px;
  width: 19px;
  font-family: "RobotoMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0px;
  text-align: center;
}
.container .holding-tabs .nav-tabs li span.badge span {
  position: relative;
  left: -2px;
  top: -1px;
}
.container .holding-tabs #search-filter #summarize-mob {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  justify-content: space-between;
}
.container .holding-tabs #search-filter #summarize-mob .summarize span.teleport-switch-control-description {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17.5px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .holding-tabs #search-filter .d-flex {
  align-items: center;
}
.container .holding-tabs #search-filter .d-flex .summarize {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .holding-tabs #search-filter .d-flex .inlcude_position {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .holding-tabs #search-filter .d-flex .inlcude_position input {
  height: 25px;
  width: 25px;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
}
.container .holding-tabs #search-filter .d-flex .inlcude_position label {
  display: flex;
  align-items: center;
}
.container .holding-tabs #search-filter .d-flex .inlcude_position label sup {
  top: -12px;
  margin-left: -10px;
}
.container .holding-tabs #search-filter .d-flex .quantity,
.container .holding-tabs #search-filter .d-flex .square_off {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  color: #3580f7;
}
.container .holding-tabs #search-filter .d-flex .quantity i.edel-icon-arrow-down:before,
.container .holding-tabs #search-filter .d-flex .square_off i.edel-icon-arrow-down:before {
  position: relative;
  right: 12px;
  top: 3px;
}
.container .holding-tabs #search-filter .d-flex .quantity img,
.container .holding-tabs #search-filter .d-flex .square_off img {
  margin-right: 10px;
}
.container .holding-tabs #search-filter .d-flex .quantity .tap-to-pledge,
.container .holding-tabs #search-filter .d-flex .square_off .tap-to-pledge {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
}
.container .holding-tabs #search-filter .d-flex .quantity .tap-to-pledge a,
.container .holding-tabs #search-filter .d-flex .square_off .tap-to-pledge a {
  color: #3580f7;
}
.container .holding-tabs #search-filter .d-flex .tap-to-pledge i {
  color: #3580f7;
  padding-right: 10.4px;
}
.container .holding-tabs #search-filter .d-flex .tap-to-pledge span {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper {
  display: flex;
  margin: 0px -15px;
  padding: 10.5px 0px;
  background-color: #f0f9ff;
  align-items: center;
}
.container .holding-tabs #search-filter .filter-wrapper button {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads {
  background-color: #f0f9ff !important;
  color: #3580f7;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  border-radius: 0px;
  border: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button {
  border: 0px !important;
  border-radius: 0px;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button i.edel-icon-download {
  font-size: 1.563rem;
  position: relative;
  top: 1px;
}
.container .holding-tabs #search-filter .filter-wrapper .left-thin-arrow-expand {
  margin-left: 15px !important;
  padding-left: 0px !important;
  padding-right: 10px !important;
  line-height: 24px !important;
  transform: rotate(180deg);
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.container .holding-tabs #search-filter .filter-wrapper .left-thin-arrow-expand::before {
  font-size: 0.375rem;
}
.container .holding-tabs #search-filter .filter-wrapper .p-10 {
  padding-left: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .close-expand {
  height: 36px;
  margin-left: 0px;
  margin-right: 15px !important;
  padding-right: 10px !important;
  border: 0px !important;
  color: #3580f7;
  font-size: 1rem;
  line-height: 27px;
  padding-left: 7px;
  line-height: 30px !important;
  color: #b8b8b8 !important;
}
.container .holding-tabs #search-filter .filter-wrapper .close-expand::before {
  font-size: 0.563rem;
}
.container .holding-tabs #search-filter .filter-wrapper .close-expand {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c {
  display: flex;
  width: 100%;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i {
  background-color: #f0f9ff;
  padding-left: 15px;
  padding-right: 0px;
  border: 0px !important;
  color: #3580f7;
  font-size: 1rem;
  line-height: 34px;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i:before {
  top: 1px;
  position: relative;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i.edel-icon-close {
  padding: 7px 0px 13px 4px;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i.edel-icon-left-arrow {
  background-color: #f0f9ff;
  padding-left: 15px;
  padding-right: 0px;
  border: 0px !important;
  color: #3580f7;
  font-size: 1rem;
  line-height: 34px;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i.edel-icon-left-arrow:before {
  font-size: 0.625rem;
  top: 4px;
  margin-left: 10px;
  position: relative;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c input {
  background-color: #f0f9ff;
  border: 0px !important;
  padding-left: 8px;
  width: 100%;
  border-radius: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c input::placeholder {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button {
  border: 0px;
  background-color: #f0f9ff;
  border: 0px !important;
  border-radius: 0px;
  padding-right: 15px;
  color: #0d6efd;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button:hover {
  color: #0d6efd;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button i {
  font-size: 0.85rem;
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button .sort-filter-icon {
  position: relative;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button .sort-filter-icon .sort-filter-selected {
  background: #dd504d;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  right: -2px;
  top: -1px;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button {
  background-color: #f0f9ff;
  border-radius: 0px;
  padding-right: 15px;
  color: #0d6efd;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button:hover {
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button i {
  font-size: 0.938rem;
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button .filter-icon {
  position: relative;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button .filter-icon .filter-selected {
  background: #dd504d;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  right: -2px;
  top: -1px;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button::after {
  border-right: 1px solid #e7e7e7 !important;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads {
  height: 23px;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads::before {
  font-size: 1rem;
  content: "";
  border-left: 1px solid #e7e7e7 !important;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button {
  border: 0px;
  background-color: #f0f9ff;
  border: 0px !important;
  border-radius: 0px;
  color: #0d6efd;
  padding-left: 15px;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button i {
  font-size: 1.25rem;
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button:hover {
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper.dock-filterbar-mob {
  position: fixed;
  top: 110px;
  width: 102%;
  z-index: 9;
}
.container .holding-tabs #search-filter .filter-wrapper.dock-filterbar-mob.-top-push {
  top: 160px;
}
.container .holding-tabs #search-filter .filter-wrapper.dock-filterbar-mob-pos {
  position: fixed;
  top: 160px;
  width: 102%;
  z-index: 99;
}
.container .holding-tabs .holdings-table-content-wrapper {
  margin-top: 29px;
}
.container .holding-tabs .ed-table {
  margin-bottom: 20px;
}
.container .holding-tabs .ed-table #table-headings {
  padding: 14px;
}
.container .holding-tabs .ed-table #table-headings td {
  border-bottom-width: 0px;
}
.container .holding-tabs .ed-table #table-headings td:first-child {
  width: 275px !important;
  padding-left: 15px;
}
.container .holding-tabs .ed-table #table-headings td:first-child {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #727271;
}
.container .holding-tabs .ed-table #table-headings td:first-child .sort-caret .d-flex {
  margin-top: -3px;
  align-items: center !important;
  flex-direction: column !important;
}
.container .holding-tabs .ed-table #table-headings td:first-child .sort-caret .d-flex div {
  height: 6px;
  padding-left: 5px;
}
.container .holding-tabs .positions-table .no-position-open {
  padding-top: 30px;
  margin-left: -15px;
  margin-right: -15px;
}
.container .holding-tabs .positions-table .no-position-open .inc-pos-message {
  padding-bottom: 30px;
}
.container .holding-tabs .positions-table .no-position-open .inc-pos-message p {
  margin-top: 9px;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: center;
  color: #727271;
}
.container .holding-tabs .positions-table .teleport-switch-control-description {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17.5px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
  position: relative;
  top: 0px;
}
@media screen and (min-width: 1180px) {
  .container .holding-tabs .positions-table #holding {
    padding: 0px 112px;
  }
}
.container .name .name.holding .readmore i,
.container .name .name.position .readmore i {
  font-size: 1.25rem;
  position: relative;
  top: 0;
  left: 0;
}
.container .name .readmore {
  color: #03002f;
  position: relative;
  top: -4px;
}
.container .name .readmore i {
  font-size: 1.25rem;
  position: relative;
  top: 25px;
  left: -3px;
}
.container .name .tag {
  padding-left: 5px;
  position: relative;
  top: -0.4px !important;
}
.container span.name {
  font-family: "EncodeSansMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  color: #444444;
  display: flex;
}
.container span.tag {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #b8b8b8;
  position: relative;
  top: -2px;
}
.container span.pnl {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
}
.container span.pnlchangepercent {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .change-red {
  color: #dd504d !important;
}
.container .change-up {
  color: #3580f7 !important;
}
.container .change-green {
  color: #51b255 !important;
}
.container .custom-control.teleport-switch {
  --color: $secondary-navy;
  padding-left: 0;
}
.container .teleport-switch-control-description {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17.5px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
  position: relative;
  top: 0px;
}
.container .custom-control.teleport-switch .teleport-switch-control-input {
  display: none;
}
.container .custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator {
  border-color: var(--color);
}
.container .custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::after {
  left: -14px;
}
.container .custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::before {
  right: 3px;
  top: 3px;
  background-color: var(--color);
}
.container .custom-control.teleport-switch .teleport-switch-control-input:disabled ~ .teleport-switch-control-indicator {
  opacity: 0.4;
}
.container .custom-control.teleport-switch .teleport-switch-control-indicator {
  display: inline-block;
  position: relative;
  margin: 0 5px 0px 0px;
  top: 2px;
  width: 32px;
  height: 19px;
  background: #ffffff;
  border-radius: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #cccccc;
  overflow: hidden;
}
.container .custom-control.teleport-switch .teleport-switch-control-indicator::after {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: 3px;
  left: 3px;
  background: #cccccc;
}
.container .custom-control.teleport-switch .teleport-switch-control-indicator::before {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: 2px;
  right: -14px;
  background: #cccccc;
}
@media screen and (min-width: 1180px) {
  .container #holding {
    padding: 0px 112px;
  }
}
.container .ed-table .row col:first-child {
  width: 226px !important;
}
.container ::-webkit-scrollbar {
  width: 1px;
  height: 2px;
}
.container {
  /* Track */
}
.container ::-webkit-scrollbar-track {
  background: transparent;
}
.container {
  /* Handle */
}
.container ::-webkit-scrollbar-thumb {
  background: #3580f7;
}
.container .noDataFound {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
}

#positions span.name span.name-readmore {
  width: 130px;
  overflow: hidden;
  text-transform: capitalize;
  word-break: break-all;
}
#positions span.name .w-auto {
  width: 164px !important;
}
#positions .ed-alert-position {
  padding: 12px 15px;
  color: #d69a26;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  background: #fffbec;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  align-items: center;
}
#positions .ed-alert-position i {
  border: 1px solid;
  border-radius: 50%;
  padding: 4px;
  font-size: 0.625rem;
}
#positions .ed-alert-position-closed {
  padding: 12px 15px;
  color: #dd504d;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  background: #fceded;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  align-items: center;
}
#positions .ed-alert-position-closed .div-alert-text:nth-child(1) {
  width: 33%;
}
#positions .ed-alert-position-closed .div-alert-text:nth-child(2) {
  width: 55%;
}
#positions .ed-alert-position-closed i {
  border: 1px solid;
  border-radius: 50%;
  padding: 4px;
  font-size: 0.625rem;
}
#positions .closed-position-label {
  background: #fff2f2;
  padding-left: 20px;
  color: #727271;
  margin-left: -15px;
  margin-right: -15px;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
}
#positions .closed-position-label span.badge {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
  color: #3580f7;
  padding-left: 5px;
}
#positions .include-position-label {
  background: #eef7ee;
  padding-left: 20px;
  color: #727271;
  margin-left: -15px;
  margin-right: -15px;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
}
#positions .include-position-label span.badge {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
  color: #3580f7;
  padding-left: 5px;
}

.un-realised-val {
  margin-top: 5px;
}

.empty-val {
  color: #b8b8b8;
}

.position-scroll {
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 30px;
  position: fixed;
  top: 63px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #ffffff;
  z-index: 9999;
}

.holding-tab-dock {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 0px 15px;
  background-color: #fff;
  z-index: 9999;
}

.png-container-dock {
  left: 0;
  right: 0;
  position: fixed;
  top: 50px;
  z-index: 1;
}

.png-position-dock {
  width: 102%;
  margin-left: -15px;
  margin-right: -15px;
  position: fixed;
  top: 117px;
  z-index: 9;
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
}

.all-quantity {
  width: 32%;
  white-space: nowrap;
}
.all-quantity .btn-select-qty-mob {
  border: none;
  color: #3580f7;
  background-color: #ffffff;
  padding: 12px 10px 12px 12px;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "EncodeSansMedium";
}
.all-quantity i.edel-icon-arrow-down {
  top: 2px !important;
  color: #3580f7;
  position: relative;
}

.pos_filter_dock_mob {
  position: fixed;
  top: 165px;
  width: 100%;
  padding: 0 5px;
  background-color: #ffffff;
  z-index: 99;
  border-radius: 5px;
  height: 50px;
}

.dockfilters-tag-push {
  position: fixed;
  top: 160px;
  width: 100%;
}

.dockfilters-tag-push-pos {
  position: fixed;
  top: 210px;
  width: 102%;
}

.hover-col .scrip-accordion .btn.btn-primary {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.holding-slider-button-watchlist-style {
  height: 30px;
  width: 30px;
  display: flex;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
}
.holding-slider-button-watchlist-style.holding-acc-watchlist::after {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}
.holding-slider-button-watchlist-style .accordion-button {
  width: 30px !important;
  padding: 0px 0px !important;
}
.holding-slider-button-watchlist-style .accordion-button::after {
  width: auto;
  height: auto;
  margin-left: 0px !important;
  background-color: #ffffff !important;
}

.grid-custom-100-mb {
  display: grid;
  grid-template-columns: 180px auto;
}

.w-add-cta {
  width: 44px !important;
}

.w-sqoff-cta {
  width: 65px !important;
}

.w-unset {
  width: unset;
}

.funds-sort.common-fund-sort .sort-drop-footer .ed_button {
  width: 100% !important;
}
.funds-sort .sort-drop {
  margin-top: 15px !important;
  right: 0px !important;
  z-index: 9;
}

.filter-accordion.accordion {
  padding-bottom: 7px;
}
.filter-accordion.accordion .accordion-header .accordion-button:not(.collapsed) {
  background-color: #f2f2f5;
}
.filter-accordion.accordion .accordion-header .accordion-button {
  font-size: 1rem;
  font-family: "DMSansMedium";
  background-color: #f2f2f5;
}
.filter-accordion.accordion .accordion-header .accordion-button.collapsed {
  background-color: #f2f2f5;
}
.filter-accordion.accordion .inside-list {
  gap: 5px;
}
.filter-accordion.accordion .inside-list:last-child {
  margin-bottom: 0px;
}
.filter-accordion.accordion .inside-list input {
  width: 16px;
  height: 16px;
}
.filter-accordion.accordion .inside-list input:checked {
  accent-color: #03002f;
}
.filter-accordion.accordion .inside-list .bodylist-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
}

.aum-input {
  gap: 10px;
}
.aum-input .equity-dropdown-block.dropdown button {
  width: 103px;
  height: 43px;
}
.aum-input .equity-dropdown-block.dropdown button i {
  color: #3580f7;
}
.aum-input input {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}

.desk.aum-input {
  border-radius: 5px;
  padding: 20px;
}
.desk.aum-input .equity-dropdown-block.dropdown {
  padding: 20px 0px;
}
.desk.aum-input .equity-dropdown-block.dropdown button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-color: #e7e7e7;
}
.desk.aum-input input.form-control {
  height: 43px;
  border-color: #e7e7e7;
}

.funds.filterasset-drop-footer .ed_button.blue-one.button.filter-button-disable {
  border: none;
}

@media screen and (max-width: 1023px) {
  .filter-accordion.accordion {
    padding-bottom: 7px;
  }
  .filter-accordion.accordion .accordion-header .accordion-button:not(.collapsed) {
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .accordion-button {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .accordion-button.collapsed {
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .accordion-button::after {
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .clear-btn {
    width: unset !important;
    padding: 0 !important;
    margin-left: 10px;
  }
  .filter-accordion.accordion .nested-body::-webkit-scrollbar-thumb {
    background-color: #03002f;
  }
  .filter-accordion.accordion .nested-body.accordion-body {
    padding: 10px 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .filter-accordion.accordion .nested-body.accordion-body .inside-list {
    padding: 10px 0;
  }
  .funds-filter .mob-filterasset-drop-head .down-bar-right {
    color: #03002f;
  }
  .funds-filter .mob-filterasset-drop-body .main.filter-accordion {
    padding: 1% 3%;
  }
  .funds-filter .mob-filterasset-drop-body {
    padding-bottom: 86px;
  }
  .funds-filter .mob-filterasset-drop-body .bodylist {
    height: unset;
  }
  .funds-filter .mob-filterasset-drop-body .mf-Accordian-item {
    padding: 9px 20px;
  }
  .funds-filter .mob-filterasset-drop-footer {
    display: contents !important;
  }
  .funds-filter .mob-filterasset-drop-footer.funds-footer {
    height: unset;
    padding: 15px;
    width: 95%;
  }
  .funds-filter .mob-filterasset-drop-footer.funds-footer .ed_button.button {
    width: 90%;
    margin: 5% !important;
    padding: 2%;
  }
}
.light-blue label {
  color: #03002f !important;
}

.errorstate-section h1 {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .errorstate-section h1 {
    margin-bottom: 15px;
  }
}
.errorstate-section {
  height: 700px;
}
@media (max-width: 768px) {
  .errorstate-section {
    height: 835px;
  }
}
.errorstate-section .path-4318 {
  position: absolute;
  top: 150px;
  z-index: -1;
}
@media (max-width: 768px) {
  .errorstate-section .outersection .outer-section-2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.errorstate-section .outersection {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-top: 100px;
}
@media (max-width: 768px) {
  .errorstate-section .outersection {
    flex-direction: column;
    align-items: self-start;
    justify-content: flex-start;
  }
}
.errorstate-section .Edbutton-error {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media (max-width: 768px) {
  .errorstate-section .Edbutton-error {
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    margin-top: 30px !important;
  }
  .errorstate-section .Edbutton-error .ed_button {
    padding: 10px !important;
    z-index: 1;
    width: 72%;
  }
  .errorstate-section .Edbutton-error .midnight-blue-no-underline {
    background-color: #ffffff;
    border-radius: 10px;
  }
}
.errorstate-section .Edbutton-error .errorstate-btn {
  border-radius: 30px;
}

.path4318mb {
  position: absolute;
  height: 100%;
  left: 0px;
  top: 50%;
}

.errostatemobile {
  height: 158px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

:root {
  font-size: 16px;
}

@media (max-width: 767px) {
  .tabs_pnl .nav-tabs {
    display: flex;
    height: 55px;
    overflow-y: scroll;
    flex-direction: column;
  }
  .tabs_pnl .dock_tabs_mobile {
    position: fixed !important;
    width: 100%;
    left: 0;
    padding-left: 15px;
    z-index: 8 !important;
  }
  .calender-section {
    position: unset;
  }
  .calender-section.dock_calender_mobile {
    position: fixed;
    width: 100%;
    left: 0;
    padding-left: 15px;
    top: 116px;
    z-index: 8;
  }
  .calender-section.dock_calender_mobile .calendar_date {
    grid-template-columns: 0.5fr 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 10px 0px;
  }
  .calender-section.dock_calender_mobile .calendar_date .fin_year {
    white-space: nowrap;
  }
  .calender-section.dock_calender_mobile .calendar_date :nth-child(2) {
    white-space: nowrap;
  }
  .calender-section.dock_calender_mobile .calendar_date .calendar_change {
    justify-self: end;
    padding-right: 15px;
  }
  .calendar_date {
    display: flex;
    position: unset;
    justify-content: space-between;
  }
  .calendar_date span {
    font-family: "DMSansNormal";
    font-size: 0.875rem;
    line-height: 130%;
    color: #444444;
  }
  .calendar_date .calendar_change span {
    color: #03002f;
  }
  .calendar_date .calendar_change i {
    font-size: 1.063rem;
  }
  .calendar_date .fin_year {
    font-family: "DMSansMedium";
  }
  .summary_details {
    position: unset;
    gap: 10px;
  }
  .summary_details span[aria-busy=true] {
    width: 100%;
  }
  .summary_details .border-radius-bottom-left {
    border-bottom-left-radius: 9px;
  }
  .summary_details .border-radius-bottom-right {
    border-bottom-right-radius: 9px;
  }
  .summary_details {
    border: 1px solid #b8b8b8;
    height: 130px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 10px;
    padding-top: 0px;
  }
  .summary_details .summary_box {
    border: none !important;
    height: 50px;
    padding: 20px 10px;
    gap: 5px;
  }
  .summary_details .summary_box .summary_title {
    font-size: 0.688rem;
    font-family: "DMSansMedium";
    line-height: 14px;
    margin-bottom: 5px;
  }
  .summary_details .summary_box .summary_values {
    display: unset;
    margin-right: 10px;
  }
  .summary_details .summary_box .summary_values span {
    font-size: 0.875rem;
    font-family: "RobotoMedium";
    line-height: 16px;
    display: block;
    overflow-wrap: break-word;
  }
  .summary_details .summary_box .summary_values .percentage_value {
    font-size: 0.625rem;
    display: flex;
  }
  .summary_details.dayspnl-container .col-6:last-child {
    text-align: end;
  }
  .summary_details.png-container-wrapper {
    z-index: 8;
  }
  .summary_details.png-container-wrapper .dayspnl-container {
    padding: 13px 15px;
    background-color: #f2f2f5;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-top: 28px;
  }
  .summary_details.png-container-wrapper .dayspnl-container.border-on-search-none {
    border-radius: 0;
    border: 0;
  }
  .summary_details.png-container-wrapper .dayspnl-container h3 {
    font-family: "encodesans_normal";
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0px;
    color: #444444;
  }
  .summary_details.png-container-wrapper .dayspnl-container .dayspnl {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    padding-left: 6px;
  }
  .summary_details.png-container-wrapper .dayspnl-container .daypnlchange {
    font-family: "RobotoMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    padding-left: 6px;
  }
  .dock_filter_mob {
    position: fixed;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 5px 15px;
    top: 177px;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.05);
    z-index: 7;
    height: 50px;
    overflow-x: scroll;
    display: flex;
    flex-direction: row;
  }
  .dock_filter_mob.dock_filter_mob_push {
    top: 222px;
  }
  .dock_filter_mob .clear-all-tag {
    right: -15px;
    padding-right: 10px;
  }
  .filter-wrapper {
    display: flex;
    margin: 0px -15px;
    padding: 10.5px 0px;
    background-color: #f0f9ff;
    align-items: center;
  }
  .filter-wrapper button {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .filter-wrapper .downloads {
    background-color: #f0f9ff !important;
    color: #03002f;
    font-family: "EncodeSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    border-radius: 0px;
    border: 0px !important;
  }
  .filter-wrapper .downloads button {
    border: 0px !important;
    border-radius: 0px;
  }
  .filter-wrapper .downloads button i.edel-icon-download {
    font-size: 1.563rem;
    position: relative;
    top: 1px;
  }
  .filter-wrapper .left-thin-arrow-expand {
    margin-left: 15px !important;
    padding-left: 0px !important;
    padding-right: 10px !important;
    line-height: 24px !important;
    transform: rotate(180deg);
    padding-top: 4px;
    border-bottom-right-radius: 0px;
    padding-bottom: 16px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
  }
  .filter-wrapper .left-thin-arrow-expand::before {
    font-size: 0.375rem;
  }
  .filter-wrapper .p-10 {
    padding-left: 0px !important;
  }
  .filter-wrapper .close-expand {
    height: 36px;
    margin-left: 0px;
    margin-right: 15px !important;
    padding-right: 10px !important;
    border: 0px !important;
    color: #03002f;
    font-size: 1rem;
    line-height: 27px;
    padding-left: 7px;
    line-height: 30px !important;
    color: #b8b8b8 !important;
  }
  .filter-wrapper .close-expand::before {
    font-size: 0.563rem;
  }
  .filter-wrapper .close-expand {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
  }
  .filter-wrapper .searchbar-c {
    display: flex;
    width: 100%;
  }
  .filter-wrapper .searchbar-c i {
    background-color: #f0f9ff;
    padding-left: 15px;
    padding-right: 0px;
    border: 0px !important;
    color: #03002f;
    font-size: 1rem;
    line-height: 34px;
  }
  .filter-wrapper .searchbar-c i:before {
    top: 1px;
    position: relative;
  }
  .filter-wrapper .searchbar-c i.edel-icon-close {
    padding: 7px 0px 13px 4px;
  }
  .filter-wrapper .searchbar-c i.edel-icon-left-arrow {
    background-color: #f0f9ff;
    padding-left: 15px;
    padding-right: 0px;
    border: 0px !important;
    color: #03002f;
    font-size: 1rem;
    line-height: 34px;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .filter-wrapper .searchbar-c i.edel-icon-left-arrow:before {
    font-size: 0.625rem;
    top: 4px;
    margin-left: 10px;
    position: relative;
  }
  .filter-wrapper .searchbar-c input {
    background-color: #f0f9ff;
    border: 0px !important;
    padding-left: 8px;
    width: 80%;
  }
  .filter-wrapper .searchbar-c input::placeholder {
    font-family: "EncodeSansMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
  }
  .filter-wrapper .searchbar-c-new i,
  .filter-wrapper .searchbar-c-new i.edel-icon-left-arrow {
    color: #3580f7;
  }
  .filter-wrapper .sort button {
    border: 0px;
    background-color: #f0f9ff;
    border: 0px !important;
    border-radius: 0px;
    padding-right: 15px;
    color: #0d6efd;
  }
  .filter-wrapper .sort button:hover {
    color: #0d6efd;
  }
  .filter-wrapper .sort button i {
    font-size: 0.85rem;
    color: #03002f;
  }
  .filter-wrapper .sort button.sort-btn i {
    color: #3580f7;
  }
  .filter-wrapper .sort button.sort-btn:hover {
    color: #3580f7;
  }
  .filter-wrapper .sort button .sort-filter-icon {
    position: relative;
  }
  .filter-wrapper .sort button .sort-filter-icon .sort-filter-selected {
    background: #dd504d;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    right: -2px;
    top: -1px;
  }
  .filter-wrapper .drawer__handle-wrapper__handle-wrapper {
    padding: 15px 0px 0px !important;
    background: none;
    border-radius: 5px 5px 0px 0px;
  }
  .filter-wrapper .filter button {
    background-color: #f0f9ff;
    border-radius: 0px;
    padding-right: 15px;
    color: #0d6efd;
  }
  .filter-wrapper .filter button:hover {
    color: #03002f;
  }
  .filter-wrapper .filter button i {
    font-size: 0.938rem;
    color: #03002f;
  }
  .filter-wrapper .filter button.filter-btn i {
    color: #3580f7;
  }
  .filter-wrapper .filter button.filter-btn:hover {
    color: #3580f7;
  }
  .filter-wrapper .filter button .filter-icon {
    position: relative;
  }
  .filter-wrapper .filter button .filter-icon .filter-selected {
    background: #dd504d;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    right: -2px;
    top: -1px;
  }
  .filter-wrapper .filter button::after {
    border-right: 1px solid #e7e7e7 !important;
  }
  .filter-wrapper .downloads {
    height: 23px;
  }
  .filter-wrapper .downloads::before {
    content: "";
    border-left: 1px solid #e7e7e7 !important;
  }
  .filter-wrapper .downloads button {
    border: 0px;
    background-color: #f0f9ff;
    border: 0px !important;
    border-radius: 0px;
    color: #0d6efd;
    padding-left: 15px;
  }
  .filter-wrapper .downloads button i {
    font-size: 1.25rem;
    color: #03002f;
  }
  .filter-wrapper .downloads button:hover {
    color: #03002f;
  }
  .filter-wrapper .downloads button.download-btn i {
    color: #3580f7;
  }
  .filter-wrapper .downloads button.download-btn:hover {
    color: #3580f7;
  }
  .filter-wrapper.dock-filterbar-mob-pnl {
    position: fixed;
    top: 175px;
    width: 102%;
    z-index: 8;
  }
  .summarize-pnl {
    margin: 0px 0px 15px 0px;
  }
  .date_band {
    font-family: "EncodeSansRegular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 15px;
    margin-top: 15px;
    height: 40px;
    color: #d69a26;
  }
  .pnl_detail_data {
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    border-bottom: 1px solid #e5e5e5;
  }
  .pnl_detail_data .name_wrapper {
    font-family: "EncodeSansMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 140%;
    text-transform: uppercase;
    display: grid;
    align-items: center !important;
    color: #444444;
    margin: 20px 0px;
  }
  .pnl_detail_data .name_wrapper .scrip_name {
    align-self: self-end;
  }
  .pnl_detail_data .name_wrapper .scrip_name span.name-readmore {
    overflow: hidden;
    word-break: break-all;
  }
  .pnl_detail_data .name_wrapper .scrip_name .w-auto {
    width: 111px !important;
  }
  .pnl_detail_data .name_wrapper .value {
    font-family: "RobotoRegular";
    font-weight: 400;
    align-self: baseline;
  }
  .pnl_detail_data .value_wrapper {
    display: grid;
    justify-content: end;
    align-self: center;
    margin-bottom: 3px;
    gap: 10px;
  }
  .pnl_detail_data .value_wrapper .tag {
    font-family: "EncodeSansMedium";
    font-size: 0.625rem;
    line-height: 18px;
    color: #b8b8b8;
    text-align: right;
    overflow: hidden;
    overflow-wrap: anywhere;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .pnl_detail_data .value_wrapper .tag .value {
    font-family: "RobotoMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    word-break: break-all;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .pnl_detail_data .value_wrapper .price_qty {
    font-family: "EncodeSansMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.688rem;
    line-height: 14px;
    color: #b8b8b8;
    display: flex;
    justify-content: end;
  }
  .pnl_detail_data .value_wrapper .price_qty .price_value {
    font-family: "RobotoRegular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.688rem;
    line-height: 22px;
    color: #727271;
    margin-left: 4px;
  }
  .pnl_detail_data .value_wrapper .price_qty .price_qty_alone {
    justify-content: end;
  }
  .pnl_detail_data .value_wrapper .price_qty .dot {
    margin: 5px;
    font-size: 0rem;
    width: 4px !important;
    height: 4px !important;
    border: 2px solid #b8b8b8;
    border-radius: 5px;
    position: relative;
    top: -3px;
  }
  .pnl_all_data {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    border-bottom: 1px solid #e5e5e5;
  }
  .pnl_all_data .name_wrapper {
    font-family: "EncodeSansRegular";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 140%;
    text-transform: uppercase;
    display: grid;
    color: #444444;
  }
  .pnl_all_data .name_wrapper .name-readmore {
    width: 137px;
    overflow: hidden;
    word-break: break-all;
  }
  .pnl_all_data .name_wrapper .name-readmore.w-auto {
    width: 137px !important;
  }
  .pnl_all_data .name_wrapper .scrip_name {
    align-self: flex-end;
  }
  .pnl_all_data .name_wrapper .value {
    align-self: flex-start;
    font-family: "RobotoMedium";
  }
  .pnl_all_data .value_wrapper {
    display: grid;
    justify-content: end;
    align-self: center;
    margin-bottom: 3px;
    gap: 10px;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 10px;
    text-align-last: end;
    display: grid;
    grid-template-rows: 30px 30px;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .price_qty {
    font-family: "EncodeSansMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.688rem;
    line-height: 14px;
    color: #b8b8b8;
    display: flex;
    justify-content: end;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .price_qty .price_value {
    font-family: "RobotoRegular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.688rem;
    line-height: 22px;
    color: #727271;
    margin-left: 4px;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .price_qty .price_qty_alone {
    justify-content: end;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .price_qty .dot {
    margin: 5px;
    font-size: 0rem;
    width: 4px !important;
    height: 4px !important;
    border: 2px solid #b8b8b8;
    border-radius: 5px;
    position: relative;
    top: -3px;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .tag {
    font-family: "EncodeSansMedium";
    font-size: 0.625rem;
    line-height: 18px;
    color: #b8b8b8;
    text-align: right;
    overflow: hidden;
    overflow-wrap: anywhere;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: end;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .tag .value {
    font-family: "RobotoMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    word-break: break-all;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .pnl_all_data .value_wrapper .realised_wrapper {
    text-align-last: end;
    justify-self: end;
  }
  .pnl_all_data .value_wrapper .realised_wrapper .tag {
    font-family: "EncodeSansMedium";
    font-size: 0.625rem;
    line-height: 18px;
    color: #b8b8b8;
    text-align: right;
    overflow: hidden;
    overflow-wrap: anywhere;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .pnl_all_data .value_wrapper .realised_wrapper .tag .value {
    font-family: "RobotoMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    word-break: break-all;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .drawer__handle-wrapper__content {
    padding: 0 !important;
  }
  .drawer_container {
    width: 100%;
    text-align: center;
  }
  .drawer_container .calendar_list {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 24px;
    height: 340px;
    color: #727271;
    background-color: #f2f2f5;
  }
  .drawer_container .calendar_list .list_container {
    height: 54px;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
  }
  .drawer_container .calendar_list .list_container span {
    padding: 14px 0px 15px 18px;
    display: flex;
  }
  .drawer_container .calendar_list .list_container span .right_arrow {
    display: flex;
    align-self: center;
    position: fixed;
    right: 17px;
  }
  .drawer_container .calendar_list .list_container span .right_arrow i {
    background-color: transparent;
    color: #03002f;
    padding: 10px 12px;
    border-radius: 5px;
    height: 30px !important;
    width: 30px !important;
    align-items: center;
    display: flex;
  }
  .drawer_container .custom_btn {
    width: 360px;
    height: 40px;
    -webkit-appearance: none !important;
  }
  .drawer_year_container .mob_year_container {
    background: #f2f2f5;
    height: 75px;
  }
  .drawer_year_container .mob_year_container span {
    display: flex;
    padding-top: 30px;
    font-size: 0.875rem;
    font-family: "DMSansBold";
  }
  .drawer_year_container .mob_year_container span i {
    color: #03002f;
    font-size: 0.75rem;
    margin: 6px 11px 0px 15px;
  }
  .drawer_year_container .year_list {
    width: 100%;
    background-color: #ffffff;
    align-items: center;
  }
  .drawer_year_container .year_list .financial_year {
    height: 53px;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .drawer_year_container .year_list .financial_year span {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 24px;
    color: #727271;
  }
  .drawer_year_container .year_list .financial_year:last-child {
    height: 100px;
  }
  .drawer_year_container .year_list div.btn-container {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: white;
    left: 0px;
    right: 0px;
    padding-bottom: 17px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .drawer_year_container .year_list div.btn-container button {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    background: #03002f;
    color: #ffffff;
    padding: 9px 17px;
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    align-self: center;
    border: none !important;
    margin-top: 9px;
  }
  .drawer_year_container .year_list :nth-last-child(2) {
    border-bottom: none !important;
    margin-bottom: 68px;
  }
  .drawer__handle-wrapper .from_and_To_Container {
    height: 255px;
  }
  .drawer__handle-wrapper .from_and_To_Container .custom_heading {
    min-height: 60px;
    background: #f2f2f5;
    justify-content: center;
    align-items: center;
  }
  .drawer__handle-wrapper .from_and_To_Container .custom_heading span {
    display: flex;
    padding-top: 20px;
    padding-bottom: 23px;
  }
  .drawer__handle-wrapper .from_and_To_Container .custom_heading span i {
    color: #03002f;
    font-size: 0.75rem;
    margin: 6px 11px 0px 15px;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container {
    height: 150px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 15px;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .date-labels {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 140%;
    color: #b8b8b8;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .form-control {
    background: none;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .input-group-text.d-block {
    background: none;
    border: none;
    padding: 6px 10px 10px 8px;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .input-group-text.d-block i {
    font-size: 0.688rem;
    color: #03002f;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .custom_btn {
    margin: 20px 0px;
    border-radius: 6px !important;
    height: 40px;
    width: 360px;
    padding: 8px 0px 0px 0px;
    align-items: center;
    -webkit-appearance: none !important;
    margin-left: 0px !important;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .input-group-date-section .date-partition {
    width: 135px;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .input-group-date-section .date-partition .form-control {
    width: 100px;
    color: #444444;
  }
}
@media (max-width: 767px) and (max-width: 1023px) {
  .drawer__handle-wrapper .from_to_container_new .calendar--row {
    padding: 20px 20px 0px;
    border-bottom: 0px;
  }
}
@media (max-width: 767px) and (max-width: 1023px) {
  .drawer__handle-wrapper .from_to_container_new .inputFieldCalendarIcon {
    border: 1px solid #e7e7e7;
    padding: 0px;
    padding-left: 5px;
  }
  .drawer__handle-wrapper .from_to_container_new .inputFieldCalendarIcon .input-group-text {
    padding: 8px 10px;
  }
  .drawer__handle-wrapper .from_to_container_new .inputFieldCalendarIcon .form-control {
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .drawer__handle-wrapper .from_to_container_new .custom_heading {
    min-height: 60px;
    background: #f2f2f5;
    justify-content: center;
    align-items: center;
  }
  .drawer__handle-wrapper .from_to_container_new .custom_heading span {
    display: flex;
    padding-top: 20px;
    padding-bottom: 23px;
  }
  .drawer__handle-wrapper .from_to_container_new .custom_heading span i {
    color: #03002f;
    font-size: 0.75rem;
    margin: 6px 11px 0px 15px;
  }
  button .react-datepicker__navigation {
    top: 3%;
  }
  .pnl_data_wrapper {
    margin-bottom: 120px;
  }
  .display_end {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
  }
  .selected_option {
    margin: 13px 0px 3px 0px;
  }
  .selected_option .edel-icon-arrow-down {
    top: 152px;
  }
  .other_options {
    top: 183px;
  }
  .date-picker {
    padding: 0px 10px;
  }
  .button_container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .button_container .next_btn {
    width: 360px;
    height: 40px;
  }
  .pnl-drawer-container {
    height: 126;
  }
  .pnl-drawer-container .custom_btn {
    -webkit-appearance: none !important;
  }
  .pnl-drawer-container .date-container {
    left: 0px;
    height: 75px;
    top: 316px;
    background: #f2f2f5;
    border-radius: 5px 5px 0px 0px;
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
  .pnl-drawer-container .date-container .select-date {
    width: 115px;
    height: 20px;
    padding: 20px 0px 10px 0px;
    margin: 0px 0px 10px 15px;
    font-family: "Encode Sans";
    font-style: normal;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 140%;
    display: flex;
    align-items: baseline;
    color: #444444;
  }
  .pnl-drawer-container .date-container .form-control {
    box-sizing: border-box;
    width: 201px;
    height: 36px;
    left: 15px;
    top: 386px;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    margin-left: 10px;
  }
  .input-group-date-section {
    display: flex !important;
    justify-content: space-between;
  }
}
.setting-padding {
  padding: 0px 20px 4.25px;
}

:root {
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .drawer__handle-wrapper {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
  }
  .drawer__handle-wrapper.z-index-high {
    z-index: 10001 !important;
  }
  .customForm.mobForm.taxreport input[type=radio]:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 10%;
  }
  .customForm.mobForm.taxreport .mobForm {
    margin: 25px 15px;
  }
  .customForm.mobForm.taxreport .mobForm .mobFormWrap {
    background-color: #f0f9ff;
  }
  .customForm.mobForm.taxreport .mobForm .mobFormWrap .form-check-input:checked {
    background-color: #3580f7;
  }
  .customForm.mobForm.taxreport .mobForm .blue_bg {
    background-color: #ffffff;
  }
  .customForm.mobForm.taxreport .mobForm .blue_bg.mail .mail-input input {
    background-color: #f0f9ff;
  }
  .customForm.mobForm.taxreport .mobForm .blue_bg.mail .icon i {
    color: #3580f7;
  }
  .customForm.mobForm.taxreport .mobForm .custom_btn {
    background-color: #3580f7;
    border: 1px solid #3580f7;
    right: 0;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section {
    align-items: center !important;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .form-label {
    margin-bottom: 0px !important;
    color: #444444 !important;
    font-family: "EncodeSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .form-label b {
    font-weight: 500;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .input-group-append .input-group-text {
    cursor: pointer;
    font-family: "EncodeSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #3580f7;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .input-group-append .input-group-text span {
    position: relative;
    top: 1px;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .input-group-append .input-group-text i {
    font-size: 0.688rem;
    margin-right: 10px;
  }
}
#future-markettoday .market-top-section-container {
  margin-bottom: 0px;
}
#future-markettoday .market-today-stock-cards .col-lg-3:last-child .generic-stock-cards {
  border-right: 0px;
}
@media (max-width: 1023px) {
  #future-markettoday .market-today-stock-cards .col-lg-3:nth-child(2) .generic-stock-cards {
    border-right: 0px;
  }
}
#future-markettoday .market-today-stock-cards .generic-stock-cards {
  border-left: 0px;
  padding: 19px 20px 18px;
}
@media (max-width: 1023px) {
  #future-markettoday .market-today-stock-cards .generic-stock-cards {
    border-bottom: 0px;
  }
}
#future-markettoday .future-today-sec-bottom .Chartiqtopsection {
  justify-content: space-between;
  padding: 10px 0px;
}
#future-markettoday .future-today-sec-bottom .equity-dropdown-block button {
  display: flex;
  align-items: center;
}
#future-markettoday .future-today-sec-bottom .equity-dropdown-block .edel-icon-arrow-down {
  height: 14px;
  width: 14px;
}
#future-markettoday .future-today-sec-bottom .equity-dropdown-block .edel-icon-arrow-down:before {
  color: #03002f;
}
#future-markettoday .future-today-sec-bottom .iframeClass.chartiq-market {
  height: 65vh !important;
  padding: 0px !important;
}
#future-markettoday .future-today-sec-bottom .section-right {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
@media (max-width: 1023px) {
  #future-markettoday .future-today-sec-bottom .section-right .market-status-future .gridContainermarket .gridcontainerBox:nth-of-type(even) .titleHeading,
  #future-markettoday .future-today-sec-bottom .section-right .market-status-future .gridContainermarket .gridcontainerBox:nth-of-type(even) .value {
    text-align: right;
  }
}
#future-markettoday .future-today-sec-bottom .section-right .market-status-future .gridContainermarket {
  display: grid;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
  gap: 50px 20px;
}
@media screen and (max-width: 960px) {
  #future-markettoday .future-today-sec-bottom .section-right .market-status-future .gridContainermarket {
    grid-template-columns: 1.5fr 1.5fr;
    gap: 30px 20px;
  }
}
#future-markettoday .future-today-sec-bottom .section-right .market-status-future .gridContainermarket .Builduptxt {
  font-size: 1rem;
  font-family: "RobotoMedium";
}
@media (max-width: 1023px) {
  #future-markettoday .future-today-sec-bottom .section-right .market-status-future .gridContainermarket .Builduptxt {
    font-size: 0.875rem;
  }
}
#future-markettoday .future-today-sec-bottom .section-right .market-status-future .titleHeading h4 {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #727271;
  margin-bottom: 4px !important;
}
@media screen and (max-width: 960px) {
  #future-markettoday .future-today-sec-bottom .section-right .market-status-future .titleHeading h4 {
    font-size: 0.75rem;
  }
}
#future-markettoday .future-today-sec-bottom .section-right .market-status-future .value p {
  font-family: "RobotoMedium";
  font-size: 1rem;
  margin-bottom: 0px !important;
  color: #444444;
}
@media screen and (max-width: 960px) {
  #future-markettoday .future-today-sec-bottom .section-right .market-status-future .value p {
    font-size: 0.875rem;
  }
}
#future-markettoday .future-today-sec-bottom .market-barchart-section .market-quote-section {
  padding-top: 100px;
}

.fno-tabs.generic-tabs {
  border-radius: 5px;
  border: 1px solid #292663;
}
.fno-tabs.generic-tabs .nav-item .nav-link {
  margin: 0px;
  border: 0px !important;
  border-radius: 0px;
  padding: 10px 27.5px;
  color: #292663;
}
.fno-tabs.generic-tabs .nav-item .nav-link.active {
  background-color: #292663;
  color: #ffffff;
}
@media screen and (max-width: 1023px) {
  .fno-tabs.generic-tabs .nav-item .nav-link {
    padding: 5px 13.5px;
    font-size: 0.75rem;
  }
}

.future-market-loader .react-loading-skeleton {
  height: 100px;
}

@media screen and (max-width: 1023px) {
  #odd-block > div:first-child {
    width: 100%;
  }
  #odd-block > div:first-child > .generic-stock-cards {
    height: 115px;
  }
  #odd-block > div:first-child .ltp-change-block {
    display: flex;
    gap: 5px;
    align-items: end;
  }
  #odd-block > div:first-child .ltp-change-block .generic-stock-card-stock-value {
    margin-bottom: 0px;
  }
  #odd-block div .generic-stock-cards {
    padding: 10px !important;
    border-width: 1px 0px 0px 0px;
  }
  #odd-block div .generic-stock-cards .generic-stock-card-date p {
    justify-content: start;
  }
  #odd-block > div:nth-child(odd):not(:first-child) {
    border-left: 1px solid #e7e7e7;
  }
}
.futureDrivingmarket {
  margin: 51px 0px 10px;
}
@media (max-width: 768px) {
  .futureDrivingmarket {
    margin-top: 20px !important;
  }
}
.futureDrivingmarket .future-news {
  display: flex;
}
.futureDrivingmarket .future-news .title-dropdown {
  display: flex;
  justify-content: space-between;
}
.futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block button {
  display: flex;
  align-items: center;
}
.futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block .edel-icon-arrow-down {
  color: #03002f;
}
.futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block .edel-icon-arrow-down:before {
  font-size: 1.375rem;
}
.futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block.show button {
  display: flex;
  align-items: center;
}
.futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block.show .edel-icon-arrow-down {
  color: #03002f;
}
.futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block.show .edel-icon-arrow-down:before {
  font-size: 0.75rem;
}
.futureDrivingmarket .future-dm .d-livenews-container {
  border-radius: 5px;
  margin: 0 0 0 30px;
}
@media screen and (min-width: 1023px) {
  .futureDrivingmarket .future-dm .dock-liveNews-section {
    top: 160px;
    position: sticky;
  }
}
.futureDrivingmarket .dm-title {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
  line-height: 140%;
}
.futureDrivingmarket .dm-title strong {
  font-family: "DMSansBold";
}
.futureDrivingmarket .future-cardContainer .future-cards {
  display: flex;
  margin-top: 30px;
}
.futureDrivingmarket .future-cardContainer .future-cards .marketgroup {
  padding: 0;
}
.futureDrivingmarket .future-cardContainer .future-cards .marketgroup .marketCard {
  border-radius: 0px 5px 5px 0px !important;
}
.futureDrivingmarket .future-cardContainer .future-cards .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.125rem;
  font-family: "DMSansBold";
}
@media (max-width: 1023px) {
  .futureDrivingmarket .future-cardContainer .future-cards .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
    font-size: 1rem;
  }
}
.futureDrivingmarket .future-cardContainer .future-cards .marketgroup .marketCard .marketcardbody {
  padding-top: 5px;
}
.futureDrivingmarket .future-cardContainer .future-cards .marketgroup .marketCard .marketcardbody .drivingmarket-title-head {
  margin: 20px 0px 10px 0px;
}
.futureDrivingmarket .future-cardContainer .future-cards .marketgroup:first-child .marketCard {
  border-radius: 5px 0px 0px 5px !important;
  border-right: 0px;
}
.futureDrivingmarket::-webkit-scrollbar {
  width: 1px !important;
  height: 227px !important;
}
.futureDrivingmarket::-webkit-scrollbar-button {
  height: 77px;
}
.futureDrivingmarket::-webkit-scrollbar-track {
  height: 10px !important;
  width: 1px;
}
.futureDrivingmarket::-webkit-scrollbar-thumb {
  background-color: #03002f;
  height: 10px !important;
  width: 1px !important;
}
.futureDrivingmarket .masked {
  display: none;
}

@media screen and (max-width: 1023px) {
  .futureDrivingmarket .future-news {
    display: unset;
  }
  .futureDrivingmarket .future-news .col-8 {
    width: 100%;
    background: #ffffff;
  }
  .futureDrivingmarket .future-news .col-8 .future-cardContainer .future-cards {
    display: unset;
  }
  .futureDrivingmarket .future-news .col-8 .future-cardContainer .future-cards .marketgroup .marketCard {
    margin-bottom: 0px;
    border-radius: 0 !important;
    border: unset;
    border-bottom: 1px solid #e7e7e7;
  }
  .futureDrivingmarket .future-news .title-dropdown {
    display: unset;
  }
  .futureDrivingmarket .future-news .title-dropdown .dm-title {
    padding: 20px 10px 10px 15px;
    font-size: 1.25rem;
  }
  .futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block.dropdown {
    padding-left: 15px;
  }
  .futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block.dropdown button i {
    color: #03002f;
  }
  .futureDrivingmarket .future-dm .d-livenews-container {
    margin: 20px 0 0 0;
    background-color: #ffffff;
  }
}
.future-progress .progressbox {
  align-items: center;
  padding-right: 0.5rem;
}
.future-progress .progressbox .ml-13 {
  width: 94%;
}
.future-progress .progress.progresscontainer {
  height: 80px !important;
}
@media screen and (max-width: 1023px) {
  .future-progress .progress.progresscontainer {
    height: 64px !important;
  }
}
.future-progress .progress.progresscontainer .rollover {
  font-size: 1rem;
  font-family: "RobotoRegular";
}
@media screen and (max-width: 1023px) {
  .future-progress .progress.progresscontainer .rollover {
    font-size: 0.875rem;
  }
}
.future-progress .progress.progresscontainer .commondatavalue {
  margin-top: 8px !important;
  margin-top: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.future-active .progressbox .ml-13 .left {
  position: relative;
  top: 10px;
}

.future-spotComparision {
  margin-top: 51px !important;
}
@media (max-width: 1023px) {
  .future-spotComparision {
    margin-top: 20px !important;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle {
  padding: 0px;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard {
  padding: 20px 20px 0px 20px;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard {
    padding: 15px;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftmain1 {
  font-family: "DMSansNormal" !important;
  font-size: 1.75rem !important;
  color: #0b243a !important;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftmain1 {
    line-height: 28px;
    margin-bottom: 15px;
    line-height: 140%;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftmain1 strong {
  font-family: "DMSansBold" !important;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftsub {
  font-family: "DMSansNormal" !important;
  margin-top: 20px !important;
  color: #727271;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftsub {
    margin-top: 23px !important;
    margin-bottom: 28px;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading {
  display: flex;
  column-gap: 10px;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredataheading {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredataheading span {
  color: #727271;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredataheading span {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredatavalue {
  font-family: "RobotoRegular";
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredatavalue span {
    color: #444444;
    font-family: "RobotoMedium";
    font-size: 0.875rem;
  }
}
@media (min-width: 1023px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead {
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead {
    display: block;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block button {
  display: flex;
  align-items: center;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .edel-icon-arrow-down {
  height: 14px;
  width: 14px;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .edel-icon-arrow-down:before {
  color: #03002f;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright {
    justify-content: flex-end;
    height: 0;
  }
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block {
    transform: translateY(-35px);
  }
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardbody {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  margin-top: 20px;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureGreenback {
  background-color: #f0fdf6;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureRedback {
  background-color: #fff5f5;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox {
  padding: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox {
    max-width: 100%;
    width: 100%;
    flex-flow: column;
    gap: 10px;
    padding: 10px;
    align-items: flex-start;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretablemainHeading {
  display: grid;
  grid-template-columns: 1fr;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretablemainHeading .futureHeadingTitle {
  margin: 0px;
  font-family: "DMSansNormal";
  font-size: 1rem;
  line-height: 20px;
  color: #444444;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretablemainHeading .futureHeadingTitle {
    font-size: 0.75rem;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureHeadingTitle {
  margin: 15px 0px 10px;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 18px;
  color: #727271;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureHeadingTitle {
    margin: 0px;
    font-size: 0.625rem;
    line-height: 140%;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureHeadingData {
  font-family: "RobotoBold";
  font-size: 1rem;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureHeadingData {
    font-family: "RobotoBold";
    font-size: 0.875rem;
    line-height: 140%;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureGreen {
  color: #51b255;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futurered {
  color: #dd504d;
}

/*************8 responsive changes************/
@media screen and (max-width: 480px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftmain1 {
    font-size: 1.25rem !important;
  }
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleft .mk-card-topleftmain {
    line-height: 140%;
    color: #0b243a;
  }
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .minutes-ago {
    font-family: "DMSansNormal";
    font-size: 0.75rem;
    color: #b8b8b8;
  }
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer {
    display: flex;
    max-width: 100%;
    gap: 10px;
    margin-top: 25px;
    justify-content: space-between;
  }
}
.futurespotblock {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .futurespotblock {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .futureHeadingData.ltpdata {
    font-family: "RobotoMedium";
    font-size: 0.875rem;
  }
}

.exchange-mobile-tabs .nav.nav-tabs {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  padding: 11px 15px 0px;
}
.exchange-mobile-tabs .nav.nav-tabs .nav-item {
  width: 50%;
}
.exchange-mobile-tabs .nav.nav-tabs .nav-item .nav-link {
  width: 100%;
  padding: 7px 4px 10px 6px;
}
.exchange-mobile-tabs .stocks-list {
  padding-bottom: 30px;
}
.exchange-mobile-tabs .stocks-list li:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
}

.width-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.futures.viewAll .drivingmarket-title-head {
  margin-top: 20px;
}

.Future_topGain-table tbody tr td:nth-child(6), .Future_topGain-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}

.Future_volume_table tbody tr td:nth-child(6), .Future_volume_table tbody tr td:nth-child(7), .Future_volume_table tbody tr td:nth-child(9),
.Future_value_table tbody tr td:nth-child(6),
.Future_value_table tbody tr td:nth-child(7),
.Future_value_table tbody tr td:nth-child(9) {
  font-family: "RobotoMedium" !important;
}

.Future_premium_table tbody tr td:nth-child(6), .Future_premium_table tbody tr td:nth-child(5),
.Future_discount_table tbody tr td:nth-child(6),
.Future_discount_table tbody tr td:nth-child(5) {
  font-family: "RobotoMedium" !important;
}

.Future_rollover_table tbody tr td:nth-child(6), .Future_rollover_table tbody tr td:nth-child(9) {
  font-family: "RobotoMedium" !important;
}

.viewAll-table table.Future_rollover_table thead tr th {
  padding: 12px 18px;
}

:root {
  font-size: 16px;
}

.marketTabs {
  padding-top: 18px;
  padding: 0;
}
.marketTabs .react-tabs .marketTabs-ul {
  padding: 0;
  gap: 50px;
}
.marketTabs .react-tabs .marketTabs-ul li p {
  line-height: 19.6px;
  font-size: 1rem;
}
.marketTabs .react-tabs .marketTabs-ul a {
  height: 100%;
}
.marketTabs .react-tabs .marketTabs-ul a p {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.marketTabs .react-tabs .marketTabs-ul a.active p {
  color: #03002f;
}
.marketTabs .react-tabs .marketTabs-ul a.active {
  border-bottom: 2px solid #03002f;
}
.marketTabs .react-tabs .marketTabs-ul {
  border-bottom: 1px solid #e7e7e7;
  margin: 0 10px;
  padding: 0;
}
@media (min-width: 768px) {
  .marketTabs .react-tabs .marketTabs-ul {
    margin: auto;
  }
}
.marketTabs .react-tabs .marketTabs-ul li {
  padding: 14px 0px;
  color: #b8b8b8;
  margin-right: 3.125rem;
}
@media (max-width: 768px) {
  .marketTabs .react-tabs .marketTabs-ul li {
    padding: 14px 10px;
  }
}
.marketTabs .react-tabs .marketTabs-ul li p {
  margin-bottom: 0;
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 19.6px;
}
.marketTabs .react-tabs .marketTabs-ul .react-tabs__tab:focus:after {
  content: unset;
}
.marketTabs .react-tabs .marketTabs-ul .react-tabs__tab--selected {
  background: unset;
  border-color: unset;
  color: #03002f;
  border-radius: unset;
  border: unset;
  border-bottom: 2px solid #03002f;
}

@media (max-width: 1023px) {
  .marketTabs .react-tabs {
    overflow-y: scroll;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    flex-direction: row;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0 0 0 15px;
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar {
    width: 4px !important;
    height: 5px !important;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    /* Track */
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar-track {
    background: transparent;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    /* Handle */
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar-thumb {
    background: #03002f;
  }
  .marketTabs .react-tabs .marketTabs-ul li p {
    line-height: 19.6px;
    font-size: 1rem;
  }
  .marketTabs .react-tabs .marketTabs-ul .react-tabs__tab--selected {
    border-width: 3px;
  }
}
@media (max-width: 1200px) {
  .marketTabs .react-tabs .marketTabs-ul li {
    margin-right: 1rem;
  }
}
.desk-oia {
  padding-bottom: 40px;
}
.desk-oia .mk-card-topleftmain1 {
  font-family: "DMSansNormal" !important;
  font-size: 1.75rem !important;
  line-height: 39px !important;
  color: #0b243a;
}
.desk-oia .marketCard .mk-card-topleft .mk-card-topleftsub {
  margin-top: 15px !important;
}
.desk-oia .marketCard .marketcardbody {
  padding: 15px 0px !important;
}
@media (max-width: 1023px) {
  .desk-oia .marketCard .marketcardbody {
    padding: 20px 0px !important;
  }
}
@media (min-width: 1023px) {
  .desk-oia .marketCard .marketcardfoot {
    margin-top: 30px !important;
    margin-bottom: -14px;
  }
}
.desk-oia .timeperiod {
  font-family: "DMSansNormal";
  font-size: 0.813rem;
  line-height: 20px;
  color: #727271;
  position: relative;
  bottom: 15px;
}
.desk-oia-card {
  width: 50%;
}
.desk-oia-card .card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.desk-oia-card .card-head .heading {
  font-family: "DMSansBold";
  font-size: 1.125rem;
  line-height: 25px;
  color: #444444;
  text-align: start;
}
.desk-oia-card .card-head .oia-sort {
  display: flex;
  gap: 10px;
  align-items: center;
}
.desk-oia-card .card-head .oia-sort span {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 140%;
  color: #b8b8b8;
}
.desk-oia-card .card-head .oia-sort .equity-dropdown-block button {
  display: flex;
  align-items: center;
}
.desk-oia-card #oia .marketCard {
  border: none;
  padding: 0px;
}
.desk-oia .open-intrest-table-head {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #b8b8b8;
  margin: 10px 0;
  padding: 0 20px;
}
.desk-oia .open-intrest-table-body {
  font-family: "DMSansNormal";
  max-height: 400px;
  min-height: 400px;
  border: 1px solid #e7e7e7;
}
.desk-oia .open-intrest-table-body:last-child {
  border-bottom: none;
}
.desk-oia .open-intrest-table-body .body-row {
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  min-height: 80px;
  width: 100%;
  margin-left: unset;
  cursor: pointer;
}
.desk-oia .open-intrest-table-body .body-row-left {
  font-family: "RobotoMedium";
  font-size: 1rem;
}
.desk-oia .open-intrest-table-body .body-row-left .stock-title {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 22px;
  color: #444444;
}
.desk-oia .open-intrest-table-body .body-row-right {
  font-family: "RobotoMedium";
  font-size: 1rem;
  text-align: right;
  color: #444444;
}
.desk-oia .open-intrest-table-error {
  font-family: "DMSansNormal";
  max-height: 400px;
  border: 1px solid #e7e7e7;
}
.desk-oia .open-intrest-table .open-intrest-table-head {
  padding: 0 5px 0px 15px !important;
}
.desk-oia .open-intrest-table .open-intrest-table-head .heading {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
  text-align: start;
}
.desk-oia .open-intrest-table .open-intrest-table-head .change {
  padding: 10px;
}
.desk-oia .open-intrest-table .open-intrest-table-body {
  border-radius: 3px;
}
.desk-oia .open-intrest-table .open-intrest-table-body .body-row {
  cursor: pointer;
}
.desk-oia-viewall-table tbody tr td:nth-child(2), .desk-oia-viewall-table tbody tr td:nth-child(3), .desk-oia-viewall-table tbody tr td:nth-child(4), .desk-oia-viewall-table tbody tr td:nth-child(6), .desk-oia-viewall-table tbody tr td:nth-child(7) {
  font-family: "RobotoRegular" !important;
}
.desk-oia-viewall-table tbody tr td:nth-child(5) {
  font-family: "RobotoMedium" !important;
}

.oia-sort i {
  color: #03002f;
}
.oia-sort #sortByOIA {
  background-color: #ffffff;
  border: 1px solid #ebf2fe;
  min-height: 100px;
  max-width: 124px;
}
.oia-sort #sortByOIA a {
  padding: 15px;
}

.openintrest-tabs .nav-tabs {
  border-bottom: 1px solid #e7e7e7 !important;
  padding: unset;
  width: 100%;
  flex-wrap: nowrap;
  overflow-x: unset !important;
}
.openintrest-tabs .nav-tabs .nav-item {
  color: #727271;
}
.openintrest-tabs .nav-tabs .nav-item .nav-link {
  line-height: 22px;
  margin: unset;
  text-align: left;
  padding: 5px 10% !important;
}
.openintrest-tabs .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #03002f !important;
}
@media (max-width: 340px) {
  .openintrest-tabs .nav-tabs .nav-item .nav-link {
    font-size: 0.875rem !important;
  }
}

.oia-sidebar .stock-details-body .slidingpane-icon-block {
  justify-content: space-evenly;
}
.oia-sidebar .stock-details-body .slidingpane-icon-block .icon-tile a {
  display: grid;
  grid-template-rows: 28px 15px;
}
.oia-sidebar .stock-details-body .slidingpane-icon-block .icon-tile a i {
  font-size: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.oia-sidebar .stock-details-body .slidingpane-icon-block .icon-tile a .edel-icon-eye {
  font-size: 1rem;
}
.oia-sidebar .stock-details-body .slidingpane-icon-block .icon-tile a .edel-icon-View-quote {
  font-size: 0.875rem;
}
.oia-sidebar .stock-details-body .slidingpane-icon-block .icon-tile:last-child a {
  padding-right: 0px;
  align-items: unset;
}

@media (max-width: 1023px) {
  #openinterestanalysis .marketCard {
    padding: 0;
  }
  #openinterestanalysis .marketcardhead.card-header {
    padding: 20px 15px 0px !important;
  }
  #openinterestanalysis .mob-oia-card .marketcardhead.card-header {
    padding: 0 !important;
  }
  #openinterestanalysis .mob-oia-card .body-row-left.col .stock-title {
    font-size: 0.875rem;
  }
  #openinterestanalysis .mob-oia-card .body-row-left.col .stock-title-num-val {
    font-size: 0.875rem;
  }
  #openinterestanalysis .marketcardfoot.card-footer {
    padding: 0 15px !important;
  }
}
@media (min-width: 1023px) {
  #oia.marketgroup .marketCard .marketcardbody {
    padding: 0;
    padding-bottom: 20px;
  }
}
.mob-oia .mk-card-topleftmain {
  font-family: "DMSansNormal";
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
}
.mob-oia .mk-card-topleftmain .edel-icon-arrow-left {
  position: relative;
  left: -8px;
  top: 2px;
}
.mob-oia #oia .marketCard {
  border: none;
  padding: 0px;
}
.mob-oia.mob-oia-viewall .openintrest-tabs .nav-tabs .nav-item:nth-child(1) {
  padding-left: 15px;
}
.mob-oia-card {
  border: unset;
}
.mob-oia-card .card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px !important;
  padding-top: 15px !important;
}
.mob-oia-card .card-head .heading {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 15px;
  color: #b8b8b8;
}
.mob-oia-card .card-head .oia-sort {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 20px;
  color: #b8b8b8;
}
.mob-oia-card .open-intrest-table-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 18px;
  color: #b8b8b8;
  padding: 0 15px;
}
.mob-oia-card .open-intrest-table-body .body-row {
  height: 80px;
  width: 100%;
  margin: 0;
  padding: 0 15px;
}
.mob-oia-card .open-intrest-table-body .body-row-left {
  padding-left: 0;
}
.mob-oia-card .open-intrest-table-body .body-row-left .stock-title {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 22px;
}
.mob-oia-card .open-intrest-table-body .body-row-left .stock-title-num-val {
  font-family: "RobotoRegular";
  font-size: 1rem;
  line-height: 18px;
}
.mob-oia-card .open-intrest-table-body .body-row-right {
  padding-right: 0;
  font-family: "RobotoMedium";
  text-align: right;
  line-height: 20px;
  font-size: 0.875rem;
}

.seperatorBorder {
  border-bottom: 1px solid #e7e7e7;
}

.sidebar-chartIq iframe {
  min-height: 300px;
}

@media (min-width: 1023px) {
  .futures-openinterest-viewall .mk-card-topleftmain1 {
    margin-bottom: 20px !important;
  }
  .futures-openinterest-viewall .marketcardbody {
    padding-top: 30px !important;
  }
  .futures-openinterest-viewall .desk-oia-viewall-table .title {
    gap: 6px !important;
  }
  .futures-openinterest-viewall .generic-tabs .nav-tabs .nav-link.active {
    font-family: "DMSansMedium" !important;
    font-size: 0.875rem;
    border-bottom: 2px solid #03002f !important;
  }
  .futures-openinterest-viewall .equity-dropdown-block {
    width: 128px;
  }
}

.oia-viewall-tabs.generic-tabs .nav-tabs {
  justify-content: end;
  margin-top: -100px !important;
  margin-bottom: 50px !important;
}

.understanding-section-mkt {
  background: #ffffff;
  margin: 50px 0;
}
.understanding-section-mkt-heading {
  width: 342px;
  height: 46px;
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  line-height: 39px;
  color: #0b243a;
  margin-bottom: 40px;
}
.understanding-section-mkt-sectionwise-distribution {
  margin: 50px 0;
  font-family: "DMSansNormal";
  font-style: normal;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head {
  display: flex;
  justify-content: space-between;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head .category-heading {
  font-family: "DMSansBold";
  font-size: 1.375rem;
  line-height: 31px;
  color: #444444;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head .back-to-section {
  font-family: "DMSansMedium";
  font-size: 16px;
  line-height: 22px;
  color: #03002f;
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-body {
  margin-top: 20px;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 140%;
  color: #727271;
  max-width: 85%;
  text-align: left;
}
.understanding-section-mkt-showall {
  display: flex;
  justify-content: center;
  align-items: center;
}
.understanding-section-mkt-showall button {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #03002f;
  line-height: 22px;
  color: #03002f;
  border: none;
  background-color: transparent;
}

.mob-understanding-section-mkt {
  background: #ffffff;
  padding-bottom: 25px;
  margin-top: 20px;
  padding: 10px;
}
.mob-understanding-section-mkt-heading {
  height: 28px;
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
  margin-bottom: 0px;
  padding: 15px 0 20px 0;
}
.mob-understanding-section-mkt-sectionwise-distribution {
  border-top: 1px solid #e7e7e7;
  margin: 20px 0;
  padding-top: 20px;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head {
  display: flex;
  justify-content: space-between;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .category-heading {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
  line-height: 22px;
  color: #444444;
  max-width: 80%;
  font-family: "DMSansBold";
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section {
  width: 30px;
  height: 30px;
  background-color: #f2f2f5;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section i {
  color: #03002f;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section .edel-icon-arrow-down {
  font-size: 1.375rem;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section .edel-icon-arrow-down.down {
  transform: rotate(180deg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-body {
  font-weight: 500;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #727271;
  max-width: 90%;
  text-align: left;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-footer {
  margin: 15px 0 20px 0;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-footer .back-to-section {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 22px;
  color: #03002f;
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}

.week-high-low tbody tr td:nth-child(5), .week-high-low tbody tr td:nth-child(6) {
  font-family: "RobotoMedium" !important;
  line-height: 24px;
}

.price-buzzers-table tbody tr td:nth-child(5), .price-buzzers-table tbody tr td:nth-child(6), .price-buzzers-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}

.volume-buzzers-table tbody tr td:nth-child(5) {
  font-family: "DMSansMedium" !important;
}
.volume-buzzers-table tbody tr td:nth-child(6), .volume-buzzers-table tbody tr td:nth-child(7), .volume-buzzers-table tbody tr td:nth-child(8) {
  font-family: "RobotoMedium" !important;
}

.performer-table .sector {
  display: flex;
  justify-content: start;
}
.performer-table tbody tr td:nth-child(5), .performer-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}
.performer-table tbody tr td:nth-child(6) {
  font-family: "DMSansMedium" !important;
}

.performer-tag {
  height: 42px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #444444;
  background: #f9fbff;
  margin-bottom: 20px;
}
.performer-tag label {
  font-family: "DMSansBold";
}
.performer-tag span {
  font-family: "RobotoMedium";
}

.top-table tbody tr td:nth-child(5), .top-table tbody tr td:nth-child(6), .top-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}

.index-table tbody tr td:nth-child(6), .index-table tbody tr td:nth-child(7), .index-table tbody tr td:nth-child(8) {
  font-family: "RobotoMedium" !important;
}

.alltime-table tbody tr td:nth-child(5), .alltime-table tbody tr td:nth-child(6) {
  font-family: "RobotoMedium" !important;
}

.drivingmarket-index-mob-drawer {
  border: 1px solid #ebf2fe;
  border-radius: 5px;
  line-height: 20px;
}
.drivingmarket-index-mob-drawer .drawer-dname {
  font-family: "encodesans_normal" !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 22px;
  color: #263363 !important;
}
.drivingmarket-index-mob-drawer .selectedExchangeIndex {
  display: flex;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
  padding: 5px 8px !important;
  font-family: "encodesans_normal";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  color: #727271;
}
.drivingmarket-index-mob-drawer .nav {
  flex-wrap: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.drivingmarket-index-mob-drawer .nav::-webkit-scrollbar {
  display: none;
}
.drivingmarket-index-mob-drawer .nav {
  overflow-y: scroll;
  margin-bottom: 0 !important;
}
.drivingmarket-index-mob-drawer .nav-item .nav-link {
  border: 0;
  font-family: "encodesans_normal";
  font-weight: 400;
  font-size: 1rem;
  line-height: 22px;
  color: #727271;
  white-space: nowrap;
}
.drivingmarket-index-mob-drawer .nav-item .nav-link.active {
  border-bottom: 2px solid #3580f7;
  white-space: nowrap;
}
.drivingmarket-index-mob-drawer .index-list {
  overflow-y: scroll;
}
.drivingmarket-index-mob-drawer .index-list-item {
  font-family: "encodesans_normal";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 41px;
  color: #444444;
  cursor: pointer;
  padding: 5px 5% 5px 5%;
}
.drivingmarket-index-mob-drawer .tab-content {
  overflow-y: scroll;
  height: 30vh;
}
.drivingmarket-index-mob-drawer .drawer-body {
  padding-bottom: 10px !important;
}
.drivingmarket-index-mob-drawer .seperator-border {
  border-bottom: 1px solid #e7e7e7;
}

.drivingmarket-index-mob-drawer.container {
  padding-right: 0px;
  padding-left: 0px;
}

.driving-mkt-mainblock {
  margin-top: 20px;
}
.driving-mkt-mainblock .d-livenews-container {
  margin: 0px 0px 30px 30px;
  background: #ffffff;
  height: 653px;
  border-radius: 5px;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar {
  width: 1px !important;
  height: 227px !important;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar-button {
  height: 77px;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar-track {
  height: 10px !important;
  width: 1px;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar-thumb {
  background-color: #03002f;
  height: 10px !important;
  width: 1px !important;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .d-livenews-container {
    margin-top: 23px;
    margin-left: 0px;
    height: auto;
  }
}
.driving-mkt-mainblock .d-livenews-container .masked {
  display: none;
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup {
  position: relative;
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain1,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain {
  font-family: "DMSansBold";
  font-size: 1.125rem;
}
@media (max-width: 1023px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain1,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain {
    font-size: 1rem;
  }
}
@media (max-width: 1023px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftsub {
    font-family: "RobotoRegular";
  }
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles {
    background: #ffffff;
    margin-top: 30px;
    border: 1px solid #e7e7e7;
    border-radius: 5px !important;
  }
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketcardbody {
  padding: 25px 0px 30px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketcardbody {
    padding: 20px 0px !important;
  }
}
.driving-mkt-mainblock .driving-mkt-block {
  border: 1px solid #e7e7e7;
  background: #ffffff;
  padding: 20px 0px;
  border-radius: 5px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-tiles .marketgroup:last-child {
  border-right: 0px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-tiles:first-child .marketgroup:first-child {
  border-top: none;
}
.driving-mkt-mainblock .driving-mkt-block .driving-tiles:last-child .marketgroup:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block {
    border: 0px;
    background: none;
  }
}
.driving-mkt-mainblock .driving-mkt-block .marketgroup {
  margin: 0px;
  margin-bottom: 20px;
  padding: 20px 15px;
  border-top: 1px solid #e7e7e7;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .marketgroup {
    padding: 20px;
    border-top: 0px;
    margin-bottom: 0px;
    border-right: 1px solid #e7e7e7;
  }
}
.driving-mkt-mainblock .driving-mkt-block .marketgroup:first-child {
  padding: 20px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .marketgroup:first-child {
    padding: 20px 15px !important;
  }
}
.driving-mkt-mainblock .driving-mkt-block .marketgroup .marketCard {
  padding: 0px;
  border: none !important;
  margin: 0px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head {
  padding: 0px 15px;
  display: block;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head {
    display: flex;
    justify-content: space-between;
    padding: 0px;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title {
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  color: #0b243a;
}
@media (max-width: 1024px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title {
    font-size: 1.375rem;
    font-family: "DMSansNormal";
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title strong {
  font-family: "DMSansBold";
}
@media (max-width: 1024px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title strong {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile {
    gap: 11px;
  }
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile {
    padding-bottom: 14px;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .equity-dropdown-block .equitydrop {
  padding: 9px 10px;
  line-height: 140%;
  height: 40px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .equity-dropdown-block .equitydrop {
    padding: 5px 8px !important;
    line-height: 140%;
    height: unset;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-valuedropdown .subMenuDropdown .nav-item .nav-link,
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-daydropdown .subMenuDropdown .nav-item .nav-link {
  padding: 9px 10px !important;
  line-height: 140%;
  height: 40px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-valuedropdown .subMenuDropdown .nav-item .nav-link,
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-daydropdown .subMenuDropdown .nav-item .nav-link {
    padding: 5px 8px !important;
    line-height: 140%;
    height: unset;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock {
  display: flex;
  justify-content: end;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock {
    margin-top: 0px;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown {
  white-space: nowrap;
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .daydrop-btn-border {
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  padding: 7px 10px 7px 14px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .btn-select-drivingmarket {
  color: #727271;
  background-color: #ffffff;
  padding: 0px 14.66px 0px 0px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop {
    padding: 5px 8px !important;
    line-height: 140%;
  }
}

.drivingmarket-ipocard {
  margin: 30px 0px 0px 30px;
}
@media screen and (max-width: 1023px) {
  .drivingmarket-ipocard {
    margin-left: 0px;
  }
}
.drivingmarket-ipocard .bg-lightyellow .card {
  background: #fffbf2;
}
.drivingmarket-ipocard .drivingmarket-ipo-head {
  font-family: "DMSansBold";
  font-size: 1.25rem;
  color: #0b243a;
  margin-bottom: 10px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots {
  display: flex;
  justify-content: center;
  padding: 6px 16px 16px 16px;
  margin-top: 14px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots .owl-dot span {
  width: 18px !important;
  height: 0px !important;
  margin: 0.1em !important;
  display: block;
  border: 1px solid #cccccc;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots .owl-dot span {
    width: 15px !important;
  }
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots .owl-dot.active span {
  border: 2px solid #03002f;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav {
  position: absolute;
  height: 0px;
  top: -30px;
  right: 0px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1 {
  border: none;
  background: none;
  color: #03002f;
  font-size: 0.875rem;
  position: absolute;
  top: 0px;
  right: 15px;
}
@media (min-width: 1400px) {
  .drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1 {
    margin-left: 360px;
  }
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1 span {
  display: none;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1.disabled {
  opacity: 0.5;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-right1 {
  border: none;
  background: none;
  color: #03002f;
  font-size: 0.875rem;
  position: absolute;
  top: 0px;
  right: 0px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-right1 span {
  display: none;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-right1.disabled {
  opacity: 0.5;
}

.drivingmarket-underperformers .driving-mkt-dropdownblock,
.drivingmarket-outperformers .driving-mkt-dropdownblock,
.volumebuzzers .driving-mkt-dropdownblock,
.pricebuzzers .driving-mkt-dropdownblock,
.lowercircuit .driving-mkt-dropdownblock,
.uppercircuit .driving-mkt-dropdownblock {
  display: flex;
  justify-content: end;
  margin-bottom: 20px;
}
.drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link {
  padding: 5px 10px;
  line-height: 140%;
}
.drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop {
  padding: 5px 12px 5px 13px !important;
  line-height: 140%;
}
@media (max-width: 768px) {
  .drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop {
    padding: 5px 8px;
    line-height: 140%;
  }
}
.drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}
.drivingmarket-underperformers .dynamic-title-block,
.drivingmarket-outperformers .dynamic-title-block,
.volumebuzzers .dynamic-title-block,
.pricebuzzers .dynamic-title-block,
.lowercircuit .dynamic-title-block,
.uppercircuit .dynamic-title-block {
  font-size: 1rem !important;
  font-family: "DMSansMedium";
  color: #444444 !important;
  margin-top: 19px;
  padding: 10px 20px;
  margin-bottom: 23px !important;
  height: 42px;
  background: #f2f2f5;
}
.drivingmarket-underperformers .dynamic-title-block .changeperc,
.drivingmarket-outperformers .dynamic-title-block .changeperc,
.volumebuzzers .dynamic-title-block .changeperc,
.pricebuzzers .dynamic-title-block .changeperc,
.lowercircuit .dynamic-title-block .changeperc,
.uppercircuit .dynamic-title-block .changeperc {
  font-family: "RobotoRegular";
}

.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .drivingmarket-underperformers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .drivingmarket-outperformers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .volumebuzzers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .pricebuzzers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .lowercircuit .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .uppercircuit .marketcardbody {
  padding: 20px 0px 30px;
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .volumebuzzers .subMenuDropdown,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .pricebuzzers .subMenuDropdown,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .lowercircuit .subMenuDropdown,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .uppercircuit .subMenuDropdown {
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .volumebuzzers .subMenuDropdown,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .pricebuzzers .subMenuDropdown,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .lowercircuit .subMenuDropdown,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .uppercircuit .subMenuDropdown {
    margin-bottom: 20px;
  }
}
.driving-mkt-mainblock .drivingmarket-title-head {
  display: flex;
  justify-content: space-between;
  margin: 5px 0px 10px;
  color: #b8b8b8;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .d-flexblock {
    display: grid;
    grid-template-columns: 1fr;
  }
  .driving-mkt-mainblock .d-flexblock .market-drawing-indices-ui {
    order: 2;
  }
  .driving-mkt-mainblock .d-flexblock .indice-historic-return-ui {
    order: 1;
    padding-top: 0px !important;
  }
}

.market-ipo-mob .ipo-carousel .owl-dots {
  padding: 20px 16px 0px 16px;
}
@media (max-width: 768px) {
  .market-ipo-mob .ipo-carousel .owl-dots {
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
  }
}

.pricebuzzers .marketcardbody {
  padding: 20px 0px 30px;
}

.equity-livenews-section-block .d-livenews-container .mask .d-ln-heading .d-ln-heading-left {
  font-size: 1.25rem;
}
.equity-livenews-section-block .d-livenews-container .mask .d-ln-tile-text1 {
  color: #727271 !important;
}
@media screen and (min-width: 1023px) {
  .equity-livenews-section-block .dock-liveNews-section {
    top: 160px;
    position: sticky;
  }
}

.driving-top-gainersblock .driving-tiles .marketgroup:first-child {
  border-top-right-radius: 0px !important;
}
.driving-top-gainersblock .AlertsPopup .modal-content {
  width: 603px !important;
}
.driving-top-gainersblock .AlertsPopup .modal-content .modal-body {
  width: 600px;
}:root {
  font-size: 16px;
}

#holdingsmyTab-tabpane-Holding .drawer__handle-wrapper__backdrop {
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
}
#holdingsmyTab-tabpane-Holding .drawer__handle-wrapper__handle-wrapper {
  padding: 15px 0px 4px !important;
}
#holdingsmyTab-tabpane-Holding .drawer__handle-wrapper__handle {
  width: 94px !important;
}

.hideDetailSection {
  transform: translateX(130%);
  transition: 700ms;
  background: none;
}

.showDetailSection {
  transform: translateX(0%);
  transition: 700ms;
}

.slide-pane {
  transition: transform 700ms;
  background: transparent !important;
}

.stock-details {
  box-shadow: -8px 4px 50px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 1;
  background-color: #ffffff;
  max-width: 390px;
}
.stock-details.open {
  transform: translateX(0); /* open state: visible */
  transition: transform 700ms ease-in-out; /* transition effect */
}
.stock-details.close {
  transform: translateX(110%); /* initial state: hidden */
  transition: transform 10ms ease-in-out; /* transition effect */
}
.stock-details-switch-key {
  position: absolute;
  top: 25px;
  z-index: 2;
  margin-left: -32px;
  background-color: #ffffff;
  color: #3580f7;
  border-radius: 5px 0px 0px 5px;
  width: 21px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  cursor: pointer;
}
.stock-details-head {
  grid-template-columns: 1fr;
  grid-template-rows: 15px auto auto;
  gap: 0;
  background: #f0f9ff;
  border-radius: 0px;
  height: fit-content;
  width: 100%;
  max-width: 390px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  padding: 3%;
  z-index: 1;
  background-color: #f0f9ff;
}
.stock-details-head-upper {
  display: flex;
  justify-content: space-between;
  font-size: 0.625rem;
  line-height: 14px;
  color: #b8b8b8;
}
.stock-details-head-mid {
  display: flex;
  justify-content: space-between;
  line-height: 20px;
  color: #292929;
  font-size: 0.875rem;
  margin: 4px 0 6px 0;
}
.stock-details-head-mid .scrips-stocks {
  align-items: center;
  gap: 5px;
  line-height: 19.6px;
  color: #444444;
  font-family: "encodesans_normal";
}
.stock-details-head-mid .scrips-stocks i {
  color: #727271;
  font-size: 0.75rem;
  margin-left: 7px;
  margin-right: 4px;
}
.stock-details-head-mid .scrips-stocks .holdings-count {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 13px;
  color: #727271;
}
.stock-details-head-bottom {
  display: flex;
  justify-content: space-between;
  color: #727271;
  font-size: 0.75rem;
  line-height: 17px;
}
.stock-details-head-bottom .profit {
  color: #51b255;
}
.stock-details-head-bottom .loss {
  color: #dd504d;
}
.stock-details-head-bottom .loss span:last-child {
  margin-left: 4px;
}
.stock-details-body {
  font-family: "encodesans_normal";
  font-style: normal;
  width: 100%;
  max-width: 390px;
  height: 100vh;
  overflow-y: scroll;
}
.stock-details-body::-webkit-scrollbar {
  display: none;
}
.stock-details-body .stock-portfolio-details {
  display: flex;
  justify-content: space-between;
  padding: 3%;
}
.stock-details-body .stock-portfolio-details-partition {
  margin-right: 10px;
}
.stock-details-body .stock-portfolio-details-partition .head-title {
  font-size: 0.75rem;
  line-height: 17px;
  color: #b8b8b8;
}
.stock-details-body .stock-portfolio-details-partition .numero {
  display: block;
  text-align: start;
  color: #292929;
  font-size: 0.875rem;
}
.stock-details-body .stock-stream {
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 22px;
  margin: 0% 3% 5%;
  color: #b8b8b8;
}
.stock-details-body .stock-stream-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1% 0;
}
.stock-details-body .stock-stream-head .numero {
  font-size: 0.875rem;
  line-height: 16px;
}
.stock-details-body .stock-stream-foot {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.stock-details-body .stock-stream-foot .numero {
  font-size: 0.688rem;
  line-height: 13px;
}
.stock-details-body .stock-stream .numero {
  margin-left: 5px;
}
.stock-details-body .stock-info {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
  padding: 5%;
  font-weight: 500;
  font-size: 0.688rem;
  line-height: 15px;
  color: #b8b8b8;
  background: #f0f9ff;
  background: rgba(240, 249, 255, 0.25);
}
.stock-details-body .stock-info .numero {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  color: #292929;
}
.stock-details-footer {
  box-shadow: 0px 4px 17px rgba(60, 60, 60, 0.11);
  height: 69px;
  width: 100%;
  max-width: 390px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: auto;
  position: fixed;
  bottom: 0;
}
.stock-details-footer .action button {
  height: 40px;
  width: 160px;
  border: none;
  color: #ffffff;
  border-radius: 5px;
  text-transform: uppercase;
}
.stock-details-footer .action button#buy {
  background-color: #51b255;
}
.stock-details-footer .action button#buy:disabled {
  background-color: #e7e7e7;
}
.stock-details-footer .action button#sell {
  background-color: #dd504d;
}
.stock-details-footer .action button#sell:disabled {
  background-color: #e7e7e7;
}
.stock-details .numero {
  font-family: "RobotoRegular";
  font-style: normal;
  font-weight: 500;
}

.mob-stock-details {
  width: 100%;
  max-height: calc(85vh - 25px);
  bottom: 0;
  z-index: 1;
  opacity: 1;
  background-color: #ffffff;
  display: grid;
  grid-template-rows: 1fr 8fr auto;
  grid-template-columns: 1fr;
  transition: 700ms;
  justify-content: center;
}
.mob-stock-details-head {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  background: #f0f9ff;
  border-radius: 0px;
  height: auto;
  width: 100%;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  padding: 3%;
  z-index: 1;
  gap: 5px;
  background-color: #f0f9ff;
}
@media screen and (max-width: 1023px) {
  .mob-stock-details-head {
    position: sticky;
    top: 0px;
  }
}
.mob-stock-details-head-upper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.625rem;
  line-height: 14px;
  color: #b8b8b8;
}
.mob-stock-details-head-mid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  line-height: 20px;
  color: #292929;
}
.mob-stock-details-head-mid .scrips-stocks {
  align-items: center;
  gap: 5px;
}
.mob-stock-details-head-mid .scrips-stocks i {
  color: #727271;
  font-size: 0.75rem;
  margin-left: 7px;
  margin-right: 4px;
}
.mob-stock-details-head-mid .scrips-stocks .holdings-count {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 13px;
  color: #727271;
}
.mob-stock-details-head-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #727271;
  font-size: 0.75rem;
  line-height: 17px;
}
.mob-stock-details-head-bottom .profit {
  color: #51b255;
}
.mob-stock-details-head-bottom .loss {
  color: #dd504d;
}
.mob-stock-details-body {
  font-family: "encodesans_normal";
  font-style: normal;
  width: 100%;
}
.mob-stock-details-body .stock-portfolio-details {
  display: flex;
  justify-content: space-between;
  padding: 5% 3%;
}
.mob-stock-details-body .stock-portfolio-details-partition .head-title {
  font-size: 0.75rem;
  line-height: 17px;
  color: #b8b8b8;
}
.mob-stock-details-body .stock-portfolio-details-partition .numero {
  display: block;
  text-align: start;
  color: #292929;
}
.mob-stock-details-body .stock-stream {
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 22px;
  margin: 0% 3% 5%;
  color: #b8b8b8;
}
.mob-stock-details-body .stock-stream-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1% 0;
}
.mob-stock-details-body .stock-stream-head .numero {
  font-size: 0.875rem;
  line-height: 16px;
}
.mob-stock-details-body .stock-stream-foot {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mob-stock-details-body .stock-stream-foot .numero {
  font-size: 0.688rem;
  line-height: 13px;
}
.mob-stock-details-body .stock-stream .numero {
  margin-left: 5px;
}
.mob-stock-details-body .stock-info {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 20px;
  padding: 5% 3%;
  font-weight: 500;
  font-size: 0.688rem;
  line-height: 15px;
  color: #b8b8b8;
  background: #f0f9ff;
  background: rgba(240, 249, 255, 0.25);
}
.mob-stock-details-body .stock-info .numero {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  color: #292929;
}
.mob-stock-details-footer {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: auto;
  background-color: #ffffff;
  position: sticky;
  bottom: 0;
  box-shadow: 0px 4px 17px rgba(60, 60, 60, 0.11);
  padding: 10px 0;
}
.mob-stock-details-footer .action button {
  height: 40px;
  width: 170px;
  border: none;
  color: #ffffff;
  border-radius: 5px;
}
.mob-stock-details-footer .action button#buy {
  background-color: #51b255;
}
.mob-stock-details-footer .action button#sell {
  background-color: #dd504d;
}
.mob-stock-details .numero {
  font-family: "RobotoRegular";
  font-style: normal;
  font-weight: 500;
}

@media screen and (max-width: 1024px) {
  .drawer__handle-wrapper.backgroundcolor_bluedrawer__content {
    max-height: calc(85vh - 25px);
    overflow-y: scroll;
    max-width: 100%;
  }
}.addwatchlist {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  width: 100%;
  margin-left: 15px;
  z-index: 1;
}
.addwatchlist ul {
  padding: 20px;
}
.addwatchlist ul li:not(:first-child) {
  border-top: 1px solid #e7e7e7;
}
.addwatchlist ul li:last-child {
  margin-bottom: 145px !important;
}
.addwatchlist .stockTabList .radio-button.common-radio-button input[type=radio] {
  height: 20px;
  width: 20px;
}
.addwatchlist .stockTabList .radio-button.common-radio-button.active input[type=radio] {
  border: 2px solid #03002f !important;
}
.addwatchlist .stockTabList .radio-button.common-radio-button.active input[type=radio]::after {
  width: 90% !important;
  height: 90% !important;
}

.createWatchlist .col {
  margin-top: 15px;
  width: 95%;
  margin-left: 10px;
}
.createWatchlist .watchlist-Input .form-control {
  border-color: red;
}
.createWatchlist .watchlist-Input .help_text.red {
  margin-left: 5px;
}
.createWatchlist .loginsection .help_text {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.createWatchlist .loginsection .help_text::before {
  content: "\e99e";
  font-family: "edel_icon";
  padding-right: 5px;
}

.quotesWtachlist .addToWatchList .watchlist-Input .form-control {
  border-color: red;
}
.quotesWtachlist .addToWatchList .help_text.red {
  margin-left: 20px;
}
@media (max-width: 768px) {
  .quotesWtachlist .addToWatchList .help_text.red {
    margin-left: 3px;
  }
}
@media (max-width: 768px) {
  .quotesWtachlist .addToWatchList .stockTabList .radio-button.common-radio-button input[type=radio] {
    height: 20px;
    width: 20px;
  }
}

.quotesWtachlist .edel-sidebar-drawer-head .edel-icon-left-arrow,
.createWatchlist .edel-sidebar-drawer-head .edel-icon-left-arrow {
  line-height: 1.3 !important;
}
.quotesWtachlist .edel-sidebar-drawer-head,
.createWatchlist .edel-sidebar-drawer-head {
  margin: 15px;
}
.quotesWtachlist .edel-sidebar-drawer-body .edel-icon-more-button,
.createWatchlist .edel-sidebar-drawer-body .edel-icon-more-button {
  margin-top: 2px !important;
}
.quotesWtachlist .edel-sidebar-drawer-body,
.createWatchlist .edel-sidebar-drawer-body {
  max-height: 450px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  width: 100%;
  z-index: 1;
}
.quotesWtachlist .edel-sidebar-drawer-body ul,
.createWatchlist .edel-sidebar-drawer-body ul {
  padding: 7px;
}
.quotesWtachlist .edel-sidebar-drawer-body ul li:not(:first-child),
.createWatchlist .edel-sidebar-drawer-body ul li:not(:first-child) {
  border-top: 1px solid #e7e7e7;
}
.quotesWtachlist .edel-sidebar-drawer-body .stockTabList,
.createWatchlist .edel-sidebar-drawer-body .stockTabList {
  padding-left: 0px !important;
}
.quotesWtachlist .bottombtnsection,
.createWatchlist .bottombtnsection {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.quotesWtachlist .bottombtnsection.stock,
.createWatchlist .bottombtnsection.stock {
  position: relative !important;
}

@media (max-width: 768px) {
  .quotesWtachlist .mb-addwatchlist-drawer.backgroundcolor_bluedrawer {
    min-height: 0px;
    z-index: 100;
  }
}
.quotesWtachlist .watchlist-toaster-fix {
  position: fixed !important;
  top: 180px;
  z-index: 10;
  display: flex;
  width: 40% !important;
  justify-content: center;
  align-items: center;
  left: 0px;
  right: 0%;
}
@media (max-width: 768px) {
  .quotesWtachlist .watchlist-toaster-fix {
    top: auto;
    bottom: 80px;
    width: 100% !important;
  }
}
.quotesWtachlist .watchlist-toaster-fix .toast-container {
  width: 100% !important;
  border-radius: 5px !important;
  margin-bottom: 5px !important;
}
.quotesWtachlist .watchlist-toaster-fix .toast {
  width: 100%;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
  border: 0px;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .quotesWtachlist .watchlist-toaster-fix .toast {
    width: fit-content;
    margin: auto;
  }
}
.quotesWtachlist .watchlist-toaster-fix .toast .bg-rose-white {
  background-color: #dcf0dd;
  border-radius: 10px;
}
.quotesWtachlist .watchlist-toaster-fix .toast .txt-faded-orange {
  color: #51b255;
}
.quotesWtachlist .watchlist-toaster-fix .toast div {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
@media (max-width: 1023px) {
  .quotesWtachlist .watchlist-toaster-fix .toast div {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}

.mob-wlsearch .preset-tabs {
  padding-inline: 15px;
}
.mob-wlsearch .search-toptabs-block {
  margin: 10px 0px;
  gap: 10px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.mob-wlsearch .search-toptabs-block .search-nosplit-block {
  padding-inline: 10px;
}
.mob-wlsearch .fade.show.tooltip {
  z-index: 1;
}
.mob-wlsearch .preset-tabs {
  position: relative;
  z-index: 2;
  margin: 0;
  width: 100%;
  background: #ffffff;
  left: 0;
}

.watchlistExtra-scripts-div-padding {
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .watchlistExtra-scripts-div-padding {
    padding-bottom: 300px;
  }
}

@media (max-width: 768px) {
  .last-child-padding-watchlist {
    padding-bottom: 300px;
    padding-bottom: 250px;
  }
  .last-child-padding-watchlist.editwatchlistDiv {
    padding-bottom: 250px;
  }
}
.preset-tooltip-class.desk-tooltips .tooltip-inner {
  margin-bottom: 0px;
}

.addToWatchList-position {
  position: sticky !important;
  bottom: 15% !important;
}
.addToWatchList-position .watchlist-toaster-fix {
  position: unset !important;
}

.mob-wlsearch .import-drawrer-backdrop {
  padding: 0px 0px !important;
}
.mob-wlsearch .import-drawrer-backdrop .drawer-header {
  padding: 21px 21px 20px 15px !important;
}
.mob-wlsearch .import-drawrer-backdrop .drawer-body {
  background-color: #ffffff;
}:root {
  font-size: 16px;
}

.subMenuDropdown.left .dropdown-menu {
  margin-left: -188% !important;
}
.subMenuDropdown.left .dropdown-menu.show::before {
  right: 5%;
}

.subMenuDropdown.right .dropdown-menu {
  margin-left: 0 !important;
}
.subMenuDropdown.right .dropdown-menu.show::before {
  left: 5%;
}

.subMenuDropdown .nav-item #collasible-nav-dropdown:after {
  content: "\e911" !important;
  font-family: "edel_icon" !important;
}
.subMenuDropdown .nav-item .nav-link {
  border: #03002f;
  border: 1px solid #e7e7e7;
  border-style: solid;
  border-radius: 5px;
  color: #727271 !important;
  background-color: #ffffff !important;
  padding: 5px 8px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .subMenuDropdown .nav-item .nav-link {
    padding: 9px 10px;
  }
}
.subMenuDropdown .dropdown-toggle::after {
  content: "\e911";
  font-family: "edel_icon";
  border: none;
  color: #03002f;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bolder;
}
.subMenuDropdown .dropdown-menu.show::before {
  content: "";
  border-top: 0;
  border-right: 0.5em solid transparent;
  border-bottom: 0.5em solid #f2f2f5;
  border-left: 0.5em solid transparent;
  position: absolute;
  top: -7px;
  font-weight: bolder;
}
.subMenuDropdown .dropdown-item:focus,
.subMenuDropdown .dropdown-item:hover {
  background-color: #f2f2f5;
  color: #444444;
}
.subMenuDropdown .dropdown-menu {
  background-color: #f2f2f5;
  width: 299px;
  border-radius: 0;
  border: unset;
  padding: 0;
  padding-top: 20px;
  margin-top: 5px !important;
  z-index: 8;
}
.subMenuDropdown .dropdown-menu .dropdown-item {
  font-size: 1rem;
  line-height: 22.4px;
  font-family: "DMSansNormal";
  color: #444444;
  padding-bottom: 20px;
  cursor: pointer;
}
.subMenuDropdown .dropdown-menu .dropdown-item-text {
  cursor: pointer;
}
.subMenuDropdown .dropdown-submenu-container .dropdown-menu {
  position: static;
  float: none;
  background-color: #ffffff;
  width: unset;
  margin: 0 auto;
  border-radius: 5px;
  padding: 0;
  max-height: 220px;
  overflow-y: scroll;
  margin: 0 20px !important;
  margin-bottom: 20px !important;
}
.subMenuDropdown .dropdown-submenu-container .dropdown-menu .dropdown-item {
  font-size: 0.875rem;
  line-height: 18.2px;
  font-family: "DMSansNormal";
  color: #444444;
  padding: 10px 17px;
  border-bottom: 1px solid #e7e7e7;
}
.subMenuDropdown .dropdown-submenu-container .dropdown-menu .dropdown-item:last-child {
  border-bottom: unset;
}
.subMenuDropdown .dropdown-submenu-container .dropdown-menu .dropdown-item-text {
  font-size: 1rem;
  font-family: "DMSansMedium";
  border-bottom: 1px solid #e7e7e7;
  white-space: break-spaces;
}
.subMenuDropdown .dropdown-submenu-container .dropdown-menu .dropdown-item-text:last-child {
  border-bottom: unset;
}
.subMenuDropdown .dropdown-submenu-container .dropdown-menu::-webkit-scrollbar {
  width: 2px !important;
  height: 0px !important;
}
.subMenuDropdown .dropdown-submenu-container .dropdown-menu::-webkit-scrollbar-track {
  height: 0px !important;
  width: 2px;
}
.subMenuDropdown .dropdown-submenu-container .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #03002f;
  height: 0px !important;
  width: 2px !important;
}
.subMenuDropdown .dropdown-submenu-container .dropdown-item.dropdown-submenu.dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subMenuDropdown.equity-drp-bigicon .dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 120%;
}
.subMenuDropdown.equity-drp-bigicon .dropdown .dropdown-toggle::after {
  font-size: 0.938rem;
}
.subMenuDropdown .dropdown.show > .dropdown-toggle::after {
  transform: rotateZ(180deg);
}

@media (max-width: 767px) {
  .subMenuDropdown .dropdown-toggle::after {
    content: "\e911" !important;
    font-family: "edel_icon" !important;
    border: none;
    color: #03002f;
    vertical-align: middle;
    font-weight: bolder;
  }
  .subMenuDropdown .dropdown-menu.show::before {
    content: "";
    border-top: 0;
    border-right: 0.5em solid transparent;
    border-bottom: 0.5em solid #f2f2f5;
    border-left: 0.5em solid transparent;
    position: absolute;
    top: -7px;
  }
  .subMenuDropdown .dropdown-menu {
    background-color: #f2f2f5;
    border-radius: 0;
    border: unset;
    padding: 0;
    padding-top: 20px;
    margin-left: -50% !important;
    margin-top: 5px !important;
  }
  .subMenuDropdown .dropdown-submenu-container .dropdown-submenu:after {
    content: "\e911" !important;
    font-family: "edel_icon" !important;
  }
  .subMenuDropdown .dropdown-submenu-container .dropdown-menu {
    position: static;
    float: none;
    background-color: #ffffff;
    width: unset;
    margin: 0 auto;
    border-radius: 5px;
    padding: 0;
    max-height: 220px;
    overflow-y: scroll;
    margin-bottom: 20px !important;
  }
  .subMenuDropdown .dropdown-submenu-container .dropdown-menu .dropdown-item {
    font-size: 0.688rem;
    line-height: 18.2px;
    font-family: "DMSansNormal";
    white-space: normal;
  }
  .subMenuDropdown .dropdown-submenu-container .dropdown-menu .dropdown-item:last-child {
    border-bottom: unset;
  }
  .subMenuDropdown .dropdown-submenu-container .dropdown-item.dropdown-submenu.dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}#callput-tableblock {
  margin-bottom: 50px;
}
@media (max-width: 1023px) {
  #callput-tableblock {
    margin-bottom: 20px;
  }
}
@media (max-width: 1023px) {
  #callput-tableblock .marketgroup {
    padding-right: unset !important;
    padding-left: unset !important;
  }
}
#callput-tableblock .marketgroup .marketCard {
  padding: 0;
}
#callput-tableblock .marketgroup .marketCard .marketcardhead {
  padding: 20px 22px 0px 15px !important;
}
#callput-tableblock .marketgroup .marketCard .marketcardfoot {
  padding: 0px 20px 20px 0px !important;
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
  color: #0b243a;
  display: flex;
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftmain1 strong {
  font-family: "DMSansBold";
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftmain1 .mk-card-topright {
  margin-left: 15px;
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftmain {
  color: #0b243a;
  font-family: "DMSansNormal";
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftmain strong {
  font-family: "DMSansBold";
  font-size: 1.375rem;
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftsub {
  display: flex;
  align-items: center;
  font-family: "DMSansMedium";
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftsub span {
  margin-left: 10px;
  color: #03002f;
}

@media screen and (min-width: 1024px) {
  #callput-tableblock .marketcardbody {
    padding-top: 20px !important;
    padding-bottom: 0px;
  }
  #callput-tableblock .generic-tabs .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #03002f;
  }
  .callput-tabs {
    margin-top: -85px;
  }
  .callput-tabs .nav-tabs {
    display: flex;
    justify-content: end;
    padding-bottom: 34px !important;
  }
  .callput-tabs .nav-tabs .nav-item:last-child {
    padding-right: 15px;
  }
  .callput-tabs .nav-tabs .nav-item:last-child .nav-link {
    padding-right: 0px;
  }
}
@media screen and (max-width: 768px) {
  .callput-tabs.generic-tabs {
    position: relative;
  }
  .callput-tabs.generic-tabs .nav-tabs {
    height: 33px;
    border-bottom: 1px solid #e7e7e7 !important;
    flex-direction: column;
  }
  .callput-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
    font-family: "DMSansMedium";
    color: #03002f;
    border-bottom: 2px solid #03002f;
  }
}
@media (min-width: 768px) {
  .optionchain-dropdown-tile {
    margin-right: 40px;
  }
}

.call-puttable-mainblock {
  padding: 0px 0px 0px !important;
}
@media (max-width: 1023px) {
  .call-puttable-mainblock {
    padding: 25px 15px 0px !important;
  }
}
@media (max-width: 768px) {
  .call-puttable-mainblock {
    padding: 15px 10px 0px !important;
  }
}

.mgr-10 {
  margin-right: 10px;
}

.bottomscrollposition {
  position: relative;
  top: 20px;
}
@media (max-width: 768px) {
  .bottomscrollposition {
    top: 20px;
  }
}

.scroll-to-top-button {
  background-color: #03002f;
  padding: 10px 8px;
  width: 108px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #ffffff;
  border: none !important;
  border-radius: 5px;
  position: absolute;
  z-index: 2;
}

.callputpriceblock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 30px 15px;
}
@media (max-width: 768px) {
  .callputpriceblock {
    display: block;
    padding: 20px 15px 0px 15px;
  }
}
.callputpriceblock .price-left,
.callputpriceblock .price-right {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .callputpriceblock .price-left {
    align-items: flex-start;
    justify-content: space-between;
  }
}
.callputpriceblock .price-left .price-left-tile:nth-child(2) {
  margin-left: 60px;
}
@media (max-width: 768px) {
  .callputpriceblock .price-left .price-left-tile:nth-child(2) {
    margin-left: unset;
    text-align: right;
  }
}
.callputpriceblock .price-left-tile-text {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 130%;
  color: #727271;
}
@media (max-width: 768px) {
  .callputpriceblock .price-left-tile-text {
    font-family: "DMSansMedium";
    font-size: 0.75rem;
  }
}
.callputpriceblock .price-left-tile-text span {
  font-size: 0.75rem;
  color: #b8b8b8;
}
@media (max-width: 768px) {
  .callputpriceblock .price-left-tile-text span {
    font-size: 0.625rem;
  }
}
.callputpriceblock .price-left-tile-value {
  font-family: "RobotoRegular";
  font-size: 1rem;
  color: #444444;
  margin-top: 4px;
}
@media (max-width: 768px) {
  .callputpriceblock .price-left-tile-value {
    display: flex;
    flex-direction: column;
    line-height: 130%;
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .callputpriceblock .price-left-tile-value .ltp {
    margin-top: 10px;
    margin-bottom: 2px;
  }
}
.callputpriceblock .price-left-tile-value .ltp {
  font-size: 1rem;
  font-family: "RobotoRegular";
}
.callputpriceblock .price-left-tile-value .change-green {
  color: #179d55;
}
.callputpriceblock .price-right {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 140%;
}
@media (max-width: 768px) {
  .callputpriceblock .price-right {
    margin-top: 20px;
    font-size: 0.75rem;
  }
}
.callputpriceblock .price-right .price-right-text {
  color: #b8b8b8;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.callputpriceblock .price-right .equity-dropdown-block:nth-child(2) {
  margin-left: 10px;
}
.callputpriceblock .price-right .equity-dropdown-block:nth-child(3) {
  margin-left: 30px;
}
.callputpriceblock .price-right .equity-dropdown-block {
  color: #737373;
}
.callputpriceblock .price-right .equity-dropdown-block .equitydrop {
  padding: 5px 10px !important;
}
@media (max-width: 768px) {
  .callputpriceblock .price-right .equity-dropdown-block .equitydrop {
    display: flex;
    align-items: center;
    padding: 5px 8px !important;
  }
}
.callputpriceblock .price-right .equity-dropdown-block i.edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}

.callput-mobdateblock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 15px 0px;
}
.callput-mobdateblock .equitydrop i {
  color: #03002f;
}
.callput-mobdateblock .mobdate-text {
  display: flex;
  align-items: center;
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.callput-mobdateblock .mobdate-text span {
  margin-left: 10px;
  color: #03002f;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}

span[data-attr="Short Bldp"],
span[data-attr="Long Unwndg"] {
  color: #f04e45;
}

.optionChainContainer p {
  margin: 0;
}
.optionChainContainer.container {
  padding: 0 0;
}
.optionChainContainer .tableHead {
  background-color: #f2f2f5;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px;
  height: 36px;
  cursor: pointer;
}
.optionChainContainer .tableHead p {
  font-size: 0.75rem;
  font-family: "DMSansBold";
}
@media (max-width: 768px) {
  .optionChainContainer .tableHead p {
    font-size: 0.75rem;
    font-family: "DMSansMedium";
  }
}
.optionChainContainer .tableHead p {
  line-height: 15px;
  color: #0b243a;
  margin-left: 3px;
  margin-right: 3px;
  white-space: nowrap;
}
.optionChainContainer .tableHead i::before {
  font-size: 0.625rem;
  font-weight: 100;
  color: #03002f;
  position: relative;
  top: -2px;
}
.optionChainContainer .tableHead .edel-icon-left-shortArrow.rotateRight {
  transform: rotate(180deg);
  display: block;
}
.optionChainContainer .tableHead .edel-icon-right-arrow.rotateLeft {
  transform: rotate(-180deg);
}
.optionChainContainer .tableHead .edel-icon-left-arrow::before {
  font-weight: bold !important;
}

.callput table,
.securities-banblock table {
  border-spacing: 0 0;
  margin: 0 0;
  width: 100%;
}
.callput table tbody .higlighted-tr,
.securities-banblock table tbody .higlighted-tr {
  background-color: #fffbec;
}
.callput table tbody td:first-child,
.securities-banblock table tbody td:first-child {
  border-left: 1px solid #e7e7e7;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  vertical-align: middle;
}
.callput table tbody td:last-child,
.securities-banblock table tbody td:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.callput table th,
.securities-banblock table th {
  border: 1px solid #e7e7e7;
  text-align: center;
  vertical-align: middle;
  height: 49px;
  padding: 0 10px;
}
.callput table th p,
.securities-banblock table th p {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  line-height: 12.5px;
  color: #727271;
}
.callput table td,
.securities-banblock table td {
  border: 1px solid #e7e7e7;
  text-align: center;
  height: 49px;
  padding: 0px 10px;
}
.callput table td p,
.securities-banblock table td p {
  font-size: 0.75rem;
  font-family: "RobotoMedium";
  line-height: 16.8px;
  color: #727271;
}
.callput table .change-red,
.securities-banblock table .change-red {
  font-size: 0.625rem;
  font-family: "RobotoMedium";
  line-height: 12.5px;
  color: #dd504d;
  margin-bottom: 5px;
}
.callput table .change-green,
.securities-banblock table .change-green {
  font-size: 0.625rem;
  font-family: "RobotoMedium";
  line-height: 12.5px;
  color: #51b255;
  margin-bottom: 5px;
}

.optionScroll {
  width: 100%;
  overflow-x: scroll;
  position: relative;
}
.optionScroll::-webkit-scrollbar {
  display: none;
}
.optionScroll {
  /* Track */
}
.optionScroll::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 60px;
}
.optionScroll {
  /* Handle */
}
.optionScroll::-webkit-scrollbar-thumb {
  background-color: transparent;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  width: 100px;
}
.optionScroll.rightToLeft {
  direction: rtl;
}
.optionScroll.leftToRight {
  direction: ltr;
}

.width-fix {
  width: 46%;
}
@media (max-width: 1023px) {
  .width-fix {
    width: 40%;
  }
}

.width-full {
  width: 100%;
}
@media (max-width: 1023px) {
  .width-full {
    width: 80%;
  }
}
.width-full table tr td,
.width-full table tr th {
  width: 153px !important;
}

.optionTable {
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .optionTable::-webkit-scrollbar {
    width: 3px !important;
  }
  .optionTable {
    /* Track */
  }
  .optionTable::-webkit-scrollbar-track {
    background: transparent;
  }
  .optionTable {
    /* Handle */
  }
  .optionTable::-webkit-scrollbar-thumb {
    background: #03002f !important;
  }
  .optionTable .tableHead {
    top: 0px;
    z-index: 6;
  }
  .optionTable .optionScroll table {
    margin-bottom: 15px;
  }
  .optionTable .optionScroll table thead th {
    top: 0px;
  }
}

.optionTable_call.optionTable_call_firstLeft table tbody {
  display: block;
}
.optionTable_call.optionTable_call_firstLeft table tbody tr td {
  min-width: 105px;
  direction: ltr;
}
.optionTable_call.optionTable_call_firstLeft table thead {
  display: block;
}
.optionTable_call.optionTable_call_firstLeft table thead th {
  min-width: 105px;
  direction: ltr;
}

.optionTable_put table thead {
  display: block;
}
.optionTable_put table thead th {
  min-width: 105px;
}
.optionTable_put table tbody {
  display: block;
}
.optionTable_put table tbody tr td {
  min-width: 105px;
}

.highlightedSpotPrice_data {
  background-color: #f2f2f5 !important;
  position: relative;
  box-shadow: unset;
}
.highlightedSpotPrice_data td {
  height: 37px !important;
  padding: 0 0;
  border: unset;
  border-top: 1px solid #f2f2f5;
  border-bottom: 1px solid #f2f2f5;
}
.highlightedSpotPrice_data td:last-child {
  border: unset;
}
.highlightedSpotPrice_data td .highlightedSpotPrice {
  background-color: #f2f2f5;
  padding: 0;
  text-align: center;
  left: -17%;
  top: 10%;
  z-index: 8;
  height: 35px;
}
.highlightedSpotPrice_data td .highlightedSpotPrice h6 {
  color: #b8b8b8;
  font-size: 0.75rem;
  line-height: 15.6px;
  font-family: "DMSansNormal";
  margin: 0;
}
.highlightedSpotPrice_data td .highlightedSpotPrice h6 strong {
  color: #1b1b1b;
}
.highlightedSpotPrice_data#referenceRow2 td .highlightedSpotPrice {
  display: flex;
  align-items: center;
  justify-content: center;
}

.optionTable_strikePrice {
  width: 8%;
}
@media (max-width: 1023px) {
  .optionTable_strikePrice {
    width: 25%;
  }
}
.optionTable_strikePrice table thead th {
  box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.04), -12px 0 8px -4px rgba(0, 0, 0, 0.05);
}
.optionTable_strikePrice table tbody tr {
  box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.04), -12px 0 8px -4px rgba(0, 0, 0, 0.05);
}
.optionTable_strikePrice table tbody tr td {
  font-size: 0.75rem;
  line-height: 16.8px;
  color: #1b1b1b;
  font-family: "RobotoRegular";
  border: unset;
  border-bottom: 1px solid #f2f2f5;
}
.optionTable_strikePrice .strikePrice-table {
  position: relative;
}
.optionTable_strikePrice .strikePrice-table.overscroll-500 {
  overflow-x: hidden;
}
.optionTable_strikePrice .strikePrice-table::-webkit-scrollbar {
  width: 0px !important;
}
.optionTable_strikePrice .strikePrice-table {
  /* Track */
}
.optionTable_strikePrice .strikePrice-table::-webkit-scrollbar-track {
  background: transparent;
}
.optionTable_strikePrice .strikePrice-table {
  /* Handle */
}
.optionTable_strikePrice .strikePrice-table::-webkit-scrollbar-thumb {
  background: #768194;
}
.optionTable_strikePrice .strikePrice-table thead {
  position: sticky;
  top: 0px;
  background-color: #ffffff;
  z-index: 1;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 17px;
  cursor: pointer;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child .inputField-main {
  display: flex;
  justify-content: center;
  align-items: center;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child .inputField-icon {
  font-size: 0.563rem;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child .inputField .form-control {
  border: 0px !important;
  padding: 0px !important;
  font-size: 0.85rem !important;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child .inputField .form-control::-ms-input-placeholder {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child .inputField .form-control::placeholder {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child p {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child p .edel-icon-search {
  font-size: 1.188rem;
  color: #03002f;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child .edel-icon-search {
  font-size: 1.188rem;
  color: #03002f;
}
.optionTable_strikePrice .strikePrice-table table tr td {
  font-size: 0.75rem;
  font-family: "RobotoBold";
  color: #1b1b1b;
  border: 1px solid #f2f2f5;
  pointer-events: none !important;
}

.optionChain_progress {
  position: relative;
  top: 4px;
}
.optionChain_progress .optionChain_progressBar {
  height: 4px;
}
.optionChain_progress .optionChain_progressBar .progress {
  height: 4px !important;
  margin-bottom: 0;
  background-color: #e7e7e7 !important;
}
.optionChain_progress .optionChain_progressBar .progress .progress-bar {
  background-color: #1c9ad6;
}

.optionChainContainer--oiCharts .row {
  padding: 10px;
  padding-top: 0;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row {
    padding: 0px 0px 20px;
    margin: 0px;
  }
}
.optionChainContainer--oiCharts .row .col-md-4 {
  padding: 0;
}
.optionChainContainer--oiCharts .row .col-md-4 .marketgroup {
  height: 100%;
  padding: 0 !important;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts-dropdown {
  margin-bottom: 20px;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts-dropdown .checkboxWrap .checkbox .form-check {
  display: flex;
  align-items: center;
  padding: 0;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts-dropdown .checkboxWrap .checkbox .form-check-label {
  font-size: 0.75rem;
  line-height: 15.6px;
  color: #444444;
  font-weight: 500;
  font-family: "DMSansNormal";
  padding-left: 10px;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_barHead {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: 15.6px;
  color: #727271;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_barHead {
    font-size: 0.75rem;
    font-family: "DMSansMedium";
    color: #727271;
  }
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_barSubHead {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
  line-height: 18.2px;
  text-align: left;
  color: #060f1f;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_barSubHead {
    font-size: 0.75rem;
    font-family: "RobotoRegular";
    font-weight: 600;
    color: #444444;
  }
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain {
  margin-bottom: 20px;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .chartform-check {
  display: flex;
  align-items: baseline;
  gap: 0px;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain {
    margin-bottom: 15px;
  }
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .chartform-check {
    align-items: center;
  }
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .chartform-check-input {
  height: 18px;
  width: 18px;
  margin-top: unset;
  border-radius: 4px;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .chartform-check-input:before {
  font-size: 1.25rem;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .form-check-label {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  color: #444444;
  vertical-align: top;
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .form-check-label {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    color: #444444;
    vertical-align: middle;
  }
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .chartform-check-input {
    height: 20px;
    width: 20px;
    margin-top: unset;
  }
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .chartform-check-input:before {
    font-size: 1.25rem;
  }
}
.optionChainContainer--oiCharts .row .col-md-4 .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  font-weight: 600;
  line-height: 25.2px;
}
.optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-barSeries .marketgroup .marketCard {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-barSeries .marketgroup .marketCard {
    margin-bottom: unset;
    border-bottom: none;
    border-top: none;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
}
.optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-posNegative .marketgroup .marketCard {
  border-radius: unset !important;
  border-left: unset;
  border-right: unset;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-posNegative .marketgroup .marketCard {
    border: 1px solid #e7e7e7;
    border-bottom: none;
    margin-bottom: unset;
  }
}
.optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-vertical .marketgroup .marketCard {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
@media (min-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-vertical .marketgroup .marketCard {
    border-bottom-left-radius: 0 !important;
  }
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-vertical .marketgroup .marketCard {
    border: 1px solid #e7e7e7;
    border-bottom: none;
    margin-bottom: unset;
  }
}
@media (max-width: 768px) {
  .optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-vertical .card-group .card {
    margin-bottom: 0px !important;
    border-bottom: 1px solid #e7e7e7;
  }
}
.optionChainContainer--oiCharts .oiCharts-head {
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .oiCharts-head {
    margin-bottom: unset;
    padding: 20px 15px 0px;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-bottom: unset;
    display: block !important;
  }
}
.optionChainContainer--oiCharts .oiCharts-head .head {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
  line-height: 39.2px;
  color: #03002f;
}
.optionChainContainer--oiCharts .oiCharts-head .head strong {
  font-family: "DMSansBold";
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .oiCharts-head .head {
    padding-bottom: 15px;
    font-size: 1.375rem;
  }
}
.optionChainContainer--oiCharts .oiCharts-head .date {
  color: #b8b8b8;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansMedium";
  padding-right: 5px;
}
.optionChainContainer--oiCharts path.highcharts-point.highcharts-color-3 {
  fill: #ff6b00;
}
.optionChainContainer--oiCharts .rightLeftBorder {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.optionChainContainer--oiCharts g.highcharts-axis.highcharts-yaxis {
  display: none;
}

.barSeriesChat {
  position: relative;
}

.oiPrice {
  position: absolute;
  bottom: 10%;
  right: 5%;
}

@media (max-width: 760px) {
  .callput .container {
    padding: 0px !important;
  }
}
.callput .marketgroup .marketcardhead .mk-card-topleftsub {
  margin-top: 8px;
}

@media (max-width: 1023px) {
  .oi-charts-tiles .optionChainContainer--oiCharts-barSeries .card-group .card,
  .oi-charts-tiles .optionChainContainer--oiCharts-posNegative .card-group .card {
    margin-bottom: 0px !important;
    border-bottom: none;
    border-radius: 0px !important;
    padding: 20px 15px 15px;
  }
}

@media (max-width: 1023px) {
  .oi-charts-tiles .optionChainContainer--oiCharts-barSeries .card-group .card {
    border-top: 0px !important;
  }
}
@media (max-width: 1023px) {
  .oi-charts-tiles .optionChainContainer--oiCharts-vertical .card-group .card {
    border-radius: 0px !important;
  }
}

@media (max-width: 1023px) {
  .optionchain-dropdown-tile-block {
    justify-content: space-between;
  }
}
.optionchain-dropdown-tile-block .equity-dropdown-block .equitydrop .edel-icon-arrow-down:before {
  content: "\e911";
  color: #03002f;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .optionchain-dropdown-tile-block .equity-dropdown-block .equitydrop .edel-icon-arrow-down:before {
    font-size: 0.875rem;
  }
}

.gap-47 {
  gap: 47px;
}

.option-tool {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  width: 269px;
  margin-left: 15px;
  min-height: 200px;
  overflow-y: scroll;
  z-index: 1;
}
@media (max-width: 1023px) {
  .option-tool {
    width: 100%;
    margin-left: 0px;
    border: none;
  }
}
.option-tool ul {
  padding: 0px;
}
.option-tool ul li:not(:first-child) {
  border-top: 1px solid #e7e7e7;
}

.optionchain-vector::before {
  font-size: 0.875rem !important;
}

.optionScroll table tbody tr {
  cursor: pointer;
}
.overscroll-500 {
  max-height: 800px;
  min-height: 500px;
  overflow: scroll;
}
.overscroll-500::-webkit-scrollbar {
  width: 3px !important;
}
.overscroll-500 {
  /* Track */
}
.overscroll-500::-webkit-scrollbar-track {
  background: transparent;
}
.overscroll-500 {
  /* Handle */
}
.overscroll-500::-webkit-scrollbar-thumb {
  background: #03002f;
}
.overscroll-500.strikePrice-table thead {
  pointer-events: unset !important;
  cursor: pointer;
}
.overscroll-500.strikePrice-table tbody tr td {
  pointer-events: none !important;
}
.overscroll-500.strikePrice-table .optionTable_strikePrice--tbody tr:last-child td {
  padding: 10px 10px 20px;
}
.overscroll-500.strikePrice-table::-webkit-scrollbar {
  width: 0px !important;
}
.overscroll-500.strikePrice-table {
  /* Track */
}
.overscroll-500.strikePrice-table::-webkit-scrollbar-track {
  background: transparent;
}
.overscroll-500.strikePrice-table {
  /* Handle */
}
.overscroll-500.strikePrice-table::-webkit-scrollbar-thumb {
  background: #768194;
}

.optionScroll {
  width: 100%;
  overflow-x: scroll;
  position: relative;
}
.optionScroll::-webkit-scrollbar {
  width: 10px;
}
.optionScroll {
  /* Track */
}
.optionScroll::-webkit-scrollbar-track {
  background-color: #efefef;
  border-radius: 60px;
}
.optionScroll {
  /* Handle */
}
.optionScroll::-webkit-scrollbar-thumb {
  background: #03002f;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  width: 100px;
}
.optionScroll.rightToLeft {
  direction: rtl;
}
.optionScroll.leftToRight {
  direction: ltr;
}

.arrow {
  opacity: 0;
  transition: opacity 0.5s ease;
  cursor: pointer;
}

.arrow.visible {
  opacity: 1;
}

.padding-strice-custom {
  padding: 17px 10px !important;
}

.option-chain-tool-section .optionScroll table {
  margin: 0px auto !important;
}
.option-chain-tool-section .optionScroll table tr:last-child td {
  padding-bottom: 27px !important;
  border-bottom: none !important;
}
.option-chain-tool-section .overscroll-500.strikePrice-table thead {
  pointer-events: unset !important;
  cursor: pointer;
}
.option-chain-tool-section .overscroll-500.strikePrice-table tbody tr {
  pointer-events: none;
}
.option-chain-tool-section .overscroll-500.strikePrice-table tbody tr td {
  pointer-events: none;
}
.option-chain-tool-section .overscroll-500.strikePrice-table .optionTable_strikePrice--tbody {
  pointer-events: none !important;
}
.option-chain-tool-section .overscroll-500.strikePrice-table .optionTable_strikePrice--tbody tr:last-child td {
  padding: 10px 10px 30px !important;
}.understanding-section-mkt {
  background: #ffffff;
  margin: 50px 0;
}
.understanding-section-mkt-heading {
  width: 342px;
  height: 46px;
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  line-height: 39px;
  color: #0b243a;
  margin-bottom: 40px;
}
.understanding-section-mkt-sectionwise-distribution {
  margin: 50px 0;
  font-family: "DMSansNormal";
  font-style: normal;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head {
  display: flex;
  justify-content: space-between;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head .category-heading {
  font-family: "DMSansBold";
  font-size: 1.375rem;
  line-height: 31px;
  color: #444444;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head .back-to-section {
  font-family: "DMSansMedium";
  font-size: 16px;
  line-height: 22px;
  color: #03002f;
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-body {
  margin-top: 20px;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 140%;
  color: #727271;
  max-width: 85%;
  text-align: left;
}
.understanding-section-mkt-showall {
  display: flex;
  justify-content: center;
  align-items: center;
}
.understanding-section-mkt-showall button {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #03002f;
  line-height: 22px;
  color: #03002f;
  border: none;
  background-color: transparent;
}

.mob-understanding-section-mkt {
  background: #ffffff;
  padding-bottom: 25px;
  margin-top: 20px;
  padding: 10px;
}
.mob-understanding-section-mkt-heading {
  height: 28px;
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
  margin-bottom: 0px;
  padding: 15px 0 20px 0;
}
.mob-understanding-section-mkt-sectionwise-distribution {
  border-top: 1px solid #e7e7e7;
  margin: 20px 0;
  padding-top: 20px;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head {
  display: flex;
  justify-content: space-between;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .category-heading {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
  line-height: 22px;
  color: #444444;
  max-width: 80%;
  font-family: "DMSansBold";
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section {
  width: 30px;
  height: 30px;
  background-color: #f2f2f5;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section i {
  color: #03002f;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section .edel-icon-arrow-down {
  font-size: 1.375rem;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section .edel-icon-arrow-down.down {
  transform: rotate(180deg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-body {
  font-weight: 500;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #727271;
  max-width: 90%;
  text-align: left;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-footer {
  margin: 15px 0 20px 0;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-footer .back-to-section {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 22px;
  color: #03002f;
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}:root {
  font-size: 16px;
}

.support-drop {
  width: 267px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 4px;
  color: #444444;
  z-index: 999;
  position: absolute;
  top: 50px;
  padding: 15px 14px 0px;
}
@media (max-width: 1200px) {
  .support-drop {
    padding: 1.5%;
  }
}
.support-drop ul {
  padding-left: 0;
}
.support-drop .contact-support {
  width: 239px;
  height: 127px;
  background-color: #f0f9ff;
  padding: 24px 17px 17px;
}
.support-drop .contact-support-call {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  margin-bottom: 4px;
}
.support-drop .contact-support-call img {
  width: 14px;
  height: 14px;
  margin-top: 5px;
}
.support-drop .contact-support-call p {
  width: 154px;
  height: 44px;
  font-family: "EncodeSansMedium";
  font-size: 1rem;
  line-height: 22px;
  color: #444444;
}
.support-drop .contact-support-call-timing {
  font-weight: 400;
}
.support-drop .contact-support-mail {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  margin-bottom: 1px;
}
.support-drop .contact-support-mail img {
  width: 17.91px;
  height: 12.87px;
  align-self: center;
  margin-bottom: 15px;
}
.support-drop .contact-support-mail p {
  width: 169px;
  height: 22px;
  font-family: "EncodeSansMedium";
  font-size: 1rem;
  line-height: 21px;
  color: #444444;
}
.support-drop .contact-support-mail p br {
  display: none;
}
.support-drop-menu-item {
  display: flex;
  gap: 12px;
  width: 212px;
  padding: 10px 0px 5px 17px !important;
  justify-content: flex-start;
  font-family: "Encode Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
}
.support-drop-menu-item p {
  margin-bottom: 0px;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  color: #444444;
  line-height: 39.76px;
  font-size: 0.875rem;
}
.support-drop-menu-item#locate-us {
  border-bottom: none;
}
.support-drop-menu-item-underline {
  border-bottom: 1px solid #e7e7e7;
  height: 0;
  width: 85%;
  margin-left: 10px;
}

.login-dropdown {
  width: 395px;
  padding: 0;
  right: 0%;
  top: 80px;
  background: #ffffff;
  border-width: 1px solid #e7e7e7;
  border-radius: 5px;
  position: fixed;
}
.login-dropdown .drawer-header {
  display: none;
}

@media (max-width: 768px) {
  .support-drop {
    right: 10px;
  }
  .support-drop .contact-support-call p {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .support-drop {
    right: 10px;
    width: 60%;
  }
  .support-drop .contact-support {
    width: 100%;
  }
  .support-drop .contact-support-call p {
    width: 100%;
  }
}
@media (max-width: 374px) {
  .support-drop {
    height: 265px;
  }
  .support-drop .contact-support p {
    font-size: 0.813rem;
  }
  .support-drop .contact-support-call {
    width: 100%;
  }
  .support-drop .contact-support-mail p br {
    display: block;
  }
  .support-drop-menu-item {
    width: 85%;
  }
  .support-drop-menu-item p {
    font-family: "encodesans_normal";
    font-size: 0.75rem;
    color: #444444;
  }
}
@media (min-width: 1850px) {
  .support-drop {
    padding: 0.7%;
  }
}
.loginregister-drawer .edel-icon-arrow-right1:before {
  color: #f04e45 !important;
  font-size: 15px !important;
}
.loginregister-drawer .login-box-content {
  padding: 15px;
  border-radius: 10px;
  background-color: #e1e0f8;
  color: #292663;
}
.loginregister-drawer .login-box-content:hover {
  background-color: #292663;
  border-color: #cdcdee;
  color: #ffffff;
}
.loginregister-drawer .login-box-content:hover .edel-icon-client-login:before {
  color: #ffffff !important;
}
.loginregister-drawer .txt-red-pastel-hover {
  color: #f04e45;
}
.loginregister-drawer .txt-red-pastel-hover:hover {
  color: #f36f68;
}
.loginregister-drawer .txt-red-pastel-hover .edel-icon-arrow-right1:before {
  font-size: 15px !important;
}
.loginregister-drawer .nuvama-partner-content {
  color: #292663;
}
.loginregister-drawer .nuvama-partner-content:hover {
  color: #878edd;
}
.loginregister-drawer .nuvama-partner-content .edel-icon-wealth-briefcase:before {
  color: #292663;
}
.loginregister-drawer .nuvama-partner-content .edel-icon-nuvama-partner:before {
  color: #292663;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
.client-event-calendar-container .date-height {
  height: 20px;
}
@media (max-width: 768px) {
  .client-event-calendar-container {
    width: inherit;
    height: 32px;
  }
}
.client-event-calendar-container .rbcColor .rbc-today {
  background-color: #ffffff !important;
}
.client-event-calendar-container .event-holder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding-left: 10px;
  font-family: "DMSansNormal";
}
.client-event-calendar-container .event-holder::before {
  content: "";
  height: 15px;
  width: 3px;
  display: block;
  position: absolute;
  bottom: 5px;
  left: 0px;
}
.client-event-calendar-container div[data-attr=Bonus].event-holder {
  color: #00b274 !important;
}
.client-event-calendar-container div[data-attr=Bonus].event-holder::before {
  background-color: #00b274;
}
.client-event-calendar-container div[data-attr=Bonus] i {
  color: #00b274 !important;
}
.client-event-calendar-container div[data-attr=Split].event-holder {
  color: #f04e45 !important;
}
.client-event-calendar-container div[data-attr=Split].event-holder::before {
  background-color: #f04e45;
}
.client-event-calendar-container div[data-attr=Split] i {
  color: #f04e45 !important;
}
.client-event-calendar-container div[data-attr=Results].event-holder {
  color: #03002f !important;
}
.client-event-calendar-container div[data-attr=Results].event-holder::before {
  background-color: #03002f;
}
.client-event-calendar-container div[data-attr=Results] i {
  color: #03002f !important;
}
.client-event-calendar-container div[data-attr=Rights].event-holder {
  color: #1c9ad6 !important;
}
.client-event-calendar-container div[data-attr=Rights].event-holder::before {
  background-color: #1c9ad6;
}
.client-event-calendar-container div[data-attr=Rights] i {
  color: #1c9ad6 !important;
}
.client-event-calendar-container div[data-attr=BuyBack].event-holder {
  color: #f7943e !important;
}
.client-event-calendar-container div[data-attr=BuyBack].event-holder::before {
  background-color: #f7943e;
}
.client-event-calendar-container div[data-attr=BuyBack] i {
  color: #f7943e !important;
}
.client-event-calendar-container div[data-attr=Others].event-holder,
.client-event-calendar-container div[data-attr=Dividend].event-holder {
  color: #ff9900 !important;
}
.client-event-calendar-container div[data-attr=Others].event-holder::before,
.client-event-calendar-container div[data-attr=Dividend].event-holder::before {
  background-color: #ff9900;
}
.client-event-calendar-container div[data-attr=Others] i,
.client-event-calendar-container div[data-attr=Dividend] i {
  color: #ff9900 !important;
}
.client-event-calendar-container .custom-toolbar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 150px;
}
.client-event-calendar-container .custom-toolbar .event-cards-holder {
  display: flex;
  gap: 25px;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.client-event-calendar-container .custom-toolbar .calendar-date-actions {
  display: flex;
  align-items: center;
  gap: 25px;
}
.client-event-calendar-container .calendar-actions-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.client-event-calendar-container .calendar-actions-container .action-bubbles {
  width: 70%;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .filter-icon-red .filter-selected {
  background: #dd504d;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  right: 14px;
  top: 12px;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .bg-midnight-blue .filter-selected {
  right: 23px !important;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .search-input {
  position: relative;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .search-input .event-calendar-search {
  display: flex;
  align-items: center;
  background-color: #f2f2f5;
  border-radius: 5px;
  height: 44px;
  width: 330px !important;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .search-input .event-calendar-search .common-search-bar {
  width: 330px;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .search-input .event-calendar-search .open-search {
  width: 330px;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .search-input .event-calendar-search input {
  background-color: inherit;
  border: none;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .search-input .event-calendar-search .edel-icon-left-arrow {
  font-size: 11px;
  font-weight: 700;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .search-input .event-searchList {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  width: 330px !important;
  margin-left: 0px !important;
  min-height: 100px !important;
  max-height: 205px !important;
  overflow-y: scroll;
  z-index: 5 !important;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .search-input .search-result-container {
  position: absolute;
  width: 100%;
  min-height: 30px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  padding: 15px 10px 10px 5px;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .search-input .search-result-container .search-result {
  padding: 8px 15px 8px 10px;
  color: #444444;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .search-input .search-result-container .search-result:hover {
  background-color: #f2f2f5;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .event-filters .filterasset-drop-footer .clear_all {
  padding: 12px;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .event-filters .filterasset-drop-body .event-calendar-date-filter {
  margin-top: -31px !important;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .event-filters .filterasset-drop-body .common-checkbox-custom {
  margin-bottom: 5px;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .event-filters .filterasset-drop-body .common-checkbox-custom .radio_btn {
  accent-color: #03002f !important;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .event-filters .filterasset-drop-body .bodylist-title {
  margin-left: 10px;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .filter-wrapper {
  height: 50px;
  width: 50px;
  border-radius: 5px;
  background-color: #f2f2f5;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .filter-wrapper.position-relativetxt_white {
  color: #f2f2f5 !important;
}
.client-event-calendar-container .calendar-actions-container .filter-search-wrapper .event-filters {
  top: 28px;
}
.client-event-calendar-container .calendar-actions-container .filters-tag {
  padding: 0;
}
.client-event-calendar-container .calendar-actions-container .filters-tag .tag-container {
  cursor: default;
  border: none;
  background-color: #f2f2f5;
}
.client-event-calendar-container .calendar-actions-container .filters-tag .ed-filter-label-text {
  color: #727271;
  font-family: "DMSansMedium";
  line-height: normal;
}
.client-event-calendar-container .calendar-actions-container .filters-tag .edel-icon-close {
  cursor: pointer;
  color: #03002f;
  font-weight: 700;
}

.event-calendar-filter .filterasset-drop-body {
  max-height: 320px !important;
}

.calendar-filter .generic-tabs .nav-tabs .nav-item {
  width: 50%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
}
.calendar-filter .generic-tabs .nav-tabs .nav-item button {
  padding: 10px;
}
.calendar-filter .generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #03002f;
  width: 100%;
}
.calendar-filter .filterasset-drop-body {
  margin: 0px;
}

.rights + .accordion-collapse .common-table-border table tr th,
.rights + .accordion-collapse .common-table-border table tr td {
  text-wrap: nowrap;
}

.primary-event-card-container {
  border-radius: 5px;
  padding: 10px 18px;
  width: inherit;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.primary-event-card-container.bonus-issue {
  background-color: #ccf0e3;
}
.primary-event-card-container.bonus-issue .card-heading {
  color: #00b274;
}
.primary-event-card-container.stock-split {
  background-color: #fcdcda;
}
.primary-event-card-container.stock-split .card-heading {
  color: #f04e45;
}
.primary-event-card-container.results {
  background-color: #ccccd6;
}
.primary-event-card-container.results .card-heading {
  color: #03002f;
}
.primary-event-card-container.rights-issue {
  background-color: #d2ebf7;
}
.primary-event-card-container.rights-issue .card-heading {
  color: #1c9ad6;
}
.primary-event-card-container.share-buyback {
  background-color: #fdead8;
}
.primary-event-card-container.share-buyback .card-heading {
  color: #f7943e;
}
.primary-event-card-container.other-events {
  background-color: #fffacc;
}
.primary-event-card-container.other-events .card-heading {
  color: #ff9900;
}
.primary-event-card-container .num-events-wrapper {
  color: #03002f;
  display: flex;
  align-items: center;
  gap: 10px;
}
.primary-event-card-container .num-events-wrapper i {
  font-size: 10px;
}

.primary-mob-event-card-container {
  border-radius: 5px;
  padding: 12px 15px;
  border: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.mob-event-calendar-container {
  padding: 16px 15px;
}
.mob-event-calendar-container .rightsidebar {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  max-height: none !important;
  padding-bottom: 0px !important;
}
.mob-event-calendar-container .commonscroll-new {
  max-height: fit-content;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.mob-event-calendar-container .z-index-high__content {
  max-height: fit-content;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.mob-event-calendar-container .search-input {
  position: relative;
}
.mob-event-calendar-container .search-input .searched-list {
  height: 400px;
}
.mob-event-calendar-container .search-input .event-calendar-search {
  display: flex;
  align-items: center;
  background-color: #f2f2f5;
  border-radius: 5px;
  height: 44px;
  width: 200%;
}
.mob-event-calendar-container .search-input .event-calendar-search .open-search {
  width: 100%;
}
.mob-event-calendar-container .search-input .event-calendar-search input {
  background-color: inherit;
  border: none;
}
.mob-event-calendar-container .search-input .event-calendar-search .edel-icon-left-arrow {
  font-size: 11px;
  font-weight: 700;
}
.mob-event-calendar-container .event-searchList {
  max-height: 400px;
}
.mob-event-calendar-container .back-icon {
  font-weight: 700;
  font-size: 0.625rem;
  margin-right: 10px;
}
.mob-event-calendar-container .action-icon-mob-container {
  display: flex;
  gap: 10px;
  align-items: center;
}
.mob-event-calendar-container .action-icon-mob-container .filter-icon-red .filter-selected {
  background: #dd504d;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  right: 30px;
  margin-top: -18px;
}
.mob-event-calendar-container .action-icon-mob-container .bg-midnight-blue .filter-selected {
  right: 23px !important;
}
.mob-event-calendar-container .action-icon-mob-container .action-icon-mob {
  width: 50px;
  height: 50px;
  background-color: #f2f2f5;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mob-event-calendar-container .event-cards-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 330px !important;
}
.mob-event-calendar-container .current-date-action-wrapper {
  background-color: #f2f2f5;
  border-radius: 5px;
  padding: 10px 16px;
  margin: 20px 0px;
}
.mob-event-calendar-container .react-datepicker {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.mob-event-calendar-container .react-datepicker .react-datepicker__navigation--previous {
  left: 25%;
  top: 1.5%;
}
.mob-event-calendar-container .react-datepicker .react-datepicker__navigation--next {
  right: 25%;
  top: 1.5%;
}
.mob-event-calendar-container .react-datepicker .react-datepicker__current-month {
  margin: 21px 0px;
}
.mob-event-calendar-container .react-datepicker .react-datepicker__header {
  border: none;
}
.mob-event-calendar-container .react-datepicker .react-datepicker__header .react-datepicker__current-month {
  color: #03002f;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.mob-event-calendar-container .react-datepicker .react-datepicker__day-names {
  display: flex;
  justify-content: space-around;
  padding: 0px 7px;
}
.mob-event-calendar-container .react-datepicker .react-datepicker__day-names .react-datepicker__day-name {
  color: #444444;
  font-family: "DMSansMedium";
}
.mob-event-calendar-container .react-datepicker .react-datepicker__month .react-datepicker__week {
  display: flex;
  justify-content: space-around;
  padding: 10px;
}
.mob-event-calendar-container .react-datepicker .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--selected {
  color: #444444 !important;
  background-color: #f2f2f5 !important;
}
.mob-event-calendar-container .react-datepicker .react-datepicker__day--outside-month {
  color: #444444;
  font-family: "RobotoRegular";
}
.mob-event-calendar-container .react-datepicker .react-datepicker__day {
  color: #444444;
  font-family: "RobotoRegular";
}
.mob-event-calendar-container .react-datepicker .react-datepicker__day:hover {
  background-color: #f5f5f5 !important;
  color: #444444 !important;
}
.mob-event-calendar-container .react-datepicker .react-datepicker__day--in-selecting-range {
  background-color: #f2f2f5 !important;
  color: #444444 !important;
  border-radius: 50%;
  height: 32px;
  width: 32px;
}
.mob-event-calendar-container .custom-date-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.mob-event-calendar-container .custom-date-wrapper .date-height {
  z-index: 2;
}
.mob-event-calendar-container .custom-date-wrapper .event-dots-wrapper {
  gap: 8px;
  align-items: center;
  z-index: 8;
  display: grid;
  row-gap: 2px;
  grid-template-columns: 1fr 1fr 1fr;
}
.mob-event-calendar-container .custom-date-wrapper .event-dots-wrapper div {
  height: 5px;
}
.mob-event-calendar-container .custom-date-wrapper .event-dots-wrapper div .edel-icon-round-circle {
  position: absolute;
  font-size: 5px;
}
.mob-event-calendar-container .react-datepicker__month-container {
  overflow: hidden;
}
.mob-event-calendar-container :not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end).react-datepicker__day--in-range {
  position: relative;
  background-color: #f2f2f5 !important;
  color: #444444 !important;
  height: 32px;
  width: 32px;
}
.mob-event-calendar-container :not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end).react-datepicker__day--in-range::before {
  content: "";
  width: calc(100% + 1rem);
  height: 100%;
  position: absolute;
  top: 0px;
  left: -44px;
  background-color: #f2f2f5;
}
.mob-event-calendar-container :not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end).react-datepicker__day--in-range::after {
  content: "";
  width: calc(100% + 1rem);
  height: 100%;
  position: absolute;
  top: 0px;
  right: -44px;
  background-color: #f2f2f5;
}
.mob-event-calendar-container .react-datepicker__day--range-start.react-datepicker__day--in-range {
  position: relative;
  background-color: #f2f2f5 !important;
  color: #444444 !important;
  border-radius: 50px 0px 0px 50px;
}
.mob-event-calendar-container .react-datepicker__day--range-start.react-datepicker__day--in-range::after {
  content: "";
  width: calc(100% + 1rem);
  height: 100%;
  position: absolute;
  top: 0px;
  right: -56px;
  background-color: #f2f2f5;
}
.mob-event-calendar-container .react-datepicker__day--range-end.react-datepicker__day--in-range {
  position: relative;
  background-color: #f2f2f5 !important;
  color: #444444 !important;
  border-radius: 0px 50px 50px 0px;
}
.mob-event-calendar-container .react-datepicker__day--range-end.react-datepicker__day--in-range::before {
  content: "";
  width: calc(100% + 1rem);
  height: 100%;
  position: absolute;
  top: 0px;
  left: -56px;
  background-color: #f2f2f5;
}
.mob-event-calendar-container .filters-tag {
  padding: 0;
  overflow-x: scroll;
  display: flex;
}
.mob-event-calendar-container .filters-tag .ed-filter-label-wrapper .tag-container {
  cursor: default;
  border: none;
  background-color: #f2f2f5;
}
.mob-event-calendar-container .filters-tag .ed-filter-label-wrapper .ed-filter-label-text {
  color: #03002f;
  font-family: "DMSansNormal";
  line-height: normal;
}
.mob-event-calendar-container .filters-tag .ed-filter-label-wrapper .edel-icon-close {
  cursor: pointer;
  color: #03002f;
  font-weight: 700;
}
.rbc-btn {
  color: inherit;
  font: inherit;
  margin: 0;
}

button.rbc-btn {
  overflow: visible;
  text-transform: none;
  appearance: button;
  cursor: pointer;
}

button[disabled].rbc-btn {
  cursor: not-allowed;
}

button.rbc-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.rbc-calendar {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.rbc-m-b-negative-3 {
  margin-bottom: -3px;
}

.rbc-h-full {
  height: 100%;
}

.rbc-calendar *,
.rbc-calendar *:before,
.rbc-calendar *:after {
  box-sizing: inherit;
}

.rbc-abs-full, .rbc-row-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rbc-ellipsis, .rbc-show-more, .rbc-row-segment .rbc-event-content, .rbc-event-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rbc-rtl {
  direction: rtl;
}

.rbc-off-range {
  color: #999999;
}

.rbc-off-range-bg {
  background: rgb(229.5, 229.5, 229.5);
}

.rbc-header {
  overflow: hidden;
  flex: 1 0 0%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
  min-height: 0;
  border-bottom: 1px solid #ddd;
}
.rbc-header + .rbc-header {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-header + .rbc-header {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-header > a, .rbc-header > a:active, .rbc-header > a:visited {
  color: inherit;
  text-decoration: none;
}

.rbc-button-link {
  color: inherit;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  user-select: text;
}

.rbc-row-content {
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  z-index: 4;
}

.rbc-row-content-scrollable {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.rbc-row-content-scrollable .rbc-row-content-scroll-container {
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar {
  display: none;
}

.rbc-today {
  background-color: #eaf6ff;
}

.rbc-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
}
.rbc-toolbar .rbc-toolbar-label {
  flex-grow: 1;
  padding: 0 10px;
  text-align: center;
}
.rbc-toolbar button {
  color: #373a3c;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: 0.375rem 1rem;
  border-radius: 4px;
  line-height: normal;
  white-space: nowrap;
}
.rbc-toolbar button:active, .rbc-toolbar button.rbc-active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(173.4, 173.4, 173.4);
}
.rbc-toolbar button:active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button.rbc-active:focus {
  color: #373a3c;
  background-color: rgb(211.65, 211.65, 211.65);
  border-color: rgb(140.25, 140.25, 140.25);
}
.rbc-toolbar button:focus {
  color: #373a3c;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(173.4, 173.4, 173.4);
}
.rbc-toolbar button:hover {
  color: #373a3c;
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(173.4, 173.4, 173.4);
}

.rbc-btn-group {
  display: inline-block;
  white-space: nowrap;
}
.rbc-btn-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.rbc-btn-group button + button {
  margin-left: -1px;
}
.rbc-rtl .rbc-btn-group button + button {
  margin-left: 0;
  margin-right: -1px;
}
.rbc-btn-group + .rbc-btn-group, .rbc-btn-group + button {
  margin-left: 10px;
}

@media (max-width: 767px) {
  .rbc-toolbar {
    flex-direction: column;
  }
}
.rbc-event, .rbc-day-slot .rbc-background-event {
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0;
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.rbc-slot-selecting .rbc-event, .rbc-slot-selecting .rbc-day-slot .rbc-background-event, .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
  cursor: inherit;
  pointer-events: none;
}
.rbc-event.rbc-selected, .rbc-day-slot .rbc-selected.rbc-background-event {
  background-color: rgb(37.7432432432, 89.3513513514, 133.2567567568);
}
.rbc-event:focus, .rbc-day-slot .rbc-background-event:focus {
  outline: 5px auto #3b99fc;
}

.rbc-event-label {
  font-size: 80%;
}

.rbc-event-overlaps {
  box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
}

.rbc-event-continues-prior {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rbc-event-continues-after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-event-continues-earlier {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rbc-event-continues-later {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-row {
  display: flex;
  flex-direction: row;
}

.rbc-row-segment {
  padding: 0 1px 1px 1px;
}
.rbc-selected-cell {
  background-color: rgba(0, 0, 0, 0.1);
}

.rbc-show-more {
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 4;
  font-weight: bold;
  font-size: 85%;
  height: auto;
  line-height: normal;
  color: #3174ad;
}
.rbc-show-more:hover, .rbc-show-more:focus {
  color: rgb(37.7432432432, 89.3513513514, 133.2567567568);
}

.rbc-month-view {
  position: relative;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
  height: 100%;
}

.rbc-month-header {
  display: flex;
  flex-direction: row;
}

.rbc-month-row {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1 0 0;
  flex-basis: 0px;
  overflow: hidden;
  height: 100%;
}
.rbc-month-row + .rbc-month-row {
  border-top: 1px solid #ddd;
}

.rbc-date-cell {
  flex: 1 1 0;
  min-width: 0;
  padding-right: 5px;
  text-align: right;
}
.rbc-date-cell.rbc-now {
  font-weight: bold;
}
.rbc-date-cell > a, .rbc-date-cell > a:active, .rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none;
}

.rbc-row-bg {
  display: flex;
  flex-direction: row;
  flex: 1 0 0;
  overflow: hidden;
  right: 1px;
}

.rbc-day-bg {
  flex: 1 0 0%;
}
.rbc-day-bg + .rbc-day-bg {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-day-bg + .rbc-day-bg {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-overlay {
  position: absolute;
  z-index: 5;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  padding: 10px;
}
.rbc-overlay > * + * {
  margin-top: 1px;
}

.rbc-overlay-header {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -10px 5px -10px;
  padding: 2px 10px;
}

.rbc-agenda-view {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  overflow: auto;
}
.rbc-agenda-view table.rbc-agenda-table {
  width: 100%;
  border: 1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top;
}
.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: lowercase;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
  border-top: 1px solid #ddd;
}
.rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  text-align: right;
}

.rbc-agenda-time-cell {
  text-transform: lowercase;
}
.rbc-agenda-time-cell .rbc-continues-after:after {
  content: " »";
}
.rbc-agenda-time-cell .rbc-continues-prior:before {
  content: "« ";
}

.rbc-agenda-date-cell,
.rbc-agenda-time-cell {
  white-space: nowrap;
}

.rbc-agenda-event-cell {
  width: 100%;
}

.rbc-time-column {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.rbc-time-column .rbc-timeslot-group {
  flex: 1;
}

.rbc-timeslot-group {
  border-bottom: 1px solid #ddd;
  min-height: 40px;
  display: flex;
  flex-flow: column nowrap;
}

.rbc-time-gutter,
.rbc-header-gutter {
  flex: none;
}

.rbc-label {
  padding: 0 5px;
}

.rbc-day-slot {
  position: relative;
}
.rbc-day-slot .rbc-events-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
}
.rbc-day-slot .rbc-events-container.rbc-rtl {
  left: 10px;
  right: 0;
}
.rbc-day-slot .rbc-event, .rbc-day-slot .rbc-background-event {
  border: 1px solid rgb(37.7432432432, 89.3513513514, 133.2567567568);
  display: flex;
  max-height: 100%;
  min-height: 20px;
  flex-flow: column wrap;
  align-items: flex-start;
  overflow: hidden;
  position: absolute;
}
.rbc-day-slot .rbc-background-event {
  opacity: 0.75;
}
.rbc-day-slot .rbc-event-label {
  flex: none;
  padding-right: 5px;
  width: auto;
}
.rbc-day-slot .rbc-event-content {
  width: 100%;
  flex: 1 1 0;
  word-wrap: break-word;
  line-height: 1;
  height: 100%;
  min-height: 1em;
}
.rbc-day-slot .rbc-time-slot {
  border-top: 1px solid rgb(246.5, 246.5, 246.5);
}

.rbc-time-view-resources .rbc-time-gutter,
.rbc-time-view-resources .rbc-time-header-gutter {
  position: sticky;
  left: 0;
  background-color: white;
  border-right: 1px solid #ddd;
  z-index: 10;
  margin-right: -1px;
}
.rbc-time-view-resources .rbc-time-header {
  overflow: hidden;
}
.rbc-time-view-resources .rbc-time-header-content {
  min-width: auto;
  flex: 1 0 0;
  flex-basis: 0px;
}
.rbc-time-view-resources .rbc-time-header-cell-single-day {
  display: none;
}
.rbc-time-view-resources .rbc-day-slot {
  min-width: 140px;
}
.rbc-time-view-resources .rbc-header,
.rbc-time-view-resources .rbc-day-bg {
  width: 140px;
  flex: 1 1 0;
  flex-basis: 0 px;
}

.rbc-time-header-content + .rbc-time-header-content {
  margin-left: -1px;
}

.rbc-time-slot {
  flex: 1 0 0;
}
.rbc-time-slot.rbc-now {
  font-weight: bold;
}

.rbc-day-header {
  text-align: center;
}

.rbc-slot-selection {
  z-index: 10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 75%;
  width: 100%;
  padding: 3px;
}

.rbc-slot-selecting {
  cursor: move;
}

.rbc-time-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  border: 1px solid #ddd;
  min-height: 0;
}
.rbc-time-view .rbc-time-gutter {
  white-space: nowrap;
  text-align: right;
}
.rbc-time-view .rbc-allday-cell {
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: relative;
}
.rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
  border-left: 1px solid #ddd;
}
.rbc-time-view .rbc-allday-events {
  position: relative;
  z-index: 4;
}
.rbc-time-view .rbc-row {
  box-sizing: border-box;
  min-height: 20px;
}

.rbc-time-header {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
}
.rbc-time-header.rbc-overflowing {
  border-right: 1px solid #ddd;
}
.rbc-rtl .rbc-time-header.rbc-overflowing {
  border-right-width: 0;
  border-left: 1px solid #ddd;
}
.rbc-time-header > .rbc-row:first-child {
  border-bottom: 1px solid #ddd;
}
.rbc-time-header > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
}

.rbc-time-header-cell-single-day {
  display: none;
}

.rbc-time-header-content {
  flex: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-time-header-content {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-time-header-content > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
  flex-shrink: 0;
}

.rbc-time-content {
  display: flex;
  flex: 1 0 0%;
  align-items: flex-start;
  width: 100%;
  border-top: 2px solid #ddd;
  overflow-y: auto;
  position: relative;
}
.rbc-time-content > .rbc-time-gutter {
  flex: none;
}
.rbc-time-content > * + * > * {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-time-content > * + * > * {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-time-content > .rbc-day-slot {
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
}

.rbc-current-time-indicator {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #74ad31;
  pointer-events: none;
}

.rbc-resource-grouping.rbc-time-header-content {
  display: flex;
  flex-direction: column;
}
.rbc-resource-grouping .rbc-row .rbc-header {
  width: 141px;
}

.primary-event-calendar-container {
  width: 100%;
  height: 100%;
}
.primary-event-calendar-container .rbc-month-view {
  border-color: #e7e7e7;
  border-radius: 5px;
}
.primary-event-calendar-container .rbc-day-bg .rbc-button-link {
  font-family: "RobotoBold" !important;
  color: #b8b8b8;
}
.primary-event-calendar-container .rbc-day-bg.rbc-today {
  background-color: #f2f2f5;
}
.primary-event-calendar-container .rbc-day-bg.rbc-off-range-bg {
  background-color: #ffffff;
}
.primary-event-calendar-container .rbc-row-content .rbc-row .rbc-date-cell {
  margin-top: 10px;
  padding-right: 20px;
}
.primary-event-calendar-container .rbc-row-content .rbc-row .rbc-date-cell.rbc-off-range .rbc-button-link {
  font-family: "RobotoBold" !important;
  color: #b8b8b8;
}
.primary-event-calendar-container .rbc-row-content .rbc-row .rbc-date-cell .rbc-button-link {
  font-family: "RobotoBold" !important;
  color: #444444;
}
.primary-event-calendar-container .rbc-row-content .rbc-row .rbc-date-cell.rbc-current button {
  background-color: #ffffff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  font-size: 1.25rem;
  padding: 2px 2px 0px 0px;
}
.primary-event-calendar-container .rbc-row-content .rbc-row .rbc-row-segment .rbc-event, .primary-event-calendar-container .rbc-row-content .rbc-row .rbc-row-segment .rbc-day-slot .rbc-background-event, .rbc-day-slot .primary-event-calendar-container .rbc-row-content .rbc-row .rbc-row-segment .rbc-background-event {
  background-color: transparent;
  padding: 2px 20px;
  outline: none !important;
}
.primary-event-calendar-container .rbc-row-content .rbc-row .rbc-row-segment .rbc-button-link.rbc-show-more {
  color: #444444;
  font-family: "DMSansNormal" !important;
  padding-left: 20px;
  font-weight: unset;
}
.primary-event-calendar-container .rbc-row.rbc-month-header .rbc-header {
  padding: 12px 20px;
  text-align: right;
  font-family: "DMSansNormal";
  color: #727271;
  font-weight: unset;
}
.primary-event-calendar-container .rbc-toolbar.custom-toolbar {
  justify-content: flex-start;
}
.primary-event-calendar-container .rbc-toolbar.custom-toolbar .rbc-btn-group {
  display: flex;
  gap: 20px;
  align-items: center;
}
.primary-event-calendar-container .month-year-holder {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "DMSansBold";
  font-size: 1.563rem;
  color: #444444;
}
.primary-event-calendar-container .month-year-holder .current-year {
  font-family: "DMSansNormal";
}

.change-calender-section .edel-icon-calendar-color {
  font-size: 1.25rem;
}

.accordian-event-section {
  border: 1px solid #e7e7e7;
  border-radius: 3px;
}
.accordian-event-section .event-calender-accordian .accordion-item .accordion-header .accordion-button {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.accordian-event-section .event-calender-accordian .accordion-item .accordion-header .accordion-button::after {
  background-color: transparent !important;
}
.accordian-event-section .event-calender-accordian .accordion-item .accordion-header.bonus .accordion-button {
  background-color: #dcf0dd !important;
  color: #51b255;
}
.accordian-event-section .event-calender-accordian .accordion-item .accordion-header.stock .accordion-button {
  background-color: #fcdcda !important;
  color: #f04e45 !important;
}
.accordian-event-section .event-calender-accordian .accordion-item .accordion-header.rights .accordion-button {
  background-color: #d2ebf7 !important;
  color: #1c9ad6 !important;
}
.accordian-event-section .event-calender-accordian .accordion-item .accordion-header.results .accordion-button {
  background-color: #ccccd6 !important;
  color: #03002f !important;
}
.accordian-event-section .event-calender-accordian .accordion-item .accordion-header.share-buyback .accordion-button {
  background-color: #fdead8 !important;
  color: #f7943e !important;
}
.accordian-event-section .event-calender-accordian .accordion-item .accordion-header.other-events .accordion-button {
  background-color: #fffacc !important;
  color: #ff9900 !important;
}
.accordian-event-section .event-calender-accordian .accordion-item .accordion-body {
  padding-bottom: 0px;
}

.event-errormsg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-errormsg .edel-icon-no-event {
  font-size: 6.563rem;
}

.watchlistfilter-section.isMobile {
  height: 352px;
}
.watchlistfilter-section .gap-10px {
  gap: 10px;
}
.watchlistfilter-section .checkbox {
  width: 18px !important;
  height: 18px !important;
  border-radius: 5px;
}
.watchlistfilter-section .mgt-20 {
  margin-top: 20px;
}
.watchlistfilter-section .padding-block-15 {
  padding-block: 15px;
}
.watchlistfilter-section .padding-block-10 {
  padding-block: 10px;
}
.watchlistfilter-section {
  padding: 15px;
}
.watchlistfilter-section .holding-grid {
  display: flex;
  padding: 15px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.watchlistfilter-section .holding-grid-mob {
  display: flex;
  padding: 10px;
  gap: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.watchlistfilter-section .stock-selection {
  padding: 15px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin-top: 15px;
}
.watchlistfilter-section .stock-selection .stcoks-input {
  margin-bottom: 22px;
}
.watchlistfilter-section .stock-selection-mob {
  padding: 10px;
}
.watchlistfilter-section .stock-selection-mob .stcoks-input {
  margin-bottom: 10px;
}
.watchlistfilter-section .selected-wrappar {
  padding-inline: 5px;
}
.watchlistfilter-section .selected-wrappar.isDesktop {
  height: 300px;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.calendar-filter-mob .backgroundcolor_bluedrawer.z-index-high__handle-wrapper {
  background-color: #ffffff;
  padding: 15px;
}
.calendar-filter-mob .common-filter-heading-drawer {
  padding: 0px 16px !important;
}
.calendar-filter-mob .drawer-head {
  position: sticky;
  top: -1px;
  z-index: 1;
  background-color: #ffffff;
}
.calendar-filter-mob .drawer-head input {
  margin-top: 7px;
  margin-bottom: 5px;
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #0b243a;
}
.calendar-filter-mob .drawer-body {
  height: 450px !important;
}
.calendar-filter-mob .drawer-body .all-filters {
  padding-bottom: 0px !important;
}
.calendar-filter-mob .drawer-body .commonscroll-new {
  max-height: none;
  overflow-y: unset;
}
.calendar-filter-mob .drawer-body .commonscroll-new .nav-tabs .nav-item {
  margin-right: 5px;
  margin-left: 5px;
}
.calendar-filter-mob .drawer-body .commonscroll-new .bodylist-title {
  margin-top: 7px;
  margin-bottom: 5px;
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #0b243a;
}
@media (max-width: 768px) {
  .calendar-filter-mob .drawer-body .commonscroll-new .bodylist-title {
    font-size: 0.875rem;
  }
}
.calendar-filter-mob .drawer-body .commonscroll-new .midnight-blue-underline {
  margin-top: 7px;
  margin-bottom: 5px;
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #0b243a;
}
.calendar-filter-mob .drawer-body .commonscroll-new input {
  margin-top: 3px;
}
.calendar-filter-mob .drawer-body .commonscroll-new .leftsidebar .nav-link {
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
}
.calendar-filter-mob .orderbookFilterSection.footer-sidebar-generic .rightsidebar {
  height: 352px !important;
  overflow-y: auto !important;
  margin-bottom: 0px;
}
.calendar-filter-mob .orderbookFilterSection.footer-sidebar-generic .rightsidebar .filterasset-drop-body {
  overflow-y: auto !important;
  max-height: none !important;
}
.calendar-filter-mob .orderbookFilterSection.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist {
  margin-right: 16px;
}
.calendar-filter-mob .orderbookFilterSection.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist .ed_button.midnight-blue-underline.button {
  font-size: 0.75rem;
}
.calendar-filter-mob .orderbookFilterSection.footer-sidebar-generic .rightsidebar .commonscroll-new {
  max-height: none;
  overflow-y: none;
}
.calendar-filter-mob .generic-tabs {
  height: 352px !important;
}
.calendar-filter-mob .generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-bottom: 3px solid #03002f;
}.common-news-section :root {
  font-size: 16px;
}
.common-news-section .d-flex {
  display: flex;
}
.common-news-section .removescroll {
  overflow-y: hidden !important;
  margin: 0px 14px 0px;
  border: 1px solid #e7e7e7;
  margin-top: 30px;
  padding: 0px 24px 27px;
  position: relative;
}
.common-news-section .d-livenews-container {
  margin: 0px 14px 0px;
  border: 1px solid #e7e7e7;
  margin-top: 30px;
  padding: 0px 24px 27px;
  overflow-y: scroll;
  position: relative;
  height: auto !important;
}
@media (max-width: 768px) {
  .common-news-section .d-livenews-container {
    margin-top: 0px;
    padding-bottom: 0px;
    height: unset !important;
    overflow-y: unset !important;
    max-height: unset !important;
  }
}
.common-news-section .d-livenews-container::-webkit-scrollbar {
  width: 2px !important;
}
.common-news-section .d-livenews-container::-webkit-scrollbar-track {
  width: 10px;
}
.common-news-section .d-livenews-container::-webkit-scrollbar-thumb {
  background-color: #03002f;
  width: 10px !important;
}
.common-news-section .d-livenews-container .masked {
  height: 50px;
  width: 100%;
  background: rgba(255, 255, 255, 0.5803921569);
  position: sticky;
  top: 0px;
  bottom: -25px;
}
.common-news-section .d-livenews-container .mask .d-ln-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  position: sticky;
  top: 0px;
  background: #ffffff;
  z-index: 1;
}
.common-news-section .d-livenews-container .mask .d-ln-heading .d-ln-heading-left {
  font-family: "EncodeSansLight";
  font-size: 1.75rem;
  line-height: 28px;
  color: #0b243a;
}
.common-news-section .d-livenews-container .mask .d-ln-heading .d-ln-heading-left span {
  font-family: "EncodeSansBold";
}
.common-news-section .d-livenews-container .mask .d-ln-heading .d-ln-heading-left span .edel-icon-double-refresh:before {
  font-size: 0.875rem;
}
.common-news-section .d-livenews-container .mask .d-ln-heading .d-ln-heading-right a {
  align-items: center;
}
.common-news-section .d-livenews-container .mask .d-ln-heading .d-ln-heading-right .d-ln-view-all {
  color: #3580f7;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  line-height: 22px;
  margin-right: 10px;
}
.common-news-section .d-livenews-container .mask .d-ln-heading .d-ln-heading-right .icon-container {
  height: 41px;
  width: 41px;
  border-radius: 50%;
  border: 1px solid rgba(53, 128, 247, 0.05);
  margin-left: 6px;
}
.common-news-section .d-livenews-container .mask .d-ln-heading .d-ln-heading-right .icon-container .icon-box {
  height: 30.5px;
  width: 30.5px;
  border-radius: 50%;
  background: rgba(53, 128, 247, 0.1);
  position: relative;
  top: 5px;
  left: 5px;
}
.common-news-section .d-livenews-container .mask .d-ln-heading .d-ln-heading-right .icon-container .icon-box .icon {
  height: 23px;
  width: 23px;
  background: #3580f7;
  color: #ffffff;
  border-radius: 50%;
  position: relative;
  top: 3.7px;
  left: 3.7px;
}
.common-news-section .d-livenews-container .mask .d-ln-heading .d-ln-heading-right .icon-container .icon-box .icon .edel-icon-arrow-right::before {
  left: 3px;
  top: 3px;
  position: relative;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles {
  margin-top: 30px;
}
@media (max-width: 768px) {
  .common-news-section .d-livenews-container .mask .d-ln-tiles {
    margin-top: 0px;
    border: 1px solid #e7e7e7;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0px 15px !important;
    border-radius: 5px;
  }
  .common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #e7e7e7 !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.common-news-section .d-livenews-container .mask .d-ln-tiles:last-child {
  border-bottom: none;
}
@media (max-width: 768px) {
  .common-news-section .d-livenews-container .mask .d-ln-tiles:last-child {
    border-bottom: 1px solid #e7e7e7 !important;
  }
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile {
  border-bottom: 1px solid #e7e7e7;
  margin-top: 25px;
}
@media (max-width: 768px) {
  .common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile {
    margin-top: 0px;
  }
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text1 {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: 15px;
  color: #b8b8b8;
  margin-bottom: 10px;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 {
  overflow: hidden;
  font-family: "DMSansBold";
  color: #444444;
  margin-bottom: 15px;
  line-height: 22px;
  word-wrap: break-word;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-dpname {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  color: #03002f;
  cursor: pointer;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-chgP.red {
  color: #f14343;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-chgP.green {
  color: #1fc86d;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-chgP-red {
  color: #f14343;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-chgP-green {
  color: #1fc86d;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-text2-content {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-sub {
  margin-bottom: 20px;
  align-items: center;
  justify-content: space-between;
  margin-top: 22px;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-sub .d-ln-tile-subtext1 {
  color: #ff6b00;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-sub .d-ln-tile-subtext2 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-sub .d-ln-tile-subtext2 .edel-icon-share-icon:before {
  content: "\e96c";
  left: 7px;
  position: absolute;
  top: 7px;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-sub .blueicon {
  color: #3580f7;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile1 {
  margin-top: 25px;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-text1 {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  line-height: 15px;
  color: #3580f7;
  margin-bottom: 10px;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-text2 {
  overflow: hidden;
  font-family: "DMSansBold";
  color: #03002f;
  margin-bottom: 15px;
  line-height: 22px;
  word-wrap: break-word;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-text2 .d-ln-dpname {
  font-family: "DMSansBold";
  font-size: 1rem;
  text-decoration: underline;
  color: #03002f;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-text2 .d-ln-chgP-red {
  color: #f14343;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-text2 .d-ln-chgP-green {
  color: #1fc86d;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-text2 .d-ln-text2-content {
  font-family: "DMSansMedium";
  font-size: 1rem;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-sub {
  margin-bottom: 20px;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-sub .d-ln-tile-subtext1 {
  color: #ff6b00;
  font-size: 0.75rem;
  font-family: "EncodeSansMedium";
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-sub .d-ln-tile-subtext2 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f0f9ff;
  position: relative;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-sub .d-ln-tile-subtext2 .edel-icon-share-icon:before {
  content: "\e96c";
  left: 7px;
  position: absolute;
  top: 7px;
}
.common-news-section .d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-sub .blueicon {
  color: #3580f7;
}

@media (min-width: 1023px) {
  .d-livenews-container .mask.mSide {
    margin-left: 30px;
    margin-right: 30px;
  }
}.watchlist-drawer .edel-icon-round-circle {
  font-size: 0.563rem;
  margin-top: -3px;
  margin-left: 2px;
}
.watchlist-drawer .drawer-header {
  background-color: transparent !important;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.watchlist-drawer .drawer-header .sortname {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
}
.watchlist-drawer .drawer-header .ed_button {
  font-size: 0.75rem;
  color: #03002f;
  font-family: "DMSansNormal";
  border-bottom: 1px solid #03002f;
  background: none;
}
.watchlist-drawer .drawer-body {
  padding-bottom: 0px !important;
}
.watchlist-drawer .drawer-body .sortlist-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 15px 20px 15px;
}
.watchlist-drawer .drawer-body .sortlist-body:last-child {
  border-bottom: 1px solid #e7e7e7;
}
.watchlist-drawer .drawer-body .sortlist-names {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
}
.watchlist-drawer .drawer-body .sortlist-values {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}
.watchlist-drawer .drawer-body .sortlist-values .edel-icon-point-arrow-down {
  margin-left: 7px;
}
.watchlist-drawer .drawer-body .sortlist-values .edel-icon-point-arrow-up {
  margin-left: 7px;
}
.watchlist-drawer .drawer-body .sortlist-body.active-filter .sortlist-names,
.watchlist-drawer .drawer-body .sortlist-body.active-filter .sortlist-values {
  font-family: "DMSansMedium" !important;
  color: #03002f !important;
}
.watchlist-drawer.sortlist-desk .drawer-header .ed_button {
  border-bottom: none !important;
  text-decoration: underline !important;
}

.headingSection {
  padding: 20px 20px 0px 15px;
}
.headingSection span {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.editwatchlistsection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e7e7e7;
  padding: 22px 15px;
}
.editwatchlistsection .edel-icon-edit,
.editwatchlistsection .edel-icon-duplicate {
  font-size: 0.938rem;
  margin-right: 14px;
}

.todayshighlightouter .todayshighlightsection {
  padding: 20px 15px;
}
.todayshighlightouter .todayshighlightsection .form-check-label {
  line-height: 20px;
}
.todayshighlightouter .todayshighlightsection .form-check-input:checked {
  background-color: #03002f !important;
  border-color: #03002f !important;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item .accordion-body {
  padding: 0px 15px 15px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item .accordion-collapse.show .accordion-body {
  padding: 0px 15px 15px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item .accordion-header .accordion-button::after {
  background-color: #f2f2f5;
  color: #03002f;
  height: 30px;
  width: 30px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item:first-child .accordion-body #accordion-content {
  display: grid;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item:first-child .accordion-body #accordion-content .customAlertSection {
  display: flex;
  justify-content: space-between;
  padding-inline: 10px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item:last-child .accordion-body {
  padding: 0px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item:last-child .accordion-collapse.show .accordion-body {
  padding: 0px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-body #accordion-content {
  display: grid;
  grid-template-columns: 100%;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-body #accordion-content .accordiancheckbox .form-check-label {
  line-height: 20px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-body #accordion-content .accordiancheckbox .form-check-input:checked {
  background-color: #03002f !important;
  border-color: #03002f !important;
}

.mb-watchlist-settings .__content {
  overflow-y: scroll;
  max-height: calc(70vh - 155px);
  padding: 0px;
}
.mb-watchlist-settings .drawer-header {
  position: sticky;
  top: -2px;
  z-index: 9;
  background-color: #f2f2f5;
}
.mb-watchlist-settings .mb-settings-first-row {
  position: sticky;
  top: 50px;
  z-index: 9;
  background-color: #f2f2f5;
}
.mb-watchlist-settings .watchlist-drawer .drawer-header {
  z-index: 5 !important;
}
.mb-watchlist-settings .drawer-body {
  background-color: #ffffff;
}

.actioncomponent.mh-65 {
  min-height: 65vh;
  overflow-y: hidden;
  padding-bottom: 110px;
}
.actioncomponent.sticky .drawer-header {
  position: sticky;
  top: 0px;
  z-index: 9;
}
.actioncomponent .overflowclass {
  height: 300px;
  overflow: scroll;
}
.actioncomponent .overflowclass-240 {
  height: 240px;
  overflow: scroll;
}
.actioncomponent .drawer-header .edel-icon-arrow-left:before {
  font-size: 1.625rem;
}
.actioncomponent .drawer-header .edel-icon-arrow-left {
  vertical-align: sub;
}
.actioncomponent .drawer-footer {
  padding: 15px !important;
}
.actioncomponent .drawer-footer button {
  width: 100%;
}
.actioncomponent .drawer-footer button:first-child {
  margin-right: 20px;
}
.actioncomponent .drawer-footer button:last-child {
  margin-right: 0px;
}
.actioncomponent .editwatchlistsection.sticky {
  position: fixed;
  z-index: 999;
  width: 100%;
  border-bottom: none !important;
  box-shadow: 0px 3px 17px 0px #e7e7e7;
  background-color: #ffffff;
}

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

.select-indices-block {
  margin-bottom: 10px;
}

.performance-indices-block {
  padding: 0px 15px 15px;
}/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/new/assets/owl.video.play.BJo37keB.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }
.lead-form::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.lead-form {
  /* Track */
}
.lead-form::-webkit-scrollbar-track {
  background: transparent;
}
.lead-form {
  /* Handle */
}
.lead-form::-webkit-scrollbar-thumb {
  background: #03002f;
}
.lead-form .common-checkbox-custom-white input[type=checkbox]:checked:before {
  z-index: 0 !important;
}
.lead-form .inputForm input::placeholder {
  font-family: "DMSansNormal";
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .lead-form .inputForm input::placeholder {
    font-size: 0.875rem;
  }
}
.lead-form .lead-input-form > .row {
  padding-bottom: 35px;
}
@media screen and (max-width: 1023px) {
  .lead-form .lead-input-form > .row {
    padding-bottom: 20px;
  }
}
.lead-form .lead-input-form > .row .custom-form-control .form-control {
  height: 50px !important;
  font-size: 0.875rem !important;
  color: #03002f;
}
.lead-form .lead-input-form > .row .custom-form-control .form-control::placeholder {
  color: #b8b8b8;
}
.lead-form .lead-input-form > .row:last-child {
  padding-bottom: 40px;
}
.lead-form .lead-dropdown {
  padding: 0px;
}
.lead-form .lead-dropdown .equitydrop.dropdown-toggle.btn.btn-primary {
  width: 326px;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  height: 40px;
  margin: 0px;
}
.lead-form .lead-dropdown .dropdown-menu {
  min-height: 160px !important;
  max-height: unset;
  overflow: hidden;
  margin-top: -15px;
}
.lead-form .mob-section {
  font-family: "DMSansMedium";
}
.lead-form .mob-section.focused .input_prefix {
  color: #03002f;
}
.lead-form .mob-section .input_prefix {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: #b8b8b8;
  font-size: 0.875rem;
  line-height: normal;
}

.lead-drawer .drawer-head {
  background-color: #f2f2f5;
}
.lead-drawer .common-drawer-scroll {
  overflow-y: hidden !important;
}
.lead-drawer .smallcase-popup-success {
  height: unset;
}
.lead-drawer .state.z-index-high__handle-wrapper {
  background-color: #ffffff !important;
}
.lead-drawer .help_text::before {
  content: none;
}
.lead-drawer .backgroundcolor_bluedrawer.z-index-high__content {
  max-height: 75vh !important;
}
.lead-drawer .backgroundcolor_bluedrawer.z-index-high__content .common-drawer-scroll {
  max-height: 100% !important;
}

.lead-sidebar .lead-modal .modal-dialog,
.lead-drawer .lead-modal .modal-dialog {
  max-width: 700px;
}
.lead-sidebar .lead-modal .modal-content,
.lead-drawer .lead-modal .modal-content {
  border: 0px;
}
.lead-sidebar .lead-modal .modal-content .modal-header,
.lead-drawer .lead-modal .modal-content .modal-header {
  display: none;
}
.lead-sidebar .lead-modal .modal-content .modal-body,
.lead-drawer .lead-modal .modal-content .modal-body {
  padding: 0px;
}
.lead-sidebar .timeslot,
.lead-drawer .timeslot {
  width: 352px;
  height: auto;
  border-radius: 6px;
  background: #f6f6f6;
  padding: 16px 12px 20px 12px;
  align-items: flex-end;
  gap: 16px;
  margin-top: 10px;
  position: relative;
}
@media (max-width: 768px) {
  .lead-sidebar .timeslot,
  .lead-drawer .timeslot {
    width: 100%;
  }
}
.lead-sidebar .disabled,
.lead-drawer .disabled {
  border-radius: 100px;
  border: 1px solid #696682;
  opacity: 0.2;
  padding: var(--Spacing-2, 4px) 12px;
  margin-top: 5px;
  margin-right: 8px;
}
.lead-sidebar .not-selected,
.lead-drawer .not-selected {
  border-radius: 100px;
  border: 1px solid #6374d4;
  padding: var(--Spacing-2, 4px) 12px;
  margin-top: 16px;
  margin-right: 8px;
  color: #6374d4;
}
.lead-sidebar .selected,
.lead-drawer .selected {
  border-radius: 100px;
  border: 1px solid #6374d4;
  background: #e1e0f8;
  padding: var(--Spacing-2, 4px) 12px;
  margin-top: 16px;
  margin-right: 8px;
  color: #6374d4;
}
.lead-sidebar .checkbox,
.lead-drawer .checkbox {
  gap: 10px;
}
.lead-sidebar .final-screen .downloadSuccess,
.lead-sidebar .lead-form .downloadSuccess,
.lead-drawer .final-screen .downloadSuccess,
.lead-drawer .lead-form .downloadSuccess {
  height: 166px;
}
.lead-sidebar .final-screen .timeSlotlink,
.lead-sidebar .lead-form .timeSlotlink,
.lead-drawer .final-screen .timeSlotlink,
.lead-drawer .lead-form .timeSlotlink {
  color: blue;
  text-decoration: underline;
}
.lead-sidebar .lead-errormsg .invalidMsg,
.lead-drawer .lead-errormsg .invalidMsg {
  border-radius: 5px;
}
.lead-sidebar .lead-errormsg .txt_bloodRed,
.lead-drawer .lead-errormsg .txt_bloodRed {
  align-items: start !important;
}
.lead-sidebar .lead-errormsg .txt_bloodRed .edel-icon-validation,
.lead-drawer .lead-errormsg .txt_bloodRed .edel-icon-validation {
  margin-left: 0.5rem;
  padding-top: 7px;
}
.lead-sidebar .login-lead-btn button,
.lead-drawer .login-lead-btn button {
  border-radius: 24px;
  height: 28px;
  line-height: 2px;
}
.lead-sidebar .login-lead-btn .midnight-grey-border,
.lead-drawer .login-lead-btn .midnight-grey-border {
  border: 1px solid #6374d4;
  border-radius: 25px;
  background-color: #ffffff;
  color: #6374d4;
  font-size: 10.5px;
}
.lead-sidebar .confirm-btn button,
.lead-drawer .confirm-btn button {
  height: 30px;
  width: 50px;
  line-height: 6px;
}
@media (max-width: 768px) {
  .lead-sidebar .confirm-btn button,
  .lead-drawer .confirm-btn button {
    line-height: 12px;
  }
}
.lead-sidebar .stock-details-head,
.lead-drawer .stock-details-head {
  padding: 0px;
}
.lead-sidebar .stock-details-head .stock-details-switch-key,
.lead-drawer .stock-details-head .stock-details-switch-key {
  margin-left: -20px;
}
.lead-sidebar .wealth-expert-container,
.lead-drawer .wealth-expert-container {
  border-radius: 10px;
  margin-top: 54px;
  height: 75px;
}
.lead-sidebar .wealth-expert-container .wealth-expert-img,
.lead-drawer .wealth-expert-container .wealth-expert-img {
  position: relative;
  top: -1px;
  height: 91px;
  width: 100px;
}
.lead-sidebar .stock-details-body,
.lead-drawer .stock-details-body {
  height: calc(100% - 219px);
}
.lead-sidebar .stock-details-body .wealth-expert-container,
.lead-drawer .stock-details-body .wealth-expert-container {
  border-radius: 10px;
  margin-top: 54px;
  height: 75px;
}
.lead-sidebar .stock-details-body .wealth-expert-container .wealth-expert-img,
.lead-drawer .stock-details-body .wealth-expert-container .wealth-expert-img {
  position: relative;
  top: -1px;
  height: 91px;
  width: 100px;
}
.lead-sidebar .stock-details-body .time-slot-checkbox,
.lead-drawer .stock-details-body .time-slot-checkbox {
  width: 20px;
  height: 20px;
}
.lead-sidebar .commonscroll-new::-webkit-scrollbar,
.lead-drawer .commonscroll-new::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
.lead-sidebar .time-slots,
.lead-drawer .time-slots {
  font-size: 0.75rem;
}
.lead-sidebar .time-slots button,
.lead-drawer .time-slots button {
  margin-right: 6px;
}
.lead-sidebar .otp-block,
.lead-drawer .otp-block {
  margin-top: 5px;
  display: flex;
  width: 224px;
  padding: 9px 0px 16px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: #f8f8fc;
}
.lead-sidebar .otp-sub-block,
.lead-drawer .otp-sub-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.lead-sidebar .label-block,
.lead-drawer .label-block {
  display: flex;
  height: 28px;
  padding: 0px 18px 0px 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.lead-sidebar .enter-otp,
.lead-drawer .enter-otp {
  color: #444444;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.lead-sidebar .resend-otp,
.lead-drawer .resend-otp {
  width: 98.305px;
  color: #6374d4;
  text-align: right;
  /* N3 */
  font-size: 0.813rem;
  font-family: "RobotoMedium";
  font-style: normal;
  line-height: 140%; /* 18.2px */
}
.lead-sidebar .otp-field,
.lead-drawer .otp-field {
  display: flex;
  padding: 0px 12px;
  align-items: center;
  gap: 6px;
}
.lead-sidebar .otp-input-field,
.lead-drawer .otp-input-field {
  width: 175.035px;
}
.lead-sidebar .dropdown-menu,
.lead-drawer .dropdown-menu {
  min-height: 100px;
  max-height: 160px;
  min-width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #ebf2fe;
}
.lead-sidebar .dropdown-menu .dropdown-item,
.lead-drawer .dropdown-menu .dropdown-item {
  padding: 20px 15px 10px 15px;
  width: 326px;
  height: 48px;
}
.lead-sidebar .equity-dropdown-block.common-new-drp.show .dropdown-menu,
.lead-drawer .equity-dropdown-block.common-new-drp.show .dropdown-menu {
  min-height: unset;
  max-height: unset;
  min-width: 83px;
  border-width: 1px;
  border-style: solid;
  border-color: #ebf2fe;
}
.lead-sidebar .equity-dropdown-block.common-new-drp.show .dropdown-menu .dropdown-item,
.lead-drawer .equity-dropdown-block.common-new-drp.show .dropdown-menu .dropdown-item {
  padding: 15px 15px !important;
}
.lead-sidebar .equity-dropdown-block-noborder .btn-primary.dropdown-toggle,
.lead-drawer .equity-dropdown-block-noborder .btn-primary.dropdown-toggle {
  border: none !important;
  font-size: 0.75rem !important;
  padding: 0px !important;
  color: #b8b8b8 !important;
}
.lead-sidebar .timeslot .equity-dropdown-block,
.lead-drawer .timeslot .equity-dropdown-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}
.lead-sidebar .timeslot .equity-dropdown-block .equitydrop,
.lead-drawer .timeslot .equity-dropdown-block .equitydrop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.common-checkbox-custom-white input[type=checkbox] {
  position: relative;
  border: 2px solid rgba(176, 198, 231, 0.8784313725);
  border-radius: 2px;
  background: none;
  cursor: pointer;
  line-height: 0;
  margin: 0 0.6em 0 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  opacity: 0.5;
}
.common-checkbox-custom-white input[type=checkbox]:hover {
  opacity: 1;
}
.common-checkbox-custom-white input[type=checkbox]:checked {
  background-color: #ffffff;
  border: 2px solid #0d6efd !important;
  opacity: 1;
}
.common-checkbox-custom-white input[type=checkbox]:before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
.common-checkbox-custom-white input[type=checkbox]:checked:before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid #0d6efd;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}

.equity-dropdown-block .btn-primary.dropdown-toggle {
  width: 100%;
}

.pointer-none {
  pointer-events: none;
  opacity: 0.5;
}

.pointer-auto {
  pointer-events: unset !important;
  cursor: pointer;
  opacity: 1;
}

.mobile-prefix-class .form-control {
  padding-left: 11%;
}
.mobile-prefix-class .form-control .input_prefix span {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #9999ab;
}.corporate-fd-section .invest-btn.ed_button.button {
  font-size: 0.875rem;
}
.corporate-fd-section .corp-fd-label {
  padding-top: 23px;
}
.corporate-fd-section .corporate-table {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  border-spacing: 0px;
}
.corporate-fd-section .corporate-table thead tr th {
  padding: 10px 20px;
}
.corporate-fd-section .corporate-table thead tr th.add-border {
  border-bottom: 1px solid #e7e7e7;
}
.corporate-fd-section .corporate-table tbody tr td {
  padding: 10px 20px;
  border-width: 1px 0px 0px 0px !important;
  border-radius: 0px !important;
}
.corporate-fd-section .corporate-table tbody tr .invest-btn.ed_button.button {
  font-size: 0.875rem;
}
.corporate-fd-section .corporate-table-mob {
  padding: 15px 0px;
}
.corporate-fd-section .corporate-table-mob .corporate-content {
  margin: 10px 0px;
  padding: 15px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.interest-table {
  border-collapse: collapse;
  border: 1px solid #e7e7e7;
}
.interest-table thead tr th {
  padding: 15px;
}
.interest-table thead tr:first-child {
  border-bottom: 1px solid #e7e7e7;
}
.interest-table tbody tr {
  cursor: default;
}
.interest-table tbody tr td {
  padding: 15px;
}
.interest-table tbody tr:hover {
  background-color: #ffffff !important;
}
.interest-table tbody tr:hover:nth-child(odd) {
  background-color: #f2f2f5 !important;
}
@media screen and (min-width: 1023px) {
  .interest-table tbody tr:nth-child(odd) {
    background-color: #f2f2f5;
  }
}

.product-details {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 30px 20px;
}
.product-details .product-btn {
  font-size: 1.125rem;
}

.interest-block {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 20px;
}
.interest-block .senior-checkbox {
  padding: 20px 0px;
}
.interest-block .senior-checkbox input[type=checkbox] {
  width: 16px;
  height: 16px;
}
.interest-block .senior-checkbox input[type=checkbox]:checked {
  background-color: #03002f;
}
.interest-block.additional .row, .interest-block.history .row {
  margin: 0;
}
.interest-block.additional .row .col, .interest-block.history .row .col {
  padding: 0;
}
.interest-block.additional .edit-btn, .interest-block.history .edit-btn {
  font-size: 0.75rem;
}

.common-gap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.radio-btn-section.interest-radio .radio-button.common-radio-button label {
  display: flex;
}
.radio-btn-section.interest-radio .radio-button.common-radio-button label span {
  font-family: "DMSansNormal";
}
.radio-btn-section.interest-radio .radio-button.common-radio-button input[type=radio]::after {
  height: 10px;
  width: 10px;
}
.radio-btn-section.interest-radio .radio-button.common-radio-button input[type=radio]:checked {
  border: 1px solid #03002f;
}
.radio-btn-section.interest-radio .payout {
  border-top: 1px solid #e7e7e7;
}

.corp-order-book.common-table-border table tbody tr {
  cursor: pointer;
}
.corp-order-book.common-table-border table tbody tr td {
  color: #727271;
  font-family: "DMSansMedium";
  font-size: 1rem;
  padding: 20px;
}
.corp-order-book.common-table-border table tbody tr td:first-child {
  color: #444444;
  font-size: 0.875rem;
}

.order-label {
  border-top: 1px solid #e7e7e7;
  padding-top: 20px;
}
.order-label label {
  padding-left: 20px;
}

.fd-order-pivots .market-action-pivot-grid {
  margin: 0;
  padding: 10px 20px !important;
}
.fd-order-pivots .market-action-pivot-grid .col {
  padding: 0px;
}
.fd-order-pivots .market-action-pivot-grid .col .pivotDate {
  color: #444444;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}

.corp-fd-interest.common-sidebar-new .stock-details-body {
  padding-bottom: 150px;
}

.corp-fd.z-index-high .drawer-body {
  padding-bottom: 100px;
}
.corp-fd.z-index-high .drawer-body .bottom-contents.mob {
  padding: 15px 0px;
  box-shadow: 0px 4px 17px 0px rgba(60, 60, 60, 0.11);
}

.filters-tag.new-theme.order-mob {
  display: flex;
  overflow-x: visible;
  flex-flow: wrap;
}

@media screen and (max-width: 1023px) {
  .interest-table {
    border-collapse: collapse;
    border: 1px solid #e7e7e7;
  }
  .interest-table thead tr th {
    padding: 5px;
  }
  .interest-table tbody tr td {
    padding: 12px 5px;
  }
  .corp-fd-mob {
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
  }
  .corp-fd-mob .d-space-between {
    padding: 0px 0px 12px 0px;
  }
}
.border-table-mob {
  padding: 15px 0px;
}
.border-table-mob .inner-content {
  margin: 10px 0px;
  padding: 15px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.common-left-arrow {
  font-size: 1.875rem;
}

.grid-sgb-70 {
  display: grid;
  grid-template-columns: 70% auto;
  justify-content: space-between;
}

.overflow300 {
  min-height: 300px;
  max-height: 100vh;
  overflow-y: scroll;
}.filter-tabs .filter-col {
  min-height: 300px;
}
.filter-tabs .filter-col .nav-item a {
  padding: 10px 26px;
}
.filter-tabs .filter-col .nav-item a.active {
  color: #444444;
  background-color: #ffffff;
}
.filter-tabs .filter-col .nav-item:hover a,
.filter-tabs .filter-col .nav-item nav-link:hover a {
  color: #444444;
}
.filter-tabs .icon-font {
  position: relative;
  top: -6px;
}
.filter-tabs .down-bar {
  border-bottom: 1px solid #e7e7e7;
  padding-top: 20px;
}
.filter-tabs .down-bar .clear-btn.ed_button.button {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
}
.filter-tabs .down-bar .generic-tabs .nav-tabs .nav-item .nav-link {
  font-size: 1rem;
}
.filter-tabs .common-checkbox-custom input {
  border-radius: 5px;
  width: 16px;
  height: 16px;
  accent-color: #03002f;
}
.filter-tabs .filter-button {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  height: 36px;
  line-height: 0px;
}.ncd_ipo_bank_details .detail-rows {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  border-bottom: 2px solid grey;
}@keyframes moveLeftToRight {
  0% {
    transform: translateX(-20px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes blinkBackground {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.partnerwithNuvamaOverviewSection4Subsection-main .hidden {
  opacity: 0;
  transform: translateY(20px);
}
.partnerwithNuvamaOverviewSection4Subsection-main .fade-in {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.visible0 {
  visibility: hidden;
}

.fade-in-bottom {
  opacity: 0;
  transform: translateY(15px) scale(0.99);
  will-change: transform, opacity;
  animation: fadeInBottom 0.8s ease-out forwards;
  animation-fill-mode: both;
}

.fade-in-img1 {
  opacity: 0;
  will-change: opacity;
  animation: fadeIn 0.8s ease-out forwards;
}
.fade-in-img1.visible0 {
  visibility: visible;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in-bottom-img {
  opacity: 0;
  transform: translateY(15px) scale(0.99);
  will-change: transform, opacity;
  animation: fadeInBottom-img 0.8s ease-out forwards;
  animation-fill-mode: both;
}

.fade-in-bottom-img-clients {
  opacity: 0;
  transform: translateY(15px) scale(0.99);
  will-change: transform, opacity;
  animation: fadeInBottom-img-clients 0.8s ease-out forwards;
  animation-fill-mode: both;
}

.fade-in-bottom.visible0 {
  visibility: visible;
}

.fade-in-bottom-img.visible0 {
  visibility: visible;
}

.fade-in-bottom-img-clients.visible0 {
  visibility: visible;
}

/* Staggered animation delays */
.fade-in-bottom-1 {
  animation-delay: 0.3s;
}

.fade-in-bottom-2 {
  animation-delay: 0.5s;
}

.fade-in-bottom-3 {
  animation-delay: 0.7s;
}

.fade-in-bottom-4 {
  animation-delay: 0.9s;
}

.fade-in-bottom-5 {
  animation-delay: 1s;
}

.fade-in-bottom-6 {
  animation-delay: 1.2s;
}

.fade-in-bottom-7 {
  animation-delay: 1.3s;
}

.fade-in-bottom-8 {
  animation-delay: 1.5s;
}

.fade-in-bottom-9 {
  animation-delay: 1.7s;
}

.fade-in-bottom-10 {
  animation-delay: 1.9s;
}

.fade-in-bottom-11 {
  animation-delay: 2.1s;
}

.fade-in-bottom-12 {
  animation-delay: 2.3s;
}

.fade-in-bottom-13 {
  animation-delay: 2.5s;
}

.fade-in-bottom-14 {
  animation-delay: 2.7s;
}

.fade-in-bottom-15 {
  animation-delay: 2.9s;
}

.shiny-animation {
  position: relative;
  overflow: hidden;
}

.shiny-animation::before {
  content: "";
  position: absolute;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 80%);
  animation: shine-left-to-right 10s infinite linear alternate;
}

@keyframes shine-left-to-right {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
/* Right to left animation */
.shiny-animation:nth-child(odd)::before {
  animation: shine-right-to-left 10s infinite linear alternate;
}

@keyframes shine-right-to-left {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}
.fade-in-bottom.hidden {
  animation: fadeOutBottom 1s forwards;
}

@keyframes fadeInBottom {
  from {
    opacity: 0;
    transform: translateY(40%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInBottom-img {
  from {
    opacity: 1;
    transform: translateY(88%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInBottom-img-clients {
  from {
    opacity: 1;
    transform: translateY(40%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOutBottom {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes fadeInOutStars {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.partnerwithNuvamaOverviewSection1-container-main {
  position: relative;
}
.partnerwithNuvamaOverviewSection1-container-main .partnerwithNuvamaOverviewSection1-container-main-img {
  height: auto;
  display: block;
  position: relative;
  /* right: 48%; */
  /* margin-left: 104px; */
  /* width: 80%; */
  top: 0%;
  right: -12%;
}

.partnerwithNuvamaOverviewSection1-container-main-img3 {
  animation: moveLeftToRight 18s infinite alternate ease-in-out;
  left: 29%;
  margin-top: 3%;
}

.partnerwithNuvamaPatnerImg-section1 {
  position: relative;
  overflow: hidden;
  margin-left: -5%;
}

.partnerwithNuvamaPatnerImg-section1-img1-sec {
  position: relative;
  z-index: 1;
  width: 80%;
  left: 9%;
  animation: moveLeftToRight 18s infinite alternate ease-in-out;
}

.partner-with-us-section-1-main .partner-with-Nuvama-main {
  margin-left: 30px;
  margin-bottom: 70px;
}
.partner-with-us-section-1-main .be-your-own-boss-text {
  text-wrap: nowrap;
  line-height: 160%;
  margin-top: 13px;
}
.partner-with-us-section-1-main {
  justify-content: space-between;
}
.partner-with-us-section-1-main .be-your-own-boss-tex {
  line-height: 160%;
}
.partner-with-us-section-1-main .patner-with-us-txt {
  font-family: "DMSansNormalExtraLight";
  font-size: 48px;
  font-style: normal;
  font-weight: 200;
  line-height: 100%;
}
.partner-with-us-section-1-main .text-wealth-brand {
  line-height: 100%;
}
.partner-with-us-section-1-main .partnerwithNuvamaPatnerImg-section1 {
  background-size: contain; /* or 'cover' depending on your need */
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.partner-with-us-section-1-main .partnerwithNuvamaPatnerImg-section1-img2 {
  position: relative;
  width: 600px;
  left: 85%;
  top: 30px;
}
.partner-with-us-section-1-main .top-semi,
.partner-with-us-section-1-main .bottom-semi {
  height: 230px;
  width: 460px;
  border: solid 115px rgba(0, 0, 0, 0.5);
  z-index: 5;
  background: rgba(255, 0, 0, 0);
}
.partner-with-us-section-1-main .top-semi {
  border-bottom: none;
  border-top-left-radius: 460px;
  border-top-right-radius: 460px;
  align-self: flex-end;
}
.partner-with-us-section-1-main .bottom-semi {
  border-bottom-left-radius: 460px;
  border-bottom-right-radius: 460px;
  border-top: none;
  align-self: baseline;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
@keyframes blin {
  50% {
    opacity: 0;
  }
}

@keyframes moveImage {
  0% {
    transform: translateX(0);
    mask-position: 0% bottom;
  }
  50% {
    transform: translate(-20px);
    mask-position: 20px bottom;
  }
  100% {
    transform: translateX(0); /* Move right */
    mask-position: 0% bottom;
  }
}
.partnerwithNuvamaOverviewSection1-mob-main-img3 {
  position: absolute;
  left: 33%;
  right: 0%;
  width: 80%;
  animation: moveLeftToRight 18s infinite alternate ease-in-out;
}

.partnerwithNuvamaOverviewSection1-mobile-img-mob {
  position: absolute;
  margin-top: 44%;
  left: 1%;
  width: 35%;
}

.partnerwithNuvamaOverviewSection1-mobile-img2-mob {
  position: absolute;
  z-index: 2;
  left: 10%;
  margin-top: 34%;
  width: 97%;
}

.rightSide-OverviewSection1-container .partnerwithNuvamaOverviewSection1-container-main-img {
  position: absolute;
  margin-top: 30%;
}
.rightSide-OverviewSection1-container .partnerwithNuvamaOverviewSection1-container-main-img2 {
  position: absolute;
  /* left: 20%; */
  /* top: 20%; */
  width: 79%;
  margin-left: 58%;
  margin-top: -24%;
}

.partner-portal-link .edel-icon-left-shortArrow:before {
  font-weight: 100;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
  font-size: 12px;
}

.wrapper-section1 {
  position: relative;
}
.wrapper-section1 .relative {
  position: relative;
}
.wrapper-section1 .absolute {
  position: absolute;
}
.wrapper-section1 .wrapper-section1-img2-bg {
  top: 286px;
  left: -3%;
}
.wrapper-section1 .wrapper-section1-img3-bg {
  left: 24%;
  top: 135px;
}
@media (max-width: 1399px) {
  .wrapper-section1 .wrapper-section1-img3-bg {
    left: 18% !important;
  }
}

.wrapper-section1-mob {
  position: relative;
}
.wrapper-section1-mob .rightSide-OverviewSection1-container-mob {
  position: relative;
}
.wrapper-section1-mob .rightSide-OverviewSection1-container-mob .partnerwithNuvamaOverviewSection1-mobile-img-mob {
  position: absolute;
}
.wrapper-section1-mob .rightSide-OverviewSection1-container-mob .partnerwithNuvamaOverviewSection1-mobile-img2-mob {
  position: absolute;
}

.main-blink_img .blink_img {
  animation: moveImage 18s infinite alternate ease-in-out;
}
.main-blink_img {
  position: absolute;
  mask-repeat: no-repeat;
  mask-size: auto 96%;
  mask-position: left;
  mask-composite: add;
  max-width: 92%;
  top: 21%;
}
@media (max-width: 1399px) {
  .main-blink_img {
    top: 28% !important;
    left: 4% !important;
  }
}

.patner-with-us-txt-mob {
  font-family: "DMSansNormalExtraLight";
  font-size: 24px;
  font-style: normal;
  font-weight: 250;
  line-height: 100%;
  margin-bottom: 7px;
}

.partnerwithNuvamaOverviewSection4-container {
  position: relative;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-main2 {
  position: relative;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-main1 {
  position: absolute;
}

.main-blink_img_mob {
  position: absolute;
  /* right: -42%; */
  mask-repeat: no-repeat;
  margin-top: -1%;
  mask-size: auto 66%;
  mask-position: bottom;
  mask-composite: add;
  max-width: 125%;
  left: 8%;
  top: -22%;
}
@media screen and (min-width: 359px) and (max-width: 376px) {
  .main-blink_img_mob {
    max-width: 133%;
    left: 9% !important;
    top: -31% !important;
  }
}
@media screen and (min-width: 376px) and (max-width: 390px) {
  .main-blink_img_mob {
    max-width: 133%;
    left: 8% !important;
    top: -29% !important;
  }
}
@media screen and (min-width: 390px) and (max-width: 391px) {
  .main-blink_img_mob {
    max-width: 133%;
    left: 6% !important;
    top: -26% !important;
  }
}
@media screen and (min-width: 391px) and (max-width: 402px) {
  .main-blink_img_mob {
    max-width: 133%;
    left: 6% !important;
    top: -26% !important;
  }
}
@media screen and (min-width: 403px) and (max-width: 433px) {
  .main-blink_img_mob {
    left: 7% !important;
    top: -20% !important;
    max-width: 125%;
  }
}
@media screen and (min-width: 434px) and (max-width: 450px) {
  .main-blink_img_mob {
    max-width: 125%;
    left: 3% !important;
    top: -12% !important;
  }
}
.main-blink_img_mob .blink_img_mob {
  animation: moveImage 18s infinite alternate ease-in-out;
}

.confluence-text {
  margin-left: 3%;
}

.fun-filled-text {
  margin-left: 29%;
}

.partnerwithNuvamaOverviewSection1-container-main-mob {
  overflow: hidden;
}

.partnerwithNuvamaOverviewSection4-fixed-income-img-mob {
  height: 46px;
}

.partnerwithNuvamaOverviewSection1-container-main-img-mob {
  position: absolute;
  top: 54%;
  left: 13%;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  clip-path: inset(0 0 0 0);
}

.be-your-own-boss-text-mob {
  line-height: 160%;
  letter-spacing: -0.28px;
}

.wrapper-section1-img2-bg-mob {
  position: absolute;
  /* width: 121%; */
  width: 300px;
  /* margin-top: 52%; */
  right: 0%;
  /* z-index: 2; */
  z-index: 1;
  margin-top: 105px;
  left: 33%;
}

.two-ways-to-become-text {
  margin-top: 20px;
}

.partnerwithNuvamaOverviewSection1-mobile-img {
  position: absolute;
  left: -5%;
  width: 34%;
  margin-top: 131px;
}

.partnerwithNuvamaPatnerImg-section1-img1-mob {
  width: 100%;
  left: 15%;
  position: relative;
  animation: moveLeftToRight 18s infinite alternate ease-in-out;
}

.partner-with-us-section-1-main-mobile {
  margin-left: 38px;
}

.partnerwithNuvamaPatnerImg-section1-mob {
  overflow: hidden;
  position: relative;
}
.partnerwithNuvamaPatnerImg-section1-mob .partnerwithNuvamaPatnerImg-right1-mob1 {
  position: absolute;
  top: 69%;
  left: 48%;
  right: 0;
  z-index: 1;
}
.partnerwithNuvamaPatnerImg-section1-mob .partnerwithNuvamaPatnerImg-right1-mob2 {
  position: absolute;
  top: 78%;
  height: 23%;
  left: 15%;
}
.partnerwithNuvamaPatnerImg-section1-mob .partnerwithNuvamaPatnerImg-right1-mob3 {
  position: absolute;
  top: 90%;
  left: 11%;
  transform: rotate(-7deg);
  transition: transform 0.5sease-in-out;
}

.partner-with-us-section-2-Container .partner-with-us-section-2-mapper {
  align-self: center;
  display: inline-flex;
  gap: 58px;
  justify-content: center;
}
.partner-with-us-section-2-Container .partner-with-us-section-2-mapper-inside {
  display: flex;
}
.partner-with-us-section-2-Container {
  z-index: 2;
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}
.partner-with-us-section-2-Container .partnerwithNuvama-description {
  line-height: 16px;
}
.partner-with-us-section-2-Container .partner-with-us-section-2-main {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
  border: 1px solid var(--Golden, #d3ac5d);
  width: 828px;
  border-radius: 5px;
}
.partner-with-us-section-2-Container .partner-with-us-section-2-main .register-interest {
  color: #ffffff;
  background: #f04e45;
  border-radius: 60px;
  padding: 8px 40px;
  position: relative;
  overflow: hidden;
  transition: background 0.3s ease-in-out;
}
.partner-with-us-section-2-Container .partner-with-us-section-2-main .register-interest:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transform: skewX(-30deg);
  animation: shine 1.5s linear infinite;
}
@keyframes shine {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}

.partner-with-us-section-2-Container-mob {
  overflow: hidden;
}
.partner-with-us-section-2-Container-mob .mapper-first-ele {
  margin-bottom: 24px;
  position: relative;
}
.partner-with-us-section-2-Container-mob .mapper-last-ele {
  margin-bottom: 16px;
}
.partner-with-us-section-2-Container-mob .partner-mapper-mobile {
  line-height: 100%;
  color: #03002f;
}
.partner-with-us-section-2-Container-mob .two-ways-to-become-text-mob {
  text-align: center;
  font-family: "DMSansNormal";
  padding-block: 22px 16px;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
}
.partner-with-us-section-2-Container-mob .partner-with-us-section-2-main-mob {
  z-index: 2;
  border: 1px solid var(--Golden, #d3ac5d);
  border-radius: 5px;
  margin-inline: 13px;
  background: #ffffff;
  align-items: center;
  position: absolute;
  width: 87%;
  top: -5%;
}
.partner-with-us-section-2-Container-mob .register-interest {
  color: #ffffff;
  background: #f04e45;
  border-radius: 60px;
  padding: 8px 30px;
  position: relative;
  overflow: hidden;
  transition: background 0.3s ease-in-out;
}
.partner-with-us-section-2-Container-mob .register-interest:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transform: skewX(-30deg);
  animation: shine 1.5s linear infinite;
}
@keyframes shine {
  from {
    left: -150%;
  }
  to {
    left: 150%;
  }
}
.partner-with-us-section-2-Container-mob .partner-with-us-section-2-mapper-mob {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.partner-with-us-section-2-Container-mob .partner-with-us-section-2-mapper-mob img {
  height: 50px;
}

.partnerwithNuvamaOverviewSection3 {
  position: relative;
}
.partnerwithNuvamaOverviewSection3 .bg-img-section3 {
  position: absolute;
  width: 100%;
  right: 0%;
  bottom: 0%;
  top: 8%;
  left: 0%;
}
.partnerwithNuvamaOverviewSection3 .bg-img-section3Img2-mob {
  top: 27%;
  position: absolute;
  right: 69%;
}
.partnerwithNuvamaOverviewSection3 .partnerwithNuvamaOverviewSection3-why-partners {
  position: relative;
  line-height: 90%;
  padding-top: 215px;
  text-align: center;
  padding-inline: 50px;
  margin-bottom: 10px;
  font-family: "DMSerifRegular";
  font-size: 96px;
  font-style: normal;
  font-weight: 400;
}
.partnerwithNuvamaOverviewSection3 .partnerwithNuvamaOverviewSection3-subtext {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 37px;
  letter-spacing: -0.36px;
  line-height: 29px;
  font-size: 1.125rem;
  letter-spacing: normal;
  font-family: "DMSansNormalExtraLight";
  font-weight: 300;
}
.partnerwithNuvamaOverviewSection3 .partnerwithNuvamaOverviewSection3-leverage {
  text-align: center;
  margin-bottom: 32px;
  font-family: "DMSansNormalExtraLight";
  font-size: 36px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
  letter-spacing: normal;
}
.partnerwithNuvamaOverviewSection3 .partnerwithNuvamaOverviewSection3-mapper {
  justify-content: center;
  gap: 100px;
}
.partnerwithNuvamaOverviewSection3 .partnerwithNuvamaPatnerImg-section3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 115px;
  position: relative;
  z-index: 2;
}

.connect-with-our-section5-mob-main {
  position: absolute;
  height: 140px;
  width: 100%;
  background: #ffffff;
  bottom: 0px;
}

.two-bg-img-section3 {
  position: relative;
}
.two-bg-img-section3 .bg-img-section3 {
  position: absolute;
}
.two-bg-img-section3 .bg-img-section1 {
  position: absolute;
}

.partnerwithNuvamaOverviewSection3-bg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.partnerwithNuvamaOverviewSection4-bg {
  position: absolute;
  left: 10%;
  right: 0;
  z-index: 1;
  top: 0%;
  width: 85%;
  z-index: 1;
}

@media (max-width: 1399px) {
  .partnerwithNuvamaOverviewSection4-bg {
    position: absolute;
    z-index: 1;
    top: 1% !important;
    width: 90% !important;
    left: 4% !important;
  }
}
@media (min-width: 1999px) {
  .partnerwithNuvamaOverviewSection4-bg {
    position: absolute;
    left: 10%;
    right: 0;
    z-index: 1;
    top: 0%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100% !important;
    margin: 0;
    overflow: hidden;
  }
}
@media (min-width: 1799px) {
  .partnerwithNuvamaOverviewSection4-bg {
    width: 77% !important;
  }
}
.partnerwithNuvamaOverviewSection3-mapper-mob-1 {
  position: relative;
  right: 10%;
}

.partnerwithNuvamaOverviewSection3-mapper-mob {
  margin-inline: 48px;
  padding-bottom: 117px;
}

.partnerwithNuvamaOverviewSection3-why-partners-mob {
  margin-top: 304px;
  line-height: 100%;
}

.partnerwithNuvamaOverviewSection3-subtext-mob {
  line-height: 160%;
  letter-spacing: -0.28px;
  font-size: 0.875rem;
  font-family: "DMSansNormalExtraLight";
}

.partnerwithNuvamaOverviewSection3-leverage-mob {
  line-height: 120%;
  letter-spacing: 0.22px;
  line-height: 120%;
  letter-spacing: 0.22px;
  font-family: "DMSansNormalExtraLight";
  font-size: 22px;
  font-style: normal;
  font-weight: 250;
  line-height: 120%;
  letter-spacing: 0.22px;
  margin-bottom: 29px;
}

.see-last-offerig-text-mob-main {
  display: flex;
  justify-content: center;
}
.see-last-offerig-text-mob-main .see-last-offerig-text-mob {
  position: relative;
  z-index: 2;
  text-align: center;
  border-bottom: 1px solid #03002f;
  color: #03002f;
  background-color: transparent;
  overflow: hidden;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  font-size: 1.125rem;
  padding: 10px 0px 0px 0px;
  left: -20px;
}
.see-last-offerig-text-mob-main .see-last-offerig-text-mob::before,
.see-last-offerig-text-mob-main .see-last-offerig-text-mob::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 80%);
  transform: skewX(-20deg);
  transition: left 0.6s ease-in-out;
}
.see-last-offerig-text-mob-main {
  /* Left to right animation on hover */
}
.see-last-offerig-text-mob-main .see-last-offerig-text-mob:hover::before {
  left: 100%;
}
.see-last-offerig-text-mob-main {
  /* Right to left animation */
}
.see-last-offerig-text-mob-main .see-last-offerig-text-mob::after {
  left: 100%;
  animation: shine-right-to-left-mob 1.2s infinite alternate;
}
@keyframes shine-right-to-left-mob {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}
@media (max-width: 768px) {
  .see-last-offerig-text-mob-main .see-last-offerig-text-mob {
    font-size: 12px;
    margin: 8px 12px;
    padding: 0;
  }
}

.partnerwithNuvamaOverviewSection4-container .see-last-offering {
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
}
.partnerwithNuvamaOverviewSection4-container .see-last-offering .see-last-offerig-text {
  position: relative;
  z-index: 2;
  text-align: center;
  border-bottom: 1px solid #f04e45;
  color: #f04e45;
  background-color: transparent;
  overflow: hidden;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.partnerwithNuvamaOverviewSection4-container .see-last-offering .see-last-offerig-text::before,
.partnerwithNuvamaOverviewSection4-container .see-last-offering .see-last-offerig-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 80%);
  transform: skewX(-20deg);
  transition: left 0.6s ease-in-out;
}
.partnerwithNuvamaOverviewSection4-container .see-last-offering .see-last-offerig-text:hover::before {
  left: 100%;
}
.partnerwithNuvamaOverviewSection4-container .see-last-offering .see-last-offerig-text::after {
  left: 100%;
  animation: shine-right-to-left 1.2s infinite alternate;
}
@keyframes shine-right-to-left {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 {
  margin-top: 50px;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 {
  margin-inline: 180px;
  margin-top: -90px;
  margin-bottom: 40px;
  flex-direction: column;
  width: max-content;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-fixed-income {
  width: 250px;
  box-shadow: 24px -20px 15px -11px rgba(211, 172, 93, 0.3);
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 {
  position: relative;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-fixed-income {
  width: 230px;
  box-shadow: 24px -20px 15px -11px rgba(211, 172, 93, 0.3);
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-fixed-income,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-fixed-income,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-fixed-income {
  padding-right: 6px;
  padding-top: 15px;
  border-radius: 5px;
  border: 1px solid #ffffff;
  /* opacity: 0.2; */
  background: linear-gradient(133deg, rgba(211, 172, 93, 0.1) -14.27%, rgba(255, 241, 214, 0.5) 175.58%);
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-fixed-income-brd,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-fixed-income-brd,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-fixed-income-brd {
  border-radius: 5px;
  padding: 20px;
  border: 1px solid var(--Golden, #d3ac5d);
  background: #ffffff;
  position: relative;
  left: -8%;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-managed-portfolio,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-managed-portfolio,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-managed-portfolio {
  border-radius: 5px;
  border: 1px solid rgba(211, 172, 93, 0.4784313725);
  /* opacity: 0.5; */
  background: #ffffff;
  display: flex;
  padding-top: 15px;
  height: fit-content;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-managed-portfolio .partnerwithNuvamaOverviewSection4-managed-portfolio-brd,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-managed-portfolio .partnerwithNuvamaOverviewSection4-managed-portfolio-brd,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-managed-portfolio .partnerwithNuvamaOverviewSection4-managed-portfolio-brd {
  border-radius: 5px;
  border: 1px solid #d3ac5d;
  background: linear-gradient(228deg, #fffcf5 6.12%, #ffffff 97.39%);
  position: relative;
  left: -15px;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-Insurance,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-Insurance,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-Insurance {
  border-radius: 5px;
  border: 1px solid #d3ac5d;
  background: #ffffff;
  display: flex;
  align-items: baseline;
  height: 186px;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-Insurance .partnerwithNuvamaOverviewSection4-Insurance-brd,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-Insurance .partnerwithNuvamaOverviewSection4-Insurance-brd,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-Insurance .partnerwithNuvamaOverviewSection4-Insurance-brd {
  border-radius: 5px;
  border: 1px solid #d3ac5d;
  background: linear-gradient(228deg, #fffcf5 6.12%, #ffffff 97.39%);
  position: relative;
  right: -9%;
  top: -10%;
  padding-block: 10px;
  padding-inline: 25px;
  width: inherit;
  height: 184px;
  width: 250px;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-Credit,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-Credit,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-Credit {
  border-radius: 5px;
  /* border: 1px solid #D3AC5D; */
  padding-block: 15px;
  /* opacity: 0.2; */
  display: flex;
  background: linear-gradient(133deg, rgba(211, 172, 93, 0.2) -14.27%, rgba(255, 241, 214, 0.2) 175.58%);
  align-items: flex-start;
  justify-content: center;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-Credit .partnerwithNuvamaOverviewSection4-Credit-brd,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-Credit .partnerwithNuvamaOverviewSection4-Credit-brd,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-Credit .partnerwithNuvamaOverviewSection4-Credit-brd {
  border-radius: 5px;
  width: 250px;
  border: 1px solid var(--Golden, #d3ac5d);
  background: #ffffff;
  padding-block: 25px;
  position: relative;
  right: -6%;
  padding-inline: 25px 106px;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-eq,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-eq,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-eq {
  border-radius: 5px;
  border: 1px solid #ffffff;
  /* opacity: 0.2; */
  background: linear-gradient(133deg, rgba(211, 172, 93, 0.2) -14.27%, rgba(255, 241, 214, 0.2) 175.58%);
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-eq .partnerwithNuvamaOverviewSection4-eq-brd,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-eq .partnerwithNuvamaOverviewSection4-eq-brd,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-eq .partnerwithNuvamaOverviewSection4-eq-brd {
  border-radius: 5px;
  border: 1px solid var(--Golden, #d3ac5d);
  background: #ffffff;
  position: relative;
  left: -6%;
  top: 6%;
  padding: 25px;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-other,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-other,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-other {
  border-radius: 5px;
  border: 1px solid rgba(211, 172, 93, 0.5019607843);
  background: #ffffff;
  height: 210px;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-other .partnerwithNuvamaOverviewSection4-other-brd,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-other .partnerwithNuvamaOverviewSection4-other-brd,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-other .partnerwithNuvamaOverviewSection4-other-brd {
  border-radius: 5px;
  border: 1px solid rgba(211, 172, 93, 0.5019607843);
  background: linear-gradient(228deg, #fffcf5 6.12%, #ffffff 97.39%);
  position: relative;
  top: -10%;
  right: -5%;
  padding: 25px;
  margin-right: -15%;
  height: 104%;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-fixed-income-p15,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-fixed-income-p15,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-fixed-income-p15 {
  padding: 15px;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .partnerwithNuvamaOverviewSection4-title,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .partnerwithNuvamaOverviewSection4-title,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .partnerwithNuvamaOverviewSection4-title {
  font-family: "DMSerifRegular";
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .express-interest,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .express-interest,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .express-interest {
  color: #ffffff;
  background: #f04e45;
  border-radius: 60px;
  padding: 8px 40px;
  left: -20px;
  position: relative;
  overflow: hidden;
  transition: background 0.3s ease-in-out;
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .express-interest:hover::after,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .express-interest:hover::after,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .express-interest:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transform: skewX(-30deg);
  animation: shine 1.5s linear infinite;
}
@keyframes shine {
  from {
    left: -150%;
  }
  to {
    left: 150%;
  }
}
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section1 .income-title,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section2 .income-title,
.partnerwithNuvamaOverviewSection4-container .partnerwithNuvamaOverviewSection4-section3 .income-title {
  font-family: "DMSansNormalExtraLight";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
}

.partnerwithNuvamaOverviewSection4-section2-main {
  position: relative;
}
.partnerwithNuvamaOverviewSection4-section2-main .partnerwithNuvamaOverviewSection4-section2-outer {
  position: relative;
}

.partnerwithNuvamaOverviewSection4Subsection-main .nuvama-is-your-text {
  line-height: normal;
  margin-inline: 30px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .star-section-4 {
  margin-top: 25px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .grow-your-text {
  margin-block: 5px 14px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .fixed-income-card-0 {
  border-radius: 3.071px;
  border: 0.614px solid #ffffff;
  background: linear-gradient(133deg, rgba(211, 172, 93, 0.2) -14.27%, rgba(255, 241, 214, 0.2) 175.58%);
  width: 165.243px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .fixed-income-card-0 .partnerwithNuvamaOverviewSection4-fixed-income-mob {
  border-radius: 3.071px;
  border: 0.614px solid var(--Golden, #d3ac5d);
  background: #ffffff;
  position: relative;
  left: -9px;
  top: 9px;
  padding: 10px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .fixed-income-card-1 {
  border-radius: 3.915px;
  border: 0.783px solid #d3ac5d;
  /* opacity: 0.5; */
  background: #ffffff;
  margin-top: 30px;
  width: 165.243px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .fixed-income-card-1 .partnerwithNuvamaOverviewSection4-fixed-income-mob {
  border-radius: 3.915px;
  border: 0.783px solid #d3ac5d;
  background: linear-gradient(228deg, #fffcf5 6.12%, #ffffff 97.39%);
  position: relative;
  top: -9px;
  left: -9px;
  padding: 10px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .fixed-income-card-2 {
  border-radius: 3.463px;
  border: 0.693px solid #d3ac5d;
  /* opacity: 0.5; */
  background: #ffffff;
  margin-top: 30px;
  width: 165.243px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .fixed-income-card-2 .partnerwithNuvamaOverviewSection4-fixed-income-mob {
  border-radius: 3.463px;
  border: 0.693px solid #d3ac5d;
  background: linear-gradient(228deg, #fffcf5 6.12%, #ffffff 97.39%);
  position: relative;
  right: -9px;
  top: -9px;
  padding: 10px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .custom-card-0 {
  border-radius: 3.308px;
  border: 0.662px solid #d3ac5d;
  background: linear-gradient(228deg, #fffcf5 6.12%, #ffffff 97.39%);
  margin-inline: 10px;
  width: 158px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .custom-card-0 .partnerwithNuvamaOverviewSection4-fixed-income-mob {
  border-radius: 3.071px;
  border: 0.614px solid var(--Golden, #d3ac5d);
  background: #ffffff;
  position: relative;
  left: -9px;
  top: 9px;
  padding: 10px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .custom-card-1 {
  border-radius: 3.292px;
  border: 0.658px solid #ffffff;
  /* opacity: 0.2; */
  background: linear-gradient(133deg, rgba(211, 172, 93, 0.2) -14.27%, rgba(255, 241, 214, 0.2) 175.58%);
  margin-inline: 10px;
  width: 158px;
  margin-top: 30px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .custom-card-1 .partnerwithNuvamaOverviewSection4-fixed-income-mob {
  border-radius: 3.292px;
  border: 0.658px solid var(--Golden, #d3ac5d);
  background: #ffffff;
  position: relative;
  top: 9px;
  left: -9px;
  top: 9px;
  padding: 10px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .custom-card-2 {
  border-radius: 3.424px;
  border: 0.685px solid #d3ac5d;
  /* opacity: 0.2; */
  background: linear-gradient(133deg, rgba(211, 172, 93, 0.2) -14.27%, rgba(255, 241, 214, 0.2) 175.58%);
  margin-inline: 10px;
  width: 158px;
  margin-top: 30px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .custom-card-2 .partnerwithNuvamaOverviewSection4-fixed-income-mob {
  border-radius: 3.424px;
  border: 0.685px solid var(--Golden, #d3ac5d);
  background: #ffffff;
  position: relative;
  top: 9px;
  right: -9px;
  top: 9px;
  padding: 10px;
}
.partnerwithNuvamaOverviewSection4Subsection-main .partnerwithNuvamaOverviewSection4-fixed-income-mob .income-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
}
.partnerwithNuvamaOverviewSection4Subsection-main .partnerwithNuvamaOverviewSection4-fixed-income-mob .income-text {
  line-height: 140%;
  letter-spacing: -0.24px;
}

.express-interest-section4 .express-interest {
  color: #ffffff;
  background: #f04e45;
  border-radius: 60px;
  padding: 11px 25px;
}
.express-interest-section4 .express-interest:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transform: skewX(-30deg);
  animation: shine 1.5s linear infinite;
}

.partnerwithNuvamaOverviewSection5-sub {
  gap: 60px;
}

.recognitions-line-hight {
  line-height: 27px;
  margin-block: 0px 15px;
}

.partnerwithNuvamaOverviewSection5-mob-carousel-item img {
  height: 51px;
}

.section4-star-main {
  margin-right: 16px;
  height: 40px;
}
.section4-star-main img {
  position: relative;
  top: 38%;
}

.partnerwithNuvamaOverviewSection5 .slick-prev {
  left: 66% !important;
}
.partnerwithNuvamaOverviewSection5 .slick-next {
  left: 84% !important;
}
.partnerwithNuvamaOverviewSection5 {
  background: linear-gradient(111deg, rgba(28, 26, 69, 0) 41.08%, rgba(255, 77, 63, 0.2) 100%), #1c1a45 !important;
}

.partnerwithNuvamaOverviewSection5 .section5-first-carousel .slick-track .slick-slide {
  margin-right: 7px !important;
}

.partnerwithNuvamaOverviewSection5 .linesIllustrationSection5 {
  margin-left: 53px;
  position: absolute;
  top: 83%;
}
.partnerwithNuvamaOverviewSection5 .linesIllustrationSection5-img1 img {
  height: 509px;
  margin-right: 2px;
}
.partnerwithNuvamaOverviewSection5 .linesIllustrationSection5-img2 .sub-img1 {
  margin-bottom: 2px;
  padding-right: 2px;
  width: 99%;
}
.partnerwithNuvamaOverviewSection5 .linesIllustrationSection5-img2 .sub-img2 {
  padding-right: 2px;
  width: 99%;
}
.partnerwithNuvamaOverviewSection5 .linesIllustrationSection5-img3 .sub-img1 {
  margin-bottom: 2px;
  width: 99%;
}
.partnerwithNuvamaOverviewSection5 .linesIllustrationSection5-img3 .sub-img2 {
  width: 100%;
}
.partnerwithNuvamaOverviewSection5 {
  background: #1c1a45;
  position: relative;
}
.partnerwithNuvamaOverviewSection5 .partnerwithNuvamaOverviewSection5-container {
  margin-left: 63px;
  position: relative;
}
.partnerwithNuvamaOverviewSection5 .partnerwithNuvamaOverviewSection5-container .connect-with-our-section5-img img {
  margin-left: 17%;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.partnerwithNuvamaOverviewSection5 .partnerwithNuvamaOverviewSection5-container .connect-with-our-section5 {
  line-height: 50px;
  margin-top: 33px;
  position: relative;
}
.partnerwithNuvamaOverviewSection5 .partnerwithNuvamaOverviewSection5-container {
  padding-top: 114px;
}
.partnerwithNuvamaOverviewSection5 .partnerwithNuvamaOverviewSection5-container .partnerwithNuvamaOverviewSection5-last-ele {
  margin-top: 154px;
}
.partnerwithNuvamaOverviewSection5 .partnerwithNuvamaOverviewSection5-container .partnerwithNuvamaOverviewSection5-last-ele img {
  height: 140px;
}
.partnerwithNuvamaOverviewSection5 .partnerwithNuvamaOverviewSection5-container .partnerwithNuvamaOverviewSection5-sec-item img {
  width: 127px;
}
.partnerwithNuvamaOverviewSection5 .partnerwithNuvamaOverviewSection5-container .partnerwithNuvamaOverviewSection5-Sec-ele {
  margin-top: 32px;
}
.partnerwithNuvamaOverviewSection5 .partnerwithNuvamaOverviewSection5-container .partnerwithNuvamaOverviewSection5-Sec-ele .partnerwithNuvamaOverviewSection5-Sec-ele-item1 {
  margin-bottom: 55px;
}
.partnerwithNuvamaOverviewSection5 .partnerwithNuvamaOverviewSection5-container .become-yout-text-section5 {
  font-family: "DMSansNormalExtraLight";
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 23.4px */
  letter-spacing: 0.36px;
}

@media (max-width: 768px) {
  .partnerwithNuvamaOverviewSection5 {
    background: linear-gradient(111deg, rgba(28, 26, 69, 0) 41.08%, rgba(255, 77, 63, 0.2) 100%), #1c1a45;
  }
  .partnerwithNuvamaOverviewSection5 .slick-list {
    padding-bottom: 0px;
  }
  .partnerwithNuvamaOverviewSection5 .container {
    padding-right: 0px;
  }
  .partnerwithNuvamaOverviewSection5 {
    background: linear-gradient(111deg, rgba(28, 26, 69, 0) 41.08%, rgba(255, 77, 63, 0.2) 100%), #1c1a45;
  }
  .partnerwithNuvamaOverviewSection5 .confluence-text {
    margin-left: 2%;
  }
  .partnerwithNuvamaOverviewSection5 .fun-filled-text {
    margin-left: 28%;
  }
}
.partnerwithNuvamaOverviewSection5-mob-main {
  z-index: 1;
  position: relative;
}
.partnerwithNuvamaOverviewSection5-mob-main .linesIllustrationSection5-mob {
  position: absolute;
}
.partnerwithNuvamaOverviewSection5-mob-main .partnerwithNuvamaOverviewSection5-mob-heading {
  position: relative;
  padding-top: 70px;
}
.partnerwithNuvamaOverviewSection5-mob-main .partnerwithNuvamaOverviewSection5-mob-heading-partnering {
  position: absolute;
  margin-top: -10px;
  margin-left: 38%;
}
.partnerwithNuvamaOverviewSection5-mob-main .become-yout-text-section5-mob {
  color: var(--Magenta-Magenta-400, #d9d9d9);
  font-family: "DMSansNormalExtraLight";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 18.2px */
  letter-spacing: 0.28px;
}
.partnerwithNuvamaOverviewSection5-mob-main .partnerwithNuvamaOverviewSection5-mob-carousel-item {
  border-radius: 4px;
  border: 1px solid #251c45;
  background: #28244d;
  width: 80%;
  flex: 0 0 auto;
  height: 300px;
}
.partnerwithNuvamaOverviewSection5-mob-main .partnerwithNuvamaOverviewSection5-mob-carousel-item .img-card {
  height: 51.2px;
}
.partnerwithNuvamaOverviewSection5-mob-main .partnerwithNuvamaOverviewSection5-mob-heading-img img {
  width: 295.001px;
  height: 121.493px;
  margin-left: -4%;
}

.connect-with-our-section5-mob {
  margin-left: 35px;
}
.connect-with-our-section5-mob .connect-text {
  font-family: "DMSansNormalExtraLight";
  font-size: 18px;
  font-style: normal;
  font-weight: 250;
  line-height: 130%; /* 23.4px */
  letter-spacing: 0.18px;
}

.section6-carousel-card-main-firstimg {
  height: 232.263px;
  border: 3px solid #ffffff;
}

.section6-carousel-card-main-card2 .section6-carousel-card-main-card2-img {
  border: 3px solid #ffffff;
  height: 113.788px;
  align-self: stretch;
}
.section6-carousel-card-main-card2 .section6-carousel-card-main-card3-img {
  border: 3px solid #ffffff;
  width: 261.491px;
  height: 117.244px;
  flex-shrink: 0;
}

.section6-carousel-card-main-card3 .section6-carousel-card-main-card4-img {
  height: 110.788px;
  align-self: stretch;
  border: 3px solid #ffffff;
}
.section6-carousel-card-main-card3 .section6-carousel-card-main-card5-img {
  height: 120.788px;
  align-self: stretch;
  border: 3px solid #ffffff;
}

.sextion6-carousel-card-main-card5-img {
  border: 3px solid #ffffff;
}

.linesIllustrationSection5-mob {
  position: absolute;
  top: 48%;
  left: 30%;
  overflow: hidden;
  right: 0;
}

.talk-to-us {
  color: #ffffff;
  background: #f04e45;
  position: fixed;
  right: 0px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .talk-to-us {
    bottom: 50%;
  }
}
.talk-to-us {
  transform: rotate(-90deg);
  transform-origin: bottom right;
  padding: 15px;
  font-weight: bold;
  cursor: pointer;
  z-index: 1000;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.talk-to-us-mob {
  top: 333px !important;
}

.bg-img-section3-mob {
  position: absolute;
  bottom: 3px;
  left: 73%;
  overflow: hidden;
  right: 0;
}

.partnerwithNuvamaOverviewSection4-subsection {
  z-index: 2;
}

.animation-section5 .slick-initialized {
  animation: moveLeftToRight 2s forwards;
  animation-delay: 2s;
}

.partnerwithNuvamaOverviewSection5 .slick-list {
  margin-left: 35px;
}

.section1rightside-main-section {
  position: relative;
  left: -6%;
}

.connect-with-main {
  font-family: "DMSansNormalExtraLight";
  font-size: 36px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
}

.line-spacing-partnerwithus {
  line-height: 70px;
}

.partnerwithNuvamaPatnerImg-section3-mob {
  position: absolute;
  margin-top: -20%;
  display: flex;
  left: 50%;
}

.dedicated-line-container-mob {
  position: relative;
}

.dedicated-line-container-mob-img {
  position: absolute;
  top: 39%;
  left: -3%;
  z-index: -10;
}

.placeholder-common input::placeholder {
  color: #adadad !important;
  opacity: 1 !important;
}

.tiny-icon-size {
  width: 48px;
  height: 48px;
}
@media (max-width: 768px) {
  .tiny-icon-size {
    width: 20px;
    height: 20px;
  }
}

.single-vector {
  bottom: 145px;
  position: relative;
}

.lh-150 {
  line-height: 150%;
}

.lh-130 {
  line-height: 130%;
}

.height-1000 {
  height: 1000px;
}

.height-60-pixels {
  height: 60px;
}

.width-190 {
  width: 190px;
}

.width-202 {
  width: 202px;
}

.width-242 {
  width: 242px;
}

.width-262 {
  width: 262px;
}

.width-292 {
  width: 292px;
}

.width-300 {
  width: 300px;
}

.width-322 {
  width: 322px;
}

.width-405 {
  width: 405px;
}

.width-518 {
  width: 518px;
}

.width-640 {
  width: 640px;
}

.left-phone {
  width: 339px;
  height: 425px;
  z-index: 2;
  position: relative;
  bottom: 50px;
  left: 350px;
}
@media (max-width: 768px) {
  .left-phone {
    width: 74px;
    height: 147px;
    bottom: 0px;
    left: 0px;
  }
}

.middle-phone {
  width: 254px;
  height: 466px;
  position: relative;
  z-index: 1;
  bottom: 185px;
  left: 240px;
}
@media (max-width: 768px) {
  .middle-phone {
    width: 74px;
    height: 147px;
    bottom: 0px;
    left: 0px;
  }
}

.right-phone {
  width: 264px;
  height: 420px;
  position: relative;
  top: 20px;
  left: 176px;
}
@media (max-width: 768px) {
  .right-phone {
    width: 74px;
    height: 147px;
    bottom: 0px;
    left: 0px;
  }
}

.gold-vector {
  position: relative;
  z-index: -1;
  bottom: 150px;
  right: 422px;
}

.mob-images-position {
  bottom: 100px;
  left: 80px;
}

.content-position {
  position: relative;
  bottom: 600px;
  gap: 620px;
}
@media (min-width: 1600px) {
  .content-position {
    left: 80px;
  }
}

.content-primos {
  position: relative;
  left: 50px;
}

.top-tier {
  background-color: #1c1a45;
  padding: 42px 0px 50px 80px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 768px) {
  .top-tier {
    padding: 33px 18px 50px;
    line-height: normal;
  }
}

.top-tier-img-container {
  position: absolute;
  left: 57%;
  bottom: 0;
  width: 550px;
  overflow: visible;
}
@media (max-width: 768px) {
  .top-tier-img-container {
    left: 4%;
    width: 100%;
  }
}

.high-level-index {
  position: relative;
  z-index: 2;
}

.ready-partner-image-container {
  position: absolute;
  overflow: visible;
  right: 3%;
  bottom: 0%;
}

.focus-wealth-mob {
  left: 190px;
  position: absolute;
  z-index: 2;
}

.pb-200 {
  padding-bottom: 200px;
}

.top-tier-img {
  width: 550px;
  height: 536px;
  object-fit: cover;
  object-position: center bottom;
  position: absolute;
  bottom: 0;
}
@media (max-width: 768px) {
  .top-tier-img {
    width: 240px;
    height: 238px;
    position: relative !important;
  }
}

.comp-rates {
  margin-left: 85px;
}

.dedicated-support {
  display: flex;
  justify-content: end;
}

.comp-img {
  position: relative;
  top: 100px;
  left: 9px;
}

@media (max-width: 768px) {
  .comp-mob-img {
    position: relative;
    width: 62px;
    height: 42px;
  }
}

.sing-vect-two-img {
  position: relative;
  top: 105px;
  right: 100px;
}

.shortly-text {
  margin-top: 15px;
}

.every-platform-img {
  position: relative;
  height: 550px;
  top: 50px;
  width: 954px;
}

.every-platform-mob-img {
  height: 235px;
  position: relative;
  width: 335px;
  top: 60px;
}

.px-19 {
  padding-left: 19px;
  padding-right: 19px;
}

.px-23 {
  padding-left: 23px;
  padding-right: 23px;
}

.px-28 {
  padding-left: 28px;
  padding-right: 28px;
}

.gradient-midnight-bg {
  background: linear-gradient(111deg, rgba(28, 26, 69, 0) 41.08%, rgba(255, 77, 63, 0.2) 100%), #1c1a45;
}

.gradient-midnight-bg-two {
  background: linear-gradient(122deg, #1c1a45 70.14%, #ff3030 146.79%), #e6e6eb;
}

.hear-from-image {
  width: 222px;
  height: 227px;
}

.hear-from-image-mid {
  width: 222px;
  height: 460px;
}

.container-main-ready-to-boss {
  position: relative;
  display: flex;
}
.container-main-ready-to-boss .ready-to-boss-main {
  flex-grow: 1;
}

.ready-partner-boss {
  position: relative;
  z-index: 1;
  width: 297px;
  height: 400px;
  margin-bottom: -240px;
  bottom: 240px;
}

.business-partner-mob {
  padding: 48px 0px 25px 29px;
}

.semi-colon {
  position: relative;
  margin-bottom: -30px;
  bottom: 32px;
}

.ready-partner-header {
  border-bottom: 1px solid #d3ac5d;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.partner-focus {
  background: #ffffff;
  border-radius: 5px;
  width: 448px;
  z-index: 2;
}

.pdt-60 {
  padding-top: 53px;
}

.pdl-50 {
  padding-left: 50px;
}

.below-header-container {
  padding-left: 50px;
  padding-right: 38px;
  position: relative;
  z-index: 3;
}
@media (max-width: 768px) {
  .below-header-container {
    padding-left: 30px;
  }
}

.gap-23 {
  gap: 23px;
}

.wealth-focused {
  left: 24px;
  position: relative;
  top: 44px;
  z-index: 2;
}
@media (max-width: 768px) {
  .wealth-focused {
    left: -8px;
    position: relative;
    top: 85px;
    z-index: 2;
    width: 137px;
    height: 127px;
  }
}

.equity-focused {
  left: 24px;
  position: relative;
  top: 44px;
}
@media (max-width: 768px) {
  .equity-focused {
    width: 137px;
    height: 127px;
    left: -8px;
    position: relative;
    top: 85px;
    z-index: 2;
  }
}

.negative-margin-bottom {
  margin-bottom: -300px;
}

/* Keyframes for the animations */
@keyframes slideInFade {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Apply the animation */
.animate-slide-in-fade {
  animation: slideInFade 1s ease-out forwards;
}

.animate-fade-in {
  animation: fadeIn 1s ease-out forwards;
}

/* Delay the animations for better effect */
.text-container .title {
  animation-delay: 0.2s;
}

.text-container .subtitle {
  animation-delay: 0.4s;
}

.text-container .description {
  animation-delay: 0.6s;
}

.top-tier-img-container img {
  animation-delay: 0.8s;
}

.list-style-disc {
  list-style: disc;
}

.pt-1px {
  padding-top: 1px;
}

.padding-b-18 {
  padding-bottom: 18px;
}

/* Base styles for animations */
.animate-on-scroll {
  opacity: 0;
  transition: all 0.8s ease-out;
}

/* When visible class is added */
.animate-on-scroll.visible {
  opacity: 1;
}

/* Slide in and fade animation */
.slide-in-fade {
  transform: translateY(30px);
}

.slide-in-fade.visible {
  transform: translateY(0);
}

/* Simple fade animation */
.fade-in {
  opacity: 0;
}

.fade-in.visible {
  opacity: 1;
}

/* Delay classes */
.delay-200 {
  transition-delay: 0.2s;
}

.delay-300 {
  transition-delay: 0.3s;
}

.delay-400 {
  transition-delay: 0.4s;
}

.delay-600 {
  transition-delay: 0.6s;
}

.animate-slide-in {
  animation: slideInFromLeft 0.5s ease-out forwards;
}

@keyframes slideInFromBottom {
  0% {
    transform: translateY(100%); /* Start off-screen at the bottom */
    opacity: 1;
  }
  100% {
    transform: translateY(0); /* End at its original position */
    opacity: 1;
  }
}
.animate-on-scroll.animate-slide-in.visible {
  animation: slideInFromBottom 0.5s ease-out forwards;
}

@media (max-width: 768px) {
  .help_text::before {
    display: none;
  }
}
.input-group-partner .form-control {
  border-radius: 10px;
  height: 50px;
  background: #ffffff;
}
.input-group-partner input:-webkit-autofill,
.input-group-partner input:-webkit-autofill:hover,
.input-group-partner input:-webkit-autofill:focus,
.input-group-partner input:-webkit-autofill:active {
  background: #ffffff;
}

.px-70 {
  padding: 0px 70px;
}

.radio-button.partner-radio-button input[type=radio] {
  border: 3px solid #f04e45;
}
.radio-button.partner-radio-button input[type=radio]:checked {
  border: 0px solid #f04e45 !important;
  background: #ffffff;
}
.radio-button.partner-radio-button input[type=radio]:checked::after {
  background: #f04e45;
}

.radio-button.partner-radio-button.common-radio-button input[type=radio] {
  border: 3px solid #f04e45;
}
.radio-button.partner-radio-button.common-radio-button input[type=radio]:checked {
  border: 0px solid #f04e45 !important;
}
.radio-button.partner-radio-button.common-radio-button input[type=radio]:checked::after {
  background: #f04e45;
  border: 2px solid #ffffff;
}

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

.red-outline .form-control {
  border: 2px solid #f0512d;
}
.red-outline {
  /* Or your preferred red color */
}

/* Optional: To position the cross button inside the input field */
.input-group-partner {
  position: relative;
}

.input-group-partner .input_suffix {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.req-callback-btn {
  background-color: #f04e45;
  color: #ffffff;
  padding: 12px 40px;
  border-radius: 50px;
  font-family: "DMSansNormal";
}
.req-callback-btn:hover {
  color: #ffffff;
  background-color: #f2736b;
}
.req-callback-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.req-callback-btn.no-back {
  background-color: transparent;
  display: flex;
  justify-content: flex-start;
  padding: 0px;
}
.req-callback-btn.no-back span {
  color: #f04e45;
}
.req-callback-btn.no-back span:hover {
  color: #f04e45;
}
.req-callback-btn.no-back span:focus {
  color: #f04e45;
}
.req-callback-btn.no-back span .edel-icon-right-arrow {
  padding-left: 15px;
  font-size: 0.625rem;
}
.req-callback-btn.no-back span .edel-icon-right-arrow::before {
  color: #f04e45;
}
.req-callback-btn a {
  color: #ffffff;
}
.req-callback-btn a:hover {
  color: #ffffff;
}
.req-callback-btn a:focus {
  color: #ffffff;
}
.req-callback-btn .edel-icon-Arrow-thin {
  color: #ffffff;
  font-size: 0.625rem;
  padding-left: 15px;
}
.req-callback-btn .edel-icon-Arrow-thin::before {
  color: #ffffff;
  font-size: 0.625rem;
}
.req-callback-btn.width-203 {
  width: max-content;
  padding: 15px 23px;
}
.req-callback-btn.width-203.max-content {
  width: max-content;
}
.req-callback-btn.small-font {
  font-size: 0.875rem;
}

.req-arrow {
  vertical-align: middle;
  padding-left: 10px;
}

@media (min-width: 1600px) {
  .dedicated-right-phone {
    margin-right: 90px;
    margin-top: 10px;
  }
}

.register-inputfield .help_text:before {
  display: none;
}
.register-inputfield .help_text {
  color: #f04e45;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  display: flex;
  align-items: center;
}
.register-inputfield .form-control {
  line-height: 23.4px;
  padding: 15.58px 15px;
  color: #444444;
  font-size: 1.125rem;
  font-family: "DMSansNormal";
}

.register-inputfiled-mob .col {
  padding: 0px !important;
}
.register-inputfiled-mob.indentInput input {
  text-indent: 30px;
  font-size: 0.938rem !important;
  font-family: "RobotoRegular" !important;
}
.register-inputfiled-mob .input_prefix {
  position: absolute;
  padding: 15px;
  height: 35px;
  font-family: "RobotoRegular";
  font-size: 1rem;
  color: #444444;
  top: 8px;
  display: flex;
  align-items: center;
  gap: 3px;
}

.register-btn {
  padding-top: 50px;
}

.register-mob-number .form-control {
  border-left: 0px !important;
}
.register-mob-number .floating-label {
  left: 50px !important;
}

.register-mob-number.floating-label-group input:focus ~ .floating-label {
  left: 0px !important;
}

.countrycode .floating-label {
  left: 30px;
}

.dedicated-line-container {
  position: relative;
}
.dedicated-line-container .dedicated-line {
  position: absolute;
  bottom: 88%;
  right: 0%;
}

.otp-input-box .form-control {
  width: 20px;
  text-align: center;
  background: transparent !important;
  border: none !important;
  padding: 5px !important;
  color: #000000;
}

.otp-input-container {
  gap: 65px;
  height: 50px;
  background: #ededed;
  border-radius: 10px;
  padding: 8px 16px 8px 16px;
  justify-content: space-around;
}

.otp-input-container.otp-verified {
  border: 1px solid #51b255;
}
.otp-input-container.otp-not-verified {
  border: 1px solid #f04e45;
}

@media (min-width: 992px) {
  .otp-input-container {
    gap: 35px;
  }
}
.disabled-resend {
  pointer-events: none;
}

.btn-disabled-colored .dark-peach-rounded.disabled {
  opacity: 1 !important;
  background-color: #ccccd6 !important;
}

.dedicated-platform .center-box-content {
  position: relative;
  left: -36%;
}.products-header-icon {
  font-size: 29px;
  color: #e7e7e7;
}
.products-header-icon .edel-icon-graph-book:before {
  font-size: 24px;
}
.products-header-icon .edel-icon-graph-sheet:before {
  font-size: 24px;
}
.products-header-icon .edel-icon-driving-markets .path1:before {
  content: "\ed39";
  color: #e7e7e7;
}
.products-header-icon .edel-icon-driving-markets .path2:before {
  content: "\ed3a";
  color: #e7e7e7;
}

.custom-container {
  max-width: 1000px;
}

.mb-bottom-40 {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .mb-bottom-40 {
    margin-bottom: 20px;
  }
}

.section-common-spacing {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .section-common-spacing {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1023px) {
  .section-common-spacing.side-spacing {
    padding-left: 100px;
    padding-bottom: 100px;
  }
}

.common-title {
  font-size: 1.25rem;
  font-family: "DMSansBold";
  color: #000000;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .common-title {
    font-size: 1rem;
  }
}

.common-desc {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  line-height: normal;
}
@media (max-width: 768px) {
  .common-desc {
    font-size: 0.875rem;
    line-height: normal;
  }
}

.section-gray85 {
  background-color: rgba(217, 217, 217, 0.2);
}

.product-heading {
  font-size: 2.5rem;
  font-family: "DMSansBold";
  line-height: 40px;
}
@media (max-width: 768px) {
  .product-heading {
    font-size: 1.5rem;
    font-family: "DMSansBold";
    line-height: normal;
  }
}

.product-subHeading {
  font-size: 1.25rem;
  font-family: "DMSansNormal";
  line-height: normal;
  padding: 0 25px;
}
@media (max-width: 768px) {
  .product-subHeading {
    font-size: 0.875rem;
    line-height: normal;
  }
}

@media (min-width: 768px) and (max-width: 1600px) {
  .px-md-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}
.products-generic-carousel .banner-offerings,
.banner-carousel .banner-offerings {
  height: 100%;
}
.products-generic-carousel .slick-list,
.banner-carousel .slick-list {
  display: flex;
}
@media (min-width: 768px) {
  .products-generic-carousel .slick-list,
  .banner-carousel .slick-list {
    margin-right: -15px;
  }
}
.products-generic-carousel .slick-list,
.banner-carousel .slick-list {
  height: 100%;
}
.products-generic-carousel .slick-list .slick-track,
.banner-carousel .slick-list .slick-track {
  display: flex;
}
.products-generic-carousel .slick-list .slick-track .slick-slide > div,
.banner-carousel .slick-list .slick-track .slick-slide > div {
  height: 100%;
}
.products-generic-carousel .slick-list .slick-track .slick-slide > div .offering-box-margin,
.banner-carousel .slick-list .slick-track .slick-slide > div .offering-box-margin {
  height: 100%;
}

.offeringboxsection {
  width: 100%;
  padding: 30px;
}
@media (max-width: 768px) {
  .offeringboxsection {
    padding: 15px 14px 17px 15px;
  }
}
.offeringboxsection {
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  height: 100%;
}
.offeringboxsection .offering-top-section {
  display: grid;
  align-items: center;
  justify-content: start;
  grid-template-columns: 50px auto;
  gap: 20px;
}
@media (max-width: 768px) {
  .offeringboxsection .offering-top-section {
    grid-template-columns: 30px auto;
  }
}
.offeringboxsection .offering-top-section .offering-heading {
  font-size: 1.25rem;
  font-family: "DMSansBold";
  color: #03002f;
}
.circle-initial {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.875rem;
  font-family: "DMSansBold";
}
.circle-initial.bg-Mandys-Pink {
  background-color: #fdead8;
  color: #f7943e;
}
.circle-initial.bg-mistyrose {
  background-color: #f2dbeb;
  color: #bd4b9b;
}
@media (max-width: 768px) {
  .circle-initial {
    width: 36px;
    height: 36px;
    font-size: 1.313rem;
  }
}

.grid-item-content {
  grid-template-rows: max-content;
}
.grid-item-content.number-class .data-value {
  font-family: "RobotoMedium";
}
.grid-item-content.string-class .data-value {
  font-family: "DMSansMedium";
}
.grid-item-content .data-head {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
  margin-bottom: 3px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .grid-item-content .data-head {
    font-size: 0.688rem;
  }
}
.grid-item-content .data-value {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
}
@media (max-width: 768px) {
  .grid-item-content .data-value {
    font-size: 0.75rem;
  }
}

.classification-card {
  border: 1px solid #e6e6eb;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .classification-card {
    min-height: 130px;
    max-height: 130px;
  }
}
.classification-card {
  border-radius: 10px;
  background-color: #ffffff;
  display: grid !important;
  grid-template-columns: 42% auto !important;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 4px 28px rgba(232, 232, 222, 0.8);
}
@media (min-width: 768px) and (max-width: 1600px) {
  .classification-card img {
    min-height: 130px;
    max-height: 130px;
  }
}
@media (max-width: 768px) {
  .classification-card {
    display: grid !important;
    grid-template-columns: 50% auto !important;
  }
}
.classification-card .main-head-big {
  font-size: 1.25rem;
  font-family: "DMSansBold";
  color: #444444;
  width: 100%;
}
@media (max-width: 768px) {
  .classification-card .main-head-big {
    font-size: 1rem;
  }
}
.classification-card .main-head-small {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
  color: #444444;
  width: 100%;
}
@media (max-width: 768px) {
  .classification-card .main-head-small {
    font-size: 0.75rem;
  }
}
.classification-card .main-head-description {
  display: flex;
  font-size: 1.125rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .classification-card .main-head-description {
    font-size: 0.75rem;
    line-height: 15px;
  }
}
.classification-card .classificard-padding {
  padding: 20px;
}
@media (max-width: 768px) {
  .classification-card .classificard-padding {
    padding: 13px;
  }
}

.investingbond-section {
  gap: 20px;
}
.investingbond-section img {
  padding-bottom: 20px;
  width: 83px;
  height: 103px;
}

.investingthings-section {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  line-height: normal;
}
@media (max-width: 768px) {
  .investingthings-section {
    grid-template-columns: 1fr;
  }
}
.investingthings-section .grid-investingthings-section {
  display: grid;
  gap: 20px;
  padding: 25px;
  border-radius: 10px;
  line-height: normal;
  min-width: 0px;
}
.investingthings-section .grid-investingthings-section .investingthing-outer-imgbox {
  display: flex;
  flex-direction: row;
  height: 100%;
  gap: 20px;
}
.investingthings-section .grid-investingthings-section .investingthing-outer-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.investingthings-section .grid-investingthings-section .investingthing-outer-content .common-desc {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .investingthings-section .grid-investingthings-section {
    padding: 15px;
  }
}
.investingthings-section .grid-investingthings-section .image-box {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  padding: 15px;
}
.investingthings-section .grid-investingthings-section .image-box img {
  width: fit-content;
  height: auto;
}
.investingthings-section .grid-1-investingthings-section {
  display: grid;
  border: 1px solid #e7e7e7;
  padding: 25px;
  border-radius: 15px;
  gap: 20px;
}
.investingthings-section .grid-1-investingthings-section .investingthing-outer-imgbox {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 20px;
}
.investingthings-section .grid-1-investingthings-section .investingthing-outer-content .common-desc {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.investingthings-section .grid-1-investingthings-section .image-box {
  width: fit-content;
  border-radius: 15px;
  padding: 10px;
}

.investus-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  line-height: normal;
}
@media (max-width: 768px) {
  .investus-section {
    display: flex;
    flex-direction: column;
  }
}
.investus-section .grid-investus-section {
  display: grid;
  grid-template-columns: 80px auto;
  padding: 20px;
  background-color: #fff9f4;
  border-radius: 10px;
  line-height: normal;
}

.benefit-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  line-height: normal;
}

.grid-benefiting-section {
  grid-template-columns: 80px auto;
  gap: 20px;
  padding: 25px;
  line-height: normal;
  align-items: center;
}

.product-table tbody tr td ul li span {
  line-height: 30px;
}
@media (max-width: 768px) {
  .product-table tbody tr td ul li span {
    line-height: 20px;
  }
}
.product-table tbody tr td ul li .icons::before {
  color: #444444;
}
.product-table tbody tr td:nth-child(1) {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
  color: #000000;
  width: 30%;
}
@media (max-width: 768px) {
  .product-table tbody tr td:nth-child(1) {
    font-size: 1rem;
    line-height: normal;
  }
}
.product-table tbody tr td:nth-child(2) {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  width: 70%;
}
@media (max-width: 768px) {
  .product-table tbody tr td:nth-child(2) {
    font-size: 0.875rem;
    line-height: normal;
  }
}
.product-table.ispadding tr td {
  padding: 20px;
}
@media (max-width: 768px) {
  .product-table.ispadding tr td {
    padding: 15px;
  }
}

.Product-acc-main {
  padding: 50px 60px 60px 60px;
  border-radius: 12px;
}
.Product-acc-main .customaccordian:last-child {
  border-bottom: 0px;
}
@media (max-width: 768px) {
  .Product-acc-main {
    padding: 20px 15px !important;
  }
}
.Product-acc-main .Product-accordian-common .accordion-item .accordion-header .accordion-button {
  background-color: rgba(242, 219, 235, 0.4) !important;
  font-size: 1.5rem;
  font-family: "DMSansMedium";
  color: #092133;
  padding: 30px 0px 30px 0px;
  align-items: start !important;
}
@media (max-width: 768px) {
  .Product-acc-main .Product-accordian-common .accordion-item .accordion-header .accordion-button {
    font-size: 1.125rem;
  }
}
.Product-acc-main .Product-accordian-common .accordion-item .accordion-header .accordion-button::after {
  background-color: transparent !important;
  font-family: "edel_icon";
  content: "\e920" !important;
  color: #f04e45;
}
@media (max-width: 768px) {
  .Product-acc-main .Product-accordian-common .accordion-item .accordion-header .accordion-button::after {
    font-size: 1rem;
  }
}
.Product-acc-main .Product-accordian-common .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  padding-bottom: 15px !important;
}
.Product-acc-main .Product-accordian-common .accordion-item .accordion-header .accordion-button.collapsed::after {
  content: "\e921" !important;
}
.Product-acc-main .Product-accordian-common .accordion-item .accordion-collapse .accordion-body {
  padding-bottom: 0px;
}
.Product-acc-main .Product-accordian-common .accordion-item .accordion-collapse .accordion-body p {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #363636;
}
@media (max-width: 768px) {
  .Product-acc-main .Product-accordian-common .accordion-item .accordion-collapse .accordion-body p {
    font-size: 1rem;
    line-height: 26px;
  }
}

.Product-acc-main-pale-orange {
  background-color: #fff9f4;
}
.Product-acc-main-pale-orange .Product-accordian-common .accordion-item .accordion-header .accordion-button {
  background-color: #fff9f4 !important;
}
.Product-acc-main-pale-orange .Product-accordian-common .accordion-item .accordion-collapse .accordion-body {
  background-color: #fff9f4 !important;
}

.Product-acc-main-mistyrose {
  background-color: rgba(242, 219, 235, 0.4);
}
.Product-acc-main-mistyrose .Product-accordian-common .accordion-item .accordion-header .accordion-button {
  background-color: rgba(242, 219, 235, 0.4) !important;
}
.Product-acc-main-mistyrose .Product-accordian-common .accordion-item .accordion-collapse .accordion-body {
  background-color: rgba(242, 219, 235, 0.4) !important;
}

.Product-acc-main-mint-color {
  background-color: #e6f4ef;
}
.Product-acc-main-mint-color .Product-accordian-common .accordion-item .accordion-header .accordion-button {
  background-color: #e6f4ef !important;
}
.Product-acc-main-mint-color .Product-accordian-common .accordion-item .accordion-collapse .accordion-body {
  background-color: #e6f4ef !important;
}

.Product-acc-main-peach-color {
  background-color: #f9eceb;
}
.Product-acc-main-peach-color .Product-accordian-common .accordion-item .accordion-header .accordion-button {
  background-color: #f9eceb !important;
}
.Product-acc-main-peach-color .Product-accordian-common .accordion-item .accordion-collapse .accordion-body {
  background-color: #f9eceb !important;
}

.product-acc-main-beige {
  background-color: #fef7ef;
}
.product-acc-main-beige .Product-accordian-common .accordion-item .accordion-header .accordion-button {
  background-color: #fef7ef !important;
}
.product-acc-main-beige .Product-accordian-common .accordion-item .accordion-collapse .accordion-body {
  background-color: #fef7ef !important;
}

.product-tab-section {
  border-radius: 50px;
}
.product-tab-section .tab {
  color: #03002f;
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .product-tab-section .tab {
    font-size: 0.563rem;
    padding: 15px 20px;
  }
}
.product-tab-section .tab {
  font-family: "DMSansBold";
  line-height: 140%;
  display: flex;
  padding: 15px 30px;
  align-items: center;
  gap: 5px;
  border-radius: 100px;
  cursor: pointer;
}
.product-tab-section .tab.active {
  background: #03002f;
  color: #ffffff;
}
.product-tab-section .tab.active i {
  font-size: 0.625rem;
}

.aif-boxcard .offeringboxsection .offering-top-section .circle-initial-orange {
  background-color: #fcd4b2;
  color: #f7943e;
}

@media (max-width: 1023px) {
  .investment-card-block {
    display: flex;
    flex-direction: column;
  }
}
.investment-card-block {
  gap: 20px;
}
.investment-card-block .investment-card {
  border: 1px solid #e7e7e7;
  padding: 20px;
  border-radius: 5px;
}
.investment-card-block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.why-invest .investment-card-block .investment-card {
  display: flex;
  flex-direction: row;
  border: none !important;
  background-color: #fff9f4;
}

.request-form-card .call-card {
  padding: 60px 40px;
  display: flex;
  flex-direction: column;
}
.request-form-card .call-card .insurance-select,
.request-form-card .call-card .form-control {
  width: 100%;
  height: 60px;
}
.request-form-card .call-card .btn {
  width: 100%;
  margin-top: 50px;
}
.request-form-card .call-card .btn-submit {
  padding: 12px 0 12px 0;
}

.request-form-dropdown .dropdown-menu {
  padding: 10px;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  top: 20px !important;
}
.request-form-dropdown .dropdown-menu .dropdown-item {
  padding: 10px 16px;
}
.request-form-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #f2f2f5;
  border-radius: 5px;
  color: #444444;
  font-weight: 700;
}
.request-form-dropdown .equitydrop {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  font-size: 1rem;
  font-family: "DMSansNormal";
}

.product-toggle.toggle-switch {
  width: 100%;
}

.product-table-common {
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  line-height: normal;
  background-color: transparent;
  word-wrap: break-word;
  white-space: normal;
  vertical-align: top;
  overflow: hidden;
}
.product-table-common table {
  width: 100%;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}
.product-table-common table tbody {
  margin-bottom: 50px;
  display: block;
  position: relative;
}
.product-table-common tr:first-child td {
  border-top: none;
}
.product-table-common tr:last-child td {
  border-bottom: none;
}
.product-table-common tr th,
.product-table-common tr td {
  border: 1px solid #e7e7e7;
  line-height: normal;
  background-color: transparent;
}
.product-table-common tr th:first-child,
.product-table-common tr td:first-child {
  border-left: none;
}
.product-table-common tr th:last-child,
.product-table-common tr td:last-child {
  border-right: none;
}

.product-table-div {
  line-height: normal;
}
.product-table-div .thead-div {
  line-height: normal;
  border-radius: 5px;
  margin-bottom: 15px;
}
.product-table-div .thead-div .tr-div {
  display: grid;
}
.product-table-div .thead-div .tr-div .th-div {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  padding: 5px 10px 5px 30px;
}
@media (max-width: 768px) {
  .product-table-div .thead-div .tr-div .th-div {
    font-size: 0.875rem;
  }
}
.product-table-div .thead-div .tr-div .th-div.empty-heading-class {
  background-color: unset !important;
}
.product-table-div .tbody-div {
  border: 1px solid #e7e7e7;
  border-radius: 15px;
  display: grid;
  grid-template-columns: 1fr;
}
.product-table-div .tbody-div .tr-div {
  display: grid;
  grid-template-columns: repeat(auto, auto);
  border-bottom: 1px solid #e7e7e7;
}
.product-table-div .tbody-div .tr-div:last-child {
  border-bottom: none;
}
.product-table-div .tbody-div .tr-div .td-heading-div {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
  border-right: 1px solid #e7e7e7;
}
@media (max-width: 768px) {
  .product-table-div .tbody-div .tr-div .td-heading-div {
    font-size: 1rem;
  }
}
.product-table-div .tbody-div .tr-div .td-div {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  border-right: 1px solid #e7e7e7;
}
@media (max-width: 768px) {
  .product-table-div .tbody-div .tr-div .td-div {
    font-size: 0.875rem;
  }
}
.product-table-div .tbody-div .tr-div .td-div:last-child {
  border-right: none;
}
.product-table-div.padding-small .tbody-div .td-div {
  padding: 5px 10px 5px 30px;
}
.product-table-div.padding-small .tbody-div .td-heading-div {
  padding: 5px 10px 5px 30px;
}
.product-table-div.padding-big .tbody-div .td-div {
  padding: 12px 10px 12px 30px;
}
.product-table-div.padding-big .tbody-div .td-heading-div {
  padding: 12px 10px 12px 30px;
}
@media (max-width: 768px) {
  .product-table-div.product-table-div {
    overflow: scroll;
  }
  .product-table-div.product-table-div::-webkit-scrollbar {
    width: 1px !important;
    height: 5px !important;
  }
  .product-table-div.product-table-div {
    /* Track */
  }
  .product-table-div.product-table-div::-webkit-scrollbar-track {
    background: transparent;
  }
  .product-table-div.product-table-div {
    /* Handle */
  }
  .product-table-div.product-table-div::-webkit-scrollbar-thumb {
    background: #03002f;
  }
  .product-table-div.product-table-div .table-div {
    width: 1000px;
    margin-bottom: 20px;
  }
}

.moretoggle-section .more-toggle-outer {
  border: 3px solid #fdead8;
  border-radius: 75px;
  display: flex;
  padding: 15px 24px;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .moretoggle-section .more-toggle-outer {
    padding: 10px 24px;
  }
}
.moretoggle-section .more-toggle-outer .left-section {
  font-size: 1rem;
  font-family: "DMSansBold";
}
@media (max-width: 768px) {
  .moretoggle-section .more-toggle-outer .left-section {
    font-size: 0.875rem;
  }
}
.moretoggle-section .more-toggle-outer .right-section {
  font-size: 1rem;
  font-family: "DMSansBold";
  background-color: #f04e45;
  padding: 12px 40px;
  border-radius: 100px;
  color: #ffffff;
}
@media (max-width: 768px) {
  .moretoggle-section .more-toggle-outer .right-section {
    font-size: 0.875rem;
  }
}

.sidebardataTable-product table tr td:first-child {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}
.sidebardataTable-product table tr td:last-child {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #444444;
}

.equity-platforms {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.platformsbox-card {
  border: 1px solid #e8e8e8;
  background: #ffffff;
  padding: 30px 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  line-height: normal;
}

.platforms-alignment {
  flex-direction: column;
  height: 100%;
}

.platforms-header {
  padding: 5px 15px;
  text-align: start;
}

.platforms-content {
  text-align: start;
  align-items: start;
}

.platforms-image {
  gap: 17px;
}

.card-image-box {
  flex: 1;
  margin-top: 15px;
  border-radius: 15px;
  padding: 34px 19px;
  height: 102px;
}
@media (max-width: 768px) {
  .card-image-box {
    margin: 0px 20px;
    height: 82px;
    width: 200px;
  }
}

.partnersbox-card {
  border-radius: 15px;
  border: 1px solid #e8e8e8;
  background: #ffffff;
  padding: 30px 20px;
  display: grid;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.partnersbox-card .circle-title {
  padding: 5px 15px;
  font-size: 0.75rem;
  font-family: "DMSansBold";
  color: #444444;
  background-color: #99e0c7;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 50px;
  margin-right: 50px;
}
.partnersbox-card .card-desc {
  font-size: 1.25rem;
  font-family: "DMSansBold";
  color: #16131b;
  text-align: center;
  align-items: start;
  justify-content: center;
  height: 48px;
  max-width: 246px;
  min-width: 246px;
}
.partnersbox-card .card-image-box {
  background-color: #e6f4ef;
  padding: 34px 19px;
  border-radius: 10px;
  margin-top: 19px;
}

.partnersbox-card-component {
  border-radius: 15px;
  border: 1px solid #e8e8e8;
  background: #ffffff;
  padding: 30px 20px;
  display: grid;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.partnersbox-card-component .circle-title {
  padding: 5px 15px;
  font-size: 1.25rem;
  font-family: "DMSansBold";
  color: #444444;
  display: flex;
  align-items: center;
  justify-content: start;
}
.partnersbox-card-component .card-desc {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #16131b;
  text-align: left;
  align-items: start;
  justify-content: start;
}
.partnersbox-card-component .card-image-box {
  flex: 1;
  margin-top: 15px;
  border-radius: 15px;
  padding: 34px 19px;
  height: 102px;
}
@media (max-width: 768px) {
  .partnersbox-card-component .card-image-box {
    margin: 0px 20px;
    height: 82px;
    width: 200px;
  }
}
.partnersbox-card-component .card-image-box img {
  max-width: 100%;
  max-height: 100%;
}

.tradecommunity-section .background-trade {
  height: 343px;
}
.tradecommunity-section {
  background: linear-gradient(180deg, rgba(208, 208, 208, 0) -19.56%, rgba(29, 28, 90, 0.06) 52.94%, rgba(255, 255, 255, 0) 116.19%);
  height: 346px;
  line-height: normal;
}
.tradecommunity-section .padding-121-40 {
  padding: 40px 121px;
}
.tradecommunity-section .phone-image {
  position: relative;
}
.tradecommunity-section .phone-image .qr-img {
  top: 30%;
  padding-left: 16px;
}
.tradecommunity-section .phone-image .qr-arrow {
  top: 88%;
  padding-left: 50px;
}
.tradecommunity-section .phone-image .enlarge-text {
  position: absolute;
  top: 96%;
  padding-left: 75px;
  z-index: 2;
  font-size: 10px;
  text-wrap: nowrap;
}
.tradecommunity-section .phone-image img {
  position: absolute;
  top: 0;
  left: 0;
}
.tradecommunity-section .backdrop-img {
  margin: -7px;
}
.tradecommunity-section .backdrop-img2 {
  padding: 2px;
}
.tradecommunity-section .qr-heading {
  top: 10%;
  left: 20%;
}
.tradecommunity-section .trade-community-head {
  font-size: 3rem;
  font-family: "DMSansMedium";
  display: flex;
  line-height: 40px;
  margin-top: 75px;
}
.tradecommunity-section .trade-community-desc {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  display: flex;
  margin-top: 15px;
}

.small-image-container .grid-investingthings-section {
  align-items: center !important;
  gap: 20px;
}
.small-image-container .grid-investingthings-section img {
  width: 40px !important;
  height: 40px !important;
}

.box-padding-grid-content {
  border: 1px solid #e6e6eb;
  border-radius: 10px;
  background-color: #ffffff;
  display: grid !important;
  grid-template-columns: 75% auto !important;
  align-items: center;
  gap: 20px;
  padding: 20px;
  justify-content: space-between;
  box-shadow: 0px 4px 28px rgba(232, 232, 222, 0.8);
  height: 112px;
}
@media (max-width: 768px) {
  .box-padding-grid-content {
    display: grid !important;
    grid-template-columns: 70% auto !important;
  }
}
.box-padding-grid-content .main-head-description {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  line-height: 25px;
}
@media (max-width: 768px) {
  .box-padding-grid-content .main-head-description {
    font-size: 0.75rem;
    line-height: 15px;
  }
}
.box-padding-grid-content .max-height-width {
  max-height: unset !important;
  min-height: unset !important;
}

.small-font-content-16 .common-title {
  font-size: 1rem !important;
}
.small-font-content-16 .common-desc {
  font-size: 1rem !important;
}

.invest-us-card {
  height: 250px;
  line-height: normal;
}

.trade-commodity-section .back-img {
  height: 346px;
}

.gradient-lines-img .back-img {
  height: 335px;
  position: relative;
  top: -45px;
  left: -105px;
  rotate: 31 degrees;
  transform: rotate(0.98turn);
}

.trade-mob-img {
  width: 100%;
  height: 564px;
}

.trade-community-desk {
  padding: 40px 0px 40px 0px;
}
.trade-community-desk .gradient-bkgd {
  background: linear-gradient(180deg, #fff 0%, #dadae2 100%);
}

.vibrant-purple {
  background: linear-gradient(131deg, #1c1a45 -47.1%, #7e79ef 139.51%);
}

.trade-community-mob .gradient-bkgd {
  background: linear-gradient(166deg, #e6e6eb 2.91%, #c0c0c0 104.29%);
}
.trade-community-mob {
  padding: 40px 14px 0 14px;
}

.trade-btn {
  background: linear-gradient(116deg, #1c1a45 33.84%, rgba(28, 26, 69, 0) 275.45%);
  border-radius: 5px;
}

.gradient-text {
  background: linear-gradient(112deg, #19183e -4.18%, #e6e6eb 169.89%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.mutualfund-toogle-grid-1 .mf-toggle-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mutualfund-toogle-grid-1 .more-toggle-outer {
  justify-content: center;
  display: flex;
  gap: 20px;
  line-height: normal;
  text-align: center;
}
@media (max-width: 768px) {
  .mutualfund-toogle-grid-1 .more-toggle-outer {
    display: grid;
    border: none;
    gap: 20px;
  }
}

.knowmore-bottom-section .edel-icon-msg-email {
  font-size: 1.875rem;
}

.contact-us .edel-icon-support-2::before {
  font-size: 3.125rem;
  color: #f04e45;
}

.product-common-form .request-form-card {
  padding: 60px 30px;
  border-radius: 20px;
}
.product-common-form .request-form-card .request-form-dropdown {
  height: 60px;
}
.product-common-form .request-form-card .request-form-dropdown .equitydrop {
  justify-content: space-between;
  display: flex;
}
.product-common-form .request-form-card .form-control {
  height: 60px !important;
  width: 100% !important;
}
.product-common-form .request-form-card .form-control::placeholder {
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
}
.product-common-form .request-form-card .btn-submit {
  margin-top: 50px;
}
.product-common-form .CommonRequestForm-toaster.desk-toast.small-middle .parentToaster {
  position: absolute !important;
  bottom: 8% !important;
  top: unset !important;
  width: 100% !important;
}
.product-common-form input::placeholder {
  color: #adadad !important;
  opacity: 1 !important;
}

.insurance-moretoggle .more-toggle-outer {
  border-color: #fab8b5 !important;
}

.faq-ul-li {
  list-style-type: disc;
}
.faq-ul-li li {
  padding: 5px;
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #363636;
}
.faq-ul-li.small li {
  font-size: 0.75rem;
}

.grid-2-footertop {
  display: grid;
  grid-template-columns: 141px auto;
}

.etf-data-parent:last-child div.gap-25 {
  display: grid !important;
  grid-template-columns: 1fr 4fr;
}

.product-card-outer {
  perspective: 1000px;
}

.product-card-inner {
  position: relative;
  width: 100%;
  height: 120px;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}

.product-card-outer:hover .product-card-inner {
  transform: rotateY(180deg);
}

.product-card-front,
.product-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 15px;
  overflow: hidden;
}

.product-card-back {
  transform: rotateY(180deg);
}

.table-data-sidebar {
  border: 1px solid #e7e7e7;
  background-color: #ffffff;
}
.table-data-sidebar tr td {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
  color: #727271 !important;
  vertical-align: middle;
}
.table-data-sidebar tr th {
  font-size: 0.75rem !important;
  font-family: "DMSansBold" !important;
  color: #444444 !important;
  vertical-align: middle;
}

#structured-products .offering-div-product .grid-item-content:nth-child(5) {
  grid-column: span 2;
}

@media (max-width: 768px) {
  .pms-banner-section.bonds-section-tab .product-tab-section .tab {
    padding: 10px 15px !important;
  }
  .pms-banner-section.bonds-section-tab .product-tab-section .tab.active i {
    font-size: 0.438rem;
  }
}

.carosoual-data-increase .slick-arrow.slick-prev {
  margin-right: 30px;
}
.carosoual-data-increase .slick-arrow.slick-next {
  margin-left: 20px;
}

.custom-ltp-width {
  width: 140px;
}
@media (max-width: 768px) {
  .custom-ltp-width {
    width: 101px;
  }
}

.startwealth-mobile .back-img-mobile-content {
  position: absolute;
  top: 0px;
}
.startwealth-mobile .commonMan-img {
  width: 100%;
}
.startwealth-mobile .get-started-btn {
  z-index: 1;
  position: relative;
}

.product-table-common #tenureTable td:last-child .table.table-data-sidebar tr {
  display: grid;
  grid-template-columns: 32% 30% 38%;
}
.product-table-common #tenureTable td:last-child .table.table-data-sidebar tr td:nth-child(1) {
  border-bottom: 1px solid #e7e7e7;
}
.product-table-common #tenureTable td:last-child .table.table-data-sidebar tr td:nth-child(2) {
  width: unset !important;
  padding: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.product-table-common #tenureTable td:last-child .table.table-data-sidebar tr td:nth-child(3) {
  padding: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.product-table-common #tenureTable tbody {
  margin-bottom: 0%;
}
.product-table-common #tenureTable tbody tr:last-child td {
  padding: 10px;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-list {
  padding-bottom: 50px;
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  bottom: -25px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: #03002f;
  background: #ffffff;
  outline: none;
  border-radius: 50% !important;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
}

.slick-prev:not(:disabled),
.slick-next:not(:disabled) {
  border: 2px solid #03002f !important;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  border: 2px solid #e7e7e7 !important;
}

.slick-prev:hover:not(.slick-disabled):before,
.slick-next:hover:not(.slick-disabled):before,
.slick-prev:hover:not(.slick-disabled),
.slick-next:hover:not(.slick-disabled) {
  color: #ffffff;
  background: #03002f;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bolder;
  font-size: 0.75rem;
  line-height: 1;
  opacity: 0.75;
  color: #03002f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  right: 55%;
}

.slick-prev:before {
  content: "\e96e" !important;
  font-family: "edel_icon";
}

[dir=rtl] .slick-prev:before {
  content: "\e902" !important;
  font-family: "edel_icon";
}

.slick-next {
  left: 58%;
}

.slick-next:before {
  content: "\e902" !important;
  font-family: "edel_icon";
}

[dir=rtl] .slick-next:before {
  content: "\e96e" !important;
  font-family: "edel_icon";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 5px;
  margin-left: 5px;
  margin-right: 5px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:before {
  font-size: 2.25rem;
  position: absolute;
  content: "•";
  text-align: center;
  opacity: 0.2;
  color: #03002f !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before,
.slick-dots.custom-dots button.custom-dot.active:before {
  opacity: 1;
  color: #03002f !important;
}:root {
  font-size: 16px;
}

.blur {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%;
  z-index: 99999;
}

.sub-section-links .equity-links-desktop .equity-links-ul {
  border-bottom: unset;
  padding: 0;
  gap: 0 !important;
  margin: 20px 0;
  cursor: pointer;
}
.sub-section-links .equity-links-desktop .equity-links-ul.hopBtn-headList .listHead {
  margin-left: 15px;
  margin-right: 0;
}
.sub-section-links .equity-links-desktop .equity-links-ul li {
  list-style: none;
  display: inline-block;
  line-height: 15px;
  margin: 10px 0;
}
.sub-section-links .equity-links-desktop .equity-links-ul li a {
  white-space: nowrap;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #03002f;
}
.sub-section-links .equity-links-desktop .equity-links-ul li a::after {
  content: "";
  border-right: 2px solid #03002f;
  margin-right: 9px;
  margin-left: 9px;
}
@media (max-width: 1023px) {
  .sub-section-links .equity-links-desktop .equity-links-ul li a {
    color: #444444 !important;
  }
}
.sub-section-links .equity-links-desktop .equity-links-ul li:last-child {
  border-radius: unset;
  border-right: unset !important;
}
.sub-section-links .equity-links-desktop .equity-links-ul li:last-child a::after {
  content: "";
  border-right: none !important;
}
.sub-section-links .equity-links-ul.hopBtn-headList {
  overflow-y: scroll;
}
.sub-section-links .equity-links-ul.hopBtn-headList .listHead {
  margin-left: 15px;
  margin-right: 0;
}
@media (max-width: 1023px) {
  .sub-section-links .equityLinksMob .equity-links-ul {
    border-bottom: unset;
    padding: 0;
    gap: 0 !important;
    margin: 20px 0;
  }
  .sub-section-links .equityLinksMob .equity-links-ul li {
    list-style: none;
    padding: 0 10px;
    margin: 10px 0;
  }
  .sub-section-links .equityLinksMob .equity-links-ul li a {
    white-space: nowrap;
    font-size: 0.875rem;
    font-family: "EncodeSansMedium";
    color: #3580f7;
  }
}
@media (max-width: 1023px) {
  .sub-section-links .equity-links-desktop {
    display: none;
  }
}
@media (min-width: 1024px) {
  .sub-section-links .equity-links-desktop {
    display: block;
    padding: 0px !important;
  }
}:root {
  font-size: 16px;
}

.blur {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%;
  z-index: 99999;
}

.marketTabs {
  padding: 0;
}
.marketTabs.container {
  padding: 0;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul {
  border-bottom: unset;
  padding: 0;
  gap: 0 !important;
  margin: 20px 0 !important;
  cursor: pointer;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul.hopBtn-headList .listHead {
  margin-left: 15px;
  margin-right: 0;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li {
  list-style: none;
  padding: 0px;
  display: inline-block;
  line-height: 15px;
  margin: 10px 0;
  position: relative;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li a::after {
  content: "";
  border-right: 2px solid #03002f;
  margin-right: 8px;
  margin-left: 8px;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li:last-child {
  border-radius: unset;
  border: unset;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li:last-child a::after {
  content: "";
  border-right: none !important;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li a {
  white-space: nowrap;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #03002f;
}

.marketTabs .react-tabs .marketTabs-ul.hopBtn-headList {
  max-height: 300px;
  overflow-y: auto;
}
.marketTabs .react-tabs .marketTabs-ul.hopBtn-headList .listHead {
  margin-left: 15px;
  margin-right: 0;
}

@media (max-width: 1023px) {
  .marketTabs .react-tabs .equityLinksMob .marketTabs-ul {
    border-bottom: unset;
    padding: 0;
    gap: 0 !important;
    margin: 20px 0;
  }
  .marketTabs .react-tabs .equityLinksMob .marketTabs-ul li {
    list-style: none;
    padding: 0 10px;
    margin: 10px 0;
  }
  .marketTabs .react-tabs .equityLinksMob .marketTabs-ul li a {
    white-space: nowrap;
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    color: #03002f;
  }
}
@media (max-width: 1023px) {
  .equityLinksDesk {
    display: none;
  }
}
@media (min-width: 1024px) {
  .equityLinksDesk {
    display: block;
    padding: 0px !important;
  }
}
.dock-hyper-links {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 8%;
}
@media (min-width: 1680px) {
  .dock-hyper-links {
    padding: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1360px) {
  .dock-hyper-links {
    padding: 0 8%;
  }
}
@media (min-width: 1400px) {
  .dock-hyper-links {
    padding: 0 8%;
  }
}
@media (min-width: 1440px) {
  .dock-hyper-links {
    padding: 0 4%;
  }
}
@media (min-width: 1600px) {
  .dock-hyper-links {
    padding: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.dock-hyper-links .equityLinksDesk .marketTabs-ul,
.dock-hyper-links .equityLinksDesk .equity-links-ul {
  margin: 10px 0px !important;
}

.Links-padding-ui .equityLinksDesk .marketTabs-ul li {
  margin: 5px 0 !important;
}.revamped-reports {
  transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .revamped-reports .revamp-stockcard-shimmer > span {
    display: flex;
    flex-flow: column;
  }
  .revamped-reports .revamp-stockcard-shimmer .SkeletonTile {
    height: 110px !important;
    margin-top: 0 !important;
  }
}
.revamped-reports .popup-disclaimer-block {
  margin: 10px;
}

.revamped-reports.compressed {
  height: 0;
  width: 0;
  padding: 0;
  overflow: hidden;
}

.reports-refurbished {
  padding-top: 15px;
}
.reports-refurbished .accordion-button:focus {
  z-index: 1;
}
.reports-refurbished .accordion-button:hover {
  z-index: 1;
}
.reports-refurbished .modal-backdrop.show {
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(1.5px);
}
.reports-refurbished .api-failed-msg {
  width: 100%;
  height: 300px;
  background-color: #ffffff;
}
.reports-refurbished .revamped-reports .reports-notification {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .reports-refurbished .revamped-reports .reports-notification {
    align-items: flex-start;
  }
}
.reports-refurbished .revamped-reports .reports-notification .edel-icon-cross-bold-small::before {
  font-size: 12px !important;
}
.reports-refurbished .revamped-reports .edel-icon-briefcase-color .path1:before,
.reports-refurbished .revamped-reports .edel-icon-briefcase-color .path2:before,
.reports-refurbished .revamped-reports .edel-icon-briefcase-color .path3:before {
  color: #03002f;
}
.reports-refurbished .revamped-reports .omnesys-notif {
  background: rgba(250, 229, 214, 0.3);
}
.reports-refurbished .revamped-reports .modalBackground.holding-report-submodal {
  border: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(1.5px);
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.04), 0px 20px 24px -4px rgba(16, 24, 40, 0.1);
}
.reports-refurbished .revamped-reports {
  background-color: #f8f7fa;
}
.reports-refurbished .revamped-reports .report-tabs {
  margin-top: -35px;
}
.reports-refurbished .revamped-reports .report-tabs .switch-between-reports.apply-docking {
  position: sticky;
  top: 49px;
  z-index: 11;
  background: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
  .reports-refurbished .revamped-reports .report-tabs .switch-between-reports.apply-docking {
    width: 100%;
  }
}
.reports-refurbished .revamped-reports .report-tabs .switch-between-reports.nav.nav-tabs .nav-item .nav-link {
  background: inherit;
  padding: 5px 25px 5px 25px !important;
}
.reports-refurbished .revamped-reports .report-tabs .switch-between-reports {
  border-bottom: 1px solid #e7e7e7;
}
.reports-refurbished .revamped-reports .scrollable-table {
  overflow: scroll;
  max-height: 90vh;
}
.reports-refurbished .revamped-reports .scrollable-table::-webkit-scrollbar-track-piece {
  margin-top: 55px !important;
}
.reports-refurbished .revamped-reports .scrollable-table::-webkit-scrollbar {
  width: 4px;
}
.reports-refurbished .revamped-reports .scrollable-table::-webkit-scrollbar-track {
  background: transparent;
}
.reports-refurbished .revamped-reports .scrollable-table {
  /* Handle */
}
.reports-refurbished .revamped-reports .scrollable-table::-webkit-scrollbar-thumb {
  background: #03002f;
  border-radius: 2px;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table {
  width: 100%;
  margin: unset;
  font-family: unset;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table .holding-scrips button {
  width: 250px !important;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tr th:first-child,
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tr td:first-child {
  padding-left: 20px;
  border-radius: 0;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tr th .title .arrows,
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tr td .title .arrows {
  cursor: pointer;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table thead {
  position: sticky;
  top: 48px;
  z-index: 10;
  padding: 30px;
  height: 54px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  background-color: #ffffff;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table thead .numeric-value,
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table thead .holding-scrips {
  padding: 10px;
  vertical-align: top;
  line-height: 140%;
  color: #727271;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table thead .numeric-value .remove-btn-props button,
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table thead .holding-scrips .remove-btn-props button {
  text-align: left;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table thead .holding-scrips.taRight .arrows,
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table thead .numeric-value.taRight .arrows {
  position: absolute;
  margin-right: -15px;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table thead .holding-scrips .title,
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table thead .numeric-value .title {
  display: block;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table thead .holding-scrips .title div:first-child .as-on-date,
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table thead .numeric-value .title div:first-child .as-on-date {
  font-size: 0.688rem;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table thead tr th {
  position: relative;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table thead tr th:first-child {
  width: 300px;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row .numeric-value {
  padding: 10px 10px 7px;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row .numeric-value .empty-val {
  color: #444444;
  font-size: 0.875rem !important;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row .numeric-value,
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row .holding-scrips {
  vertical-align: middle;
  line-height: 140%;
  color: #727271;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row .numeric-value .remove-btn-props button,
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row .holding-scrips .remove-btn-props button {
  text-align: left;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row .holding-scrips {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row td {
  border: unset;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row:nth-child(even) td {
  background-color: #ffffff;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row:nth-child(odd) td {
  background-color: #f7f7f7;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row.selected td, .reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row:hover td {
  background-color: #fdebd7;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row .numeric-value {
  vertical-align: top;
  text-align: right;
  padding: 4px 10px 7px;
  color: #444444;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody .holding-report-revamped-table-row .numeric-value:last-child {
  border-radius: 0;
  padding: 4px 20px 7px;
  vertical-align: middle;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody tr td:first-child {
  width: 300px;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody tr td .edel-icon-clock {
  color: #727271;
  font-size: 12px;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table tbody tr td.messageShowClass {
  padding: 0;
  z-index: 6;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table.dock-table {
  width: 150%;
  border-collapse: unset;
  border-spacing: unset;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table.dock-table thead {
  top: 0;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table.dock-table thead tr th:first-child {
  width: 300px !important;
  padding-left: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  left: 0;
  z-index: 10;
  background-color: #ffffff;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table.dock-table thead tr th.numeric-value {
  padding-left: 50px !important;
  min-width: 100px;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table.dock-table tbody tr td:first-child {
  min-width: 300px !important;
  padding-left: 20px;
  position: -webkit-sticky;
  position: sticky;
  color: #444444;
  left: 0;
  z-index: 9;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.05);
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table.dock-table tbody tr td.numeric-value {
  padding-left: 50px !important;
  min-width: 100px;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table.dock-table tbody tr:nth-child(even) td {
  background-color: #ffffff;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table.dock-table tbody tr:nth-child(odd) td {
  background-color: #f7f7f7;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table.dock-table tbody tr:hover td, .reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table.dock-table tbody tr.selected td {
  background-color: #fdebd7;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table.dock-table tbody td.messageShowClass {
  padding: 0 !important;
  z-index: 6 !important;
}
.reports-refurbished .revamped-reports .holding-report-revamped .holding-report-revamped-table table {
  border-collapse: unset !important;
}
.reports-refurbished .revamped-reports .generic-tabs .nav-tabs.switch-between-reports.apply-docking {
  position: sticky;
  top: 49px;
  z-index: 11;
  background: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
  .reports-refurbished .revamped-reports .generic-tabs .nav-tabs.switch-between-reports.apply-docking {
    width: 100%;
  }
}
.reports-refurbished .revamped-reports .generic-tabs .nav-tabs.switch-between-reports.nav.nav-tabs .nav-item .nav-link {
  background: inherit;
  padding: 5px 25px 5px 25px !important;
}
@media (max-width: 1023px) {
  .reports-refurbished .revamped-reports .generic-tabs .nav-tabs.switch-between-reports {
    display: flex;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    gap: 10px;
    padding: 0px 15px;
  }
  .reports-refurbished .revamped-reports .generic-tabs .nav-tabs.switch-between-reports .nav-item .nav-link {
    padding: 10px !important;
    font-size: 0.875rem;
  }
}
.reports-refurbished .revamped-reports .icon-report-outer {
  padding: 12px;
  background-color: #f2f2f5;
  border-radius: 5px;
  z-index: 9;
}

.holding-revamp-table-wrapper {
  padding-bottom: 40px;
  position: sticky;
  border-top: 1px solid #e7e7e7;
}

.productlist-popup-zindex {
  z-index: 9 !important;
}

.all-reports .drawer-head {
  padding: 22px 15px !important;
}

.assest-filter-container {
  width: 360px;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 25px 37px 0px rgba(0, 0, 0, 0.1), 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px 10px 10px 10px;
}
.assest-filter-container .header {
  border-radius: 10px 10px 0px 0px;
  border-bottom: 1px solid rgba(3, 0, 47, 0.2);
}
.assest-filter-container .asset-filters {
  width: 100%;
  height: 240px;
}
.assest-filter-container .asset-filters .assetlist {
  display: flex;
  flex-flow: column;
  width: 39%;
}
.assest-filter-container .asset-filters .assetlist .asset {
  padding: 12px 16px;
  border-bottom: 1px solid #f2f2f5;
}
.assest-filter-container .asset-filters .assetlist .selected-asset {
  background-color: #f2f2f5;
}
.assest-filter-container .asset-filters .asset-product-list {
  width: 61%;
  background-color: #f2f2f5;
  padding: 5px 13px;
  height: 100%;
  overflow-y: scroll;
}
.assest-filter-container .asset-filters .asset-product-list::-webkit-scrollbar {
  width: 2px !important;
  height: 5px !important;
}
.assest-filter-container .asset-filters .asset-product-list {
  /* Track */
}
.assest-filter-container .asset-filters .asset-product-list::-webkit-scrollbar-track {
  background: transparent;
}
.assest-filter-container .asset-filters .asset-product-list {
  /* Handle */
}
.assest-filter-container .asset-filters .asset-product-list::-webkit-scrollbar-thumb {
  background: #03002f;
}
.assest-filter-container .asset-filters .asset-product-list .each-filter-parent {
  padding: 10px 15px;
  border-bottom: 1px solid rgba(17, 0, 0, 0.05);
}
.assest-filter-container .asset-filters .asset-product-list .each-filter-parent:last-child {
  border-bottom: none !important;
}
.assest-filter-container .asset-filters .asset-product-list .common-checkbox-custom input[type=checkbox] {
  border-radius: 4px !important;
  border: 1px solid #e7e7e7 !important;
  min-height: 18px !important;
  min-width: 18px !important;
  height: unset !important;
  width: unset !important;
  background-color: #ffffff !important;
}
.assest-filter-container .asset-filters .asset-product-list .common-checkbox-custom input[type=checkbox]:checked {
  border: 1px solid #03002f !important;
  background-color: #03002f !important;
}
.assest-filter-container .apply-cancel {
  height: 10%;
  background: linear-gradient(to right, #fff 0%, #fff 52.08%, rgba(255, 255, 255, 0) 93.18%);
}
.assest-filter-container .apply-cancel-1assetfilter-btns-spacing {
  background-color: #ffffff;
  border-top: unset;
}

.holdingreports-new-sidebar .stock-details-head {
  padding: 19px 20px;
}
.holdingreports-new-sidebar .stock-details-head .stock-details-switch-key {
  margin-left: -41px;
}
.holdingreports-new-sidebar .stock-details-head .stock-details-switch-key i {
  font-size: 1.25rem;
}

@media (max-width: 1023px) {
  .holdings-search {
    padding: 0 15px 15px;
  }
}
.holdings-search .common-search-bar.open-search {
  height: 30px;
  border: 1px solid #03002f;
  background-color: #ffffff;
}
.holdings-search .common-search-bar {
  min-width: 277px;
}
.holdings-search .common-search-bar input {
  height: 8px;
  padding: 10px;
  background-color: #ffffff;
}
@media (max-width: 1023px) {
  .holdings-search .common-search-bar {
    height: 40px;
    border: 1px solid #03002f;
  }
  .holdings-search .common-search-bar.open-search {
    height: 40px;
  }
}

.action-icon-container .action-icon {
  width: 30px;
  height: 30px;
  font-size: 0.875rem;
  background-color: #f2f2f5;
  border-radius: 5px;
}
.action-icon-container.sort-icon-dot .edel-icon-round-circle {
  top: 3px;
  right: 3px;
}
.action-icon-container .edel-icon-round-circle {
  position: absolute;
  font-size: 5px;
  color: #dd504d;
  top: 4px;
  right: 4px;
}

.action-icon-setting {
  padding: 6px 9px;
  height: 30px;
  position: relative;
  background-color: #f2f2f5;
  border-radius: 5px;
}
@media (max-width: 1023px) {
  .action-icon-setting {
    padding: 5px;
    height: 34px;
    width: 34px;
    background-color: transparent !important;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
  }
  .action-icon-setting span {
    color: #03002f;
    font-size: 1.125rem;
  }
  .action-icon-setting .edel-icon-settings-sort {
    font-size: 1.5rem;
  }
}

.action-sidebar-drawer .offcanvas-body::-webkit-scrollbar {
  display: none;
}
.action-sidebar-drawer .edel-sidebar-drawer-head {
  display: flex;
  align-items: center;
  min-height: 68px !important;
}
@media (max-width: 1023px) {
  .action-sidebar-drawer .edel-sidebar-drawer-head {
    border-bottom: 1px solid #ccccd6 !important;
  }
}
.action-sidebar-drawer .apply-cancel-btns-spacing {
  min-height: 70px !important;
}

.selected-filters-bar {
  background-color: #ffffff;
  padding: 15px 25px 15px 39px;
  border-radius: 5px 5px 0px 0px;
  margin-top: 10px;
  gap: 10px;
  border-bottom: 1px solid #f4f4f4;
}
@media (max-width: 1023px) {
  .selected-filters-bar {
    position: sticky;
    top: 48px;
    background-color: #f8f7fa;
    z-index: 2;
    padding: 15px;
    margin-top: 0;
  }
}
.selected-filters-bar .all-selected-filter-bubbles {
  min-width: 40%;
}
@media (max-width: 1023px) {
  .selected-filters-bar .all-selected-filter-bubbles {
    display: none !important;
  }
}
.selected-filters-bar .all-selected-filter-bubbles .edel-icon-arrow-left,
.selected-filters-bar .all-selected-filter-bubbles .edel-icon-arrow-right {
  font-size: 25px;
}
.selected-filters-bar .all-selected-filter-bubbles .gradients {
  position: relative;
}
.selected-filters-bar .all-selected-filter-bubbles .gradients .left-gradient {
  background: linear-gradient(90deg, #fff 31.64%, rgba(255, 255, 255, 0) 80.86%);
  position: absolute;
  height: 30px;
  width: 41px;
  left: 28px;
  top: 0;
  z-index: 1;
  border: none;
}
.selected-filters-bar .all-selected-filter-bubbles .gradients .right-gradient {
  background: linear-gradient(270deg, #fff 31.64%, rgba(255, 255, 255, 0) 80.86%);
  position: absolute;
  top: 0;
  height: 30px;
  width: 40px;
  left: -40px;
  z-index: 1;
  border: none;
}
.selected-filters-bar .filters-section {
  position: relative;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}
.selected-filters-bar .filters-section::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1023px) {
  .selected-filters-bar .btns-section {
    width: 100%;
  }
}
.selected-filters-bar .filter-bars-block {
  padding: 5px 7px;
  border-radius: 5px;
  background: #f2f2f5;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.selected-filters-bar .filter-bars-block .tag-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.selected-filters-bar .filter-bars-block .tag-container .ed-filter-label-text {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  color: #03002f;
}
.selected-filters-bar .filter-bars-block .tag-container span {
  font-size: 8px;
  color: #03002f;
  font-weight: bolder;
}
.selected-filters-bar .equity-dropdown-block .equitydrop {
  padding: 6px 10px;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  height: 30px;
  color: #03002f !important;
}
@media (max-width: 1023px) {
  .selected-filters-bar .equity-dropdown-block .equitydrop i {
    font-size: 1.125rem;
  }
}
.selected-filters-bar .all-qty-block {
  border-radius: 5px;
}
@media (max-width: 1023px) {
  .selected-filters-bar {
    border-bottom: none;
  }
}
.selected-filters-bar .equity-dropdown-block button[aria-expanded=true] {
  border: 1px solid #03002f !important;
}
.selected-filters-bar .equity-dropdown-block.show .dropdown-menu {
  min-width: 232px;
  overflow: unset;
  padding: 10px;
  border-radius: 10px;
  height: unset;
  min-height: fit-content;
  box-shadow: 0px 25px 37px 0px rgba(0, 0, 0, 0.1), 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #e7e7e7;
}
.selected-filters-bar .equity-dropdown-block.show .dropdown-menu .dropdown-item {
  font-family: "DMSansNormal";
  padding: 12px 16px;
}
.selected-filters-bar .equity-dropdown-block.show .dropdown-menu .dropdown-item:hover {
  background-color: #f2f2f5;
  border-radius: 5px;
}
.selected-filters-bar .equity-dropdown-block.show .dropdown-menu .dropdown-item.selected-item {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  background-color: #f2f2f5;
  border-radius: 5px;
}
.selected-filters-bar .all-qty-block {
  border: 1px solid #e7e7e7;
  padding: 6px;
  text-wrap: nowrap;
  white-space: nowrap;
}
.selected-filters-bar .all-qty-block i {
  padding-left: 10px;
  font-size: 1.25rem;
}

.gray-brd-tag button {
  height: 15px;
  width: 15px;
  border: 0.1px solid #e7e7e7;
  border-radius: 50%;
  color: #03002f;
  display: flex;
  align-items: center;
  font-family: "DMSansMedium";
  font-size: 0.625rem;
  background: transparent;
  padding: 0px;
  justify-content: center;
}
.gray-brd-tag button:hover {
  background-color: transparent;
  color: #03002f;
  border: 1px solid #e7e7e7;
}

.half-px-brd-tag button {
  border: 0.5px solid #03002f !important;
}

.midblue-brd-tag button {
  height: 15px;
  width: 15px;
  border: 0.1px solid #03002f;
  border-radius: 50%;
  text-align: center;
  color: #03002f;
  align-self: center;
  display: flex;
  align-items: center;
  font-family: "DMSansMedium";
  font-size: 0.625rem;
  background: transparent;
  padding: 0px;
  justify-content: center;
}
.midblue-brd-tag button:hover {
  background-color: transparent;
  color: #03002f;
  border: 1px solid #03002f;
}

.filter-tags-popover-body {
  border-radius: 5px;
  padding: 10px;
  border: 0px;
}

.rebrandreports-tooltip-hover.bs-popover-top > .popover-arrow::before {
  border-top-color: unset;
  top: -1px;
  border: 0;
}
.rebrandreports-tooltip-hover.bs-popover-top > .popover-arrow::after {
  border-top-color: #ffffff;
  top: -2px;
}

.half-px-brd .popover-body,
.rebrandreports-tooltip-hover .popover-body {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  color: #03002f;
  background: #ffffff;
  box-shadow: 0px 8px 16px 0px rgba(3, 0, 47, 0.12);
  padding: 10px !important;
  min-height: 41px;
  max-height: fit-content;
  border-radius: 5px;
  white-space: nowrap;
}
.half-px-brd .filter-tags-popover-btn,
.rebrandreports-tooltip-hover .filter-tags-popover-btn {
  height: 15px;
  width: 15px;
  border: 0.1px solid #03002f;
  border-radius: 50%;
  text-align: center;
  color: #03002f;
  align-self: center;
  display: flex;
  line-height: 100%;
  align-items: center;
  font-family: "DMSansMedium";
  font-size: 0.625rem;
  background: transparent;
  padding: 0px;
  justify-content: center;
}
.half-px-brd .filter-tags-popover-btn:hover,
.rebrandreports-tooltip-hover .filter-tags-popover-btn:hover {
  background-color: transparent;
  color: #03002f;
  border: 1px solid #03002f;
}
.half-px-brd .pin-unpin-popup,
.rebrandreports-tooltip-hover .pin-unpin-popup {
  border: none;
}
.half-px-brd .bs-popover-top > .popover-arrow::before,
.rebrandreports-tooltip-hover .bs-popover-top > .popover-arrow::before {
  border-top-color: unset;
  top: -1px;
  border: 0;
}
.half-px-brd .bs-popover-top > .popover-arrow::after,
.rebrandreports-tooltip-hover .bs-popover-top > .popover-arrow::after {
  border-top-color: #ffffff;
  top: -2px;
}

.news-section .owl-dots {
  position: absolute !important;
  bottom: 0 !important;
  right: 35%;
  padding: 10px !important;
}
.news-section .owl-dots .owl-dot.active span {
  border: 1px solid #f04e45 !important;
}
.news-section .newsData-block {
  display: flex;
  flex-flow: column;
  gap: 10px;
  background-color: #f7f7f7;
  padding: 15px 20px;
  min-height: 135px;
  max-height: 135px;
  position: relative;
  transition: max-height 0.8s ease-in-out;
}
.news-section .newsData-block .expand-btn {
  position: absolute;
  bottom: 6px;
  right: 10px;
  font-size: 0.75rem;
  font-family: "RobotoMedium";
  color: #03002f;
}
.news-section .newsData-block .news-text .two-line-ellipsis {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-align: justify;
}
.news-section .newsData-block.full-news {
  max-height: 500px;
}
.news-section .newsData-block.full-news .news-text .two-line-ellipsis {
  line-clamp: unset;
  -webkit-line-clamp: unset;
}
.news-section .newsData-block.one-news {
  max-width: 95%;
  margin: auto;
}

.revamp-action-drawer__handle {
  width: 32px !important;
  border-radius: 100px !important;
  height: 4px !important;
  background: rgba(3, 0, 47, 0.5) !important;
}
.revamp-action-drawer__backdrop {
  backdrop-filter: blur(1.5px);
  z-index: 11 !important;
}
.revamp-action-drawer__handle-wrapper {
  border-radius: 16px 16px 0 0 !important;
  background-color: #ffffff !important;
}
.revamp-action-drawer__content .drawer-head {
  height: 70px !important;
  display: flex;
  align-items: center;
  padding: 20px 15px !important;
  background-color: #ffffff;
  border-bottom: 1px solid #ccccd6;
}

.reports-slidingpane-icon-block .slidingpane-icon-block {
  border-bottom: 1px solid #e7e7e7;
  padding: 8px 0px !important;
  gap: 0;
}
.reports-slidingpane-icon-block .slidingpane-icon-block .icon-tile {
  text-wrap: nowrap;
  white-space: nowrap;
  padding: 0 15px;
  display: flex;
  align-items: center;
  flex: 1 1 90px;
  justify-content: center;
}
.reports-slidingpane-icon-block .slidingpane-icon-block .icon-tile .icon-text.margin-top-13 {
  margin: 0 !important;
}
.reports-slidingpane-icon-block .slidingpane-icon-block .icon-tile .edel-icon-set-alert-outline {
  font-size: 0.938rem;
}
.reports-slidingpane-icon-block .slidingpane-icon-block .icon-tile .edel-icon-charts {
  font-size: 0.75rem;
}
.reports-slidingpane-icon-block .slidingpane-icon-block .icon-tile .edel-icon-watchlist-color,
.reports-slidingpane-icon-block .slidingpane-icon-block .icon-tile .edel-icon-view-quote-outline {
  font-size: 0.625rem;
}

.download-modal-holding-report {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.download-modal-holding-report .modal-dialog {
  min-width: 500px;
  max-width: 500px;
}
.download-modal-holding-report .modal-content {
  border: none;
  border-radius: 15px;
  background-color: none;
  color: #444444;
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.04), 0px 20px 24px -4px rgba(16, 24, 40, 0.1);
}
.download-modal-holding-report .modal-content .modal-header {
  background: #f2f2f5;
  border-radius: 15px 15px 0 0;
  border-bottom: 2px solid #e8e7ec;
}
.download-modal-holding-report .modal-content .modal-header .modal-title {
  font-size: 1.5rem;
  font-family: "DMSansBold";
}
.download-modal-holding-report .modal-content .modal-body {
  background: #ffffff;
  border-radius: 0 0 15px 15px;
}

.stock-details-drawer__handle {
  width: 32px !important;
  border-radius: 100px !important;
  height: 4px !important;
  background: rgba(3, 0, 47, 0.5) !important;
}
.stock-details-drawer__backdrop {
  backdrop-filter: blur(1.5px) !important;
  z-index: 11 !important;
}
.stock-details-drawer__handle-wrapper {
  border-radius: 16px 16px 0 0 !important;
  background-color: #f2f2f5 !important;
}
.stock-details-drawer__content {
  height: calc(70vh - 25px) !important;
  display: flex;
  flex-direction: column;
  position: relative;
}
.stock-details-drawer__content .drawer-head {
  height: auto !important;
  position: sticky;
  top: -1px;
  z-index: 2;
  background-color: #f2f2f5;
}
.stock-details-drawer__content .drawer-body {
  flex: 1;
  position: relative;
}

.stock-details-sidebar {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.stock-details-sidebar .stock-details-head {
  height: auto !important;
  padding: 15px !important;
}
.stock-details-sidebar .stock-details-head .stock-details-switch-key {
  margin-left: -36px;
}
.stock-details-sidebar .stock-details-head .stock-details-switch-key i {
  font-size: 0.75rem;
}
.stock-details-sidebar .stock-details-body {
  flex: 1;
  position: relative;
}

.buy-sell-btns-spacing {
  height: 70px !important;
  padding: 15px 25px;
  gap: 25px;
  box-shadow: 0px -4px 17px 0px rgba(60, 60, 60, 0.11);
  position: sticky;
  bottom: 0;
  z-index: 10;
  background-color: #ffffff;
}

.apply-cancel-1assetfilter-btns-spacing {
  border-radius: 0px 0px 10px 10px;
  border-top: 1px solid #cdccd5;
  height: 48px;
  padding: 10px;
  gap: 10px;
  background: #f2f2f5;
}

.apply-cancel-btns-spacing {
  height: 70px !important;
  padding: 10px 16px;
  gap: 6px;
  box-shadow: 0px 4px 17px 0px rgba(60, 60, 60, 0.11);
  position: sticky;
  bottom: 0;
  z-index: 10;
  background-color: #ffffff;
}
@media (max-width: 1023px) {
  .apply-cancel-btns-spacing.make-fixed {
    position: fixed;
  }
}

.buy-sell-btns,
.apply-cancel-btns {
  width: 100%;
  display: flex;
}
.buy-sell-btns .ed_button.button,
.apply-cancel-btns .ed_button.button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  height: 100% !important;
  padding: unset !important;
  border-radius: 5px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 18px;
}

.every-transaction {
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 15px;
  max-height: 90px;
}
.every-transaction .transaction-history-top .ed_button.button {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  padding: 0px 11px;
  line-height: 17px;
  padding-left: 13px;
  border-radius: 3px;
}

.calendar-display-block {
  position: relative;
}
@media (min-width: 1023px) {
  .calendar-display-block .modal-dialog {
    max-width: 547px !important;
  }
}
.calendar-display-block .calender-btn-shimmer .SkeletonTile {
  border-radius: 5px;
  min-width: 290px;
  height: 40px !important;
  margin-top: 0 !important;
}
.calendar-display-block .calender-date-N-btn {
  background-color: #ffffff;
  padding: 9px 15px;
  border-radius: 5px;
  min-width: 290px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.calendar-display-block .calender-date-N-btn .edel-icon-calendar-rounded {
  font-size: 16px;
}
@media (max-width: 1023px) {
  .calendar-display-block .calender-date-N-btn .edel-icon-calendar-rounded {
    font-size: 21px;
  }
}
.calendar-display-block .calendar-list-block {
  position: absolute;
  padding: 10px;
  display: flex;
  background-color: white;
  top: 105%;
  z-index: 9;
  width: 360px;
  max-height: 360px;
  right: 0;
  border-radius: 10px;
  border: 1px solid #f1f1f4;
  box-shadow: 0px 25px 37px 0px rgba(0, 0, 0, 0.1), 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}
.calendar-display-block .calendar-list-block.watchlistwidth {
  width: 310px !important;
}
.calendar-display-block .calendar-list-block .time-range-list {
  flex: 56;
}
.calendar-display-block .calendar-list-block .time-range-list .cal-item {
  padding: 12px 16px;
  margin-bottom: 5px;
  cursor: pointer;
}
.calendar-display-block .calendar-list-block .time-range-list .cal-item:hover, .calendar-display-block .calendar-list-block .time-range-list .cal-item.selected {
  background-color: #f2f2f5;
  border-radius: 5px;
  font-family: "DMSansBold";
  font-size: 0.875rem;
}
.calendar-display-block .calendar-list-block .yeardrop-list {
  flex: 44;
  border-radius: 10px;
  background-color: #f2f2f5;
  overflow-y: scroll;
}
.calendar-display-block .calendar-list-block .yeardrop-list::-webkit-scrollbar {
  width: 2px !important;
  height: 5px !important;
}
.calendar-display-block .calendar-list-block .yeardrop-list {
  /* Track */
}
.calendar-display-block .calendar-list-block .yeardrop-list::-webkit-scrollbar-track {
  background: transparent;
  margin-top: 10px;
  margin-bottom: 10px;
}
.calendar-display-block .calendar-list-block .yeardrop-list {
  /* Handle */
}
.calendar-display-block .calendar-list-block .yeardrop-list::-webkit-scrollbar-thumb {
  background: #03002f;
}
.calendar-display-block .calendar-list-block .yeardrop-list .financial_years {
  padding: 12px 16px;
  margin-bottom: 5px;
  cursor: pointer;
}
.calendar-display-block .calendar-list-block .yeardrop-list .financial_years:hover, .calendar-display-block .calendar-list-block .yeardrop-list .financial_years.selected {
  border-radius: 10px;
  background-color: #f2f2f5;
  font-family: "DMSansBold";
}

.calendar-list-white-bg.z-index-high__handle-wrapper, .calendar-list-white-bg.z-index-high__content, .calendar-list-white-bg.drawer__handle-wrapper__handle-wrapper {
  background: #ffffff !important;
}
.calendar-list-white-bg.z-index-high__content {
  background: #ffffff !important;
  padding: 0px;
}
.calendar-list-white-bg .drawer_year_container .year_list {
  padding: 20px 15px;
}
.calendar-list-white-bg .drawer_year_container .year_list .financial_year {
  border-bottom: none;
  height: auto;
  justify-content: flex-start;
}
.calendar-list-white-bg .drawer_year_container .year_list .financial_year:hover {
  background-color: #f2f2f5;
  border-radius: 5px;
}
.calendar-list-white-bg .drawer_year_container .year_list .financial_year span {
  padding: 15px;
}
.calendar-list-white-bg .drawer_year_container .year_list:first-child {
  padding-top: 20px;
}
.calendar-list-white-bg .drawer_year_container .year_list:last-child {
  padding-bottom: 20px;
}
@media (max-width: 1023px) {
  .calendar-list-white-bg .drawer_year_container .mob_year_container {
    height: auto;
  }
  .calendar-list-white-bg .drawer_year_container .mob_year_container span {
    padding-top: 0px;
    font-size: 1.5rem;
  }
}
.calendar-list-white-bg .mob_year_container {
  border-bottom: 1px solid #ccccd6;
  padding: 20px 0px 22px 15px;
  background: #ffffff !important;
}
.calendar-list-white-bg .drawer_container .calendar_list {
  background-color: #ffffff;
  padding: 20px 15px 8px;
}
.calendar-list-white-bg .drawer_container .calendar_list .list_container {
  border-bottom: none;
}
.calendar-list-white-bg .drawer_container .calendar_list .list_container:hover {
  background-color: #f2f2f5;
}
.calendar-list-white-bg .drawer_container .calendar_list .list_container span {
  padding: 15px;
}

.holding-report-revamped-table-row .product-filter-tags button {
  align-items: center;
}
.holding-report-revamped-table-row.selected td, .holding-report-revamped-table-row:hover td {
  background-color: #fdebd7;
}

/********************************** Filter, Sort and Type drawer ******************************************/
.sort-filter-type-tabs-and-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 15px;
  height: fit-content;
  border-bottom: 1px solid #f5f5f5;
}
.sort-filter-type-tabs-and-btns .sort-filter-type-tabs {
  display: flex;
  align-items: center;
}
.sort-filter-type-tabs-and-btns .sort-filter-type-tabs .sft-tabs {
  line-height: normal;
  padding: 10px;
  color: #444444;
  box-sizing: border-box !important;
  margin-bottom: -1px;
  border-bottom: 1px solid #f5f5f5;
}
.sort-filter-type-tabs-and-btns .sort-filter-type-tabs .sft-tabs.active-tab {
  border-bottom: 1px solid #000000;
  color: #030130;
}
.sort-filter-type-tabs-and-btns .clear-all {
  color: #f04e45;
  padding: 10px 0;
}

.selected-tab-content {
  flex: 1;
  display: flex;
  flex-flow: column;
}

.calendar-revamp-items-itemlist.edel-sidebar-drawer .offcanvas-body {
  margin-top: 20px;
}
.calendar-revamp-items-itemlist.edel-sidebar-drawer .offcanvas-header {
  padding: 29.5px 15.5px 23.5px !important;
  border-bottom: 1px solid #ccccd6;
}
@media (max-width: 1023px) {
  .calendar-revamp-items-itemlist.edel-sidebar-drawer .offcanvas-header {
    padding-top: 21.5px !important;
  }
  .calendar-revamp-items-itemlist.edel-sidebar-drawer .offcanvas-header span {
    line-height: 120%;
  }
}
.calendar-revamp-items-itemlist .calendar_list-revamp {
  padding: 0px 15px 20px;
}
.calendar-revamp-items-itemlist .calendar_list-revamp .list_container-revamp {
  padding: 15px;
}
.calendar-revamp-items-itemlist .calendar_list-revamp .list_container-revamp.selected {
  background-color: #f2f2f5;
  border-radius: 5px;
}
.calendar-revamp-items-itemlist .calendar_list-revamp .list_container-revamp:hover {
  background-color: #f2f2f5;
}
.calendar-revamp-items-itemlist .year_list-revamp {
  padding: 0 15px 80px 15px;
}
.calendar-revamp-items-itemlist .year_list-revamp .financial_year-revamp {
  padding: 15px;
}
.calendar-revamp-items-itemlist .year_list-revamp .financial_year-revamp.selected, .calendar-revamp-items-itemlist .year_list-revamp .financial_year-revamp:hover {
  background-color: #f2f2f5;
  border-radius: 5px;
}
.calendar-revamp-items-itemlist .buy-sell-btns-spacing {
  min-height: 80px;
  padding: 20px 15px;
  box-shadow: none;
  position: fixed;
  background-color: #ffffff;
}
.calendar-revamp-items-itemlist .calendar--row-revamp {
  padding: 0px 15px;
  gap: 7%;
}
.calendar-revamp-items-itemlist .common-download-newtheme .input-group {
  padding: 10px;
  border: 1px solid #e7e7e7;
  margin-top: 5px;
  margin-bottom: 15px;
  border-radius: 5px;
  height: 42px;
}
.calendar-revamp-items-itemlist .common-datepicker .react-datepicker .react-datepicker__day-name {
  margin: 7px;
  width: 32px;
}
.calendar-revamp-items-itemlist .singleDatePicker {
  padding: 0px 15px;
}

.position-tab-open-position {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #444444;
  color: #ffffff;
  border-radius: 100px;
  height: 15px;
  line-height: normal;
  width: 20px;
}

.download-radio-block {
  display: flex;
  flex-flow: row wrap;
}
.download-radio-block label {
  display: unset;
  gap: unset;
  grid-template-columns: unset;
}
.download-radio-block .radio-button.common-radio-button input[type=radio] {
  width: 25px !important;
  height: 25px !important;
}

.genericpopup-button-remove .btn-primary {
  background-color: transparent !important;
  border: none !important;
  padding: 0px;
  margin: 0px;
  color: #727271;
}
.genericpopup-button-remove .btn-primary:hover {
  color: #727271;
}

.holding-report-revamped-table-row .edel-icon-clock {
  font-size: 0.75rem;
  color: #727271;
}.dropdown-filter {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05), 0px 25px 37px 0px rgba(0, 0, 0, 0.1);
  min-width: 252px;
  max-width: 100%;
  z-index: 5;
  padding-bottom: 0;
  position: absolute;
  top: 115%;
  left: 0;
}
.dropdown-filter .list-container-parent {
  padding: 10px;
}
.dropdown-filter .list-container-parent .list-container {
  margin: unset;
  padding: unset;
}
.dropdown-filter .list-container-parent .list-container .list-item {
  margin: unset;
  padding: 12px 16px;
  display: flex;
  gap: 12px;
  border-radius: 4px;
  align-items: center;
}
.dropdown-filter .list-container-parent .list-container .list-item input[type=checkbox] {
  margin: 0px;
}
.dropdown-filter .list-container-parent .list-container .list-item:hover {
  background-color: #f2f2f5;
  border-radius: 4px;
}
.dropdown-filter .list-container-parent .list-container .list-item:hover .disp_val {
  font-size: 0.875rem;
  font-family: "DMSansBold" !important;
  color: #444444 !important;
}
.dropdown-filter .apply-cancel {
  border-top: 1px solid #ccccd6;
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05), 0px 25px 37px 0px rgba(0, 0, 0, 0.1);
}
.dropdown-filter .apply-cancel .row {
  margin: 0;
}
.dropdown-filter .apply-cancel .buy-sell-col {
  padding: 10px !important;
  background-color: #f2f2f5;
}
.dropdown-filter .apply-cancel .buy-sell-col .mtg-10.bg-white {
  margin: 0;
  padding: 0px;
  background-color: #f2f2f5 !important;
}
.dropdown-filter .apply-cancel .buy-sell-col .mtg-10.bg-white .pe-2 {
  padding-right: 5px !important;
}
.dropdown-filter .apply-cancel .buy-sell-col .mtg-10.bg-white .ps-2 {
  padding-left: 5px !important;
}
.dropdown-filter .apply-cancel .buy-sell-col .mtg-10.bg-white .bottombtnsection .ed_button {
  padding: 3px 10px !important;
}
.dropdown-filter .apply-cancel .buy-sell-col .mtg-10.bg-white .bottombtnsection .cancel {
  background-color: #f2f2f5;
}

.filter-pills {
  gap: 10px;
  padding: 15px 0px 20px 0px;
}
.filter-pills .Assetclasss-shimmer .SkeletonTile {
  border-radius: 100px;
  width: 100px;
  height: 28px !important;
  margin-top: 0 !important;
}
.filter-pills .pill {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  border: 1px solid #e7e7e7;
  border-radius: 100px;
  padding: 5px 0.5rem;
  position: relative;
  padding: 8px 15px;
  cursor: pointer;
}
.filter-pills .pill .dropdown-toggle-split {
  background: none;
  padding: 0;
}
.filter-pills .pill .tab-active-btn .btn.btn-primary {
  background-color: rgba(3, 0, 47, 0.05);
  color: #ffffff;
  border: 1px solid rgba(3, 0, 47, 0.5);
}
.filter-pills .pill .btn.btn-primary {
  border-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
}
.filter-pills .pill .filter-name {
  background-color: #03002f;
  color: #ffffff;
  padding: 8px 15px;
  border-radius: 100px;
  position: relative;
}
.filter-pills .pill .filter-name .active-filter-reddot {
  color: #f04e45;
  font-size: 25px;
  position: absolute;
  top: -5px;
}
.filter-pills .pill.pill-selected {
  border: 1px solid rgba(3, 0, 47, 0.5);
  background: rgba(3, 0, 47, 0.05);
  padding: 5px;
}
.filter-pills .pill .down {
  transform: rotate(180deg);
  top: -2px;
}
.filter-pills .pill .arrows {
  color: #03002f !important;
}
.filter-pills .pill .arrows .edel-icon-arrow-down {
  font-size: 1rem;
  top: 2px;
  position: relative;
}
.filter-pills .pill .arrows.visible {
  padding: 5px;
}
.filter-pills .pill .arrows.visible i {
  height: 1rem;
  width: 1rem;
}

.mob-filter-pills-container {
  padding: 15px 0px 15px 15px;
}
.mob-filter-pills-container .mob-filter-pills {
  overflow-x: scroll;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mob-filter-pills-container .mob-filter-pills:last-child {
  padding-right: 15px;
}
.mob-filter-pills-container .mob-filter-pills .Assetclasss-shimmer .SkeletonTile {
  border-radius: 100px;
  width: 100px;
  height: 28px !important;
  margin-top: 0 !important;
}
.mob-filter-pills-container .mob-filter-pills .mob-pill {
  border: 1px solid #e7e7e7;
  border-radius: 100px;
  height: 28px;
  padding: 8px 15px;
  text-wrap: nowrap;
  white-space: nowrap;
  background-color: transparent;
}
.mob-filter-pills-container .mob-filter-pills .mob-pill.mob-pill-selected {
  border: 1px solid rgba(3, 0, 47, 0.5);
  background: rgba(3, 0, 47, 0.05);
  position: relative;
}
.mob-filter-pills-container .mob-filter-pills .mob-pill.mob-pill-selected .active-filter-reddot {
  color: #f04e45;
  font-size: 25px;
  position: absolute;
  top: -10px;
}
.mob-filter-pills-container .mob-filter-pills::-webkit-scrollbar {
  display: none;
}

.overflow-auto-fiterPills {
  overflow-x: scroll;
}
.overflow-auto-fiterPills::-webkit-scrollbar {
  display: none;
}.pnlrevamp-border-table {
  position: relative;
}
.pnlrevamp-border-table .custom-table-padding {
  padding: 12px 20px;
}
.pnlrevamp-border-table.common-table-border table {
  border-spacing: 0px;
}
.pnlrevamp-border-table.common-table-border table thead {
  background: #ffffff;
}
.pnlrevamp-border-table.common-table-border table thead th {
  vertical-align: top;
  padding: 12px 12px;
  position: sticky;
  z-index: 1;
  top: 49px;
  text-wrap: nowrap;
  white-space: nowrap;
  background-color: #ffffff;
}
.pnlrevamp-border-table.common-table-border table thead th:first-child {
  padding-left: 20px;
}
.pnlrevamp-border-table.common-table-border table thead th:last-child {
  padding-right: 20px;
}
.pnlrevamp-border-table.common-table-border table tbody tr:hover {
  background-color: none !important;
}
.pnlrevamp-border-table.common-table-border table tbody tr:hover:nth-child(odd) {
  background: #f7f7f7 !important;
}
.pnlrevamp-border-table.common-table-border table tbody tr:hover:nth-child(even) {
  background: #ffffff !important;
}
.pnlrevamp-border-table.common-table-border table tbody tr:nth-child(odd) {
  background: #f7f7f7 !important;
}
.pnlrevamp-border-table.common-table-border table tbody tr:nth-child(even) {
  background: #ffffff !important;
}
.pnlrevamp-border-table.common-table-border table tbody tr td {
  padding: 0px;
  border: 0px;
  border-radius: 0px;
}
.pnlrevamp-border-table.common-table-border table tbody tr td:first-child {
  width: 250px;
}
.pnlrevamp-border-table.common-table-border table tbody tr td .pnl-one-Val {
  padding: 5px 10px;
}
.pnlrevamp-border-table.common-table-border table tbody tr td .pnl-one-Val.start {
  padding-left: 20px;
}
.pnlrevamp-border-table.common-table-border table tbody tr td .pnl-one-Val.end {
  padding-right: 20px;
}
.pnlrevamp-border-table.common-table-border table tbody tr td .one-below-another {
  display: flex;
  flex-direction: column;
}
.pnlrevamp-border-table.common-table-border table tbody tr td .pnl-above-val,
.pnlrevamp-border-table.common-table-border table tbody tr td .pnl-below-val {
  height: 50px;
  display: flex;
  flex-flow: column;
  justify-content: left;
  padding: 5px 10px;
  align-items: self-end;
  font-size: 0.875rem;
}
.pnlrevamp-border-table.common-table-border table tbody tr td .pnl-above-val {
  border-bottom: 1px solid #e7e7e7;
}
.pnlrevamp-border-table.common-table-border table tbody tr td:not(:first-child):not(:last-child) {
  vertical-align: top;
}

.family-tagging-pnl {
  padding: 10px 0;
}
@media (max-width: 1023px) {
  .family-tagging-pnl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 10px;
  }
  .family-tagging-pnl .selected_option {
    margin: 0 !important;
  }
}.grid-1fr1fr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
}
.grid-1fr1fr .grid-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pnl-sidebar-drawer-body {
  min-height: calc(100% - 70px) !important;
  overflow-y: scroll;
}
.pnl-sidebar-drawer-body::-webkit-scrollbar {
  display: none !important;
}
.pnl-sidebar-drawer-body .view-less-more {
  padding: 10px;
}
.pnl-sidebar-drawer-body .view-less-more .ed_button.button {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  padding: 5px 15px;
  width: 100px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pnl-sidebar-drawer-body .view-dnld-btns-spacing {
  padding: 20px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pnl-sidebar-drawer-body .view-dnld-btns-spacing .ed_button {
  padding: 5px 10px !important;
  display: flex;
  border-radius: 5px !important;
  gap: 5px;
  align-items: center;
}

.selected-filters-bar-pnlmob {
  padding: 15px 15px 10px;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 5px 5px 0px 0px;
  gap: 10px;
  position: sticky;
  top: 48px;
  background-color: #f8f7fa;
  z-index: 2;
}

.all-pnl-report-list {
  display: flex;
  flex-flow: row wrap;
  background-color: #ffffff;
}
.all-pnl-report-list .error-msg-new-icon {
  width: 100%;
  padding-top: 100px;
}
.all-pnl-report-list .edel-icon-briefcase-color .path1:before,
.all-pnl-report-list .edel-icon-briefcase-color .path2:before,
.all-pnl-report-list .edel-icon-briefcase-color .path3:before {
  color: #dddddd !important;
}
.all-pnl-report-list .all-pnl-card {
  flex: 1 1 350px;
  border-bottom: 1px solid #e7e7e7 !important;
}
@media (min-width: 440px) {
  .all-pnl-report-list .all-pnl-card {
    border-radius: 5px;
    border-bottom: unset;
  }
}
@media (min-width: 440px) {
  .all-pnl-report-list {
    column-gap: 5px;
    row-gap: 5px;
  }
}.stream-block-data {
  padding: 15px;
}
.stream-block-data .numero {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  color: #444444;
}

.common-accordian.holding-sidebar-qtybreakdown {
  border-bottom: 1px solid #e7e7e7;
}
.common-accordian.holding-sidebar-qtybreakdown .accordion-item {
  margin-top: 0px;
  padding: 15px;
  border: none !important;
}
.common-accordian.holding-sidebar-qtybreakdown .accordion-item .accordion-body {
  padding: 0px;
}
.common-accordian.holding-sidebar-qtybreakdown .accordion-item .accordion-button::after {
  background-color: #f2f2f5 !important;
  font-size: 0.5rem;
}
.common-accordian.holding-sidebar-qtybreakdown .accordion-item .chartiqouterclass {
  padding: 0px;
}
.common-accordian.holding-sidebar-qtybreakdown .transaction-history-top .ed_button.button {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  padding: 0px 11px;
  line-height: 17px;
  padding-left: 13px;
  border-radius: 3px;
}

.breakdown-body {
  display: grid;
  grid-template-columns: 0.8fr 1fr 1fr;
  row-gap: 15px;
  column-gap: 10px;
  padding-top: 15px;
}
.breakdown-body .title-value {
  display: flex;
  flex-flow: column;
}
.breakdown-body .title-value .qty-value {
  font-family: "DMSansMedium";
  font-size: 0.688rem;
  color: #b8b8b8;
}
.breakdown-body .title-value .numero {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  color: #444444;
}

.transaction-inner-mainBlock {
  padding: 15px;
  border-bottom: 1px solid #e7e7e7;
}
.transaction-inner-mainBlock:last-child {
  border-bottom: none;
}
.transaction-inner-mainBlock .transcation-block-inner {
  padding-top: 10px;
}
.transaction-inner-mainBlock .transcation-block-inner .transcation-chunk div:first-child {
  padding-bottom: 8px;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  color: #b8b8b8;
  text-wrap: nowrap;
  white-space: nowrap;
}
.transaction-inner-mainBlock .transcation-block-inner .transcation-chunk div:last-child {
  font-family: "RobotoRegular";
  font-size: 0.938rem;
  color: #444444;
}

.common-accordian.holding-sidebar-transactionbreakdown .accordion-item {
  padding: 0px;
}
.common-accordian.holding-sidebar-transactionbreakdown .accordion-item .all-transaction {
  max-height: 300px;
  overflow-y: scroll;
}
.common-accordian.holding-sidebar-transactionbreakdown .accordion-item .all-transaction::-webkit-scrollbar {
  display: none;
}
.common-accordian.holding-sidebar-transactionbreakdown .accordion-item .all-transaction .every-transaction {
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 15px;
}
.common-accordian.holding-sidebar-transactionbreakdown .accordion-item .accordion-button {
  padding: 15px;
}
.common-accordian.holding-sidebar-transactionbreakdown .accordion-item .edel-icon-report-excla {
  font-size: 40px;
}.show {
  display: block;
}

.fade {
  display: none;
}

.modal-backdrop {
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadein 0.5s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
}
.modal-backdrop.show {
  background: rgba(204, 204, 204, 0.19);
  opacity: 1;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.modal-backdrop.additionalblur {
  backdrop-filter: blur(5px);
}

.redirectbg {
  background-color: #ffffff;
}

.progress-container {
  width: 100%;
  height: 10px;
  background: #cccccc;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 10px;
}

.progress-fill {
  height: 100%;
  background: #55a8dc;
  transition: width 0.3s ease;
}

:root {
  font-size: 16px;
}

.modalDPTitle {
  padding: 32px 31px;
  z-index: 99999;
}
.modalDPTitle .modal-content {
  border: unset;
  border-radius: 4px;
  width: 421px;
}
.modalDPTitle .modal-content .modal-header {
  padding-right: 30px;
  background-color: #f0f9ff;
}
.modalDPTitle .modal-content .modal-header h5 {
  line-height: 28px;
  font-size: 1.25rem;
  font-family: "DMSansNormal";
  color: #0b243a;
}
.modalDPTitle .modal-content .modal-header .close_btn {
  border: 0;
  background-color: unset;
}
.modalDPTitle .modal-content .modal-header .close_btn i {
  color: #1c1c28;
}
.modalDPTitle .modal-content .modal-header .close_btn i:hover {
  color: #03002f;
}
.modalDPTitle .modal-content .modal-header .close_btn i::before {
  font-size: 0.875rem;
  font-weight: bolder;
}
.modalDPTitle .modal-content .modal-header .modal-title {
  font-size: 1.25rem;
  font-family: "DMSansNormal";
  line-height: 28px;
}
.modalDPTitle .modal-content .modal-header .edel-icon-download1::before {
  color: #0b243a;
  font-size: 1rem;
  margin-right: 10px;
}
.modalDPTitle .modal-content .modal-body {
  padding: 0;
}
.modalDPTitle .modal-content .modal-body .modal-body-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .row {
  margin: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue {
  padding: 0;
  padding: 30px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .header {
  margin-bottom: 15px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .header i {
  margin-right: 10px;
  color: #444444;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .header h2 {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 19.6px;
  color: #444444;
  margin-bottom: 0px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .react-datepicker-wrapper {
  position: relative;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .react-datepicker-wrapper input {
  height: 40px;
  width: 100%;
  border: 0;
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #444444;
  line-height: 22.4px;
  border-radius: 5px;
  padding-left: 0px;
  padding-right: 22%;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .input-group-append {
  position: absolute;
  right: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .input-group-append .input-group-text {
  height: 35px;
  color: #3580f7;
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 22.4px;
  background-color: unset;
  border: 0;
  height: 40px;
  padding: 9px 0px;
  cursor: pointer;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .input-group-append .input-group-text i {
  font-size: 0.875rem;
  margin-right: 10px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .input-group-append .input-group-text .span .d-block {
  padding: 6px 0px 6px 0px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .form-control {
  font-size: 1rem;
  line-height: 22.4px;
  padding-left: 0;
  height: 40px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection input:-internal-autofill-selected {
  background-color: unset !important;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .dateWrap .row > * {
  padding: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .dateWrap .row {
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .dateWrap .row .col-lg-6 {
  padding: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .dateWrap .row .date {
  position: relative;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .dateWrap .row .date .form-control {
  border: unset;
  border-radius: 0;
  background-color: unset;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .dateWrap .row .date .input-group-append {
  position: absolute;
  top: 25%;
  right: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .dateWrap .row .date .input-group-append .input-group-text {
  padding: 0;
  background-color: unset;
  border: unset;
  cursor: pointer;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .dateWrap .row .date .input-group-append .input-group-text .edel-icon-calendar-report {
  margin-right: 10px;
  color: #3580f7;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .dateWrap .row .date .input-group-append .input-group-text span {
  color: #3580f7;
  line-height: 22.4px;
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .boder-bottom {
  padding: 22px 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .checkboxWrap {
  padding-top: 22px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .checkbox .form-check {
  margin-bottom: 14px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .lightblue-radio {
  display: flex;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .lightblue-radio .form-check:first-child {
  margin-right: 27px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg {
  padding: 14px 12px 21px 12px;
  margin: 25px 0;
  background-color: #f0f9ff;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg i {
  margin: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg i::before {
  font-size: 1rem;
  color: #3580f7;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg.mail .mail_label {
  align-items: center;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg.mail .mail_label_body {
  overflow: scroll;
  padding-left: 0px;
  margin-bottom: 10px;
  max-height: 100px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg.mail .mail_label_body::-webkit-scrollbar {
  display: none;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg.mail .mail_label_body_item {
  display: flex;
  align-items: center;
  color: #444444;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 18px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg.mail .mail_label .mail_label_close {
  margin-left: 5.7px;
  font-size: 1.125rem;
  cursor: pointer;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg.mail .mail_label .mail_label_close .edel-icon-rounded-close:before {
  color: #dd504d;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg.mail .mail_label .form-label {
  line-height: 18.2px;
  color: #444444;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg.mail .mail-input {
  position: relative;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg.mail .mail-input input {
  padding-left: 13px;
  padding-right: 35px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg.mail .mail-input input::placeholder {
  font-size: 0.875rem;
  line-height: 19.6px;
  color: #b8b8b8;
  font-family: "DMSansMedium";
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg.mail .icon {
  position: absolute;
  right: 13px;
  top: 20%;
  cursor: pointer;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .customForm .customFormSection .blue_bg.mail .icon i {
  color: #3580f7;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-light-blue-theme .downloadHoldingDesk-form-light-blue .remove-button-report .custom_btn {
  padding: 14px;
  width: 100%;
  background-color: #3580f7;
  font-size: 1.125rem;
  line-height: 25.2px;
  font-family: "DMSansMedium";
  text-align: center;
  justify-content: center !important;
  color: #ffffff;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk .row {
  margin: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form {
  padding: 0;
  padding: 30px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .header {
  margin-bottom: 15px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .header i {
  margin-right: 10px;
  color: #444444;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .header h2 {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 19.6px;
  color: #444444;
  margin-bottom: 0px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .react-datepicker-wrapper {
  position: relative;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .react-datepicker-wrapper input {
  height: 40px;
  width: 100%;
  border: 0;
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #444444;
  line-height: 22.4px;
  border-radius: 5px;
  padding-left: 0px;
  padding-right: 22%;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .input-group-append {
  position: absolute;
  right: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .input-group-append .input-group-text {
  height: 35px;
  color: #03002f;
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 22.4px;
  background-color: unset;
  border: 0;
  height: 40px;
  padding: 9px 0px;
  cursor: pointer;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .input-group-append .input-group-text i {
  font-size: 0.875rem;
  margin-right: 10px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .input-group-append .input-group-text .span .d-block {
  padding: 6px 0px 6px 0px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .form-control {
  font-size: 1rem;
  line-height: 22.4px;
  padding-left: 0;
  height: 40px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection input:-internal-autofill-selected {
  background-color: unset !important;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row > * {
  padding: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row {
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .col-lg-6 {
  padding: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .date {
  position: relative;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .date .form-control {
  border: unset;
  border-radius: 0;
  background-color: unset;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .date .input-group-append {
  position: absolute;
  top: 25%;
  right: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .date .input-group-append .input-group-text {
  padding: 0;
  background-color: unset;
  border: unset;
  cursor: pointer;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .date .input-group-append .input-group-text .edel-icon-calendar-report {
  margin-right: 10px;
  color: #03002f;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .date .input-group-append .input-group-text span {
  color: #03002f;
  line-height: 22.4px;
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .boder-bottom {
  padding: 22px 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .checkboxWrap {
  padding-top: 22px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .checkbox .form-check {
  margin-bottom: 14px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .radio {
  display: flex;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .radio .form-check:first-child {
  margin-right: 27px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg {
  padding: 14px 12px 21px 12px;
  margin: 25px 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail_label {
  align-items: center;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail_label_body {
  overflow: scroll;
  padding-left: 0px;
  margin-bottom: 10px;
  max-height: 100px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail_label_body::-webkit-scrollbar {
  display: none;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail_label_body_item {
  display: flex;
  align-items: center;
  color: #444444;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 18px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail_label .mail_label_close {
  margin-left: 5.7px;
  color: #dd504d;
  font-size: 1.125rem;
  cursor: pointer;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail_label .form-label {
  line-height: 18.2px;
  color: #444444;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail-input {
  position: relative;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail-input input {
  padding-left: 13px;
  padding-right: 35px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail-input input::placeholder {
  font-size: 0.875rem;
  line-height: 19.6px;
  color: #b8b8b8;
  font-family: "DMSansMedium";
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .icon {
  position: absolute;
  right: 13px;
  top: 20%;
  cursor: pointer;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .icon i {
  color: #03002f;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table {
  padding: 30px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table {
  position: relative;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav {
  position: absolute;
  right: 0;
  margin-top: 45px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination {
  padding: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item {
  margin: 0 7px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item .page-link {
  background-color: none;
  color: #444444;
  font-size: 0.875rem;
  line-height: 18.2px;
  font-family: "DMSansMedium";
  border: 0;
  border-radius: 5px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item.active .page-link {
  background-color: #03002f;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 18.2px;
  font-family: "DMSansMedium";
  border: 0;
  border-radius: 5px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item:first-child .page-link {
  background-color: #f0f9ff;
  border-radius: 5px;
  border: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item:first-child .page-link i {
  font-size: 0.625rem;
  color: #3580f7;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item:last-child .page-link {
  background-color: #f0f9ff;
  border-radius: 5px;
  border: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item:last-child .page-link i {
  font-size: 0.625rem;
  color: #3580f7;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table thead {
  width: 100%;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th {
  width: 15%;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th:first-child {
  width: 12%;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th:nth-child(4) {
  width: 33%;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th:nth-child(5) {
  width: 12%;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th:nth-child(6) {
  width: 13%;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th .caret_icon {
  position: relative;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th .caret_icon h6 {
  margin-right: 5px;
  color: #727271;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansMedium";
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th .caret_icon .caret_up {
  position: absolute;
  top: -5px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th .caret_icon .caret_up i::before {
  font-size: 0.75rem;
  color: #727271;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th .caret_icon .caret_down {
  position: absolute;
  top: 1px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th .caret_icon .caret_down i::before {
  font-size: 0.75rem;
  color: #727271;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr.closedReport .edel-icon-download {
  background-color: #f0f9ff;
  color: #3580f7;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr.closedReport .edel-icon-download:hover {
  background-color: #3580f7;
  color: #ffffff;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr.closedReport .edel-icon-email-us {
  background-color: #f0f9ff;
  color: #3580f7;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr.closedReport .edel-icon-email-us:hover {
  background-color: #3580f7;
  color: #ffffff;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td:first-child {
  border-left: 1px solid #eee;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td:last-child {
  border-right: 1px solid #eee;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td p {
  font-size: 0.875rem;
  line-height: 19.6px;
  color: #444444;
  font-family: "DMSansMedium";
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td .closed_box {
  text-align: center;
  border: 1px solid #51b255;
  display: block;
  padding: 5px;
  border-radius: 5px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td .closed_box p {
  font-size: 0.875rem;
  line-height: 19.6px;
  font-family: "DMSansMedium";
  color: #51b255;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td .open_box {
  text-align: center;
  border: 1px solid #dfa717;
  display: block;
  padding: 5px;
  border-radius: 5px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td .open_box p {
  font-size: 0.875rem;
  line-height: 19.6px;
  font-family: "DMSansMedium";
  color: #dfa717;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download .edel-icon-download {
  color: #b8b8b8;
  padding: 8px;
  background-color: #e7e7e7;
  border-radius: 5px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download .edel-icon-download:hover {
  color: #ffffff;
  background-color: #3580f7;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download ul.download_options {
  background-color: #f0f9ff;
  padding: 21px 15px;
  min-width: 110px;
  border-radius: 4px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download ul.download_options li {
  margin-bottom: 30px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download ul.download_options li:last-child {
  margin-bottom: 0;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download ul.download_options li i {
  color: #3580f7;
  margin-right: 11px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download ul.download_options li p {
  color: #444444;
  font-size: 0.875rem;
  line-height: 19.6px;
  font-family: "DMSansMedium";
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .message .edel-icon-email-us {
  color: #b8b8b8;
  padding: 8px;
  background-color: #e7e7e7;
  border-radius: 5px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .message .edel-icon-email-us:hover {
  color: #ffffff;
  background-color: #3580f7;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr:hover {
  background-color: #fafafa;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .tr_section {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table {
  border-collapse: separate;
  border-spacing: 0 12px;
}
.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-table table td {
  height: 50px;
  vertical-align: middle;
  text-align: left;
  position: relative;
}
.modalDPTitle .header {
  margin-bottom: 25px;
  align-items: center;
}
.modalDPTitle .header i {
  margin-right: 10px;
}
.modalDPTitle .header h2 {
  font-size: 0.875rem;
  line-height: 19.6px;
  color: #444444;
  font-family: "DMSansMedium";
}
.modalDPTitle .header .search {
  display: flex;
}
.modalDPTitle .header .search .search_icon {
  display: flex;
  align-items: center;
  background-color: #f0f9ff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 14px 12px;
  padding-right: 0;
}
.modalDPTitle .header .search .search_icon i::before {
  font-size: 1rem;
  color: #3580f7;
}
.modalDPTitle .header .search input {
  background: #f0f9ff;
  font-family: "DMSansMedium";
  border-radius: 5px;
  border: 0;
  padding: 14px 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  color: #727271;
  padding-left: 0;
}
.modalDPTitle .header .blue_bg {
  background-color: #f2f2f5;
  padding: 14px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modalDPTitle .header .blue_bg i {
  margin: 0;
}
.modalDPTitle .header .blue_bg i::before {
  font-size: 1rem;
  color: #3580f7;
}
.modalDPTitle .header .filter_table .menu {
  margin: 0 10px;
}
.modalDPTitle .lightblue-radio input[type=radio] {
  -webkit-appearance: none;
  border: 2px solid #e7e7e7;
  border-radius: 50%;
  outline: none;
  position: relative;
  vertical-align: top;
}
.modalDPTitle .lightblue-radio input[type=radio]:before {
  content: "";
  display: block;
  width: 71.7%;
  height: 71.7%;
  margin: 15%;
  border-radius: 50%;
}
.modalDPTitle .lightblue-radio input[type=radio]:checked:before {
  background: #3580f7;
}
.modalDPTitle .lightblue-radio .form-check-input:checked[type=radio] {
  border: 2px solid #3580f7;
  background-color: #ffffff;
  background-image: unset;
}
.modalDPTitle .radio input[type=radio] {
  -webkit-appearance: none;
  border: 2px solid #e7e7e7;
  border-radius: 50%;
  outline: none;
  position: relative;
  vertical-align: top;
}
.modalDPTitle .radio input[type=radio]:before {
  content: "";
  display: block;
  width: 71.7%;
  height: 71.7%;
  margin: 15%;
  border-radius: 50%;
}
.modalDPTitle .radio input[type=radio]:checked:before {
  background: #03002f;
}
.modalDPTitle .radio .form-check-input:checked[type=radio] {
  border: 2px solid #03002f;
  background-color: #ffffff;
  background-image: unset;
}

.customFormSection button {
  font-weight: 500;
}
.customFormSection button:disabled {
  background-color: #c0bfcb;
  border-color: #c0bfcb;
  font-weight: 500;
}
.customFormSection .form-label {
  color: #b8b8b8;
  font-size: 0.875rem;
  line-height: 19.6px;
  font-family: "DMSansMedium";
}
.customFormSection .form-check {
  display: flex;
  align-items: center;
}
.customFormSection .form-check .form-check-label {
  color: #444444;
  font-size: 1rem;
  line-height: 20.8px;
  font-family: "DMSansMedium";
  margin-left: 10px;
}
.customFormSection .form-check .form-check-input {
  height: 25px;
  width: 25px;
  border: 1px solid #e7e7e7;
}
.customFormSection .form-check .form-check-input:focus {
  border-color: unset;
  outline: 0;
  box-shadow: unset;
  border: 1px solid #e7e7e7;
}
.customFormSection .form-check .form-check-input:active {
  filter: unset;
}
.customFormSection .form-check .form-check-input:focus-visible {
  outline-offset: unset;
  outline: unset;
}
.customFormSection .form-control {
  color: #444444;
  font-size: 1rem;
  line-height: 22.4px;
  font-family: "DMSansMedium";
}

.boder-bottom {
  border-bottom: 1px solid #e7e7e7;
}

.custom_btn {
  padding: 14px;
  width: 100%;
  background-color: #03002f;
  font-size: 1.125rem;
  line-height: 25.2px;
  font-family: "DMSansMedium";
  text-align: center;
  justify-content: center !important;
  color: #ffffff;
}

.blue_bg {
  background-color: #f2f2f5;
  border-radius: 4px;
}

.date-input-section {
  display: flex;
  gap: 32px;
}
.date-input-section .form-label {
  margin-bottom: 0px;
}
.date-input-section .input-group {
  width: 153.81px;
  height: 42px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin-top: 15px;
}

.rbd-5xlxayyw29q-db {
  z-index: 9999 !important;
}

.rbd-5xlxayyw29q-dr {
  z-index: 99999 !important;
}

/******************DP transaction new content ********************/
.separate-border {
  border-left: 1px solid #e7e7e7;
}

.modalDPTitle .custom-modal .modal-content {
  width: 100% !important;
}

@media (min-width: 576px) {
  .custom-modal.modal-dialog {
    max-width: 100%;
    margin: 0rem 1.3rem !important;
  }
}
.CustomCommonDropdown {
  height: 40px;
  position: relative;
}

.CustomCommonDropdown .edel-icon-arrow-down {
  position: absolute;
  right: 14px;
  top: 12px;
}

.CustomCommonDropdown select.form-control {
  font-size: 0.875rem !important;
  padding-left: 10px !important;
}

.CustomCommonDropdown select.form-control {
  font-size: 0.875rem !important;
  padding-left: 10px !important;
}

.CustomCommonDropdown option {
  padding: 10px !important;
}

.DateBoxfromToDate {
  display: flex;
  width: 100%;
  margin: 0px auto;
}

.DateBoxfrom {
  width: 50%;
  margin: 0 15px 0 0;
}

.DateBoxTo {
  width: 50%;
  margin: 0 0px 0 15px;
}

.horizontalLine {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
}

.customTextbox {
  background-color: #f0f9ff;
  border: none !important;
  font-size: 0.875rem !important;
  padding-left: 10px !important;
  height: 48px !important;
}

.customTextbox:focus {
  background-color: #f0f9ff;
}

.align-item-flex-top {
  align-items: flex-start !important;
}

.custom-modal .modal-header {
  padding: 0.6rem 1rem !important;
}.rev-loaderpop-block .rev-loaderpop-head {
  padding: 20px;
  text-align: center;
  border-radius: 15px 15px 0px 0px;
  border-bottom: 2px solid #e8e7ec;
  background: #f2f2f5;
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.04), 0px 20px 24px -4px rgba(16, 24, 40, 0.1);
}
.rev-loaderpop-block .rev-loaderpop-body {
  padding: 0px 20px 60px 20px;
  border-radius: 0px 0px 15px 15px;
  background: #ffffff;
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.04), 0px 20px 24px -4px rgba(16, 24, 40, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1023px) {
  .rev-loaderpop-block .rev-loaderpop-body {
    padding: 40px 20px;
  }
}
.rev-loaderpop-block .rev-loaderpop-body img {
  height: 170px;
  width: 170px;
}
@media (max-width: 1023px) {
  .rev-loaderpop-block .rev-loaderpop-body img {
    height: 150px;
    width: 150px;
  }
}.rev-successpop-block .rev-successpop-head {
  padding: 20px;
  text-align: center;
  border-radius: 15px 15px 0px 0px;
  border-bottom: 2px solid #e8e7ec;
  background: #f2f2f5;
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.04), 0px 20px 24px -4px rgba(16, 24, 40, 0.1);
}
.rev-successpop-block .rev-successpop-body {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 60px 20px;
  border-radius: 0px 0px 15px 15px;
  background: #ffffff;
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.04), 0px 20px 24px -4px rgba(16, 24, 40, 0.1);
  gap: 10px;
}
@media (max-width: 1023px) {
  .rev-successpop-block .rev-successpop-body {
    padding: 40px 20px;
  }
}
.rev-successpop-block .rev-successpop-body i {
  font-size: 100px;
}
.rev-successpop-block .rev-successpop-body .message-block {
  padding-top: 20px;
}@media (max-width: 1023px) {
  .download-revamp-report.rm-scroll {
    overflow-y: auto;
  }
}
@media (max-width: 1023px) {
  .download-revamp-report.rm-scroll .customFormSection {
    padding-bottom: 90px;
  }
}
@media (max-width: 1023px) {
  .download-revamp-report .download-revamp-drawer-body {
    padding-bottom: 90px;
  }
}
.download-revamp-report .download-reports-mob-head {
  height: 50px;
  background-color: #f2f2f5;
}
.download-revamp-report .form-head-block {
  padding: 13px 15px;
  border-bottom: 1px solid #e8e7ec;
  background: #f2f2f5;
}
.download-revamp-report .form-body {
  background-color: #ffffff;
}
.download-revamp-report .form-body .customFormSection_field .input-group .form-control[readonly] {
  background-color: transparent !important;
  opacity: 1;
}
.download-revamp-report .form-body .download-N-mail .customFormSection_field {
  border-bottom: 0px;
}
.download-revamp-report .form-body .all-selected-mails {
  display: flex;
  flex-flow: column;
  gap: 8px;
  background-color: #f2f2f5;
  border-radius: 5px;
  padding: 15px;
}
.download-revamp-report .form-body .all-selected-mails ul {
  margin: 0;
  padding: 0;
}
.download-revamp-report .form-body .all-selected-mails .mail-list {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.download-revamp-report .form-body .all-selected-mails .mail-list .mail-box {
  display: flex;
  justify-content: space-between;
  padding-right: 12px;
  line-height: 130%;
}
.download-revamp-report .form-body .all-selected-mails .mail-list .mail-box .remove-mail {
  color: #fe4d15;
  font-size: 17px;
  cursor: pointer;
}
.download-revamp-report .form-body .all-selected-mails .icon {
  cursor: auto;
  position: absolute;
  right: 13px;
  top: 21%;
}
.download-revamp-report .form-body .all-selected-mails .icon i {
  color: #03002f;
  font-size: 15px;
}
.download-revamp-report .form-body .all-selected-mails .mail-input {
  position: relative;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.download-revamp-report .form-body .all-selected-mails .mail-input input {
  background-color: #ffffff;
  color: #b8b8b8;
  border: none;
  height: 40px;
  padding: 6px 35px 6px 13px;
}
.download-revamp-report .form-body .all-selected-mails .mail-input input::placeholder {
  color: #b8b8b8;
}
.download-revamp-report .form-body .customFormSection_field {
  padding: 20px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.download-revamp-report .form-body .customFormSection_field:last-child {
  border-bottom: 0px;
}
.download-revamp-report .form-body .customFormSection_field .radio,
.download-revamp-report .form-body .customFormSection_field .checkbox {
  row-gap: 16px;
  column-gap: 24px;
}
.download-revamp-report .form-body .customFormSection_field .checkbox input[type=checkbox]:checked {
  border-color: #03002f !important;
  background-color: #03002f !important;
}
.download-revamp-report .form-body .customFormSection_field .radio input[type=radio]:before {
  margin: 0px auto;
  height: 100%;
  width: 100%;
  border: 2px solid #ffffff;
}
.download-revamp-report .form-body .input-group .form-control {
  border: none;
  padding: 0px;
}
.download-revamp-report .download-email-btn {
  padding: 15px 20px;
}
@media (min-width: 1023px) {
  .download-revamp-report .download-email-btn {
    padding: 15px 0 0 0 !important;
  }
}
.download-revamp-report .submit-btn-block {
  position: fixed;
  bottom: 0px;
  width: 100%;
}
@media (min-width: 1023px) {
  .download-revamp-report .submit-btn-block {
    position: relative;
  }
}
.download-revamp-report .submit-btn-block .custom_btn {
  height: 53px !important;
  margin: 0px;
}
.download-revamp-report .submit-btn-block .custom_btn:disabled {
  opacity: 0.5;
}
.download-revamp-report .submit-btn-block .custom_btn:hover, .download-revamp-report .submit-btn-block .custom_btn:active {
  color: #ffffff;
  background-color: #03002f;
}
@media (max-width: 1023px) {
  .download-revamp-report .customFormSection .form-check .form-check-input {
    height: 25px;
    width: 25px;
  }
}

.popup-message-container .status-message {
  color: #03002f;
  font-size: 1.5rem;
  font-family: "DMSansBold";
}
.popup-message-container .detailed-status-message {
  color: #4f5665;
  font-size: 1rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .popup-message-container .status-message {
    font-size: 1.125rem !important;
  }
  .popup-message-container .detailed-status-message {
    font-size: 0.75rem !important;
  }
}

.download-modal-holding-report .modal-body {
  padding: 30px !important;
}

@media (max-width: 1023px) {
  .download-dates {
    padding: 15px;
  }
}
.download-dates {
  position: relative;
}
.download-dates .customFormSection_field {
  padding: 20px 0 !important;
}
.download-dates .dateWrap {
  padding-top: 0 !important;
}
.download-dates .holdingeportsDate,
.download-dates .holdingReportsDate {
  top: 70px;
  position: absolute;
  z-index: 2;
  padding: 20px 15px 0px;
  width: 100%;
}
@media (max-width: 1023px) {
  .download-dates .holdingeportsDate,
  .download-dates .holdingReportsDate {
    width: unset;
    top: 85px !important;
  }
}
.download-dates .date-input-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #e8e7ec;
}
.download-dates .date-input-container .end-date,
.download-dates .date-input-container .start-date {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.download-dates .date-input-container .end-date .input-group,
.download-dates .date-input-container .start-date .input-group {
  gap: 10px;
}
.download-dates .date-input-container .end-date .input-group .date-drawer-input-field,
.download-dates .date-input-container .start-date .input-group .date-drawer-input-field {
  max-width: 85px;
  border: none !important;
}
.download-dates .react-datepicker__navigation.react-datepicker__navigation--years-previous {
  display: none !important;
}

.holding-report-submodal .modalContainer {
  width: 880px !important;
}
@media (max-width: 767px) {
  .holding-report-submodal .modalContainer {
    width: 90% !important;
  }
}
.holding-report-submodal .modalContainer .rev-successpop-block .rev-successpop-head {
  height: 88px;
}
@media (max-width: 1023px) {
  .holding-report-submodal .modalContainer .rev-successpop-block .rev-successpop-head {
    height: 64px !important;
  }
}

.download-revamp-report .common-datepicker .react-datepicker .react-datepicker__month-read-view--selected-month,
.download-revamp-report .common-datepicker .react-datepicker .react-datepicker__year-read-view--selected-year,
.download-revamp-report .yearDropdown .react-datepicker .react-datepicker__month-read-view--selected-month,
.download-revamp-report .yearDropdown .react-datepicker .react-datepicker__year-read-view--selected-year {
  color: #444444 !important;
  font-weight: normal !important;
}
.download-revamp-report .common-datepicker .react-datepicker .react-datepicker__day--keyboard-selected,
.download-revamp-report .yearDropdown .react-datepicker .react-datepicker__day--keyboard-selected {
  background-color: transparent !important;
  color: #03002f !important;
}
.download-revamp-report .react-datepicker {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  border: 1px solid #b8b8b8;
  box-shadow: 0px 25px 37px 0px rgba(0, 0, 0, 0.1), 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}
.download-revamp-report .react-datepicker .react-datepicker__header {
  background-color: #ffffff;
  font-family: "DMSansMedium";
}
.download-revamp-report .react-datepicker .react-datepicker__current-month,
.download-revamp-report .react-datepicker .react-datepicker-time__header,
.download-revamp-report .react-datepicker .react-datepicker-year-header {
  color: #393939;
  font-family: "DMSansMedium";
}
.download-revamp-report .react-datepicker .react-datepicker__current-month {
  margin: 13px 0;
}
.download-revamp-report .react-datepicker .react-datepicker__day-names,
.download-revamp-report .react-datepicker .react-datepicker__week {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.download-revamp-report .react-datepicker .react-datepicker__day-names .react-datepicker__day-name,
.download-revamp-report .react-datepicker .react-datepicker__day-names .react-datepicker__day,
.download-revamp-report .react-datepicker .react-datepicker__week .react-datepicker__day-name,
.download-revamp-report .react-datepicker .react-datepicker__week .react-datepicker__day {
  margin: 4px 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
@media (max-width: 1023px) {
  .download-revamp-report .react-datepicker .react-datepicker__day-names .react-datepicker__day-name,
  .download-revamp-report .react-datepicker .react-datepicker__day-names .react-datepicker__day,
  .download-revamp-report .react-datepicker .react-datepicker__week .react-datepicker__day-name,
  .download-revamp-report .react-datepicker .react-datepicker__week .react-datepicker__day {
    margin: 7px !important;
  }
}
.download-revamp-report .react-datepicker .react-datepicker__day-name {
  color: #393939;
  font-family: "DMSansMedium";
}
.download-revamp-report .react-datepicker .react-datepicker__day--keyboard-selected {
  background-color: transparent !important;
  color: #03002f !important;
}
.download-revamp-report .react-datepicker .react-datepicker__day--selected,
.download-revamp-report .react-datepicker .react-datepicker__day--in-selecting-range,
.download-revamp-report .react-datepicker .react-datepicker__day--in-range,
.download-revamp-report .react-datepicker .react-datepicker__month-text--selected,
.download-revamp-report .react-datepicker .react-datepicker__month-text--in-selecting-range,
.download-revamp-report .react-datepicker .react-datepicker__month-text--in-range,
.download-revamp-report .react-datepicker .react-datepicker__quarter-text--selected,
.download-revamp-report .react-datepicker .react-datepicker__quarter-text--in-selecting-range,
.download-revamp-report .react-datepicker .react-datepicker__quarter-text--in-range,
.download-revamp-report .react-datepicker .react-datepicker__year-text--selected,
.download-revamp-report .react-datepicker .react-datepicker__year-text--in-selecting-range,
.download-revamp-report .react-datepicker .react-datepicker__year-text--in-range {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.download-revamp-report .react-datepicker .react-datepicker .react-datepicker__day:hover,
.download-revamp-report .react-datepicker .react-datepicker .react-datepicker__month-text:hover,
.download-revamp-report .react-datepicker .react-datepicker .react-datepicker__quarter-text:hover,
.download-revamp-report .react-datepicker .react-datepicker .react-datepicker__year-text:hover {
  color: #393939 !important;
  background-color: #03002f !important;
}
.download-revamp-report .react-datepicker .react-datepicker__month-text--keyboard-selected,
.download-revamp-report .react-datepicker .react-datepicker__quarter-text--keyboard-selected,
.download-revamp-report .react-datepicker .react-datepicker__year-text--keyboard-selected {
  background-color: #03002f;
  color: #ffffff;
}
.download-revamp-report .react-datepicker .react-datepicker__day:hover,
.download-revamp-report .react-datepicker .react-datepicker__month-text:hover,
.download-revamp-report .react-datepicker .react-datepicker__quarter-text:hover,
.download-revamp-report .react-datepicker .react-datepicker__year-text:hover {
  background-color: #03002f !important;
  color: #ffffff;
}
.download-revamp-report .react-datepicker .react-datepicker__navigation-icon--next {
  left: 0;
}
.download-revamp-report .react-datepicker .react-datepicker__navigation-icon--next::before {
  left: 0;
}
.download-revamp-report .react-datepicker .react-datepicker__navigation-icon--previous {
  left: 22px;
}
.download-revamp-report .react-datepicker .react-datepicker__navigation-icon--previous::before {
  position: absolute;
}
.download-revamp-report .react-datepicker .react-datepicker__navigation-icon--previous::before {
  right: unset;
}
.download-revamp-report .react-datepicker .react-datepicker__navigation-icon::before {
  border-color: #03002f;
  top: 16px !important;
}
.download-revamp-report .react-datepicker button {
  justify-content: center;
}
.download-revamp-report .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #03002f;
}
.download-revamp-report .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-bottom-color: #03002f;
}
.download-revamp-report .react-datepicker-popper[data-placement^=bottom] {
  padding-top: 6px;
}
.download-revamp-report .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  border-top-color: #03002f;
}
.download-revamp-report .react-datepicker__month-container {
  float: left;
  width: 100%;
  margin: 0 auto;
}
.download-revamp-report .react-datepicker__day,
.download-revamp-report .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 2.6rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.download-revamp-report .react-datepicker .react-datepicker__month-select,
.download-revamp-report .react-datepicker .react-datepicker__year-select {
  background: #ffffff;
  border: 1px solid #f0f9ff;
  width: 100%;
  margin: 10px auto;
  padding: 4px 3px;
  border-radius: 4px;
  position: relative;
  font-size: 0.75rem;
  color: #03002f;
  font-family: "RobotoCondensedBold";
}
.download-revamp-report button.react-datepicker__navigation {
  margin: 10px auto;
}
.download-revamp-report .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after,
.download-revamp-report .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  display: none;
}
.download-revamp-report .react-datepicker-wrapper .react-datepicker__input-container button {
  height: 42px;
  border: unset;
  border-radius: 5px;
  width: 100%;
  background-color: unset;
  text-align: left;
  padding-left: 10px;
  font-size: 0.875rem;
  font-family: "EncodeSansSemiBold";
  color: #333333;
}.newdp-modal {
  max-width: 100% !important;
}
.newdp-modal .modal-content {
  border: none;
  background-color: none;
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.04), 0px 20px 24px -4px rgba(16, 24, 40, 0.1);
}
.newdp-modal .modal-title {
  font-family: "DMSansBold";
  font-size: 1.5rem;
  color: #03002f;
}
.newdp-modal .modal-header {
  padding: 12px 20px;
  background-color: #f2f2f5;
  border-bottom: 2px solid #e8e7ec;
}
.newdp-modal .modal-body {
  padding: 30px;
  background-color: #ffffff;
  border-radius: 15px;
  padding-bottom: 20px;
}
.newdp-modal .modal-body .popup-block {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 30px;
}
.newdp-modal .modal-body .popup-block .right-block {
  padding-left: 30px;
}
.newdp-modal .modal-body .popup-block .left-block .DateBoxfromToDate {
  padding-bottom: 20px;
}
.newdp-modal .modal-body .popup-block .left-block .DateBoxfromToDate .DateBoxfrom,
.newdp-modal .modal-body .popup-block .left-block .DateBoxfromToDate .DateBoxTo {
  margin: 0px;
}
.newdp-modal .modal-body .popup-block .left-block .DateBoxfromToDate input {
  border: none;
  font-family: "DMSansMedium";
  font-size: 1rem;
  color: #444444;
}
.newdp-modal .modal-body .popup-block .left-block .DateBoxfromToDate .input-group-append {
  position: absolute;
  right: 0;
}
.newdp-modal .modal-body .popup-block .left-block .DateBoxfromToDate .input-group-append .input-group-text {
  border: none;
  background: none;
  padding: 0;
}
.newdp-modal .modal-body .popup-block .left-block .dplist-drop {
  padding: 20px 0px;
  border-bottom: 1px solid #e7e7e7;
}
.newdp-modal .modal-body .popup-block .left-block .dplist-drop .form-control {
  padding: 7px 10px;
}
.newdp-modal .modal-body .popup-block .left-block .btn-block {
  padding-top: 16px;
}
.newdp-modal .modal-body .popup-block .left-block .btn-block .submit-btn {
  padding: 14px;
  width: 100%;
}
.newdp-modal .st-open {
  border-radius: 3px;
  border: 1px solid #f9edd1;
  color: #dfa717;
  padding: 4px 7px;
}
.newdp-modal .st-closed {
  border-radius: 3px;
  border: 1px solid #d3ecd5;
  color: #51b255;
  padding: 4px 7px;
}
.newdp-modal .dptransaction-table-columns.table tbody tr td {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}

.modalDPTitle-revamp {
  padding: 0px 78px;
}

.gap-70 {
  gap: 70px;
}

.gap-28 {
  gap: 28px;
}

.btn-download-blocks button:disabled {
  color: #b8b8b8 !important;
}
.btn-download-blocks button {
  height: 30px;
  width: 30px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-download-blocks .edel-icon-msg {
  font-size: 0.75rem;
}

.getreport-label-block {
  padding: 20px 0px;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #b8b8b8;
}
.getreport-label-block .form-check .form-check-label {
  margin-left: 0px;
}.dptransaction-table-comp .icon i {
  margin-right: 4.67px;
  color: #444444;
  font-size: 0.95rem;
}
.dptransaction-table-comp tbody {
  border-bottom: 0px !important;
  border-top: 0px !important;
}
.dptransaction-table-comp tr:hover {
  background: none !important;
}
.dptransaction-table-comp tbody {
  display: block;
  height: 315px;
  overflow: auto;
}
.dptransaction-table-comp thead,
.dptransaction-table-comp tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.dptransaction-table-comp thead {
  width: calc(100% - 1em);
}
.dptransaction-table-comp th:nth-child(1),
.dptransaction-table-comp td:nth-child(1) {
  width: 15.875%;
}
.dptransaction-table-comp th:nth-child(2),
.dptransaction-table-comp td:nth-child(2),
.dptransaction-table-comp th:nth-child(3),
.dptransaction-table-comp td:nth-child(3) {
  width: 12.442%;
}
.dptransaction-table-comp th:nth-child(4),
.dptransaction-table-comp td:nth-child(4) {
  width: 33.464%;
}
.dptransaction-table-comp th:nth-child(5),
.dptransaction-table-comp td:nth-child(5) {
  width: 13.73%;
}
.dptransaction-table-comp th:nth-child(6),
.dptransaction-table-comp td:nth-child(6) {
  width: 22.489%;
}
.dptransaction-table-comp .heading {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0em;
  text-align: left;
  color: #444444;
  position: relative;
  top: -2px;
  margin-bottom: 0px;
}
.dptransaction-table-comp .dptransaction-table table {
  margin-top: 5px;
  margin-bottom: 0px !important;
}
.dptransaction-table-comp .dptransaction-table table tbody {
  position: relative;
  top: -11px;
}
.dptransaction-table-comp .dptransaction-table table th {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.0625rem;
  letter-spacing: 0em;
  text-align: left;
  color: #727271;
  border-bottom: 0px;
}
.dptransaction-table-comp .dptransaction-table table th.date {
  padding-left: 30px;
}
.dptransaction-table-comp .dptransaction-table table tr {
  border-spacing: 0px 5px;
}
.dptransaction-table-comp .dptransaction-table table td {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #444444;
  padding-top: 16.5px;
  padding-bottom: 16.5px;
}
.dptransaction-table-comp .dptransaction-table table td button {
  width: 30px;
  height: 30px;
  padding: 8px !important;
  background: none;
  display: inline !important;
  border: none;
  background: #f0f9ff;
  line-height: 11px;
}
.dptransaction-table-comp .dptransaction-table table td button.download-btn {
  margin-right: 15px;
}
.dptransaction-table-comp .dptransaction-table table td button i.edel-icon-bold-download {
  font-size: 0.833rem;
  position: relative;
  left: 1px;
  top: 1px;
}
.dptransaction-table-comp .dptransaction-table table td button i.edel-icon-msg {
  font-size: 0.6rem;
}
.dptransaction-table-comp .dptransaction-table table td button:hover {
  background-color: #3580f7;
}
.dptransaction-table-comp .dptransaction-table table td button:hover i {
  color: #ffffff !important;
}
.dptransaction-table-comp .dptransaction-table table td button:disabled {
  background: #e7e7e7;
}
.dptransaction-table-comp .dptransaction-table table td button:disabled i {
  color: #b8b8b8;
}
.dptransaction-table-comp .dptransaction-table table td:first-child {
  padding-left: 30px;
}
.dptransaction-table-comp .dptransaction-table table td:last-child {
  padding-right: 30px;
}
.dptransaction-table-comp .dptransaction-table table td .st-open,
.dptransaction-table-comp .dptransaction-table table td .st-closed {
  padding: 4px 7px;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  border-radius: 3px;
}
.dptransaction-table-comp .dptransaction-table table td .st-open {
  color: #dfa717;
  border: 1px solid #f9edd1;
}
.dptransaction-table-comp .dptransaction-table table td .st-closed {
  color: #51b255;
  border: 1px solid #d3ecd5;
}

@media screen and (max-width: 1024px) {
  .dptransaction-table-comp .dp-transaction-mobile {
    padding-bottom: 20px;
  }
  .dptransaction-table-comp .dp-transaction-mobile .container {
    max-width: 100% !important;
  }
  .dptransaction-table-comp .dp-transaction-mobile .report-from,
  .dptransaction-table-comp .dp-transaction-mobile .report-to,
  .dptransaction-table-comp .dp-transaction-mobile .date,
  .dptransaction-table-comp .dp-transaction-mobile .dp-id,
  .dptransaction-table-comp .dp-transaction-mobile .report-from-val,
  .dptransaction-table-comp .dp-transaction-mobile .report-to-val,
  .dptransaction-table-comp .dp-transaction-mobile .dp-description {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
  }
  .dptransaction-table-comp .dp-transaction-mobile .report-from h6,
  .dptransaction-table-comp .dp-transaction-mobile .report-from p,
  .dptransaction-table-comp .dp-transaction-mobile .report-to h6,
  .dptransaction-table-comp .dp-transaction-mobile .report-to p,
  .dptransaction-table-comp .dp-transaction-mobile .date h6,
  .dptransaction-table-comp .dp-transaction-mobile .date p,
  .dptransaction-table-comp .dp-transaction-mobile .dp-id h6,
  .dptransaction-table-comp .dp-transaction-mobile .dp-id p,
  .dptransaction-table-comp .dp-transaction-mobile .report-from-val h6,
  .dptransaction-table-comp .dp-transaction-mobile .report-from-val p,
  .dptransaction-table-comp .dp-transaction-mobile .report-to-val h6,
  .dptransaction-table-comp .dp-transaction-mobile .report-to-val p,
  .dptransaction-table-comp .dp-transaction-mobile .dp-description h6,
  .dptransaction-table-comp .dp-transaction-mobile .dp-description p {
    margin-bottom: 0px;
  }
  .dptransaction-table-comp .dp-transaction-mobile .report-from,
  .dptransaction-table-comp .dp-transaction-mobile .report-to,
  .dptransaction-table-comp .dp-transaction-mobile .dp-id {
    color: #b8b8b8;
  }
  .dptransaction-table-comp .dp-transaction-mobile #dp-transaction-label.report-as-on {
    margin-top: 16px;
  }
  .dptransaction-table-comp .dp-transaction-mobile #dp-transaction-label {
    margin-top: 20px;
  }
  .dptransaction-table-comp .dp-transaction-mobile #dp-transaction-label .date {
    position: relative;
    top: 0.5px;
  }
  .dptransaction-table-comp .dp-transaction-mobile .report-from,
  .dptransaction-table-comp .dp-transaction-mobile .report-to {
    margin-bottom: 5px;
  }
  .dptransaction-table-comp .dp-transaction-mobile .dp-desc-mob {
    margin-top: 5px;
  }
  .dptransaction-table-comp .dp-transaction-mobile #reports-dates {
    margin-top: 22px;
  }
  .dptransaction-table-comp .dp-transaction-mobile #reports-dates .dp-id {
    margin-bottom: 5px;
  }
  .dptransaction-table-comp .dp-transaction-mobile #dp-transaction {
    margin-top: 15px;
  }
  .dptransaction-table-comp .dp-transaction-mobile .st-open,
  .dptransaction-table-comp .dp-transaction-mobile .st-closed {
    font-family: "DMSansMedium";
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
    border-radius: 3px;
  }
  .dptransaction-table-comp .dp-transaction-mobile .st-open {
    padding: 5px 6.4532px;
    color: #dfa717;
    border: 1px solid #dfa717;
  }
  .dptransaction-table-comp .dp-transaction-mobile .st-closed {
    color: #51b255;
    border: 1px solid #51b255;
    padding: 5px 8px;
  }
  .dptransaction-table-comp .seperator {
    border-bottom: 1px solid #f0f0f0;
    margin-top: 10px;
    margin-left: -27px;
    /* width: 100%; */
    margin-right: -27px;
  }
  .dptransaction-table-comp button {
    width: 30px;
    height: 30px;
    padding: 5px 7px !important;
    background: #f0f9ff;
    display: inline !important;
    border: none;
    background: #f0f9ff;
    line-height: 11px;
    border-radius: 3px;
  }
  .dptransaction-table-comp button.download-btn {
    margin-right: 15px;
  }
  .dptransaction-table-comp button i.edel-icon-bold-download {
    font-size: 0.875rem;
    position: relative;
    left: 1px;
    top: 1px;
  }
  .dptransaction-table-comp button i.edel-icon-msg {
    font-size: 0.6rem;
    position: relative;
    top: -0.5px;
    left: 0.5px;
  }
  .dptransaction-table-comp button:hover {
    background-color: #3580f7;
  }
  .dptransaction-table-comp button:hover i {
    color: #ffffff !important;
  }
  .dptransaction-table-comp button:disabled {
    background: #e7e7e7;
  }
  .dptransaction-table-comp button:disabled i {
    color: #b8b8b8;
  }
  .dptransaction-table-comp .dp-header {
    margin-top: 1.5625rem;
    padding-left: 0.75rem;
  }
  .dptransaction-table-comp .dp-header .heading {
    font-family: "DMSansMedium";
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375rem;
    letter-spacing: 0em;
    text-align: left;
  }
}
@media (max-width: 1299px) {
  .modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .react-datepicker-wrapper input {
    font-size: 0.75rem;
  }
  .download-drop-bodylist .edel-icon-calendar-report + span {
    font-size: 0.75rem;
  }
  .DateBoxfromToDate.pb-3 {
    padding-bottom: 0.5rem !important;
  }
  .modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .input-group-append .input-group-text {
    line-height: 20.4px;
  }
}
@media (max-width: 1134px) {
  .modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .input-group-append {
    position: absolute;
    right: -20px;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1350px) {
  .modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .input-group-append .input-group-text i {
    margin-right: 5px !important;
  }
}.summary-details {
  display: flex;
  background-color: #ffffff;
  padding: 10px 25px;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  border-radius: 5px;
}
.summary-details .summary-col {
  width: fit-content;
}
.summary-details .summary-col .summary-title,
.summary-details .summary-col .summary-value {
  line-height: 140%;
}
.summary-details .summary-col .summary-value {
  display: flex;
  align-items: center;
  gap: 4px;
}

.mob-summary-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
  grid-template-areas: "invst current" "ttlPL 1DPL";
  padding: 12px 15px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mob-summary-details::-webkit-scrollbar {
  display: none;
}
@media (max-width: 390px) {
  .mob-summary-details {
    grid-template-columns: 1fr;
    grid-template-areas: "invst" "current" "ttlPL" "1DPL";
    gap: 8px 0;
  }
}
@media (max-width: 480px) and (min-width: 376px) {
  .mob-summary-details {
    gap: 8px 15px;
    padding: 10px 12px;
  }
}
.mob-summary-details.sticky-header {
  width: 100%;
  position: sticky;
  z-index: 99;
  top: 0px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid #e7e7e7;
}
.mob-summary-details.broder-bottom {
  border-block: 1px solid #e7e7e7;
}
.mob-summary-details .mob-summary {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: space-between;
  min-width: 0;
}
.mob-summary-details .mob-summary .summary-title {
  text-wrap: nowrap;
  white-space: nowrap;
  flex-shrink: 0;
  min-width: fit-content;
  font-size: 11px;
}
@media (max-width: 375px) {
  .mob-summary-details .mob-summary .summary-title {
    font-size: 10px;
  }
}
.mob-summary-details .mob-summary .summary-value {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  line-height: normal;
  min-width: 0;
  flex: 1;
}
.mob-summary-details .mob-summary .summary-value .report-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 12px;
  flex-shrink: 0;
}
@media (max-width: 375px) {
  .mob-summary-details .mob-summary .summary-value .report-value {
    white-space: normal;
    word-break: break-word;
    font-size: 11px;
  }
}
.mob-summary-details .mob-summary .summary-value .percentage-value {
  font-size: 10px;
  white-space: nowrap;
  flex-shrink: 0;
}
.mob-summary-details .mob-summary .summary-value .report-value-container {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  min-width: 0;
  padding-right: 8px;
}
.mob-summary-details .mob-summary .summary-value .report-value-container > * {
  flex-shrink: 0;
  min-width: fit-content;
}.rebrandreports-tooltip-hover .popover-body {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  color: #03002f;
  background: #ffffff;
  box-shadow: 0px 8px 16px 0px rgba(3, 0, 47, 0.12);
  padding: 10px !important;
  min-height: 41px;
  max-height: fit-content;
  border-radius: 5px;
  white-space: nowrap;
}

.edelweiss-product-code button {
  border: 1px solid #f7943e;
  border-radius: 2px;
  display: flex;
  align-items: center;
  font-family: "DMSansMedium";
  font-size: 0.625rem;
  background: transparent;
  color: #f7943e;
  padding: 0px 3px;
  justify-content: center;
  min-height: 15px;
  line-height: 100%;
  margin-bottom: 1px;
}
.edelweiss-product-code button:hover {
  background-color: transparent;
  color: #f7943e;
}

.position-label button,
.product-filter-tags button {
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "DMSansMedium";
  font-size: 0.625rem;
  background: transparent;
  padding: 0px 3px;
  height: 15px;
  cursor: default !important;
  line-height: normal;
}
.position-label.txn-type button,
.product-filter-tags.txn-type button {
  color: #1c9ad6;
  background-color: rgba(28, 154, 214, 0.1);
  border: 0.1px solid #1c9ad6;
  max-width: 50px;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.position-label.CLOSED button, .position-label.tints-of-pink-swan-tag button,
.product-filter-tags.CLOSED button,
.product-filter-tags.tints-of-pink-swan-tag button {
  background-color: #b8b8b8;
  color: #ffffff;
  border: none;
}
.position-label.orange-light-tag button,
.product-filter-tags.orange-light-tag button {
  border: 1px solid #f7943e;
  color: #f7943e;
}
.position-label.black-one1-tag button,
.product-filter-tags.black-one1-tag button {
  border: 1px solid #444444;
  color: #444444;
}
.position-label.NSE button, .position-label.thick-blue-tag button,
.product-filter-tags.NSE button,
.product-filter-tags.thick-blue-tag button {
  border: 1px solid #292562;
  color: #292562;
}
.position-label.NFO button, .position-label.EQ button, .position-label.CO button, .position-label.CDS button, .position-label.Fut button, .position-label.FnO button, .position-label.dark-orange-tag button,
.product-filter-tags.NFO button,
.product-filter-tags.EQ button,
.product-filter-tags.CO button,
.product-filter-tags.CDS button,
.product-filter-tags.Fut button,
.product-filter-tags.FnO button,
.product-filter-tags.dark-orange-tag button {
  border: 1px solid #f7943e;
  color: #f7943e;
}
.position-label.NRML button, .position-label.MTF button, .position-label.dark-purple-tag button,
.product-filter-tags.NRML button,
.product-filter-tags.MTF button,
.product-filter-tags.dark-purple-tag button {
  border: 1px solid #bd4b9b;
  color: #bd4b9b;
}
.position-label.SELL button, .position-label.blood-red-tag button,
.product-filter-tags.SELL button,
.product-filter-tags.blood-red-tag button {
  border: none !important;
  color: #dd504d;
  background: rgba(221, 80, 77, 0.2) !important;
}
.position-label.BUY button, .position-label.green-tag button,
.product-filter-tags.BUY button,
.product-filter-tags.green-tag button {
  border: none !important;
  color: #51b255;
  background: rgba(81, 178, 85, 0.2) !important;
}
.position-squareoff-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}
.position-squareoff-bar .left-actions {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.position-squareoff-bar .left-actions .border-right-seperate {
  border-right: 1px solid rgba(148, 120, 120, 0.1);
}
.position-squareoff-bar .squareOff {
  display: flex;
  align-items: center;
  gap: 12px;
}
.position-squareoff-bar .squareOff .edel-icon-Information {
  color: #b8b8b8;
  font-size: 24px;
}

.box-shadow-light-grey {
  box-shadow: 0px -4px 17px 0px rgba(60, 60, 60, 0.11);
}

.position-squareoff-bar .disclaimer-tooltip {
  max-width: 500px;
}
.position-squareoff-bar .disclaimer-tooltip .tooltip-arrow {
  transform: translate(-25px, 170px) !important;
}
.position-squareoff-bar .disclaimer-tooltip .tooltip-arrow::before {
  content: "";
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  background-color: #ffffff;
  position: absolute;
  top: -6px;
  width: 16px;
  height: 16px;
  transform: rotate(-45deg);
  border-top-color: #e7e7e7 !important;
}
.position-squareoff-bar .disclaimer-tooltip .tooltip-inner {
  width: 543px;
  height: 100%;
  max-width: unset !important;
  min-width: unset;
  position: relative;
  top: -15px;
  right: 60px;
  padding: 12px;
}
.position-squareoff-bar .disclaimer-tooltip .tooltip-inner .ordered-list {
  list-style: decimal;
}
.position-squareoff-bar .disclaimer-tooltip .tooltip-inner .ordered-list li {
  text-align: justify;
}
.position-squareoff-bar.container .red-color-text-pos .change-green {
  color: #dd504d !important;
}

.pos-summary-details-mob {
  padding: 10px 15px;
  background: #ffffff;
  gap: 20px;
  position: sticky;
  top: 48px;
  z-index: 1;
}
.pos-summary-details-mob.dock-pos-summary-mob {
  top: 0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid #e7e7e7;
}
.pos-summary-details-mob .dbar29Rangeslider .commondatanumber {
  width: 50% !important;
}
.pos-summary-details-mob .summary-col-mob .mgb-10:last-child {
  margin-bottom: 0px;
}
.pos-summary-details-mob .summary-col-mob .summary-title {
  white-space: nowrap;
}

.position-report-revamp-main {
  position: relative;
  padding-bottom: 100px;
}
@media (max-width: 1023px) {
  .position-report-revamp-main {
    padding-bottom: 40px !important;
  }
}
.position-report-revamp-main .mob-filter-pills-container {
  overflow-x: scroll;
}
.position-report-revamp-main .position-revamp-table {
  position: relative;
}
.position-report-revamp-main .position-revamp-table .custom-table-padding {
  padding: 12px 20px;
}
.position-report-revamp-main .position-revamp-table .holding-scrips.taRight .title,
.position-report-revamp-main .position-revamp-table .numeric-value.taRight .title {
  display: block;
  position: relative;
  white-space: nowrap;
}
.position-report-revamp-main .position-revamp-table .holding-scrips.taRight .title .arrows,
.position-report-revamp-main .position-revamp-table .numeric-value.taRight .title .arrows {
  position: absolute;
  margin-right: -15px;
  right: 0;
}
.position-report-revamp-main .position-revamp-table.common-table-border table {
  border-spacing: 0px;
  padding-bottom: 10px;
}
.position-report-revamp-main .position-revamp-table.common-table-border table thead {
  background: #ffffff;
}
.position-report-revamp-main .position-revamp-table.common-table-border table thead th {
  vertical-align: top;
  padding: 10px 14px;
  position: sticky;
  z-index: 2;
  top: 107px;
  background-color: #ffffff;
  border-top: 1px solid #f4f4f4;
}
.position-report-revamp-main .position-revamp-table.common-table-border table thead th:last-child {
  padding-right: 20px;
}
.position-report-revamp-main .position-revamp-table.common-table-border table thead th:nth-child(2) {
  padding-left: 0;
}
.position-report-revamp-main .position-revamp-table.common-table-border table tbody tr:hover {
  background-color: none !important;
}
.position-report-revamp-main .position-revamp-table.common-table-border table tbody tr:hover:nth-child(odd) {
  background: #f7f7f7 !important;
}
.position-report-revamp-main .position-revamp-table.common-table-border table tbody tr:hover:nth-child(even) {
  background: #ffffff !important;
}
.position-report-revamp-main .position-revamp-table.common-table-border table tbody tr:nth-child(odd) {
  background: #f7f7f7 !important;
}
.position-report-revamp-main .position-revamp-table.common-table-border table tbody tr:nth-child(even) {
  background: #ffffff !important;
}
.position-report-revamp-main .position-revamp-table.common-table-border table tbody tr.selected {
  background-color: #fdebd7 !important;
}
.position-report-revamp-main .position-revamp-table.common-table-border table tbody tr.custom-opacity:nth-child(odd) {
  background: rgba(247, 247, 247, 0.4) !important;
}
.position-report-revamp-main .position-revamp-table.common-table-border table tbody tr.custom-opacity:nth-child(even) {
  background: rgba(255, 255, 255, 0.4) !important;
}
.position-report-revamp-main .position-revamp-table.common-table-border table tbody tr td {
  padding: 5px 14px;
  border: 0px;
}
.position-report-revamp-main .position-revamp-table.common-table-border table tbody tr td:first-child {
  padding: 5px 5px 5px 10px;
}
.position-report-revamp-main .position-revamp-table.common-table-border table tbody tr td:last-child, .position-report-revamp-main .position-revamp-table.common-table-border table tbody tr td:first-child {
  vertical-align: middle;
}
.position-report-revamp-main .position-revamp-table.common-table-border table tbody tr td:nth-child(2) {
  padding-left: 0;
  width: 297px;
}
.position-report-revamp-main .position-revamp-table .exceed-order-slicing {
  width: 392px;
  padding: 12px;
  line-height: 16px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0px 4px 0px rgba(60, 60, 60, 0.1);
  position: absolute;
  top: 5px;
  z-index: 1;
}
.position-report-revamp-main .position-revamp-table .exceed-order-slicing .disclaimer {
  color: rgba(0, 0, 0, 0.4);
  text-decoration-line: underline;
}
.position-report-revamp-main .position-revamp-table .exceed-order-slicing .arrow-left {
  position: absolute;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ffffff;
}
.position-report-revamp-main .pos-summary-details-mob .dbar29Rangeslider .commondatanumber {
  width: 50% !important;
}
.position-report-revamp-main .pos-summary-details-mob .summary-val {
  font-family: "RobotoMedium";
  font-size: 0.75rem;
}
.position-report-revamp-main .pos-summary-details-mob .summary-val .empty-val {
  color: #444444;
}
.position-report-revamp-main .modal-backdrop.show {
  background: rgba(204, 204, 204, 0.19);
  backdrop-filter: blur(15px);
}
.position-report-revamp-main .summary-details {
  align-items: flex-start;
  padding: 10px 25px;
  position: sticky;
  top: 48px;
  z-index: 1;
}
.position-report-revamp-main .summary-details .summary-col .dbar29RangesliderLabelname {
  line-height: 10px;
}
.position-report-revamp-main .summary-details .summary-col .dbar29RangesliderLabelname .positiveValue,
.position-report-revamp-main .summary-details .summary-col .dbar29RangesliderLabelname .negativeValue {
  color: #444444 !important;
}
.position-report-revamp-main .summary-details .summary-col .dbar29RangesliderLabelname .commondatanumber {
  font-size: 0.75rem;
}
.position-report-revamp-main .summary-details .dbar29Rangeslider {
  margin: 0px;
}
.position-report-revamp-main .summary-details .dbar29Rangeslider .indicatorStyle {
  width: 161px;
  padding-bottom: 5px;
}
.position-report-revamp-main .summary-details .dbar29Rangeslider .commondatanumber {
  width: 50% !important;
}
.position-report-revamp-main .summary-details .summary-title {
  color: #b8b8b8;
}
.position-report-revamp-main .summary-details .summary-title.graph-summary {
  line-height: 10px;
  padding-bottom: 8px;
}
.position-report-revamp-main .position-details_buySell {
  background-color: #ffffff;
  padding: 7px 10px;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  margin: 2px 0px 0px 0px;
}
.position-report-revamp-main .position-details_buySell .main-content {
  display: flex;
  flex-direction: row;
  gap: 58px;
}
.position-report-revamp-main .position-details_buySell .content-left,
.position-report-revamp-main .position-details_buySell .content-right {
  display: flex;
  flex-direction: column;
}
.position-report-revamp-main .position-details_buySell .summary-col {
  width: fit-content;
}
.position-report-revamp-main .position-details_buySell .contentText {
  color: #b8b8b8;
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
}
.position-report-revamp-main .position-details_buySell .contentNumber {
  color: #8c8c8c;
  font-size: 0.75rem;
  font-family: "RobotoRegular";
  font-style: normal;
  font-weight: 700;
  line-height: 16.8px;
}
.position-report-revamp-main .mobHeight {
  min-height: 24px;
}
.position-report-revamp-main .desktopHeight {
  height: 48px;
  padding: 5px 21px;
}
.position-report-revamp-main .responsive-grid {
  display: grid;
  gap: 120px;
}
@media (min-width: 768px) {
  .position-report-revamp-main {
    /* Desktop: 3 groups of 2 items in 1 row */
  }
  .position-report-revamp-main .responsive-grid {
    grid-template-columns: repeat(4, 18%);
  }
}
@media (max-width: 767px) {
  .position-report-revamp-main {
    /* Mobile: 3 columns × 2 rows */
  }
  .position-report-revamp-main .responsive-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  .position-report-revamp-main .main-content {
    gap: 0px !important;
    justify-content: space-between !important;
  }
  .position-report-revamp-main .content-left {
    flex-direction: row !important;
    min-width: 55%;
    justify-content: space-between;
  }
  .position-report-revamp-main .content-right {
    flex-direction: row !important;
    min-width: 40%;
    justify-content: space-between;
  }
  .position-report-revamp-main .contentNumber {
    font-size: 12px !important;
  }
  .position-report-revamp-main .contentText {
    font-size: 11px !important;
  }
}
.position-report-revamp-main .filters-drawer-head-block {
  padding: 15px 15px 10px 15px;
  background: #ffffff;
}
.position-report-revamp-main .edel-icon-calendar-prevClose {
  font-size: 12px;
}
.position-report-revamp-main .holding-report-revamped-table-row .edel-icon-calendar-prevClose:before {
  color: #444444;
  font-size: 16px;
}
@media (min-width: 1023px) {
  .position-report-revamp-main .error-msg {
    padding: 170px 0px 239px !important;
  }
}

.summary-col-mob-indicator {
  background: #f2f2f5;
  border-radius: 5px;
  padding: 10px 7px;
}
.summary-col-mob-indicator .dbar29Rangeslider {
  margin: 0px;
}
.summary-col-mob-indicator .dcustomRangeBar.indicatorStyle {
  padding-top: 7px;
}
.summary-col-mob-indicator .commondatanumber {
  font-family: "DMSansNormal";
  font-size: 0.688rem;
  color: #444444 !important;
}
.summary-col-mob-indicator .dbar29RangesliderLabelname {
  margin-top: 9px;
}
.summary-col-mob-indicator .indicatorStyle {
  padding-bottom: 0px;
}

.position-report-revamp-main .position-buy-sell.responsive-grid {
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  padding: 7px 10px;
  height: 82px;
}
.position-report-revamp-main .position-buy-sell .main-content {
  gap: 0px !important;
  justify-content: space-between !important;
}
.position-report-revamp-main .position-buy-sell .content-left {
  flex-direction: row !important;
  min-width: 55%;
  justify-content: space-between;
}
.position-report-revamp-main .position-buy-sell .content-right {
  flex-direction: row !important;
  min-width: 40%;
  justify-content: space-between;
}
.position-report-revamp-main .position-buy-sell .contentNumber {
  font-size: 12px !important;
}
.position-report-revamp-main .position-buy-sell .contentText {
  font-size: 11px !important;
}
.position-report-revamp-main .position-buy-sell .position-tooltip {
  left: 55px;
}

.position-action-mob {
  padding: 15px 19px 10px 15px;
  position: sticky;
  top: 132px;
  z-index: 2;
  background-color: #f8f7fa;
}
.position-action-mob .my-families .family-name-N-member {
  white-space: nowrap;
  min-width: unset;
}
.position-action-mob .my-families .edel-icon-double-user:before {
  font-size: 1.5rem;
}
.position-action-mob .arrows {
  color: #03002f;
}
.position-action-mob .arrows .edel-icon-arrow-up:before {
  font-size: 0.75rem;
  transition: 0.3s transform;
}
.position-action-mob .arrows.down {
  transform: rotate(180deg);
}
.position-action-mob.position-unset {
  position: unset !important;
}

.gap-9 {
  gap: 9px;
}

.border-block {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 5px;
}
.border-block .edel-icon-settings-sort {
  font-size: 1.375rem;
}
.border-block .edel-icon-round-circle {
  position: absolute;
  font-size: 5px;
  color: #dd504d;
  top: 4px;
  right: 4px;
}
.border-block .edel-icon-action-settings {
  padding: 3px;
}

.border-block-pad-10 {
  padding: 8px 5px;
  height: 34px;
}
.border-block-pad-10 .edel-icon-arrow-up {
  height: 24px;
  width: 24px;
}

.more-option-drawerbody {
  padding: 10px 15px 6px 15px;
}
.more-option-drawerbody .row-block {
  padding: 12px 16px 12px 33px;
  margin-bottom: 5px;
  border-radius: 5px;
}
.more-option-drawerbody .row-block.row-block-innercheck {
  gap: 10px;
  padding-left: 50px;
}
.more-option-drawerbody .row-block .arrows {
  color: #03002f;
}
.more-option-drawerbody .row-block .arrows .edel-icon-arrow-up:before {
  font-size: 0.75rem;
  transition: 0.3s transform;
}
.more-option-drawerbody .row-block .arrows.down {
  transform: rotate(180deg);
}
@media (max-width: 1023px) {
  .more-option-drawerbody .radio-button label {
    grid-template-columns: 1fr;
  }
}

.position-card-block {
  padding: 10px 16px 10px 17px;
  border-bottom: 1px solid rgba(231, 231, 231, 0.9058823529);
  margin-bottom: 5px;
  background: #ffffff;
}
.position-card-block .pc-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  grid-row-gap: 10px;
  padding: 15px 0px 10px;
}

.position-error-msg table tbody tr td {
  padding: 0px !important;
}

.mob-pos-sort-tabs {
  position: relative;
}
.mob-pos-sort-tabs .clearall-text {
  position: absolute;
  right: 0px;
  top: 10px;
}

.sort-filter-pos-mob-padding .active-filter {
  background-color: #f2f2f5;
}
.sort-filter-pos-mob-padding .assest-sort-filter-container .assetlist .asset {
  border-bottom: none !important;
}

.lh-nm {
  line-height: normal;
}

.stock-details-overlayblock {
  z-index: 1000 !important;
}

.search-pos-mob i {
  font-size: 14px;
}
.search-pos-mob.border-block {
  padding: 9px;
}

.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.marquee-container .marquee {
  display: inline-block;
  animation: scroll 5s linear infinite;
}
@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.squareoff-all-watchlist-parent .edel-sidebar-drawer-head {
  padding: 0 !important;
}
.squareoff-all-watchlist-parent .square-off-all-wrapper {
  height: 100%;
  overflow-x: hidden;
}
.squareoff-all-watchlist-parent .square-off-all-wrapper .all-positions-list.pad-unset {
  padding: unset;
}
.squareoff-all-watchlist-parent .square-off-checkbox-container {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  padding-left: 2% !important;
}.square-off-states-parent .modal-dialog {
  min-width: 585px;
}
@media (max-width: 1023px) {
  .square-off-states-parent .modal-dialog {
    min-width: 320px;
  }
}
.square-off-states-parent .fixed-width-body {
  width: 370px;
  height: auto;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  .square-off-states-parent .fixed-width-body {
    width: auto !important;
  }
}
.square-off-states-parent .modal-content {
  border-radius: 15px;
  border: none;
  background-color: #ffffff;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 8px 8px -4px rgba(16, 24, 40, 0.04);
}
.square-off-states-parent .modal-header {
  padding: 0;
  border-bottom: none;
}
.square-off-states-parent .modal-body {
  padding: 0px 20px 40px;
}
.square-off-states-parent .loading-container {
  padding-top: 14px;
}
.square-off-states-parent .loader-div {
  margin: auto;
  width: fit-content;
}
.square-off-states-parent .loader-div img {
  width: 128px;
}
.square-off-states-parent .status-title {
  font-size: 1.5rem;
  font-family: "DMSansBold";
  color: #03002f;
  text-align: center;
}
.square-off-states-parent .status-body {
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #444444;
}
@media (max-width: 1023px) {
  .square-off-states-parent .status-body {
    font-size: 0.75rem;
  }
}
.square-off-states-parent .status-body {
  text-align: center;
  margin-top: 10px;
}
.square-off-states-parent .position-back-btn {
  margin: auto;
  width: fit-content;
  margin-top: 25px;
}
.square-off-states-parent .position-back-btn .ed_button {
  padding: 8px 16px;
}
.square-off-states-parent .back-btn-transparent {
  padding: 8px 16px !important;
  border-radius: 6px;
}
.square-off-states-parent .btn-body {
  margin-top: 18px;
}
.square-off-states-parent .failure-container {
  padding-top: 40px;
}
.square-off-states-parent .success-container {
  padding-top: 40px;
}
.square-off-states-parent .failure-icon {
  display: block;
  text-align: center;
  font-size: 100px;
}
.square-off-states-parent .order-container {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.square-off-states-parent .order-container .order-header {
  font-size: 0.75rem;
  font-family: "RobotoMedium";
  padding-right: 15px;
  color: rgba(68, 68, 68, 0.5);
}
.square-off-states-parent .order-container .order-body {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  min-width: 340px;
  line-height: normal;
  padding-right: 15px;
}
.square-off-states-parent .successfully-squared-off {
  width: 100%;
  height: 100%;
}
.square-off-states-parent .successfully-squared-off .sq-off-centered {
  width: fit-content;
  margin: 0 auto;
}
.square-off-states-parent .successfully-squared-off .sq-off-centered .edel-icon-success-icon-fullgreen {
  font-size: 100px;
  justify-content: center;
  display: flex;
  padding-top: 40px;
  margin-bottom: 25px;
}
.square-off-states-parent .successfully-squared-off .sq-off-centered .successful-sqoff-details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 15px;
  gap: 14px;
  white-space: nowrap;
  padding-top: 25px;
}
.square-off-states-parent .successfully-squared-off .sq-off-centered .successful-sqoff-details .justify-self-end {
  justify-self: end;
}

.sqoff-modal .modal-dialog .modal-content .modal-body {
  border-radius: 15px;
}
.sqoff-modal .modal-dialog .modal-content {
  border-radius: 15px;
}
.sqoff-modal {
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 8px 8px -4px rgba(16, 24, 40, 0.04);
}
.sqoff-modal .sqoff {
  width: 407px;
  height: 263px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.sqoff-modal .sqoff .sqoff-head {
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
}
.sqoff-modal .sqoff .sqoff-body {
  width: 258px;
  text-align: center;
}
.sqoff-modal .sqoff .sqoff-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.sqoff-modal .sqoff .sqoff-foot .ed_button {
  padding: 8px 16px;
}
.sqoff-modal .sqoff-success .sqoff-success-body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 50px;
  grid-row-gap: 0px;
}

.position-order-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.position-order-list.scrollbar-sqoff {
  height: 125px;
  overflow-y: auto;
}
.position-order-list.scrollbar-sqoff::-webkit-scrollbar {
  width: 2px !important;
  height: unset !important;
}
.position-order-list.scrollbar-sqoff::-webkit-scrollbar-thumb {
  background: #03002f !important;
  border-radius: 50px !important;
}
.position-order-list.scrollbar-sqoff::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 50px !important;
}

.split-order-confimation-block {
  background: #fef4ec;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 25px;
}
.split-order-confimation-block i {
  color: #f7943e;
  margin-bottom: 1px;
}.square-off-all-wrapper {
  background: #f8f7fa;
  height: 100vh;
  overflow-y: scroll;
  position: relative;
}
.square-off-all-wrapper .header-container {
  padding: 10px 15px;
  height: 50px;
  background-color: #f2f2f5;
  display: flex;
  align-items: center;
  position: sticky;
  gap: 10px;
  top: 0;
  z-index: 4;
}
.square-off-all-wrapper .header-container .edel-icon-Information {
  font-size: 18px;
  color: #b8b8b8;
}
.square-off-all-wrapper .selected-positions-count {
  position: sticky;
  background: #f8f7fa !important;
  top: 50px;
  z-index: 3;
}
.square-off-all-wrapper .all-positions-list {
  padding-bottom: 145px;
}
.square-off-all-wrapper .sq-off-all-footer-container {
  background-color: #ffffff;
  box-shadow: 0px -4px 17px 0px rgba(60, 60, 60, 0.11);
  padding: 10px 25px 15px;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  width: 100%;
}
.square-off-all-wrapper .sq-off-all-footer-container .sq-off-mob-footer-body {
  padding: 0 4%;
}
.square-off-all-wrapper .sq-off-all-footer-container .square-off-mob-btn {
  width: 100%;
  margin-top: 25px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  border-radius: 5px;
  padding: 14px 0;
}
.square-off-all-wrapper .sq-off-all-watchlist {
  width: 372px;
}
.square-off-all-wrapper .sliceStoppedForSome {
  background: rgba(247, 148, 62, 0.2);
  padding: 10px 15px;
}

.sqoff-info {
  text-align: left;
}
.sqoff-info .disclaimer-ol {
  padding-left: 1rem;
  margin-bottom: 0;
  list-style: decimal;
  line-height: 16px;
}
.sqoff-info .disclaimer-ol li {
  word-break: break-word;
  white-space: normal;
}

.disclaimer-tooltip-pos.popover {
  min-width: 320px;
  max-width: 100%;
}
.disclaimer-tooltip-pos.popover .popover-arrow:after, .disclaimer-tooltip-pos.popover .popover-arrow:before {
  border-bottom-color: #ffffff;
}.square-off-all-row-mob-wrapper {
  width: 100%;
  margin-bottom: 5px;
}
.square-off-all-row-mob-wrapper .position-sqoff-card {
  background-color: #ffffff;
  padding: 10px 17px;
  border-bottom: 1px solid #e7e7e7;
}
.square-off-all-row-mob-wrapper .position-sqoff-card .mob-summary-details {
  padding: 12px 0;
}
.square-off-all-row-mob-wrapper .common-checkbox-custom input[type=checkbox] {
  width: 16px;
  height: 16px;
  opacity: 1;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
}
.square-off-all-row-mob-wrapper .checkbox-midnight-blue input[type=checkbox]:checked {
  width: 16px;
  height: 16px;
  accent-color: #03002f;
}.margin-report-mainblock {
  padding-top: 26px;
}
@media (max-width: 1023px) {
  .margin-report-mainblock {
    background-color: #ffffff;
    padding: 20px 15px;
  }
}
.margin-report-mainblock .rounded-circle.exclamation {
  top: 0px !important;
}
.margin-report-mainblock .common-tooltip .btn {
  color: #444444;
}
@media (min-width: 1023px) {
  .margin-report-mainblock .margin-head-title span {
    font-family: "DMSansBold";
  }
}
.margin-report-mainblock .common-info-icon-big .rounded-circle {
  height: 35px;
  width: 35px;
}
.margin-report-mainblock .grid-margin-summary-block {
  display: grid;
  align-items: center;
  grid-template-columns: 30% 5% 30% 5% 30%;
}
.margin-report-mainblock .grid-margin-summary-block > div:nth-child(2), .margin-report-mainblock .grid-margin-summary-block > div:nth-child(4) {
  text-align: center;
  color: #000000;
  font-size: 1.375rem;
  font-weight: bold;
}
.margin-report-mainblock .common-download .download-btn {
  padding: 12px 18px 12px 15px;
  gap: 8px;
}
.margin-report-mainblock .generic-stock-date {
  display: flex;
  align-items: center;
}
.margin-report-mainblock .generic-stock-date.imCircle::before {
  color: #b8b8b8;
  padding-left: 4px;
  padding-right: 4px;
}

.margin-summary-block {
  border: 1px solid #e7e7e7;
  padding: 15px;
  border-radius: 5px;
}
.margin-summary-block > div {
  line-height: 12px;
}
.margin-summary-block .summary_values {
  margin-top: 10px;
  font-size: 1.375rem;
  line-height: 1.25rem;
}

.mgb-10 {
  margin-bottom: 10px;
}

.margin-table-block :not(.inside) .margin-table-accordion-block.table > :not(:first-child) {
  border-top: 0px !important;
}
.margin-table-block :not(.inside) .margin-table-accordion-block thead:first-child, .margin-table-block :not(.inside) .margin-table-accordion-block thead:last-child {
  margin-bottom: 0px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block thead tr th {
  text-align: right;
  border: none;
}
.margin-table-block :not(.inside) .margin-table-accordion-block thead tr th:first-child {
  text-align: left;
  padding: 0px 0px 5px 20px;
}
@media (max-width: 1023px) {
  .margin-table-block :not(.inside) .margin-table-accordion-block thead tr th:first-child {
    padding: 0px 0px 7px 10px;
  }
}
.margin-table-block :not(.inside) .margin-table-accordion-block thead tr th:last-child {
  padding: 0px 18% 5px 0px;
}
@media (max-width: 1023px) {
  .margin-table-block :not(.inside) .margin-table-accordion-block thead tr th:last-child {
    padding: 0px 20px 7px 0px;
  }
}
@media (min-width: 1023px) {
  .margin-table-block :not(.inside) .margin-table-accordion-block tbody:nth-child(4) tr {
    background: #fef4ec;
    height: 64px;
  }
  .margin-table-block :not(.inside) .margin-table-accordion-block tbody:nth-child(4) tr:hover {
    background: #fef4ec !important;
  }
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody:nth-child(4) tr .table-amount-block span {
  padding-right: 60%;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody:nth-child(4) tr td {
  background: #fef4ec;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody:nth-child(3) td {
  height: 64px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody tr {
  border-spacing: 0px;
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 0px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody tr:hover {
  background-color: transparent !important;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody tr:first-child, .margin-table-block :not(.inside) .margin-table-accordion-block tbody tr:last-child {
  margin-bottom: 10px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody tr:not(tr:first-child) td:first-child,
.margin-table-block :not(.inside) .margin-table-accordion-block tbody tr:not(tr:first-child) td:last-child {
  border-radius: 0px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody tr td {
  border-top: 1px solid #e7e7e7;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody tr td:first-child {
  padding: 17px 0px 11px 22px;
  width: 70%;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody tr td:nth-child(3) {
  height: 64px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody tr td:last-child {
  padding-right: 22px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block .inner-table {
  width: 30%;
  padding-left: 20px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody.open tr {
  border-top: 0px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody.open tr:first-child {
  margin-bottom: 0px;
  border-top-left-radius: 0px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody.open tr:first-child td {
  height: 64px;
  border-top: 1px solid #e7e7e7;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody.open tr:first-child td:last-child {
  padding-right: 22px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody.open tr:last-child td:first-child {
  font-family: "DMSansBold";
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody.open tr:last-child td:last-child {
  font-family: "RobotoBold";
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody.open td {
  border-top: 0px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody.open td:first-child {
  border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody.open td:last-child {
  text-align: right;
  padding-right: 18%;
  border-bottom-right-radius: 0px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody.open {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-top: 0px;
}
.margin-table-block :not(.inside) .margin-table-accordion-block tbody.open .open-close-arrow i:before {
  transform: rotate(45deg);
}
.margin-table-block :not(.inside) .margin-table-accordion-block .table-amount-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.margin-table-block :not(.inside) .margin-table-accordion-block .table-amount-block span {
  padding-right: 50%;
}
.margin-table-block :not(.inside) table {
  margin-top: 39px;
  border-spacing: 0px;
}
@media (max-width: 1023px) {
  .margin-table-block :not(.inside) table {
    margin-top: 33px;
  }
}

.margin-available-block-mob {
  padding: 16px 10px 21px 10px;
  border: 1px solid #e7e7e7;
  background: #fef4ec;
  margin-top: 11px;
  border-radius: 5px;
}

.open-close-arrow {
  width: 30px;
  height: 30px;
  background-color: #ededf0;
  padding: 0px;
  color: #03002f;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.open-close-arrow i:before {
  font-size: 1.25rem;
  color: #03002f;
}

.margin-limits-utilized-block-main {
  border-top: 0px !important;
  margin-bottom: 10px;
  border: 1px solid #e7e7e7;
}
.margin-limits-utilized-block-main .brd-b-m {
  border-bottom: 1px solid #e7e7e7;
}
.margin-limits-utilized-block-main .brd-r-m {
  border-right: 1px solid #e7e7e7;
}
.margin-limits-utilized-block-main .margin-limits-utilized-block {
  border-bottom: 1px solid #e7e7e7;
}
.margin-limits-utilized-block-main .margin-limits-utilized-block .side-head {
  padding: 90px 77px 90px 0px;
  line-height: 1rem;
}
.margin-limits-utilized-block-main .margin-limits-utilized-block .col {
  padding: 0px;
}
.margin-limits-utilized-block-main .margin-limits-utilized-block .first-block .row {
  margin: 0px;
  text-align: right;
  border-bottom: 1px solid #e7e7e7;
  padding: 15px 26.5% 15px 0px;
}
.margin-limits-utilized-block-main .margin-limits-utilized-block .first-block .row:last-child {
  border-bottom: none;
}
.margin-limits-utilized-block-main .margin-limits-utilized-block .first-block .row .col:first-child {
  font-family: "DMSansNormal";
  font-size: 1rem;
  color: #444444;
}
.margin-limits-utilized-block-main .margin-limits-utilized-block .first-block .row .col:last-child {
  font-family: "RobotoMedium";
  font-size: 1rem;
  color: #444444;
}
.margin-limits-utilized-block-main .rest-blocks {
  margin: 0px;
  padding: 15px 0px;
  text-align: right;
  border-bottom: 1px solid #e7e7e7;
}
.margin-limits-utilized-block-main .rest-blocks:last-child {
  border-bottom: none;
}
.margin-limits-utilized-block-main .rest-blocks > div:last-child {
  padding-right: 17.8%;
}
.margin-limits-utilized-block-main .rest-blocks .col {
  padding: 0px;
}

.margin-generic-popover {
  padding: 20px 33px 26px 15px;
}
.margin-generic-popover.margin-files-ui-padding {
  padding: 0px !important;
}

.default-cursor {
  cursor: default;
}

.pdr-77 {
  padding-right: 77px !important;
}

.mob-table-acccordion {
  border: 1px solid #e7e7e7;
  margin-bottom: 10px;
  border-radius: 5px;
}
.mob-table-acccordion .mob-head-block-accordion {
  padding: 11px 10px 20px;
}

.mob-head-block {
  padding: 33px 14% 10px 10px;
}

.open.mob-table-acccordion .mob-head-block-accordion {
  padding-bottom: 5px;
}

.mob-accordion-inner {
  display: grid;
  line-height: 100%;
  padding: 15px 15.4% 15px 10px;
  grid-template-columns: 1fr 0.5fr;
  border-bottom: 1px solid #e7e7e7;
}
.mob-accordion-inner:last-child {
  border-bottom: none;
}

.grid-2-custom {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.btn-blink .btn:first-child:active {
  color: #444444;
}

.margin-files-ui-padding {
  padding: 0px !important;
}.Error-container {
  width: 100%;
  min-height: 80vh;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  border-top: 1px solid #f4f4f4;
  gap: 16px;
  padding: 150px 0;
}
.Error-container i[class^=edel-icon-] {
  font-size: 64px;
}
@media (max-width: 1023px) {
  .Error-container i[class^=edel-icon-] {
    font-size: 36px;
  }
}.filter-sort-type-container .assest-sort-filter-container {
  width: 100%;
  display: flex;
  flex-flow: column;
  max-height: 800px;
}
.filter-sort-type-container .assest-sort-filter-container .asset-filters {
  height: 90%;
}
.filter-sort-type-container .assest-sort-filter-container .asset-filters .assetlist {
  display: flex;
  flex-flow: column;
  width: 39%;
}
.filter-sort-type-container .assest-sort-filter-container .asset-filters .assetlist .asset {
  padding: 12px 16px;
  border-bottom: 1px solid #f2f2f5;
}
.filter-sort-type-container .assest-sort-filter-container .asset-filters .assetlist .selected-asset {
  background-color: #f2f2f5;
}
.filter-sort-type-container .assest-sort-filter-container .asset-filters .asset-product-list {
  width: 61%;
  background-color: #f2f2f5;
  padding: 5px 13px;
}
.filter-sort-type-container .assest-sort-filter-container .asset-filters .asset-product-list .each-filter-parent {
  padding: 10px 15px;
  border-bottom: 1px solid rgba(17, 0, 0, 0.05);
}
.filter-sort-type-container .assest-sort-filter-container .asset-filters .asset-product-list .each-filter-parent:last-child {
  border-bottom: none !important;
  padding-bottom: 100px;
}
.filter-sort-type-container .assest-sort-filter-container .asset-filters .asset-product-list .common-checkbox-custom input[type=checkbox] {
  border-radius: 4px !important;
  border: 1px solid #e7e7e7 !important;
  height: 18px !important;
  width: 20px !important;
  background-color: #ffffff !important;
}
.filter-sort-type-container .assest-sort-filter-container .asset-filters .asset-product-list .common-checkbox-custom input[type=checkbox]:checked {
  border: 1px solid #03002f !important;
  background-color: #03002f !important;
}
.filter-sort-type-container .assest-sort-filter-container .apply-cancel {
  height: 10%;
  background-image: linear-gradient("right", #fff 0%, #fff 52.08%, rgba(255, 255, 255, 0) 93.18%);
}
.filter-sort-type-container .assest-sort-filter-container .pnl-types-list {
  padding: 10px 15px;
}
.filter-sort-type-container .assest-sort-filter-container .pnl-types-list .pnl-type {
  padding: 15px;
  border-radius: 5px;
}
.filter-sort-type-container .assest-sort-filter-container .pnl-types-list .common-checkbox-custom input[type=checkbox] {
  border-radius: 4px !important;
  border: 1px solid #e7e7e7 !important;
  height: 18px !important;
  width: 20px !important;
  background-color: #ffffff !important;
}
.filter-sort-type-container .assest-sort-filter-container .pnl-types-list .common-checkbox-custom input[type=checkbox]:checked {
  border: 1px solid #03002f !important;
  background-color: #03002f !important;
}
.filter-sort-type-container .assest-sort-filter-container .pnl-sort-list {
  padding: 10px 15px;
  display: flex;
  flex-flow: column;
}
.filter-sort-type-container .assest-sort-filter-container .pnl-sort-list .pnl-sort {
  border-bottom: 1px solid #f5f5f5;
  padding: 12px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter-sort-type-container .assest-sort-filter-container .pnl-sort-list .pnl-sort:hover {
  cursor: pointer;
}
.filter-sort-type-container .apply-cancel-btns-spacing {
  position: fixed !important;
  width: 100%;
  padding: 26px 15px;
  height: 92px !important;
  gap: 20px !important;
}
.filter-sort-type-container .generic-tabs.sort-filter-mob-padding .nav-tabs .nav-item .nav-link {
  padding: 10px !important;
  margin: 0 !important;
}
.filter-sort-type-container .generic-tabs.common-tab-color .nav-tabs {
  display: flex;
  flex-flow: row !important;
  height: fit-content !important;
  padding: 0 15px !important;
  gap: 10px;
}

.filter-sort-type-container.position-filter-mb .asset-product-list {
  height: 60vh;
}.epi-status .epi-table-container.generic-table .epi-table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}
.epi-status .epi-table-container.generic-table .epi-table thead .early-paying-coloumn {
  color: #727271;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 15px 10px;
  white-space: nowrap;
}
.epi-status .epi-table-container.generic-table .epi-table thead .early-paying-coloumn.text-right {
  padding-right: 0;
}
.epi-status .epi-table-container.generic-table .epi-table thead .early-paying-coloumn.text-right .title {
  justify-content: end;
}
.epi-status .epi-table-container.generic-table .epi-table tbody tr:first-child td {
  padding-top: 30px;
}
.epi-status .epi-table-container.generic-table .epi-table tbody .epi-table-body-row {
  border-radius: 2px;
  display: table-row;
}
.epi-status .epi-table-container.generic-table .epi-table tbody .epi-table-body-row .early-paying-coloumn {
  padding: 20px 10px;
  background-color: #ffffff;
  vertical-align: middle;
  border-left: 1px solid #e7e7e7;
  border-right: 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
.epi-status .epi-table-container.generic-table .epi-table tbody .epi-table-body-row .early-paying-coloumn.text-right {
  padding-right: 15px;
}
.epi-status .epi-table-container.generic-table .epi-table tbody .epi-table-body-row .early-paying-coloumn .tooltip-container-epi-status .activate-tooltip-btn:hover {
  text-decoration: underline;
  cursor: pointer;
}
.epi-status .epi-table-container.generic-table .epi-table tbody .epi-table-body-row .early-paying-coloumn:last-child {
  border-right: 1px solid #e7e7e7;
}
.epi-status .epi-table-container.generic-table .epi-table tbody .epi-table-body-row .early-paying-coloumn:not(:first-child) {
  border-left: 0;
}
.epi-status .epi-table-container.generic-table .epi-table tbody .epi-table-body-row .early-paying-coloumn:not(:last-child) {
  border-right: 0;
}.epi-status .epi-mob-row {
  padding: 15px 0;
  border-bottom: 1px solid #f0f0f0;
}
.epi-status .epi-mob-row__main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
}
.epi-status .epi-mob-row__left {
  display: flex;
  gap: 5px;
  align-items: center;
}
.epi-status .epi-mob-row__symbol {
  line-height: 1.4;
}
.epi-status .epi-mob-row__status {
  line-height: 1.4;
}
.epi-status .epi-mob-row__right {
  margin-left: auto;
}
.epi-status .epi-mob-row__amount {
  line-height: 1.4;
  text-align: right;
}
.epi-status .epi-mob-row__details {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.epi-status .epi-mob-row__detail {
  line-height: 1.4;
  white-space: nowrap;
}
.epi-status .epi-mob-row__separator {
  width: 4px;
  height: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.epi-status .epi-mob-row__status_msg {
  margin-top: 5px;
  line-height: 1.4;
  padding: 5px 7px;
  border-radius: 5px;
}
.epi-status .epi-mob-row__read_more {
  cursor: pointer;
  text-decoration: underline;
}.epi-status {
  padding: 20px 0;
}
.epi-status .epi-heading {
  margin-bottom: 20px;
}
.epi-status .epi-heading .edel-icon-arrow-left::before {
  font-size: 2.125rem;
}
@media (max-width: 1023px) {
  .epi-status .epi-heading .edel-icon-arrow-left::before {
    font-size: 30px;
  }
}
.epi-status .epi-heading .tooltip-container-epi-status {
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .epi-status .epi-heading .tooltip-container-epi-status {
    margin-left: 5.5px;
  }
}
.epi-status .epi-heading .tooltip-container-epi-status .common-tooltip button {
  font-size: 1.25rem;
}
@media (max-width: 1023px) {
  .epi-status .epi-heading .tooltip-container-epi-status .common-tooltip button {
    font-size: 15px;
  }
}
@media (max-width: 1023px) {
  .epi-status .epi-heading {
    margin-left: -10px;
  }
}

.tooltip-container-epi-status .common-white-tooltip .tooltip-inner,
.tooltip-container-epi-status-margin .common-white-tooltip .tooltip-inner {
  display: flex;
  justify-content: space-between;
  gap: 2px;
  padding: 12px;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  font-style: normal;
  line-height: 140%;
  text-align: left;
  background-color: #ebe9ff;
  color: #4f4c6e;
}
.tooltip-container-epi-status .common-white-tooltip .tooltip-inner .edel-icon-close,
.tooltip-container-epi-status-margin .common-white-tooltip .tooltip-inner .edel-icon-close {
  font-size: 0.625rem;
  padding-top: 2px;
}
.tooltip-container-epi-status .common-white-tooltip .tooltip-arrow::before,
.tooltip-container-epi-status-margin .common-white-tooltip .tooltip-arrow::before {
  background-color: #ebe9ff;
  top: 0;
  border: none;
}.outerClass-circle {
  position: relative;
  width: 125px;
  height: 125px;
}
@media (max-width: 768px) {
  .outerClass-circle {
    width: 100px;
    height: 100px;
  }
}
.outerClass-circle {
  background-color: #dddde1;
  border: 15px solid #e7e7e7;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.outerClass-circle.icon-head .icon {
  font-size: 64px;
}
@media (max-width: 768px) {
  .outerClass-circle.icon-head .icon {
    font-size: 2.625rem;
  }
}

.consetpopup-data-section.mob-padding {
  padding: 20px;
}
.consetpopup-data-section .main-head {
  font-size: 2.125rem;
  font-family: "DMSansBold";
  line-height: 140%;
}
@media (max-width: 768px) {
  .consetpopup-data-section .main-head {
    font-size: 1.5rem;
    font-family: "DMSansBold";
  }
}
.consetpopup-data-section .main-desc {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .consetpopup-data-section .main-desc {
    font-size: 0.875rem;
  }
}
.consetpopup-data-section .main-desc ul {
  list-style: disc;
  text-align: left;
}
.consetpopup-data-section .sub-desc {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .consetpopup-data-section .sub-desc {
    font-size: 0.875rem;
  }
}

.consent-modal .modal-content {
  padding: 40px;
}
.consent-modal .modal-header {
  border-bottom: none !important;
  padding: 0px !important;
}
.consent-modal .edel-icon-bold-close {
  font-size: 1.563rem;
}

.footer-section-bg {
  background-color: #f2f2f5;
  padding: 15px;
  border-radius: 10px;
}
.footer-section-bg.footer-bg-red {
  background-color: #f9eceb;
}
.footer-section-bg .rigtdesc {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  text-align: left;
}
.footer-section-bg .content-left {
  text-align: left !important;
}
.footer-section-bg .content-left span {
  padding-bottom: 10px;
}

.valiadte-kra-section {
  border: 1px solid #e7e7e7;
  padding: 15px;
  border-radius: 10px;
}
.valiadte-kra-section .circle-section {
  display: flex;
  width: 35px;
  height: 35px;
  justify-content: center;
  align-items: center;
  background-color: #ca70ad;
  color: #ffffff;
  border-radius: 10px;
}
.valiadte-kra-section .circle-section .edel-icon-user-circle {
  font-size: 1.125rem;
}
.valiadte-kra-section .circle-section-content {
  align-items: center;
}
.valiadte-kra-section .circle-section-content .name {
  font-size: 0.875rem;
  font-family: "DMSansBold";
}
.valiadte-kra-section .circle-section-content .status {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.valiadte-kra-section .circle-section-content .status[data-attr="Inoperative PAN"] {
  color: #848097;
}
.valiadte-kra-section .edbutton-link-witharrow-withbg {
  border-radius: 10px;
  color: #ffffff;
}
.valiadte-kra-section .edbutton-link-witharrow-withbg .ed_button {
  font-size: 0.875rem;
}
.valiadte-kra-section .edbutton-link-witharrow-withbg .edel-icon-arrow-right1 {
  font-size: 0.75rem;
}

.consent-popup-drawer .backgroundcolor_bluedrawer {
  background-color: transparent !important;
}
.consent-popup-drawer .sticky-content-close {
  position: fixed;
  right: 0px;
}
.consent-popup-drawer .edel-icon-bold-close {
  font-size: 1.375rem;
}

.margin-trading-section h1 {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  text-align: left;
}
.margin-trading-section ul li {
  list-style-type: disc;
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  text-align: left;
  margin-bottom: 5px;
}

.list-style-type-disc li {
  list-style-type: disc;
  text-align: left;
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .list-style-type-disc li {
    font-size: 0.875rem !important;
  }
}

.text-left {
  text-align: left;
}

.number-harcode-li li {
  padding-bottom: 10px;
}

.green-sucess-icon-big .icon {
  font-size: 6.563rem;
}

.circle-initial-common {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  font-family: "DMSansBold";
}
.circle-initial-common.bg-Mandys-Pink {
  background-color: #fdead8;
  color: #f7943e;
}

.conset-double-section .component-grid-display {
  display: grid;
  grid-template-columns: 400px 540px;
}

.fnt-12 {
  font-size: 0.75rem;
}

@media (max-width: 768px) {
  .modal-sm-360 {
    max-width: 360px !important;
  }
}
.loginsection-mb .modal-content .modal-body .component-grid-display {
  display: grid;
  grid-template-columns: 1fr;
}
.loginsection-mb .modal-content .modal-body .component-grid-display .props-content-data {
  padding: 0px !important;
}

.income-error .edel-icon-validation {
  padding-right: 10px;
  padding-top: 10px;
}
.income-error div {
  align-items: flex-start !important;
}
.income-error {
  background-color: rgba(240, 76, 67, 0.1);
  padding: 10px !important;
  border-radius: 10px;
}
.income-error .p-1 {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  text-align: left;
  color: #4f4e70;
}

@media (max-width: 768px) {
  .circle-initial-common {
    width: 100px;
    height: 100px;
  }
}body {
  font-size: 16px;
}

.download-drop {
  width: 275.23px;
  padding: 20px 15px;
  background-color: #f0f9ff;
  border-radius: 4px 0px 4px 4px;
  margin-top: 10px;
  position: relative;
  right: 108%;
  z-index: 99999;
}
.download-drop-body {
  margin: 0;
  padding: 0;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  line-height: 20px;
  display: flex;
  align-items: center;
}
.download-drop-body ul {
  margin: 0;
  padding: 0;
}
.download-drop-bodylist {
  margin-bottom: 30px;
}
.download-drop-bodylist span {
  font-size: 1rem;
}
.download-drop-bodylist:last-child {
  margin-bottom: 0;
}
.download-drop-bodylist .edel-icon-rounded-close {
  color: #fe4d15 !important;
}
.download-drop-bodylist i {
  color: #3580f7;
}
.download-drop-bodylist .list-title {
  display: inline-block;
  padding-left: 7px;
  color: #444444;
  margin-bottom: 0;
}
.download-drop-bodylist .list-title:hover, .download-drop-bodylist .list-title:active {
  color: #3580f7;
}
.download-drop-bodylist label:hover,
.download-drop-bodylist label:active {
  cursor: pointer;
}

.modalBackground {
  width: 100%;
  height: 100%;
  background: rgba(204, 204, 204, 0.14);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  z-index: 99999;
}

.modalContainer {
  width: 714px;
  height: 374px;
  border-radius: 12px;
  background-color: white;
  display: flex;
  flex-direction: column;
}

.yearDropdown .react-datepicker .react-datepicker__month-read-view--selected-month,
.yearDropdown .react-datepicker .react-datepicker__year-read-view--selected-year {
  color: #393939;
  font-family: "EncodeSansMedium";
  font-weight: bold;
  font-size: 0.938rem;
}
.yearDropdown .react-datepicker .react-datepicker__current-month {
  display: none;
}
.yearDropdown .react-datepicker .react-datepicker__header__dropdown.react-datepicker__header__dropdown--scroll {
  margin-top: 12px;
}
.yearDropdown .react-datepicker .react-datepicker__month-read-view {
  margin-right: 30px;
}
.yearDropdown .react-datepicker .react-datepicker__month-read-view--down-arrow,
.yearDropdown .react-datepicker .react-datepicker__year-read-view--down-arrow {
  border-color: #393939 !important;
  top: 22% !important;
}
.yearDropdown .react-datepicker .react-datepicker__navigation-icon--previous::before {
  right: 25px !important;
}
.yearDropdown .react-datepicker .react-datepicker__navigation-icon--next::before {
  left: 25px !important;
}

.singleDatePicker .react-datepicker .react-datepicker__navigation-icon--previous::before {
  top: 10px;
}
.singleDatePicker .react-datepicker .react-datepicker__navigation-icon--next::before {
  top: 10px;
}:root {
  font-size: 16px;
}

@media screen and (max-width: 667px) {
  html,
  body {
    font-size: 16px;
  }
}
body {
  background: #ffffff !important;
  font-size: 16px;
}

*:focus {
  box-shadow: none !important;
}

.change-green {
  color: #51b255 !important;
}

.change-red {
  color: #dd504d !important;
}

@media screen and (min-width: 1023px) {
  .hide-nav-tabs {
    display: none !important;
  }
  .hide-nav-tabs-1 {
    display: flex;
  }
  .stock-details-overlayblock {
    z-index: 1000 !important;
    background-color: transparent !important;
  }
  .stock-details-overlayblock .stock-details-block {
    max-width: 390px;
    box-shadow: none;
  }
  .stock-details {
    z-index: 99999999 !important;
  }
  .table.expand-table {
    width: 266%;
    transition: 700ms;
  }
  .table.expand-table #tableContent td:first-child {
    background: #ffffff;
  }
  .table.expand-table #tableContent tr:hover {
    background: #f2f2f5 !important;
  }
  .table.expand-table #tableContent tr:hover td:first-child {
    background: #f2f2f5 !important;
  }
  .container .square-off-position-container .square-off-selected {
    background: #f0f9ff;
    height: 53px;
    align-items: center;
    width: 61.8%;
    padding: 0px 15px;
    border-radius: 6px;
  }
  .container .square-off-position-container .square-off-selected .select-all {
    cursor: pointer;
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container {
    position: relative;
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container .square-off-container {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 1.375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container {
    /* Hide the browser's default checkbox */
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container .square-off-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container {
    /* Create a custom checkbox */
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container .sqaure-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container {
    /* On mouse-over, add a grey background color */
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container .square-off-container:hover input ~ .sqaure-checkmark {
    background-color: #cccccc;
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container {
    /* When the checkbox is checked, add a blue background */
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container .square-off-container input:checked ~ .sqaure-checkmark {
    background-color: #3580f7;
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container {
    /* Create the checkmark/indicator (hidden when not checked) */
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container .sqaure-checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container {
    /* Show the checkmark when checked */
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container .square-off-container input:checked ~ .sqaure-checkmark:after {
    display: block;
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container {
    /* Style the checkmark/indicator */
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container .square-off-container .sqaure-checkmark:after {
    left: 8px;
    top: 3.6px;
    width: 8px;
    height: 13px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container span {
    font-family: "DMSansMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #444444;
  }
  .container .square-off-position-container .square-off-selected .square-off-position-left-container span.select-all {
    display: inline-block;
    padding-left: 35px;
  }
  .container .square-off-position-container .square-off-selected .square-off-position-container-right {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #727271;
  }
  .container .square-off-position-container .square-off-selected .square-off-position-container-right .square-count {
    padding-right: 6px;
  }
  .container .square-off-position-container .disabled {
    opacity: 0.3;
    pointer-events: none;
  }
  .container .square-off-position-container .square-off-selected-button {
    width: 26%;
  }
  .container .square-off-position-container .square-off-selected-button button {
    background-color: #03002f !important;
    height: 53px;
    font-family: "DMSansMedium";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    color: #ffffff;
    width: 100%;
  }
  .container .square-off-position-container .square-off-selected-button button:disabled {
    background-color: #cbdfff;
    border-color: #cbdfff;
  }
  .container .square-off-position-container .square-off-cancel button {
    font-family: "DMSansMedium";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    color: #03002f;
    height: 53px;
    padding-left: 22px;
    padding-right: 22px;
    border: 1px solid #03002f;
    border-radius: 6px;
  }
  .container .square-off-position-container .square-off-cancel button:hover {
    background-color: #03002f;
    color: #ffffff;
    border: 1px solid #03002f;
  }
  .container .holdings-table .labels span {
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;
  }
  .container .holdings-table .labels div.N,
  .container .holdings-table .labels div.C,
  .container .holdings-table .labels div.R {
    height: 21px;
    width: 21px;
    border: 1px solid rgba(53, 128, 247, 0.2);
    border-radius: 50%;
    text-align: center;
    color: #03002f;
    margin-right: 10px;
  }
  .container .holdings-table .labels div.N span,
  .container .holdings-table .labels div.C span,
  .container .holdings-table .labels div.R span {
    position: relative;
    top: -1px;
  }
  .container .holdings-table .labels div.EQ,
  .container .holdings-table .labels div.CNC,
  .container .holdings-table .labels div.CDS,
  .container .holdings-table .labels div.BO,
  .container .holdings-table .labels .NRML,
  .container .holdings-table .labels .FO,
  .container .holdings-table .labels .MAP,
  .container .holdings-table .labels .FNO,
  .container .holdings-table .labels .ETF,
  .container .holdings-table .labels .MF,
  .container .holdings-table .labels .FI,
  .container .holdings-table .labels .CO,
  .container .holdings-table .labels .RE,
  .container .holdings-table .labels .ETF,
  .container .holdings-table .labels .MF {
    border: 1px solid #dfa717;
    padding: 0px 4px;
    margin-right: 10px;
    border-radius: 2px;
  }
  .container .holdings-table .labels div.EQ span,
  .container .holdings-table .labels div.CNC span,
  .container .holdings-table .labels div.CDS span,
  .container .holdings-table .labels div.BO span,
  .container .holdings-table .labels .NRML span,
  .container .holdings-table .labels .FO span,
  .container .holdings-table .labels .MAP span,
  .container .holdings-table .labels .FNO span,
  .container .holdings-table .labels .ETF span,
  .container .holdings-table .labels .MF span,
  .container .holdings-table .labels .FI span,
  .container .holdings-table .labels .CO span,
  .container .holdings-table .labels .RE span,
  .container .holdings-table .labels .ETF span,
  .container .holdings-table .labels .MF span {
    color: #dfa717;
    position: relative;
    top: -1px;
  }
  .container .holdings-table .labels .SELL {
    border: 1px solid rgba(255, 107, 0, 0.2);
    margin-right: 10px;
    border-radius: 2px;
  }
  .container .holdings-table .labels .SELL span {
    padding: 0px 4px;
    color: #ff6b00;
  }
  .container .holdings-table .labels .MIS {
    border: 1px solid rgba(221, 80, 77, 0.1803921569);
    padding: 0px 4px;
    margin-right: 10px;
    border-radius: 2px;
  }
  .container .holdings-table .labels .MIS span {
    color: #dd504d;
  }
  .container .holdings-table .labels .BUY {
    border: 1px solid #66d1ac;
    padding: 0px 4px;
    border-radius: 2px;
  }
  .container .holdings-table .labels .BUY span {
    color: #51b255;
  }
  .container .holdings-table .labels div:last-child {
    margin-right: 0px;
  }
  .container .holdings-head-nav span.rounded-circle.exclamation {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: inline-block;
    color: #03002f;
    border: 1px solid #fbfdff;
    position: relative;
    top: 8px;
    cursor: pointer;
  }
  .container .holdings-head-nav span.rounded-circle.exclamation i {
    font-size: 0.938rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3px;
    margin-top: -8px;
  }
  .container .holdings-head-nav h2 {
    font-size: unset;
  }
  .container .holdings-head-nav .main-heading {
    font-family: "EncodeSansSemiBold";
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: left;
    padding-right: 10px;
  }
  .container .holdings-head-nav .heading-light {
    font-family: "EncodeSansLight";
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: left;
    padding-right: 15px;
  }
  .container .holding-tabs .nav-tabs {
    border-bottom-color: #e7e7e7;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 1;
    background: #fff;
  }
  .container .holding-tabs .nav-tabs li button {
    border-top: none;
    border-right: none;
    border-left: none;
    background: transparent;
    font-family: "encodesans_normal";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #727271;
  }
  .container .holding-tabs .nav-tabs li button.active {
    border-color: #03002f;
    font-family: "EncodeSansSemiBold";
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: #03002f;
  }
  .container .holding-tabs .nav-tabs li span.badge {
    background-color: #03002f !important;
    height: 19px;
    width: 19px;
    font-family: "RobotoMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: center;
  }
  .container .holding-tabs .nav-tabs li span.badge span {
    position: relative;
    left: -2px;
    top: -1px;
  }
  .container .holding-tabs .change-green {
    color: #51b255;
  }
  .container .holding-tabs .change-red {
    color: #dd504d;
  }
  .container .holding-tabs .investment,
  .container .holding-tabs .currval,
  .container .holding-tabs .pro-loss,
  .container .holding-tabs .days-prof-loss,
  .container .holding-tabs .unrealise-prof-loss,
  .container .holding-tabs .realise-prof-loss,
  .container .holding-tabs .days-mtm {
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 16px;
    width: 24%;
    border-radius: 5px;
    border-color: #e7e7e7 !important;
    padding-left: 15px;
  }
  .container .holding-tabs .investment p,
  .container .holding-tabs .investment span,
  .container .holding-tabs .currval p,
  .container .holding-tabs .currval span,
  .container .holding-tabs .pro-loss p,
  .container .holding-tabs .pro-loss span,
  .container .holding-tabs .days-prof-loss p,
  .container .holding-tabs .days-prof-loss span,
  .container .holding-tabs .unrealise-prof-loss p,
  .container .holding-tabs .unrealise-prof-loss span,
  .container .holding-tabs .realise-prof-loss p,
  .container .holding-tabs .realise-prof-loss span,
  .container .holding-tabs .days-mtm p,
  .container .holding-tabs .days-mtm span {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #b8b8b8;
  }
  .container .holding-tabs .investment .realized_text,
  .container .holding-tabs .currval .realized_text,
  .container .holding-tabs .pro-loss .realized_text,
  .container .holding-tabs .days-prof-loss .realized_text,
  .container .holding-tabs .unrealise-prof-loss .realized_text,
  .container .holding-tabs .realise-prof-loss .realized_text,
  .container .holding-tabs .days-mtm .realized_text {
    font-size: 0.625rem;
    line-height: 12px;
  }
  .container .holding-tabs .investment h3,
  .container .holding-tabs .currval h3,
  .container .holding-tabs .pro-loss h3,
  .container .holding-tabs .days-prof-loss h3,
  .container .holding-tabs .unrealise-prof-loss h3,
  .container .holding-tabs .realise-prof-loss h3,
  .container .holding-tabs .days-mtm h3 {
    font-family: "RobotoBold";
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: left;
    color: #444444;
  }
  .container .holding-tabs .investment .pl-first,
  .container .holding-tabs .currval .pl-first,
  .container .holding-tabs .pro-loss .pl-first,
  .container .holding-tabs .days-prof-loss .pl-first,
  .container .holding-tabs .unrealise-prof-loss .pl-first,
  .container .holding-tabs .realise-prof-loss .pl-first,
  .container .holding-tabs .days-mtm .pl-first {
    font-family: "RobotoMedium";
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: left;
    padding-right: 7px;
  }
  .container .holding-tabs .investment .pl-sec,
  .container .holding-tabs .currval .pl-sec,
  .container .holding-tabs .pro-loss .pl-sec,
  .container .holding-tabs .days-prof-loss .pl-sec,
  .container .holding-tabs .unrealise-prof-loss .pl-sec,
  .container .holding-tabs .realise-prof-loss .pl-sec,
  .container .holding-tabs .days-mtm .pl-sec {
    font-family: "RobotoMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
  }
  .container .holding-tabs .realise-prof-loss {
    padding-bottom: 9px;
    background-color: #ffffff !important;
  }
  .container .holding-tabs .unrealise-prof-loss {
    background-color: #ffffff !important;
  }
  .container .holding-tabs .pro-loss .d-lg-flex,
  .container .holding-tabs .days-prof-loss .d-lg-flex {
    align-items: baseline;
  }
  .container .holding-tabs .days-prof-loss {
    background-color: #f0f9ff;
  }
  .container .holding-tabs .tab-content .date-text {
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #b8b8b8 !important;
    line-height: 22px;
    padding-left: 0.2%;
  }
  .container .holding-tabs .tab-content .date-text span {
    padding-right: 3px;
    color: #b8b8b8 !important;
  }
  .container .holding-tabs .tab-content .date-text span:nth-child(2) {
    font-size: 1.063rem;
  }
  .container .holding-tabs .tab-content .date-text .dock-date {
    position: fixed;
    top: 0;
    right: 9%;
  }
  .container .holding-tabs .tab-content .pos-dock-date {
    position: fixed;
    top: 0;
    right: 9%;
    padding-top: 10px;
  }
  .container .holding-tabs .mt-30 {
    margin-top: 30px !important;
  }
  .container .holding-tabs #search-filter {
    margin-top: 10px;
  }
  .container .holding-tabs #search-filter .d-flex .summarize {
    font-family: "encodesans_normal";
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #444444;
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position {
    font-family: "encodesans_normal";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    position: relative;
    color: #444444;
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position :hover {
    cursor: pointer;
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    width: 25px;
    height: 25px;
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position .teleport-switch-control-indicator {
    position: absolute;
    top: -4px;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position:hover input ~ .teleport-switch-control-indicator {
    background-color: #cccccc;
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position {
    /* When the checkbox is checked, add a blue background */
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position input:checked ~ .teleport-switch-control-indicator {
    background-color: #3580f7;
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position {
    /* Create the checkmark/indicator (hidden when not checked) */
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position .teleport-switch-control-indicator:after {
    content: "";
    position: absolute;
    display: none;
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position {
    /* Show the checkmark when checked */
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position input:checked ~ .teleport-switch-control-indicator:after {
    display: block;
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position {
    /* Style the checkmark/indicator */
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position .teleport-switch-control-indicator:after {
    left: 7.4px;
    top: 3px;
    width: 8px;
    height: 14px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position label {
    display: flex;
    align-items: center;
  }
  .container .holding-tabs #search-filter .d-flex .inlcude_position label sup {
    top: -12px;
    margin-left: -10px;
  }
  .container .holding-tabs #search-filter .d-flex .quantity {
    white-space: nowrap;
  }
  .container .holding-tabs #search-filter .d-flex .quantity,
  .container .holding-tabs #search-filter .d-flex .square_off {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #03002f;
  }
  .container .holding-tabs #search-filter .d-flex .quantity select,
  .container .holding-tabs #search-filter .d-flex .square_off select {
    border: 0px;
    color: #03002f;
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    position: relative;
    top: 2px;
  }
  .container .holding-tabs #search-filter .d-flex .quantity .btn-select-qty,
  .container .holding-tabs #search-filter .d-flex .square_off .btn-select-qty {
    border: none;
    color: #03002f;
    background-color: #ffffff;
    padding: 12px 12px 12px 1px;
    text-align: left;
  }
  .container .holding-tabs #search-filter .d-flex .quantity .btn-select-qty.btn-select-qty-new,
  .container .holding-tabs #search-filter .d-flex .square_off .btn-select-qty.btn-select-qty-new {
    color: #3580f7 !important;
  }
  .container .holding-tabs #search-filter .d-flex .quantity i.edel-icon-arrow-down:before,
  .container .holding-tabs #search-filter .d-flex .square_off i.edel-icon-arrow-down:before {
    position: relative;
    top: 2px;
    left: 10px;
  }
  .container .holding-tabs #search-filter .d-flex .quantity span.exclamation,
  .container .holding-tabs #search-filter .d-flex .square_off span.exclamation {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: inline-block;
    color: #3580f7;
    border: 1px solid rgba(140, 179, 241, 0.2901960784);
    position: relative;
    margin-left: 9.6px;
  }
  .container .holding-tabs #search-filter .d-flex .quantity span.exclamation i,
  .container .holding-tabs #search-filter .d-flex .square_off span.exclamation i {
    font-size: 0.5rem;
    position: relative;
    left: 6.2px;
    top: -4px;
  }
  .container .holding-tabs #search-filter .d-flex .quantity .clickable,
  .container .holding-tabs #search-filter .d-flex .square_off .clickable {
    margin-bottom: 0px;
    cursor: pointer;
    font-family: "EncodeSansMedium";
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: 0px;
    text-align: left;
    color: #3580f7;
    margin-top: 3px;
  }
  .container .holding-tabs #search-filter .d-flex .square_off {
    cursor: pointer;
  }
  .container .holding-tabs #search-filter .d-flex .square_off img {
    margin-right: 10px;
  }
  .container .holding-tabs #search-filter .d-flex .square-off-disabled {
    color: #b8b8b8 !important;
    pointer-events: none;
  }
  .container .holding-tabs #search-filter .taptopledge {
    padding-left: 26px;
  }
  .container .holding-tabs #search-filter .taptopledge i {
    color: #03002f;
  }
  .container .holding-tabs #search-filter .taptopledge i.edel-icon-pledge {
    color: #3580f7;
  }
  .container .holding-tabs #search-filter .taptopledge span {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #03002f;
    padding-left: 10.4px;
    cursor: pointer;
  }
  .container .holding-tabs #search-filter .taptopledge span.teleport-switch-control-description {
    color: #3580f7;
  }
  .container .holding-tabs #search-filter .holding-position-filter .bg-white {
    background-color: #ffffff !important;
  }
  .container .holding-tabs #search-filter .holding-position-filter .downloads {
    background-color: #f0f9ff;
    color: #03002f;
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    width: 132px;
    height: 44px;
    border-radius: 5px;
    margin-right: 10px;
    border: 0px !important;
  }
  .container .holding-tabs #search-filter .holding-position-filter .downloads button {
    padding-bottom: 12px;
    padding-top: 12px;
    display: flex;
    align-items: center;
  }
  .container .holding-tabs #search-filter .holding-position-filter .downloads button img {
    padding-right: 9px;
    display: flex;
    margin-top: -4px;
  }
  .container .holding-tabs #search-filter .holding-position-filter .downloads button i.edel-icon-download {
    font-size: 1.188rem;
    position: relative;
    top: -2px;
  }
  .container .holding-tabs #search-filter .holding-position-filter .downloads button i:before {
    position: relative;
  }
  .container .holding-tabs #search-filter .holding-position-filter .downloads.downloads-new {
    color: #3580f7;
  }
  .container .holding-tabs #search-filter .holding-position-filter .expand-search {
    border-radius: 5px;
    border: 1px solid #03002f;
  }
  .container .holding-tabs #search-filter .holding-position-filter .ser-icon {
    border-left: 1px solid #03002f !important;
    border-bottom: 1px solid #03002f !important;
    border-top: 1px solid #03002f !important;
  }
  .container .holding-tabs #search-filter .holding-position-filter .input-ex {
    border-bottom: 1px solid #03002f !important;
    border-top: 1px solid #03002f !important;
    margin-left: -2px;
    margin-right: -2px;
  }
  .container .holding-tabs #search-filter .holding-position-filter .ex-close {
    border-right: 1px solid #03002f !important;
    border-bottom: 1px solid #03002f !important;
    border-top: 1px solid #03002f !important;
  }
  .container .holding-tabs #search-filter .holding-position-filter .searchbar-c {
    margin-right: 10px;
    width: 277px;
  }
  .container .holding-tabs #search-filter .holding-position-filter .searchbar-c .input-group-prepend {
    border: 0px !important;
  }
  .container .holding-tabs #search-filter .holding-position-filter .searchbar-c .input-group-prepend i {
    height: 44px !important;
    background-color: #f0f9ff;
    padding-left: 5px;
    padding-right: 0px;
    border: 0px;
    font-size: 1.5rem;
    color: #03002f;
    font-weight: 600;
  }
  .container .holding-tabs #search-filter .holding-position-filter .searchbar-c .input-group-prepend i.edel-icon-search {
    color: #3580f7;
  }
  .container .holding-tabs #search-filter .holding-position-filter .searchbar-c .input-group-prepend i.edel-icon-close {
    font-size: 0.563rem !important;
    padding-left: 6px;
    padding-right: 10px;
    color: #b8b8b8;
    line-height: 16px;
    cursor: pointer;
  }
  .container .holding-tabs #search-filter .holding-position-filter .searchbar-c .input-group-prepend .edel-icon-close-expand {
    border-right: 1px solid;
    border-bottom: 1px solid;
  }
  .container .holding-tabs #search-filter .holding-position-filter .searchbar-c input {
    height: 44px !important;
    background-color: #f0f9ff;
    border: 0px;
    padding-left: 8px;
    padding-bottom: 12px;
  }
  .container .holding-tabs #search-filter .holding-position-filter .searchbar-c input::placeholder {
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
  }
  .container .holding-tabs #search-filter .holding-position-filter .sort button {
    height: 44px !important;
    border: 0px;
    width: 44px !important;
    background-color: #f0f9ff;
    margin-right: 10px;
  }
  .container .holding-tabs #search-filter .holding-position-filter .sort button:hover {
    color: #0d6efd;
  }
  .container .holding-tabs #search-filter .holding-position-filter .sort button img {
    margin-top: -3px;
  }
  .container .holding-tabs #search-filter .holding-position-filter .sort .sort-filter-icon {
    position: relative;
  }
  .container .holding-tabs #search-filter .holding-position-filter .sort .sort-filter-icon .sort-filter-selected {
    background: #dd504d;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    right: 0.2px;
    top: -2px;
  }
  .container .holding-tabs #search-filter .holding-position-filter .filter button {
    height: 44px !important;
    border: 0px;
    background-color: #f0f9ff;
    width: 44px !important;
  }
  .container .holding-tabs #search-filter .holding-position-filter .filter button:hover {
    color: #0d6efd;
  }
  .container .holding-tabs #search-filter .holding-position-filter .filter button img {
    margin-top: -3px;
  }
  .container .holding-tabs #search-filter .holding-position-filter .filter .filter-icon {
    position: relative;
  }
  .container .holding-tabs #search-filter .holding-position-filter .filter .filter-icon .filter-selected {
    background: #dd504d;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    right: -2px;
    top: -1px;
  }
  .container .holding-tabs .holdings-table-content-wrapper {
    margin-top: 10px;
  }
  .container .holding-tabs .holdings-table-content-wrapper ::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
  }
  .container .holding-tabs .holdings-table-content-wrapper *:hover::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
  }
  .container .holding-tabs .holdings-table-content-wrapper {
    /* Track */
  }
  .container .holding-tabs .holdings-table-content-wrapper ::-webkit-scrollbar-track {
    background: transparent;
  }
  .container .holding-tabs .holdings-table-content-wrapper {
    /* Handle */
  }
  .container .holding-tabs .holdings-table-content-wrapper ::-webkit-scrollbar-thumb {
    background: #03002f;
  }
  .container .holding-tabs .ed-table {
    cursor: pointer;
  }
  .container .holding-tabs .ed-table #table-headings {
    padding: 10px;
    top: 0px;
    background-color: #ffffff;
    z-index: 999;
    position: -webkit-sticky;
    position: sticky;
    cursor: default;
  }
  .container .holding-tabs .ed-table #table-headings.adjust_desk_dock {
    top: 175px !important;
  }
  .container .holding-tabs .ed-table #table-headings td {
    border-bottom-width: 0px;
    white-space: nowrap;
  }
  .container .holding-tabs .ed-table #table-headings td:first-child {
    width: 300px !important;
    padding-left: 15px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 0;
    background: #ffffff;
  }
  .container .holding-tabs .ed-table #table-headings .vTop,
  .container .holding-tabs .ed-table #table-headings .name {
    z-index: 9 !important;
  }
  .container .holding-tabs .ed-table #table-headings td:first-child {
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #727271;
  }
  .container .holding-tabs .ed-table #table-headings td:first-child .sort-caret .d-flex {
    margin-top: -3px;
    align-items: center !important;
    flex-direction: column !important;
  }
  .container .holding-tabs .ed-table #table-headings td:first-child .sort-caret .d-flex div {
    height: 6px;
    padding-left: 5px;
  }
  .container .holding-tabs .ed-table #table-headings td {
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #727271;
  }
  .container .holding-tabs .ed-table #table-headings td span.badge {
    height: 18px;
    width: 18px;
    position: relative;
    left: -2px;
    top: 3px;
  }
  .container .holding-tabs .ed-table #table-headings td span.badge i {
    font-size: 0.875rem;
  }
  .container .holding-tabs .ed-table #table-headings td span.badge i:before {
    left: -4px;
    top: -1px;
    position: relative;
  }
  .container .holding-tabs .ed-table #table-headings td.qty span.badge {
    position: relative;
    top: 2px;
  }
  .container .holding-tabs .ed-table #table-headings td:first-child {
    padding-left: 20px;
  }
  .container .holding-tabs .ed-table #table-headings.adjust_desk_dock_pos {
    top: 160px !important;
  }
  .container .holding-tabs .ed-table #tableContent.border-none {
    border: 0px !important;
  }
  .container .holding-tabs .ed-table #tableContent {
    border: 1px solid #e7e7e7 !important;
    border-radius: 5px;
    align-items: center;
    margin-bottom: 11px;
    padding: 14px;
  }
  .container .holding-tabs .ed-table #tableContent .mtf {
    border-top: 1px solid #e7e7e7 !important;
    border-bottom: 1px solid #e7e7e7 !important;
    border-left: none !important;
    border-right: none !important;
  }
  .container .holding-tabs .ed-table #tableContent .selected_row {
    background-color: #f0f9ff;
  }
  .container .holding-tabs .ed-table #tableContent td:first-child {
    padding-left: 14px;
    padding-bottom: 0.525rem;
    padding-top: 0.525rem;
    width: 275px !important;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
  }
  .container .holding-tabs .ed-table #tableContent .assetclass {
    z-index: 99 !important;
  }
  .container .holding-tabs .ed-table #tableContent .holding-dayschng-lh {
    position: relative;
    top: 10px;
  }
  .container .holding-tabs .ed-table #tableContent td:last-child {
    padding-right: 14px;
  }
  .container .holding-tabs .ed-table #tableContent td {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 19.6px;
    letter-spacing: 0em;
    text-align: left;
    color: #444444;
  }
  .container .holding-tabs .ed-table #tableContent td div.name {
    padding-bottom: 5px;
  }
  .container .holding-tabs .ed-table #tableContent td div.name .readmore {
    color: #03002f;
    position: relative;
    top: 21px;
  }
  .container .holding-tabs .ed-table #tableContent td div.name .readmore i {
    font-size: 1.25rem;
    position: relative;
    bottom: -2px;
  }
  .container .holding-tabs .ed-table #tableContent td div.name .tag {
    padding-left: 5px;
    position: relative;
    top: -1.1px !important;
  }
  .container .holding-tabs .ed-table #tableContent td span.name {
    font-family: "DMSansMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #444444;
    display: flex;
  }
  .container .holding-tabs .ed-table #tableContent td span.name span:nth-child(2) {
    width: 18%;
  }
  .container .holding-tabs .ed-table #tableContent td span.tag {
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #b8b8b8;
    position: relative;
    top: -2px;
  }
  .container .holding-tabs .ed-table #tableContent td span.pnl {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
  }
  .container .holding-tabs .ed-table #tableContent td span.pnlchangepercent {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
  }
  .container .holding-tabs .ed-table #tableContent td span.stockValue {
    font-family: "RobotoRegular";
    font-size: 1rem;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #444444;
  }
  .container .holding-tabs .ed-table #tableContent td span.stockinc,
  .container .holding-tabs .ed-table #tableContent td span.stockincsec,
  .container .holding-tabs .ed-table #tableContent td span.stockdec,
  .container .holding-tabs .ed-table #tableContent td div.mtm .dec1,
  .container .holding-tabs .ed-table #tableContent td .mtm .dec2,
  .container .holding-tabs .ed-table #tableContent td div.net-qty .qtyUp {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    padding-left: 5px;
  }
  .container .holding-tabs .ed-table #tableContent td .change-red {
    color: #dd504d;
  }
  .container .holding-tabs .ed-table #tableContent td .change-green {
    color: #51b255;
  }
  .container .holding-tabs .ed-table #tableContent div.mtm .inc,
  .container .holding-tabs .ed-table #tableContent div.mtm .inc2 {
    color: #51b255;
  }
  .container .holding-tabs .ed-table #tableContent div.mtm .dec1,
  .container .holding-tabs .ed-table #tableContent .mtm .dec2 {
    color: #dd504d;
  }
  .container .holding-tabs .inlcude_position .teleport-switch-control-description {
    top: 0px;
  }
  .container .holding-tabs .positions-table {
    margin-bottom: 71px;
    min-height: 400px;
  }
  .container .holding-tabs .positions-table #table-headings {
    top: 121px !important;
    padding: 20px;
    z-index: 99;
  }
  .container .holding-tabs .positions-table .square-off-container {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 1.375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .container .holding-tabs .positions-table {
    /* Hide the browser's default checkbox */
  }
  .container .holding-tabs .positions-table .square-off-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .container .holding-tabs .positions-table {
    /* Create a custom checkbox */
  }
  .container .holding-tabs .positions-table .sqaure-checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    transform: translateY(50%);
  }
  .container .holding-tabs .positions-table {
    /* On mouse-over, add a grey background color */
  }
  .container .holding-tabs .positions-table .square-off-container:hover input ~ .sqaure-checkmark {
    background-color: #cccccc;
  }
  .container .holding-tabs .positions-table {
    /* When the checkbox is checked, add a blue background */
  }
  .container .holding-tabs .positions-table .square-off-container input:checked ~ .sqaure-checkmark {
    background-color: #3580f7;
  }
  .container .holding-tabs .positions-table {
    /* Create the checkmark/indicator (hidden when not checked) */
  }
  .container .holding-tabs .positions-table .sqaure-checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .container .holding-tabs .positions-table {
    /* Show the checkmark when checked */
  }
  .container .holding-tabs .positions-table .square-off-container input:checked ~ .sqaure-checkmark:after {
    display: block;
  }
  .container .holding-tabs .positions-table {
    /* Style the checkmark/indicator */
  }
  .container .holding-tabs .positions-table .square-off-container .sqaure-checkmark:after {
    left: 8px;
    top: 3.6px;
    width: 8px;
    height: 13px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .container .holding-tabs .positions-table .no-position-open {
    padding-top: 50px;
  }
  .container .holding-tabs .positions-table .no-position-open .inc-pos-message {
    padding-bottom: 50px;
  }
  .container .holding-tabs .positions-table .no-position-open .inc-pos-message p {
    margin-top: 9px;
    font-family: "encodesans_normal";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #727271;
  }
  .container .holding-tabs .positions-table .w-22 {
    min-width: 22%;
  }
  .container .holding-tabs .positions-table #tableContent {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    align-items: center;
    margin-bottom: 5px;
    padding: 10px 12px;
  }
  .container .holding-tabs .positions-table #tableContent .labels .labels span {
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;
  }
  .container .holding-tabs .positions-table #tableContent .labels .labels div.N,
  .container .holding-tabs .positions-table #tableContent .labels .labels div.C {
    height: 21px;
    width: 21px;
    border: 1px solid rgba(53, 128, 247, 0.2);
    border-radius: 50%;
    text-align: center;
    color: #03002f;
    margin-right: 10px;
    align-self: center;
  }
  .container .holding-tabs .positions-table #tableContent .labels .labels div.N span,
  .container .holding-tabs .positions-table #tableContent .labels .labels div.C span {
    position: relative;
    top: -4px !important;
  }
  .container .holding-tabs .positions-table #tableContent .labels .labels div.EQ,
  .container .holding-tabs .positions-table #tableContent .labels .labels div.CNC,
  .container .holding-tabs .positions-table #tableContent .labels .labels div.CDS,
  .container .holding-tabs .positions-table #tableContent .labels .labels div.BO,
  .container .holding-tabs .positions-table #tableContent .labels .labels .NRML,
  .container .holding-tabs .positions-table #tableContent .labels .labels .FO,
  .container .holding-tabs .positions-table #tableContent .labels .labels .assetcode {
    border: 1px solid rgba(223, 167, 23, 0.2588235294);
    padding: 0px 4px;
    margin-right: 10px;
    border-radius: 2px;
    height: 21px;
    line-height: 15px;
    align-self: center;
  }
  .container .holding-tabs .positions-table #tableContent .labels .labels div.EQ span,
  .container .holding-tabs .positions-table #tableContent .labels .labels div.CNC span,
  .container .holding-tabs .positions-table #tableContent .labels .labels div.CDS span,
  .container .holding-tabs .positions-table #tableContent .labels .labels div.BO span,
  .container .holding-tabs .positions-table #tableContent .labels .labels .NRML span,
  .container .holding-tabs .positions-table #tableContent .labels .labels .FO span,
  .container .holding-tabs .positions-table #tableContent .labels .labels .assetcode span {
    color: #dfa717;
  }
  .container .holding-tabs .positions-table #tableContent .labels .labels .SELL {
    border: 1px solid rgba(255, 107, 0, 0.2);
    margin-right: 10px;
    border-radius: 2px;
    height: 21px;
    line-height: 15px;
    align-self: center;
  }
  .container .holding-tabs .positions-table #tableContent .labels .labels .SELL span {
    padding: 0px 4px;
    color: #ff6b00;
  }
  .container .holding-tabs .positions-table #tableContent .labels .labels .MIS {
    border: 1px solid rgba(221, 80, 77, 0.1803921569);
    padding: 0px 4px;
    margin-right: 10px;
    border-radius: 2px;
    height: 21px;
    line-height: 15px;
    align-self: center;
  }
  .container .holding-tabs .positions-table #tableContent .labels .labels .MIS span {
    color: #dd504d;
  }
  .container .holding-tabs .positions-table #tableContent .labels .labels .BUY {
    border: 1px solid #66d1ac;
    padding: 0px 4px;
    border-radius: 2px;
    height: 21px;
    line-height: 15px;
    align-self: center;
  }
  .container .holding-tabs .positions-table #tableContent .labels .labels .BUY span {
    color: #51b255;
  }
  .container .holding-tabs .positions-table #tableContent .labels .labels div:last-child {
    margin-right: 0px;
  }
  .container .holding-tabs .positions-table #tableContent .empty-val {
    color: #b8b8b8;
    line-height: 18px !important;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0em;
    text-align: left;
    color: #444444;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss div.name {
    display: flex;
    flex-wrap: wrap;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss div.name span.name {
    display: flex;
    flex: wrap;
    width: 100%;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss div.name span.name span.name-readmore {
    width: 70%;
    overflow: hidden;
    word-break: break-all;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss div.name span.name .w-auto {
    width: 60%;
    overflow: auto;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss div.name .readmore {
    color: #03002f;
    position: relative;
    top: 0px;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss div.name .readmore i {
    font-size: 1.25rem;
    position: relative;
    bottom: -3px;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss div.name .tag {
    padding-left: 5px;
    position: relative;
    top: -1.1px !important;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss span.name {
    font-family: "DMSansMedium";
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
    color: #444444;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss span.tag {
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
    color: #b8b8b8;
    position: relative;
    top: -2px;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss span.pnl {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss span.pnlchangepercent {
    font-family: "RobotoMedium";
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss span.stockValue {
    font-family: "RobotoRegular";
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: #444444;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss .last-change-percentage,
  .container .holding-tabs .positions-table #tableContent .proff-loss .change {
    padding-left: 5px;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss .change-red {
    color: #dd504d;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss .change-green {
    color: #51b255;
  }
  .container .holding-tabs .positions-table #tableContent .proff-loss .change-blue {
    color: #03002f;
  }
  .container .holding-tabs .positions-table #tableContent .net-qty {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
  }
  .container .holding-tabs .positions-table #tableContent .avgPrice {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
  }
  .container .holding-tabs .positions-table #tableContent .mtm-prof-change {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
  }
  .container .holding-tabs .positions-table #tableContent .mtm-prof-change-percentage {
    font-family: "RobotoMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
  }
  .container .holding-tabs .positions-table #tableContent .realizedPnl-change {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
  }
  .container .holding-tabs .positions-table #tableContent .realizedPnl-change-percentage {
    font-family: "RobotoMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
  }
  .container .holding-tabs .positions-table #tableContent .net-qty-inner,
  .container .holding-tabs .positions-table #tableContent .avgPrice-inner {
    font-family: "RobotoMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #727271;
  }
  .container .holding-tabs .positions-table #tableContent .avgPrice-inner-value {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #212529;
  }
  .container .holding-tabs .positions-table #tableContent:hover {
    background-color: #f0f9ff;
  }
  .container .holding-tabs .positions-table #table-headings span {
    font-family: "EncodeSansMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0em;
    text-align: left;
    color: #727271;
  }
  .container .holding-tabs .positions-table div.col-2.proff-loss,
  .container .holding-tabs .positions-table .col-2 {
    width: 24.8%;
  }
  .container .holding-tabs .positions-table div.col-2.proff-loss .sort-caret .d-flex,
  .container .holding-tabs .positions-table .col-2 .sort-caret .d-flex {
    margin-top: -3px;
    align-items: center !important;
    flex-direction: column !important;
  }
  .container .holding-tabs .positions-table div.col-2.proff-loss .sort-caret .d-flex div,
  .container .holding-tabs .positions-table .col-2 .sort-caret .d-flex div {
    height: 6px;
    padding-left: 5px;
  }
  .container .holding-tabs .positions-table .labels .labels span {
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;
  }
  .container .holding-tabs .positions-table .labels .labels div.N,
  .container .holding-tabs .positions-table .labels .labels div.C {
    height: 21px;
    width: 21px;
    border: 1px solid rgba(53, 128, 247, 0.2);
    border-radius: 50%;
    text-align: center;
    color: #03002f;
    margin-right: 10px;
    align-self: center;
  }
  .container .holding-tabs .positions-table .labels .labels div.N span,
  .container .holding-tabs .positions-table .labels .labels div.C span {
    position: relative;
    top: -4px !important;
  }
  .container .holding-tabs .positions-table .labels .labels div.EQ,
  .container .holding-tabs .positions-table .labels .labels div.CNC,
  .container .holding-tabs .positions-table .labels .labels div.CDS,
  .container .holding-tabs .positions-table .labels .labels div.BO,
  .container .holding-tabs .positions-table .labels .labels .NRML,
  .container .holding-tabs .positions-table .labels .labels .FO {
    border: 1px solid rgba(223, 167, 23, 0.2588235294);
    padding: 0px 4px;
    margin-right: 10px;
    border-radius: 2px;
  }
  .container .holding-tabs .positions-table .labels .labels div.EQ span,
  .container .holding-tabs .positions-table .labels .labels div.CNC span,
  .container .holding-tabs .positions-table .labels .labels div.CDS span,
  .container .holding-tabs .positions-table .labels .labels div.BO span,
  .container .holding-tabs .positions-table .labels .labels .NRML span,
  .container .holding-tabs .positions-table .labels .labels .FO span {
    color: #dfa717;
  }
  .container .holding-tabs .positions-table .labels .labels .SELL {
    border: 1px solid rgba(255, 107, 0, 0.2);
    margin-right: 10px;
    border-radius: 2px;
  }
  .container .holding-tabs .positions-table .labels .labels .SELL span {
    padding: 0px 4px;
    color: #ff6b00;
  }
  .container .holding-tabs .positions-table .labels .labels .MIS {
    border: 1px solid rgba(221, 80, 77, 0.1803921569);
    padding: 0px 4px;
    margin-right: 10px;
    border-radius: 2px;
  }
  .container .holding-tabs .positions-table .labels .labels .MIS span {
    color: #dd504d;
  }
  .container .holding-tabs .positions-table .labels .labels .BUY {
    border: 1px solid #66d1ac;
    padding: 0px 4px;
    border-radius: 2px;
  }
  .container .holding-tabs .positions-table .labels .labels .BUY span {
    color: #51b255;
  }
  .container .holding-tabs .positions-table .labels .labels div:last-child {
    margin-right: 0px;
  }
  .selected {
    background-color: #f0f9ff;
  }
  .empty-val {
    color: #b8b8b8;
    line-height: 18px !important;
  }
  .select-mtm-script-container {
    cursor: pointer;
  }
  .select-mtm-script-container .total-script {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #444444;
  }
  .select-mtm-script-container .select-mtm-change {
    font-family: "RobotoMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    padding-left: 15px;
  }
  .select-mtm-script-container .select-mtm-change-percentage {
    font-family: "RobotoMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #51b255;
    padding-left: 5px;
  }
  .closed-position-label {
    background: #fff2f2;
    padding-left: 20px;
    color: #727271;
    margin-bottom: 5px;
    margin-top: -6px;
    border-radius: 5px;
    line-height: 18px;
    font-size: 0.875rem;
    font-family: "encodesans_normal";
  }
  .closed-position-label span.badge {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #03002f;
    padding-left: 5px;
  }
  .include-position-label {
    background: #eef7ee;
    padding-left: 20px;
    color: #727271;
    margin-bottom: 5px;
    margin-top: 9px;
    border-radius: 5px;
    line-height: 18px;
    font-size: 0.875rem;
    font-family: "encodesans_normal";
  }
  .include-position-label span.badge {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #03002f;
    padding-left: 5px;
  }
}
.custom-control.teleport-switch {
  --color: $midnight-blue;
  padding-left: 0;
}

.teleport-switch-control-description {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17.5px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
  position: relative;
}

.custom-control.border-switch {
  color: #03002f;
  padding-left: 0;
  width: max-content;
}

.custom-control.border-switch .border-switch-control-input {
  display: none;
}

.custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator {
  border-color: #3580f7;
}

.custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator::after {
  left: 14px;
  background-color: #03002f;
}

.custom-control.border-switch .border-switch-control-input.border-switch-control-input-new:checked ~ .border-switch-control-indicator::after {
  background-color: #3580f7;
}

.custom-control.border-switch .border-switch-control-indicator {
  cursor: pointer;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  top: 4px;
  width: 32px;
  height: 19px;
  background: #ffffff;
  border-radius: 10px;
  transition: 0.3s;
  border: 0.5px solid #cacac9;
}

.custom-control.border-switch .border-switch-control-indicator::after {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  transition: 0.3s;
  top: 3px;
  left: 3px;
  background: #b8b8b8;
}

.ed-table .row col:first-child {
  width: 226px !important;
}

.qty-drop-icon {
  font-size: 0.25rem;
  vertical-align: middle;
}

#positions .tag-container span.edel-icon-close {
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  #positions .teleport-switch-control-indicator::after,
  #positions .sqaure-checkmark:after {
    left: 7px !important;
    top: 4px !important;
    width: 8px !important;
    border-width: 0 3px 3px 0 !important;
    height: 13px !important;
  }
}
@media screen and (min-width: 1024px) {
  #positions .filter button {
    padding-right: 12px;
  }
}
#positions .wrapper-fil .summarize .custom-control.teleport-switch {
  --color: $midnight-blue;
  padding-left: 0;
}
#positions .wrapper-fil .summarize .custom-control.border-switch {
  width: auto;
  margin-left: 32px;
  margin-right: 0px !important;
}
@media screen and (max-width: 390px) {
  #positions .wrapper-fil .summarize .custom-control.border-switch {
    margin-left: 12px !important;
  }
}
@media screen and (max-width: 575px) and (min-width: 391px) {
  #positions .wrapper-fil .summarize .custom-control.border-switch {
    margin-left: 20px !important;
  }
}
#positions .wrapper-fil .summarize .custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator {
  border-color: #3580f7;
}
#positions .wrapper-fil .summarize .custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator::after {
  left: 14.5px;
  background-color: #03002f;
}
#positions .wrapper-fil .summarize .custom-control.border-switch .border-switch-control-indicator {
  margin: 0px !important;
  margin-left: 0px !important;
  margin-right: 5px !important;
  border: 0.5px solid #cacac9;
  cursor: pointer;
}
#positions .wrapper-fil .summarize .teleport-switch-control-description {
  top: 0px;
}
#positions .wrapper-fil .summarize .custom-control.border-switch .border-switch-control-indicator::after {
  top: 3px;
  left: 4px;
  background: #b8b8b8;
}
@media screen and (min-width: 1024px) {
  #positions .wrapper-fil .square_off .rounded-circle {
    top: 2px;
  }
}
#positions .square_off {
  margin-left: 27px;
  padding-left: 0px !important;
}
#positions .square_off span.square {
  position: relative;
  top: 3px;
}

.dock_div {
  z-index: 1;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 37px;
  background: #ffffff;
}

.summary-row {
  z-index: 997;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 37px;
  background: #ffffff;
}

.dock_position {
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  top: 125px;
  background: #ffffff;
}

.color_blue {
  color: #03002f !important;
}
@media screen and (max-width: 1023px) {
  .color_blue {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 22px !important;
    letter-spacing: 0px;
    text-align: center;
  }
}

.noDataFound-desk {
  display: flex;
  justify-content: center;
}

.mt-9 {
  margin-top: 9px;
}

.filter-s {
  padding-top: 17.5px !important;
  margin-bottom: -20px;
}
.filter-s.filters-dock {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 112px;
  background-color: #ffffff;
  z-index: 5;
  border-radius: 5px;
  display: flex;
  overflow-x: scroll;
  padding-bottom: 10px;
}
.filter-s.filters-dock::-webkit-scrollbar {
  display: none;
}

.filter-p {
  padding-top: 17.5px !important;
  padding-bottom: 17.5px;
  margin-bottom: -41px;
}
.filter-p.dock_filter_desk_pos {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  margin: 0;
  padding: 0 5px;
  top: 105px;
  background-color: #ffffff;
  z-index: 99;
}

.filter-pl {
  padding-top: 17.5px !important;
  padding-bottom: 17.5px;
  margin-bottom: -26px;
}

/******************** my update ********************/
.parentDiv {
  position: relative;
  width: 100%;
  border-radius: inherit;
  overflow-x: scroll;
  overflow-y: scroll;
  min-height: 650px;
  max-height: 100vh;
  height: 440px;
  -webkit-overflow-scrolling: touch;
}

.insideParentDiv {
  position: absolute;
  width: 100%;
  height: 400px;
}

.insideParentDiv.fixedHeader {
  position: absolute;
  height: 400px;
}

.container .holding-tabs .ed-table #table-headings.docked_box_shadow {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
  width: 100%;
}

.container .holding-tabs .ed-table #table-headings.docked_box_shadow .valigntop,
.container .holding-tabs .ed-table #table-headings.docked_box_shadow .text-right {
  vertical-align: middle;
}

.container .holding-tabs .ed-table #table-headings.docked_box_shadow.adjust_desk_dock .valigntop,
.container .holding-tabs .ed-table #table-headings.docked_box_shadow.adjust_desk_dock .text-right {
  vertical-align: top;
}

.UnderstandSection {
  position: relative;
  top: 500px;
}

.positionSticky {
  position: -webkit-sticky;
  position: sticky;
  top: 210px;
}

.holdings-table-content-wrapper {
  margin-top: 10px;
}
.holdings-table-content-wrapper ::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}
.holdings-table-content-wrapper {
  /* Track */
}
.holdings-table-content-wrapper ::-webkit-scrollbar-track {
  background: transparent;
}
.holdings-table-content-wrapper {
  /* Handle */
}
.holdings-table-content-wrapper ::-webkit-scrollbar-thumb {
  background: #03002f;
  width: 4px !important;
  height: 4px !important;
}

.holdings-table-content-wrapper .webkitscrollblue ::-webkit-scrollbar-thumb {
  background: #03002f !important;
  width: 4px !important;
  height: 4px !important;
}
.holdings-table-content-wrapper .webkitscrollwhite ::-webkit-scrollbar-thumb {
  background: #fff !important;
  width: 4px !important;
  height: 4px !important;
}

.holdings-table-content-wrapper .webkitscrollwhite ::-webkit-scrollbar-thumb:horizontal {
  background: #03002f !important;
  width: 4px !important;
  height: 4px !important;
}

.holding_summary,
.position-summary,
.shimmer_summary {
  width: 24%;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.background_blue {
  background-color: #f0f9ff;
}

.shimmer_skeleton {
  display: flex;
  gap: 20px;
}

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

.yesterday-chg {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
  color: #727271;
}

.yesterday-chg-mob {
  font-family: "encodesans_normal";
  font-size: 0.625rem;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: right;
  color: #b8b8b8;
}

.img-loader {
  display: flex;
  width: 100%;
  margin-top: 20%;
  justify-content: center;
}

.loader-mob {
  margin-top: 65%;
}

.d-flexstart {
  align-items: flex-start !important;
}

@media (max-width: 1299px) {
  .container .holding-tabs .nav-tabs li button {
    font-size: 0.75rem;
  }
  .container .holding-tabs .nav-tabs li button.active {
    font-size: 0.75rem;
  }
  .custom-control.border-switch .border-switch-control-indicator {
    width: 25px;
    height: 15px;
  }
  .custom-control.border-switch .border-switch-control-indicator::after {
    top: 11%;
    left: 3px;
    width: 10px;
    height: 10px;
  }
  .custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator::after {
    left: 10px;
  }
  .teleport-switch-control-description {
    font-size: 0.75rem;
  }
  .container .holding-tabs #search-filter .d-flex .quantity,
  .container .holding-tabs #search-filter .d-flex .square_off {
    font-size: 0.75rem;
  }
  .container .holding-tabs #search-filter .taptopledge span {
    font-size: 0.75rem;
  }
  .taptopledge .border-switch {
    display: flex;
    align-items: center;
  }
  .container .holding-tabs #search-filter .holding-position-filter .downloads {
    font-size: 0.75rem;
  }
  .container .holding-tabs #search-filter .holding-position-filter .downloads button i.edel-icon-download {
    font-size: 1rem;
    top: 0;
  }
  .container .holding-tabs #search-filter .holding-position-filter .searchbar-c {
    width: unset;
  }
  .container .holding-tabs #search-filter .holding-position-filter .searchbar-c .input-group-prepend i {
    font-size: 1.1rem;
  }
  .container .holding-tabs #search-filter .holding-position-filter .searchbar-c input {
    font-size: 0.75rem;
  }
  .container .holding-tabs #search-filter .btn.sorting {
    font-size: 0.75rem;
  }
  .container .holding-tabs #search-filter .btn.filter {
    font-size: 0.75rem;
  }
  .container .holding-tabs .ed-table #tableContent td {
    font-size: 0.75rem;
  }
  .container .holding-tabs .ed-table #tableContent td:first-child {
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .container .holding-tabs .ed-table #tableContent td span.name {
    font-size: 0.75rem;
  }
  .container .holding-tabs .ed-table #tableContent td span.pnl {
    font-size: 0.75rem;
  }
  .container .holding-tabs .ed-table #tableContent td span.pnlchangepercent {
    font-size: 0.75rem;
  }
  .container .holding-tabs .ed-table #tableContent td span.stockValue {
    font-size: 0.75rem;
  }
  .container .holding-tabs .ed-table #tableContent td span.stockinc,
  .container .holding-tabs .ed-table #tableContent td span.stockincsec,
  .container .holding-tabs .ed-table #tableContent td span.stockdec,
  .container .holding-tabs .ed-table #tableContent td div.mtm .dec1,
  .container .holding-tabs .ed-table #tableContent td .mtm .dec2,
  .container .holding-tabs .ed-table #tableContent td div.net-qty .qtyUp {
    font-size: 0.75rem;
  }
  #search-filter .col-md-5 {
    width: 50%;
  }
  #search-filter .col-md-7 {
    width: 50%;
  }
  #search-filter .qty-drop {
    height: unset;
    margin-top: 0;
  }
  #search-filter .qty-drop .qty-drop-body {
    padding: 5% 10%;
  }
  #search-filter .qty-drop .qty-drop-body .qty-drop-bodylist li {
    padding: 5px 0;
    font-size: 0.75rem;
  }
}
.assetClassBgBlue {
  border: 1px solid rgba(53, 128, 247, 0.2);
  border-radius: 50%;
  display: flex;
  width: 21px;
  height: 21px;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.assetClassBgBlue .assetClassBgBlue_value {
  color: #3580f7;
  margin: 0;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 15px;
}

.icon-col {
  vertical-align: top;
}
.icon-col .assetClassBgBlue {
  border: none;
}
.icon-col .edel-icon-edit:before {
  font-size: 1rem;
}

.gap-1 {
  gap: 1px;
}

.gap3 {
  gap: 3px;
}

.edel-icon-move {
  font-size: 10px;
}

@media (min-width: 1100px) {
  #holding .container {
    max-width: 1024px;
  }
}
@media (min-width: 1200px) {
  #holding .container {
    max-width: 1140px;
  }
}
@media (min-width: 1300px) {
  #holding .container {
    max-width: 1200px;
  }
}

.txn-detail {
  display: flex;
  justify-content: space-between;
  padding: 20px 15px;
}
.txn-detail.mb-54 {
  margin-bottom: 68px;
}
.txn-detail .view-txn {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: right;
  color: #3580f7;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.txn-detail img {
  margin-right: 9px;
}

.holding-tabs-scrollable {
  display: flex;
  overflow-x: scroll;
  flex-wrap: nowrap;
}

.secondary-navy-theme .modalHoldingTitle .modal-content .modal-header {
  background-color: #f0f9ff !important;
}
.secondary-navy-theme .common-datepicker .custom_heading {
  background-color: #f0f9ff !important;
}
.secondary-navy-theme .common-datepicker .edel-icon-calendar-report::before {
  color: #3580f7 !important;
}
.secondary-navy-theme .common-datepicker .react-datepicker {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  border: 1px solid #b8b8b8;
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__header {
  background-color: #ffffff;
  font-family: "DMSansMedium";
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__current-month,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker-time__header,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker-year-header {
  color: #393939;
  font-family: "DMSansMedium";
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__current-month {
  margin: 13px 0;
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__day-name {
  color: #393939;
  font-family: "DMSansMedium";
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__day--selected,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__day--in-selecting-range,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__day--in-range,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__month-text--selected,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__month-text--in-selecting-range,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__month-text--in-range,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__quarter-text--selected,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__quarter-text--in-selecting-range,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__quarter-text--in-range,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__year-text--selected,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__year-text--in-selecting-range,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__year-text--in-range {
  background-color: #3580f7 !important;
  color: #ffffff !important;
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker .react-datepicker__day:hover,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker .react-datepicker__month-text:hover,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker .react-datepicker__quarter-text:hover,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker .react-datepicker__year-text:hover {
  color: #393939 !important;
  background-color: #3580f7 !important;
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__month-text--keyboard-selected,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__quarter-text--keyboard-selected,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__year-text--keyboard-selected {
  background-color: #3580f7;
  color: #ffffff;
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__day:hover,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__month-text:hover,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__quarter-text:hover,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__year-text:hover {
  background-color: #3580f7 !important;
  color: #ffffff;
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__navigation-icon--next {
  left: 0;
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__navigation-icon--next::before {
  left: 0;
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__navigation-icon--previous {
  left: 22px;
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__navigation-icon--previous::before {
  position: absolute;
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__navigation-icon--previous::before {
  right: unset;
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__navigation-icon::before {
  border-color: #03002f;
}
.secondary-navy-theme .common-datepicker .react-datepicker button {
  justify-content: center;
}
.secondary-navy-theme .common-datepicker .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #3580f7;
}
.secondary-navy-theme .common-datepicker .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-bottom-color: #3580f7;
}
.secondary-navy-theme .common-datepicker .react-datepicker-popper[data-placement^=bottom] {
  padding-top: 6px;
}
.secondary-navy-theme .common-datepicker .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  border-top-color: #3580f7;
}
.secondary-navy-theme .common-datepicker .react-datepicker__month-container {
  float: left;
  width: 100%;
  margin: 0 auto;
}
.secondary-navy-theme .common-datepicker .react-datepicker__day-names,
.secondary-navy-theme .common-datepicker .react-datepicker__week {
  white-space: nowrap;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 0.5rem;
}
.secondary-navy-theme .common-datepicker .react-datepicker__day-name,
.secondary-navy-theme .common-datepicker .react-datepicker__day,
.secondary-navy-theme .common-datepicker .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 2rem !important;
  height: 2rem !important;
  line-height: 1.7rem;
  text-align: center;
  margin: 0;
}
.secondary-navy-theme .common-datepicker .keyboard-daychange .react-datepicker__day--keyboard-selected.react-datepicker__day--in-range {
  background-color: #3580f7 !important;
  color: #ffffff !important;
}
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__month-select,
.secondary-navy-theme .common-datepicker .react-datepicker .react-datepicker__year-select {
  background: #ffffff;
  border: 1px solid #f0f9ff;
  width: 100%;
  margin: 10px auto;
  padding: 4px 3px;
  border-radius: 4px;
  position: relative;
  font-size: 0.75rem;
  color: #3580f7;
  font-family: "RobotoCondensedBold";
}
.secondary-navy-theme .common-datepicker button.react-datepicker__navigation {
  margin: 10px auto;
}
.secondary-navy-theme .common-datepicker .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after,
.secondary-navy-theme .common-datepicker .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  display: none;
}
.secondary-navy-theme .common-datepicker .react-datepicker-wrapper .react-datepicker__input-container button {
  height: 42px;
  border: unset;
  border-radius: 5px;
  width: 100%;
  background-color: unset;
  text-align: left;
  padding-left: 10px;
  font-size: 0.875rem;
  font-family: "EncodeSansSemiBold";
  color: #333333;
}
.secondary-navy-theme .custom_buttons {
  display: flex;
  gap: 15px;
  margin-top: 15.76px;
}
@media (max-width: 667px) {
  .secondary-navy-theme .custom_buttons {
    margin: 15px 20px !important;
  }
}
.secondary-navy-theme .custom_buttons button {
  padding: 14px 28px;
  border-radius: 6px;
  background: #ffffff;
  width: 236px;
  height: 48px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 140%;
  border-radius: 6px;
  border: 1px solid #3580f7 !important;
  color: #3580f7 !important;
}
.secondary-navy-theme .custom_buttons button:hover {
  background: #3580f7 !important;
  color: #ffffff !important;
}
.secondary-navy-theme .custom_buttons .active {
  background: #3580f7 !important;
  color: #ffffff !important;
}

.family-tagging-holding {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  justify-content: end;
  z-index: 998;
  width: fit-content;
  padding-top: 7px;
}

.dashboardtable #tableContent tr td {
  border-top: 0px;
  border-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.dashboardtable #tableContent tr:last-child td:last-child {
  border-bottom: 0px;
}
body {
  background: white !important;
  font-size: 16px;
}

*:focus {
  box-shadow: none !important;
}

.hide-nav-tabs {
  display: none;
}

.container .square-off-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  background: white;
  z-index: 99999;
  margin-right: -15px;
  margin-left: -15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: -26px;
  padding-bottom: 30px;
}
.container .position-filter-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 165px;
  z-index: 99999;
}
.container .square-off-state {
  color: #b8b8b8;
}
.container .square-off-selected-button-mobile {
  padding-top: 30px;
}
.container .square-off-selected-button-mobile button {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: center;
}
.container .square-off-selected {
  align-items: center;
}
.container .square-off-selected:nth-child(1) {
  padding: 15px 15px 10px 15px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.container .square-off-selected:nth-child(2) {
  padding: 0px 15px 15px 15px;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.container .square-off-selected {
  background-color: #f0f9ff;
}
.container .square-off-selected .days-mtm {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .square-off-selected .day-mtm-change {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
}
.container .square-off-selected .days-mtm-change-percentage {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 5px;
}
.container .square-off-position-left-container {
  position: relative;
}
.container .square-off-position-container-right {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  color: #444444;
}
.container .square-off-position-container-right .square-count {
  padding-right: 5px;
}
.container .select-all {
  padding-left: 25px;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .square-off-position-left-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  width: 16px;
  height: 16px;
}
.container {
  /* Create a custom checkbox */
}
.container .sqaure-checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
}
.container {
  /* When the checkbox is checked, add a blue background */
}
.container .square-off-position-left-container input:checked ~ .sqaure-checkmark {
  background-color: #3580f7;
}
.container {
  /* Create the checkmark/indicator (hidden when not checked) */
}
.container .sqaure-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container {
  /* Show the checkmark when checked */
}
.container .square-off-position-left-container input:checked ~ .sqaure-checkmark:after {
  display: block;
}
.container {
  /* Style the checkmark/indicator */
}
.container .square-off-position-left-container .sqaure-checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container .market-status-position-mobile .d-flex {
  padding-bottom: 6px !important;
}
.container .market-status-position-mobile .col-4:first-child {
  width: 22%;
  text-align: center !important;
}
.container .market-status-position-mobile .col-4:first-child span {
  text-align: right;
}
.container .market-status-position-mobile .col-4:nth-child(2) {
  width: 22%;
  text-align: center !important;
}
.container .market-status-position-mobile .col-4:nth-child(2) span {
  text-align: right;
}
.container .market-status-position-mobile .col-4:nth-child(3) {
  width: 24%;
  text-align: right !important;
}
.container .market-status-position-mobile .col-4:nth-child(3) span {
  text-align: right;
}
.container .market-status-position-mobile .col h3 {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  color: #b8b8b8;
}
.container .market-status-position-mobile .col span.realised-pnl-change,
.container .market-status-position-mobile .col .totalpnl,
.container .market-status-position-mobile .col .pnlchangepercent,
.container .market-status-position-mobile .col .realised-pnl,
.container .market-status-position-mobile .col .unrealise-pnl,
.container .market-status-position-mobile .col .un-realised-val span.unrealise-pnl-change {
  display: block !important;
}
.container .market-status-position-mobile .col .totalpnl,
.container .market-status-position-mobile .col .realised-pnl,
.container .market-status-position-mobile .col .unrealise-pnl {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0px;
}
.container .market-status-position-mobile .col .totalpnl .realised-pnl-change,
.container .market-status-position-mobile .col .totalpnl .unrealise-pnl-change,
.container .market-status-position-mobile .col .totalpnl .pnlchangepercent,
.container .market-status-position-mobile .col .realised-pnl .realised-pnl-change,
.container .market-status-position-mobile .col .realised-pnl .unrealise-pnl-change,
.container .market-status-position-mobile .col .realised-pnl .pnlchangepercent,
.container .market-status-position-mobile .col .unrealise-pnl .realised-pnl-change,
.container .market-status-position-mobile .col .unrealise-pnl .unrealise-pnl-change,
.container .market-status-position-mobile .col .unrealise-pnl .pnlchangepercent {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0px;
  text-align: right;
}
.container .market-status-position-mobile .col .totalpnl .realised-val,
.container .market-status-position-mobile .col .realised-pnl .realised-val,
.container .market-status-position-mobile .col .unrealise-pnl .realised-val {
  margin-top: 5px;
}
.container .market-status-position-mobile .col .totalpnl .realized_text,
.container .market-status-position-mobile .col .realised-pnl .realized_text,
.container .market-status-position-mobile .col .unrealise-pnl .realized_text {
  font-size: 0.5rem;
  line-height: 9px;
  font-family: "RobotoRegular";
  color: #b8b8b8;
}
.container #square-filter.wrapper-fil .d-flex {
  justify-content: space-between;
  align-items: center;
}
.container #square-filter.wrapper-fil {
  margin-top: 31px;
  margin-bottom: 31px;
}
.container #square-filter.wrapper-fil .square-off-disabled {
  color: #b8b8b8 !important;
  pointer-events: none;
}
.container #square-filter.wrapper-fil .square_off.ps-4 {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0px;
  text-align: left;
  color: #3580f7;
}
.container #square-filter.wrapper-fil .square_off.ps-4 img {
  margin-right: 7px;
}
.container #square-filter.wrapper-fil .summarize .custom-control {
  margin-left: 25px;
  margin-right: 10px;
}
.container #square-filter.wrapper-fil .summarize .custom-control .border-switch-control-indicator {
  margin-right: 5px;
}
.container #square-filter.wrapper-fil .summarize .custom-control .teleport-switch-control-description {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
}
.container #square-filter.wrapper-fil .inlcude_position {
  display: block;
  position: relative;
  padding-left: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container #square-filter.wrapper-fil .inlcude_position .teleport-switch-control-description {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  padding-left: 10px;
}
.container #square-filter.wrapper-fil .inlcude_position .teleport-switch-control-description sup {
  position: relative;
  left: -10px;
  top: -10px;
}
.container #square-filter.wrapper-fil {
  /* Hide the browser's default checkbox */
}
.container #square-filter.wrapper-fil .inlcude_position input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: 0px;
  width: 16px;
  height: 16px;
}
.container #square-filter.wrapper-fil {
  /* Create a custom checkbox */
}
.container #square-filter.wrapper-fil .teleport-switch-control-indicator {
  position: absolute;
  top: 4px;
  left: 0px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
}
.container #square-filter.wrapper-fil .inlcude_position:hover input ~ .teleport-switch-control-indicator {
  background-color: #cccccc;
}
.container #square-filter.wrapper-fil {
  /* When the checkbox is checked, add a blue background */
}
.container #square-filter.wrapper-fil .inlcude_position input:checked ~ .teleport-switch-control-indicator {
  background-color: #3580f7;
}
.container #square-filter.wrapper-fil {
  /* Create the checkmark/indicator (hidden when not checked) */
}
.container #square-filter.wrapper-fil .teleport-switch-control-indicator:after {
  content: "";
  position: absolute;
  display: none;
}
.container #square-filter.wrapper-fil {
  /* Show the checkmark when checked */
}
.container #square-filter.wrapper-fil .inlcude_position input:checked ~ .teleport-switch-control-indicator:after {
  display: block;
}
.container #square-filter.wrapper-fil {
  /* Style the checkmark/indicator */
}
.container #square-filter.wrapper-fil .inlcude_position .teleport-switch-control-indicator:after {
  left: 5px;
  top: 3px;
  width: 4px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container .market-status .d-flex:first-child {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.container #holdings .dayspnl-container .col-6:last-child {
  text-align: end;
}
.container #holdings .png-container-wrapper {
  z-index: 8;
}
.container #holdings .png-container-wrapper .dayspnl-container {
  padding: 13px 15px;
  background-color: #f2f2f5;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.container #holdings .png-container-wrapper .dayspnl-container.border-on-search-none {
  border-radius: 0;
  border: 0;
}
.container #holdings .png-container-wrapper .dayspnl-container h3 {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  color: #444444;
}
.container #holdings .png-container-wrapper .dayspnl-container .dayspnl {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}
.container #holdings .png-container-wrapper .dayspnl-container .daypnlchange {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}
.container #positions .mb-30 {
  margin-bottom: 30px;
}
.container #positions .dayspnl-container .col-6:last-child {
  text-align: end;
}
.container #positions .png-container-wrapper .dayspnl-container {
  padding: 13px 15px;
  background-color: #f2f2f5;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.container #positions .png-container-wrapper .dayspnl-container h3 {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  color: #444444;
}
.container #positions .png-container-wrapper .dayspnl-container .dayspnl {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}
.container #positions .png-container-wrapper .dayspnl-container .daypnlchange {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}
.container .market-status .d-flex {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.container .market-status .d-flex:first-child {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.container .market-status .col:last-child .totalpnl-val {
  margin: auto;
  width: fit-content !important;
}
.container .market-status .col:last-child .totalpnl-val .pnlchangepercent {
  text-align: right;
}
.container .market-status .col {
  text-align: center;
}
.container .market-status .col .investment-mob h3,
.container .market-status .col .curr-val-mob h3,
.container .market-status .col .totalpnl-heading h3,
.container .market-status .col .realised-pnl-head h3,
.container .market-status .col .un-realised-head h3 {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
  color: #b8b8b8;
}
.container .market-status .col .investment-mob .inv-val span,
.container .market-status .col .curr-val-mob .curr-val span,
.container .market-status .col .realised-val .totalpnl,
.container .market-status .col .un-realised-val .totalpnl {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  color: #444444;
  padding-top: 5px;
  display: block;
}
.container .market-status .col .totalpnl-val .totalpnl {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 16.41px;
  letter-spacing: 0px;
  margin-top: 5px;
}
.container .market-status .col .pnlchangepercent {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0px;
}
.container .labels span {
  font-family: "EncodeSansMedium";
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 12.5px;
  letter-spacing: 0em;
  text-align: center;
}
.container .labels span.N,
.container .labels span.C,
.container .labels span.R {
  height: 16px;
  width: 16px;
  border: 1px solid rgba(53, 128, 247, 0.2);
  border-radius: 50%;
  text-align: center;
  color: #3580f7;
  margin-left: 3px;
  display: block;
}
.container .labels span.EQ,
.container .labels span.MF,
.container .labels span.CNC,
.container .labels .NRML,
.container .labels .ETF,
.container .labels .FO,
.container .labels .MAP,
.container .labels .FNO,
.container .labels .FI,
.container .labels .CO,
.container .labels .RE,
.container .labels .ETF,
.container .labels .MF,
.container .labels .CDS,
.container .labels .BO,
.container .labels .MTF {
  border: 1px solid rgba(223, 167, 23, 0.2588235294);
  padding: 0px 2px;
  margin-left: 3px;
  border-radius: 2px;
  color: #dfa717;
  margin-left: 3px;
}
.container .labels span.SELL {
  border: 1px solid rgba(255, 107, 0, 0.2);
  margin-left: 3px;
  border-radius: 2px;
  padding: 0px 2px;
  color: #ff6b00;
}
.container .labels span.MIS {
  border: 1px solid rgba(221, 80, 77, 0.1803921569);
  padding: 0px 2px;
  margin-left: 3px;
  border-radius: 2px;
  color: #dd504d;
}
.container .labels span.BUY {
  border: 1px solid #51b255;
  padding: 0px 2px;
  border-radius: 2px;
  color: #51b255;
  margin-left: 3px;
}
.container .labels div:last-child {
  margin-right: 0px;
}
.container span.rounded-circle.exclamation {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  color: #3580f7;
  border: 1px solid #c2dbeb;
  position: relative;
  top: 3px;
}
.container span.rounded-circle.exclamation i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}
.container .back-button i {
  left: -8px;
  position: relative;
  color: #3580f7;
  font-size: 1.438rem;
  top: 1px;
}
@media (max-width: 1023px) {
  .container .back-button i {
    top: 4px;
  }
}
.container .main-heading.holdingstab-heading {
  font-family: "EncodeSansMedium";
  padding-right: 10px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0px;
}
.container .main-heading.holdingstab-heading .date-text {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  line-height: 17px !important;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 6px;
}
.container .main-heading.holdingstab-heading .date-text span {
  padding-right: 3px;
  color: #b8b8b8 !important;
}
.container .mx-0 {
  margin-right: 0 !important;
  margin-right: 0 !important;
}
.container .ed-holding-table-mobile #tableContent {
  border-bottom: 1px solid #f1f1f1;
}
.container .ed-holding-table-mobile .ed-market-name .name {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  color: #444444;
}
.container .ed-holding-table-mobile .ed-market-name .name span.name {
  display: flex;
}
.container .ed-holding-table-mobile .ed-market-name .name span.name:first-letter {
  text-transform: capitalize;
}
.container .ed-holding-table-mobile .ed-market-name .name span.name span:nth-child(1) {
  width: 139px;
  overflow: hidden;
}
.container .ed-holding-table-mobile .ed-market-name span.stockValue {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #444444;
}
.container .ed-holding-table-mobile .ed-market-name .ed-market-profit-loss {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  padding-left: 5px;
}
.container .ed-holding-table-mobile .ed-market-name .ed-market-profit-los {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  padding-left: 5px;
}
.container .ed-holding-table-mobile .ed-market-name .ed-market-profit-loss-change {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .ed-holding-table-mobile .ed-profit-loss .profit-loss {
  line-height: 19.6px;
  text-align: right;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.container .ed-holding-table-mobile .ed-profit-loss .profit-loss span.profit-loss {
  font-family: "DMSansNormal";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  color: #b8b8b8;
}
.container .ed-holding-table-mobile .ed-profit-loss .profit-loss .profit,
.container .ed-holding-table-mobile .ed-profit-loss .profit-loss .profit-loss-change {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 5px;
}
.container .ed-holding-table-mobile .ed-profit-loss .text-align-left-imp {
  text-align: left !important;
}
.container .ed-holding-table-mobile .ed-profit-loss .days-change {
  line-height: 19.6px;
  text-align: right;
}
.container .ed-holding-table-mobile .ed-profit-loss .days-change .days-text {
  font-family: "encodesans_normal";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: right;
  color: #b8b8b8;
}
.container .ed-holding-table-mobile .ed-profit-loss .days-change .days-profit-loss {
  font-family: "RobotoRegular";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0px;
  padding-left: 4px;
}
.container .ed-holding-table-mobile .ed-market-data {
  margin-top: 20px;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion .qty .qty-text,
.container .ed-holding-table-mobile .ed-market-data .left-portion .avg-price .avg-price-text,
.container .ed-holding-table-mobile .ed-market-data .left-portion .curr-val .curr-val-text,
.container .ed-holding-table-mobile .ed-market-data .col-9 .qty .qty-text,
.container .ed-holding-table-mobile .ed-market-data .col-9 .avg-price .avg-price-text,
.container .ed-holding-table-mobile .ed-market-data .col-9 .curr-val .curr-val-text {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  color: #b8b8b8;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion .qty .qty-value,
.container .ed-holding-table-mobile .ed-market-data .left-portion .avg-price .avg-price-value,
.container .ed-holding-table-mobile .ed-market-data .left-portion .curr-val .curr-val-value,
.container .ed-holding-table-mobile .ed-market-data .col-9 .qty .qty-value,
.container .ed-holding-table-mobile .ed-market-data .col-9 .avg-price .avg-price-value,
.container .ed-holding-table-mobile .ed-market-data .col-9 .curr-val .curr-val-value {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  padding-right: 5px;
  padding-left: 5px;
  color: #727271;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion .qty .qty-value::after,
.container .ed-holding-table-mobile .ed-market-data .left-portion .avg-price .avg-price-value::after,
.container .ed-holding-table-mobile .ed-market-data .col-9 .qty .qty-value::after,
.container .ed-holding-table-mobile .ed-market-data .col-9 .avg-price .avg-price-value::after {
  content: "•";
  color: #c4c4c4;
  padding-left: 5px;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion,
.container .ed-holding-table-mobile .ed-market-data .col-9 {
  overflow-wrap: break-word;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion .qty,
.container .ed-holding-table-mobile .ed-market-data .left-portion .avg-price,
.container .ed-holding-table-mobile .ed-market-data .left-portion .curr-val,
.container .ed-holding-table-mobile .ed-market-data .col-9 .qty,
.container .ed-holding-table-mobile .ed-market-data .col-9 .avg-price,
.container .ed-holding-table-mobile .ed-market-data .col-9 .curr-val {
  white-space: nowrap;
}
.container .ed-position-table-mobile .offset-1 {
  margin-left: 7.333333%;
}
.container .ed-position-table-mobile #tableContent {
  padding-top: 24px;
  padding-bottom: 24px;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #f1f1f1;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  width: 25px;
  position: relative;
}
.container .ed-position-table-mobile #tableContent .col-1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  width: 16px;
  height: 16px;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* Create a custom checkbox */
}
.container .ed-position-table-mobile #tableContent .col-1 .teleport-switch-control-indicator {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #dde2eb;
  border: 1px solid #7e8899;
  opacity: 0.25;
}
.container .ed-position-table-mobile #tableContent .col-1 :hover input ~ .teleport-switch-control-indicator {
  background-color: #cccccc;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* When the checkbox is checked, add a blue background */
}
.container .ed-position-table-mobile #tableContent .col-1 input:checked ~ .teleport-switch-control-indicator {
  background-color: #3580f7;
  border: 1px solid #3580f7;
  opacity: 1;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* Create the checkmark/indicator (hidden when not checked) */
}
.container .ed-position-table-mobile #tableContent .col-1 .teleport-switch-control-indicator:after {
  content: "";
  position: absolute;
  display: none;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* Show the checkmark when checked */
}
.container .ed-position-table-mobile #tableContent .col-1 input:checked ~ .teleport-switch-control-indicator:after {
  display: block;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* Style the checkmark/indicator */
}
.container .ed-position-table-mobile #tableContent .col-1 .teleport-switch-control-indicator:after {
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container .ed-position-table-mobile .ed-market-name .name {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  color: #444444;
}
.container .ed-position-table-mobile .ed-market-name span.stockValue {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #444444;
}
.container .ed-position-table-mobile .ed-market-name .ed-market-profit-loss {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .ed-position-table-mobile .ed-market-name .ed-market-profit-los {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .ed-position-table-mobile .ed-market-name .ed-market-profit-loss-change {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .ed-position-table-mobile .ed-profit-loss .profit-loss {
  line-height: 19.6px;
  text-align: right;
}
.container .ed-position-table-mobile .ed-profit-loss .profit-loss span.profit-loss {
  font-family: "encodesans_normal";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  color: #b8b8b8;
}
.container .ed-position-table-mobile .ed-profit-loss .profit-loss span.na {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
  padding-left: 5px;
}
.container .ed-position-table-mobile .ed-profit-loss .profit-loss .profit,
.container .ed-position-table-mobile .ed-profit-loss .profit-loss .profit-loss-change {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 5px;
}
.container .ed-position-table-mobile .ed-profit-loss .days-change {
  line-height: 19.6px;
  text-align: right;
}
.container .ed-position-table-mobile .ed-profit-loss .days-change .days-text {
  font-family: "DMSansNormal";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: right;
  color: #b8b8b8;
}
.container .ed-position-table-mobile .ed-profit-loss .days-change .days-profit-loss {
  font-family: "RobotoRegular";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0px;
  padding-left: 4px;
}
.container .ed-position-table-mobile .ed-market-data {
  margin-top: 20px;
}
.container .ed-position-table-mobile .ed-market-data .col-7 .qty .qty-text,
.container .ed-position-table-mobile .ed-market-data .col-7 .avg-price .avg-price-text {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  padding-right: 5px;
  color: #b8b8b8;
}
.container .ed-position-table-mobile .ed-market-data .col-7 .qty .qty-value,
.container .ed-position-table-mobile .ed-market-data .col-7 .avg-price .avg-price-value {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  padding-right: 5px;
  color: #444444;
}
.container .ed-position-table-mobile .ed-market-data .col-7 .qty .qty-value::after {
  content: "•";
  color: #c4c4c4;
  padding-left: 5px;
}
.container .holding-tabs .nav-tabs {
  top: 0px !important;
  z-index: 999 !important;
  background: #ffffff;
  border-bottom-color: #e7e7e7;
}
.container .holding-tabs .nav-tabs li button {
  border-top: none;
  border-right: none;
  border-left: none;
  background: transparent;
  font-family: "encodesans_normal";
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  text-wrap: nowrap;
  white-space: nowrap;
  padding: 5px 10px 10.5px 10px;
  color: #727271;
}
.container .holding-tabs .nav-tabs li button.active {
  border-color: #3580f7;
  font-family: "EncodeSansMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  color: #3580f7;
}
.container .holding-tabs .nav-tabs li span.badge {
  background-color: #3580f7 !important;
  height: 19px;
  width: 19px;
  font-family: "RobotoMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0px;
  text-align: center;
}
.container .holding-tabs .nav-tabs li span.badge span {
  position: relative;
  left: -2px;
  top: -1px;
}
.container .holding-tabs #search-filter #summarize-mob {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  justify-content: space-between;
}
.container .holding-tabs #search-filter #summarize-mob .summarize span.teleport-switch-control-description {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17.5px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .holding-tabs #search-filter .d-flex {
  align-items: center;
}
.container .holding-tabs #search-filter .d-flex .summarize {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .holding-tabs #search-filter .d-flex .inlcude_position {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .holding-tabs #search-filter .d-flex .inlcude_position input {
  height: 25px;
  width: 25px;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
}
.container .holding-tabs #search-filter .d-flex .inlcude_position label {
  display: flex;
  align-items: center;
}
.container .holding-tabs #search-filter .d-flex .inlcude_position label sup {
  top: -12px;
  margin-left: -10px;
}
.container .holding-tabs #search-filter .d-flex .quantity,
.container .holding-tabs #search-filter .d-flex .square_off {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  color: #3580f7;
}
.container .holding-tabs #search-filter .d-flex .quantity i.edel-icon-arrow-down:before,
.container .holding-tabs #search-filter .d-flex .square_off i.edel-icon-arrow-down:before {
  position: relative;
  right: 12px;
  top: 3px;
}
.container .holding-tabs #search-filter .d-flex .quantity img,
.container .holding-tabs #search-filter .d-flex .square_off img {
  margin-right: 10px;
}
.container .holding-tabs #search-filter .d-flex .quantity .tap-to-pledge,
.container .holding-tabs #search-filter .d-flex .square_off .tap-to-pledge {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
}
.container .holding-tabs #search-filter .d-flex .quantity .tap-to-pledge a,
.container .holding-tabs #search-filter .d-flex .square_off .tap-to-pledge a {
  color: #3580f7;
}
.container .holding-tabs #search-filter .d-flex .tap-to-pledge i {
  color: #3580f7;
  padding-right: 10.4px;
}
.container .holding-tabs #search-filter .d-flex .tap-to-pledge span {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper {
  display: flex;
  margin: 0px -15px;
  padding: 10.5px 0px;
  background-color: #f0f9ff;
  align-items: center;
}
.container .holding-tabs #search-filter .filter-wrapper button {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads {
  background-color: #f0f9ff !important;
  color: #3580f7;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  border-radius: 0px;
  border: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button {
  border: 0px !important;
  border-radius: 0px;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button i.edel-icon-download {
  font-size: 1.563rem;
  position: relative;
  top: 1px;
}
.container .holding-tabs #search-filter .filter-wrapper .left-thin-arrow-expand {
  margin-left: 15px !important;
  padding-left: 0px !important;
  padding-right: 10px !important;
  line-height: 24px !important;
  transform: rotate(180deg);
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.container .holding-tabs #search-filter .filter-wrapper .left-thin-arrow-expand::before {
  font-size: 0.375rem;
}
.container .holding-tabs #search-filter .filter-wrapper .p-10 {
  padding-left: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .close-expand {
  height: 36px;
  margin-left: 0px;
  margin-right: 15px !important;
  padding-right: 10px !important;
  border: 0px !important;
  color: #3580f7;
  font-size: 1rem;
  line-height: 27px;
  padding-left: 7px;
  line-height: 30px !important;
  color: #b8b8b8 !important;
}
.container .holding-tabs #search-filter .filter-wrapper .close-expand::before {
  font-size: 0.563rem;
}
.container .holding-tabs #search-filter .filter-wrapper .close-expand {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c {
  display: flex;
  width: 100%;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i {
  background-color: #f0f9ff;
  padding-left: 15px;
  padding-right: 0px;
  border: 0px !important;
  color: #3580f7;
  font-size: 1rem;
  line-height: 34px;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i:before {
  top: 1px;
  position: relative;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i.edel-icon-close {
  padding: 7px 0px 13px 4px;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i.edel-icon-left-arrow {
  background-color: #f0f9ff;
  padding-left: 15px;
  padding-right: 0px;
  border: 0px !important;
  color: #3580f7;
  font-size: 1rem;
  line-height: 34px;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i.edel-icon-left-arrow:before {
  font-size: 0.625rem;
  top: 4px;
  margin-left: 10px;
  position: relative;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c input {
  background-color: #f0f9ff;
  border: 0px !important;
  padding-left: 8px;
  width: 100%;
  border-radius: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c input::placeholder {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button {
  border: 0px;
  background-color: #f0f9ff;
  border: 0px !important;
  border-radius: 0px;
  padding-right: 15px;
  color: #0d6efd;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button:hover {
  color: #0d6efd;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button i {
  font-size: 0.85rem;
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button .sort-filter-icon {
  position: relative;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button .sort-filter-icon .sort-filter-selected {
  background: #dd504d;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  right: -2px;
  top: -1px;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button {
  background-color: #f0f9ff;
  border-radius: 0px;
  padding-right: 15px;
  color: #0d6efd;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button:hover {
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button i {
  font-size: 0.938rem;
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button .filter-icon {
  position: relative;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button .filter-icon .filter-selected {
  background: #dd504d;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  right: -2px;
  top: -1px;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button::after {
  border-right: 1px solid #e7e7e7 !important;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads {
  height: 23px;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads::before {
  font-size: 1rem;
  content: "";
  border-left: 1px solid #e7e7e7 !important;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button {
  border: 0px;
  background-color: #f0f9ff;
  border: 0px !important;
  border-radius: 0px;
  color: #0d6efd;
  padding-left: 15px;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button i {
  font-size: 1.25rem;
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button:hover {
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper.dock-filterbar-mob {
  position: fixed;
  top: 110px;
  width: 102%;
  z-index: 9;
}
.container .holding-tabs #search-filter .filter-wrapper.dock-filterbar-mob.-top-push {
  top: 160px;
}
.container .holding-tabs #search-filter .filter-wrapper.dock-filterbar-mob-pos {
  position: fixed;
  top: 160px;
  width: 102%;
  z-index: 99;
}
.container .holding-tabs .holdings-table-content-wrapper {
  margin-top: 29px;
}
.container .holding-tabs .ed-table {
  margin-bottom: 20px;
}
.container .holding-tabs .ed-table #table-headings {
  padding: 14px;
}
.container .holding-tabs .ed-table #table-headings td {
  border-bottom-width: 0px;
}
.container .holding-tabs .ed-table #table-headings td:first-child {
  width: 275px !important;
  padding-left: 15px;
}
.container .holding-tabs .ed-table #table-headings td:first-child {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #727271;
}
.container .holding-tabs .ed-table #table-headings td:first-child .sort-caret .d-flex {
  margin-top: -3px;
  align-items: center !important;
  flex-direction: column !important;
}
.container .holding-tabs .ed-table #table-headings td:first-child .sort-caret .d-flex div {
  height: 6px;
  padding-left: 5px;
}
.container .holding-tabs .positions-table .no-position-open {
  padding-top: 30px;
  margin-left: -15px;
  margin-right: -15px;
}
.container .holding-tabs .positions-table .no-position-open .inc-pos-message {
  padding-bottom: 30px;
}
.container .holding-tabs .positions-table .no-position-open .inc-pos-message p {
  margin-top: 9px;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: center;
  color: #727271;
}
.container .holding-tabs .positions-table .teleport-switch-control-description {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17.5px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
  position: relative;
  top: 0px;
}
@media screen and (min-width: 1180px) {
  .container .holding-tabs .positions-table #holding {
    padding: 0px 112px;
  }
}
.container .name .name.holding .readmore i,
.container .name .name.position .readmore i {
  font-size: 1.25rem;
  position: relative;
  top: 0;
  left: 0;
}
.container .name .readmore {
  color: #03002f;
  position: relative;
  top: -4px;
}
.container .name .readmore i {
  font-size: 1.25rem;
  position: relative;
  top: 25px;
  left: -3px;
}
.container .name .tag {
  padding-left: 5px;
  position: relative;
  top: -0.4px !important;
}
.container span.name {
  font-family: "EncodeSansMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  color: #444444;
  display: flex;
}
.container span.tag {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #b8b8b8;
  position: relative;
  top: -2px;
}
.container span.pnl {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
}
.container span.pnlchangepercent {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .change-red {
  color: #dd504d !important;
}
.container .change-up {
  color: #3580f7 !important;
}
.container .change-green {
  color: #51b255 !important;
}
.container .custom-control.teleport-switch {
  --color: $secondary-navy;
  padding-left: 0;
}
.container .teleport-switch-control-description {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17.5px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
  position: relative;
  top: 0px;
}
.container .custom-control.teleport-switch .teleport-switch-control-input {
  display: none;
}
.container .custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator {
  border-color: var(--color);
}
.container .custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::after {
  left: -14px;
}
.container .custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::before {
  right: 3px;
  top: 3px;
  background-color: var(--color);
}
.container .custom-control.teleport-switch .teleport-switch-control-input:disabled ~ .teleport-switch-control-indicator {
  opacity: 0.4;
}
.container .custom-control.teleport-switch .teleport-switch-control-indicator {
  display: inline-block;
  position: relative;
  margin: 0 5px 0px 0px;
  top: 2px;
  width: 32px;
  height: 19px;
  background: #ffffff;
  border-radius: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #cccccc;
  overflow: hidden;
}
.container .custom-control.teleport-switch .teleport-switch-control-indicator::after {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: 3px;
  left: 3px;
  background: #cccccc;
}
.container .custom-control.teleport-switch .teleport-switch-control-indicator::before {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: 2px;
  right: -14px;
  background: #cccccc;
}
@media screen and (min-width: 1180px) {
  .container #holding {
    padding: 0px 112px;
  }
}
.container .ed-table .row col:first-child {
  width: 226px !important;
}
.container ::-webkit-scrollbar {
  width: 1px;
  height: 2px;
}
.container {
  /* Track */
}
.container ::-webkit-scrollbar-track {
  background: transparent;
}
.container {
  /* Handle */
}
.container ::-webkit-scrollbar-thumb {
  background: #3580f7;
}
.container .noDataFound {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
}

#positions span.name span.name-readmore {
  width: 130px;
  overflow: hidden;
  text-transform: capitalize;
  word-break: break-all;
}
#positions span.name .w-auto {
  width: 164px !important;
}
#positions .ed-alert-position {
  padding: 12px 15px;
  color: #d69a26;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  background: #fffbec;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  align-items: center;
}
#positions .ed-alert-position i {
  border: 1px solid;
  border-radius: 50%;
  padding: 4px;
  font-size: 0.625rem;
}
#positions .ed-alert-position-closed {
  padding: 12px 15px;
  color: #dd504d;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  background: #fceded;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  align-items: center;
}
#positions .ed-alert-position-closed .div-alert-text:nth-child(1) {
  width: 33%;
}
#positions .ed-alert-position-closed .div-alert-text:nth-child(2) {
  width: 55%;
}
#positions .ed-alert-position-closed i {
  border: 1px solid;
  border-radius: 50%;
  padding: 4px;
  font-size: 0.625rem;
}
#positions .closed-position-label {
  background: #fff2f2;
  padding-left: 20px;
  color: #727271;
  margin-left: -15px;
  margin-right: -15px;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
}
#positions .closed-position-label span.badge {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
  color: #3580f7;
  padding-left: 5px;
}
#positions .include-position-label {
  background: #eef7ee;
  padding-left: 20px;
  color: #727271;
  margin-left: -15px;
  margin-right: -15px;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
}
#positions .include-position-label span.badge {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
  color: #3580f7;
  padding-left: 5px;
}

.un-realised-val {
  margin-top: 5px;
}

.empty-val {
  color: #b8b8b8;
}

.position-scroll {
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 30px;
  position: fixed;
  top: 63px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #ffffff;
  z-index: 9999;
}

.holding-tab-dock {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 0px 15px;
  background-color: #fff;
  z-index: 9999;
}

.png-container-dock {
  left: 0;
  right: 0;
  position: fixed;
  top: 50px;
  z-index: 1;
}

.png-position-dock {
  width: 102%;
  margin-left: -15px;
  margin-right: -15px;
  position: fixed;
  top: 117px;
  z-index: 9;
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
}

.all-quantity {
  width: 32%;
  white-space: nowrap;
}
.all-quantity .btn-select-qty-mob {
  border: none;
  color: #3580f7;
  background-color: #ffffff;
  padding: 12px 10px 12px 12px;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "EncodeSansMedium";
}
.all-quantity i.edel-icon-arrow-down {
  top: 2px !important;
  color: #3580f7;
  position: relative;
}

.pos_filter_dock_mob {
  position: fixed;
  top: 165px;
  width: 100%;
  padding: 0 5px;
  background-color: #ffffff;
  z-index: 99;
  border-radius: 5px;
  height: 50px;
}

.dockfilters-tag-push {
  position: fixed;
  top: 160px;
  width: 100%;
}

.dockfilters-tag-push-pos {
  position: fixed;
  top: 210px;
  width: 102%;
}

.hover-col .scrip-accordion .btn.btn-primary {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.holding-slider-button-watchlist-style {
  height: 30px;
  width: 30px;
  display: flex;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
}
.holding-slider-button-watchlist-style.holding-acc-watchlist::after {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}
.holding-slider-button-watchlist-style .accordion-button {
  width: 30px !important;
  padding: 0px 0px !important;
}
.holding-slider-button-watchlist-style .accordion-button::after {
  width: auto;
  height: auto;
  margin-left: 0px !important;
  background-color: #ffffff !important;
}

.grid-custom-100-mb {
  display: grid;
  grid-template-columns: 180px auto;
}

.w-add-cta {
  width: 44px !important;
}

.w-sqoff-cta {
  width: 65px !important;
}

.w-unset {
  width: unset;
}:root {
  font-size: 16px;
}

.calender-section {
  background: #ffffff;
  padding-bottom: 10px;
  padding-top: 10px;
}

.calender-sub-section {
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 640px) {
  .calender-sub-section {
    width: auto;
  }
}
@media screen and (min-width: 1024px) {
  .calender-sub-section {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.calendar_date {
  font-family: "EncodeSansLight";
  font-style: normal;
  font-size: 1.25rem;
  line-height: 140%;
  color: #444444;
  display: flex;
  align-items: center;
}
@media (max-width: 640px) {
  .calendar_date {
    justify-content: space-between;
  }
}
.calendar_date .fin_year {
  font-family: "EncodeSansSemiBold";
}
.calendar_date .calendar_change {
  color: #3580f7;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  line-height: 140%;
  margin-left: 15px;
  cursor: pointer;
  margin-top: 5px;
}
.calendar_date .calendar_change i {
  font-size: 1.125rem;
}

.dock_filter_desk {
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  margin: 0;
  padding: 15px 5px 0px 0px;
  top: 110px;
  background-color: #ffffff;
  z-index: 5;
}

.selected_option {
  width: 200px;
  height: 30px;
  border: 1px solid #ebf2fe;
  border-radius: 5px;
  cursor: pointer;
  font-family: "Encode Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  color: #3580f7;
  margin: 13px 0px 3px 0px;
  display: grid;
  grid-template-columns: 1fr 40px;
  align-items: center;
}
.selected_option span {
  padding: 5px 5px 5px 10px;
}
.selected_option .edel-icon-arrow-down {
  width: 25px;
}

.select_options {
  width: 200px;
  border: 1px solid #f0f9ff;
  box-shadow: 0px 4px 15px rgba(53, 128, 247, 0.05);
  border-radius: 3px;
  position: absolute;
  background: #ffffff;
  display: grid;
  align-items: center;
  z-index: 99999;
  max-height: 210px;
  overflow-y: scroll;
  padding: 0 10px;
  top: 46px;
}
@media (max-width: 1023px) {
  .select_options {
    top: 35px;
  }
}
.select_options span {
  width: 100%;
  height: 42px;
  border-bottom: 1px solid #f0f9ff;
  font-family: "Encode Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 22px;
  justify-self: center;
  padding-top: 10px;
  cursor: pointer;
}

.other_options {
  width: 200px;
  border: 1px solid #f0f9ff;
  box-shadow: 0px 4px 15px rgba(53, 128, 247, 0.05);
  border-radius: 3px;
  position: absolute;
  background: #ffffff;
  top: 118px;
  display: grid;
  align-items: center;
  z-index: 99999;
}
.other_options span {
  width: 179px;
  height: 42px;
  border-bottom: 1px solid #f0f9ff;
  font-family: "Encode Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 22px;
  justify-self: center;
  padding-top: 10px;
  cursor: pointer;
}

.summary_details {
  display: flex;
  font-family: "EncodeSansRegular";
  gap: 27px;
  top: 49px;
  z-index: 97;
  background-color: #f8f7fa;
  position: -webkit-sticky;
  position: sticky;
  border-radius: 5px;
}
.summary_details .summary_box {
  width: 33%;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.summary_details .summary_box .tag {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  color: #b8b8b8;
  margin: 16px 0px 0px 15px;
}
.summary_details .summary_box .summary_value {
  display: flex;
  font-family: "RobotoMedium";
}
.summary_details .summary_box .summary_value .value {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 140%;
  margin-left: 15px;
  display: flex;
}
.summary_details .summary_box .summary_value .percentage {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 130%;
  align-self: end;
  margin-bottom: 10px;
  margin-left: 5px;
}

.calendar_container {
  border-radius: 5px;
  z-index: 99999;
  width: 272px;
  cursor: pointer;
  height: 296px;
  padding: 20px 14px 16px 20px;
  font-family: "EncodeSansRegular";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  margin: 20px 100px;
  box-shadow: inset 0px 0px 0px 20px #f0f9ff;
  position: absolute;
  background-color: #ffffff;
}
.calendar_container .calendar_arrow {
  width: 22px;
  height: 22px;
  background: #f0f9ff;
  transform: rotate(45deg);
  margin-left: 220px;
  margin-top: -30px;
}
.calendar_container .calendar_list {
  padding-left: 6px;
  padding-top: 10px;
}
.calendar_container .calendar_list span {
  padding: 0px 0px 0px 20px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: auto 20px;
  width: 220px;
  height: 31px;
  align-items: center;
}
.calendar_container .calendar_list span i {
  font-size: 0.625rem;
  color: #3580f7;
  align-self: center;
  margin-right: 20px;
  right: 0;
}
.calendar_container .calendar_list :hover,
.calendar_container .calendar_list :hover span,
.calendar_container .calendar_list :hover i {
  background: #3580f7;
  color: #ffffff;
  border-radius: 5px;
}

.pnl-actions {
  margin-top: 10px;
  display: flex;
}
.pnl-actions .bg-white {
  background-color: #ffffff !important;
}
.pnl-actions .summarize-pnl .summarize .teleport-switch-control-description {
  top: 1px;
  left: -6px;
}
.pnl-actions .summarize-pnl .summarize .custom-control.border-switch {
  top: -2px;
  position: relative;
}
.pnl-actions .summarize-pnl .summarize .custom-control.border-switch .border-switch-control-indicator {
  width: 32px;
  height: 19px;
  border: 0.5px solid #cacac9 !important;
  border-radius: 10px;
}
.pnl-actions .summarize-pnl .summarize .custom-control.border-switch .border-switch-control-indicator::after {
  height: 11px;
  width: 11px;
  left: 4px;
  background-color: #b8b8b8;
}
.pnl-actions .summarize-pnl .summarize .custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator::after {
  left: 14.5px;
  background-color: #3580f7;
}
.pnl-actions .summarize-pnl .summarize .custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator {
  border-color: #3580f7 !important;
}
.pnl-actions .downloads {
  background-color: #f0f9ff;
  color: #3580f7;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  width: 132px;
  height: 44px;
  border-radius: 5px;
  margin-right: 10px;
  border: 0px !important;
}
.pnl-actions .downloads button {
  padding: 12px 12px 12px 0px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.pnl-actions .downloads button i.edel-icon-download {
  font-size: 1.188rem;
  position: relative;
  top: -2px;
}
.pnl-actions .expand-search {
  border-radius: 5px;
  border: 1px solid #3580f7;
}
.pnl-actions .ser-icon {
  border-left: 1px solid #3580f7 !important;
  border-bottom: 1px solid #3580f7 !important;
  border-top: 1px solid #3580f7 !important;
}
.pnl-actions .input-ex {
  border-bottom: 1px solid #3580f7 !important;
  border-top: 1px solid #3580f7 !important;
  margin-left: -2px;
  margin-right: -2px;
}
.pnl-actions .ex-close {
  border-right: 1px solid #3580f7 !important;
  border-bottom: 1px solid #3580f7 !important;
  border-top: 1px solid #3580f7 !important;
}
.pnl-actions .searchbar-c {
  margin-right: 10px;
  width: 277px;
}
.pnl-actions .searchbar-c .input-group-prepend {
  border: 0px !important;
}
.pnl-actions .searchbar-c .input-group-prepend i {
  height: 44px !important;
  background-color: #f0f9ff;
  padding-left: 5px;
  padding-right: 0px;
  border: 0px;
  font-size: 1.5rem;
  color: #3580f7;
  font-weight: 600;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.pnl-actions .searchbar-c .input-group-prepend i.edel-icon-close {
  font-size: 0.563rem !important;
  padding-left: 6px;
  padding-right: 10px;
  color: #b8b8b8;
  line-height: 16px;
  cursor: pointer;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.pnl-actions .searchbar-c .input-group-prepend .edel-icon-close-expand {
  border-right: 1px solid;
  border-bottom: 1px solid;
}
.pnl-actions .searchbar-c input {
  height: 44px !important;
  background-color: #f0f9ff;
  border: 0px;
  padding-left: 8px;
  padding-bottom: 12px;
}
.pnl-actions .searchbar-c input::placeholder {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}
.pnl-actions .sort button {
  height: 44px !important;
  border: 0px;
  width: 44px !important;
  background-color: #f0f9ff;
  margin-right: 10px;
}
.pnl-actions .sort button:hover {
  color: #0d6efd;
}
.pnl-actions .sort button img {
  margin-top: -3px;
}
.pnl-actions .sort .sort-filter-icon {
  position: relative;
}
.pnl-actions .sort .sort-filter-icon .sort-filter-selected {
  background: #dd504d;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  right: -2px;
  top: -1px;
}
.pnl-actions .filter button {
  height: 44px !important;
  border: 0px;
  background-color: #f0f9ff;
  width: 44px !important;
}
.pnl-actions .filter button:hover {
  color: #0d6efd;
}
.pnl-actions .filter button img {
  margin-top: -3px;
}
.pnl-actions .filter button .filter-icon {
  position: relative;
}
.pnl-actions .filter button .filter-icon .filter-selected {
  background: #dd504d;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  right: -2px;
  top: -1px;
}

.date_band {
  display: grid;
  grid-template-columns: auto 15px;
  height: 37px;
  background: #fffbec;
  border-radius: 5px;
  margin-top: 10px;
  font-family: "EncodeSansRegular";
  font-size: 1rem;
  line-height: 18px;
  color: #dfa717;
  padding: 11px;
}
.date_band i {
  font-size: 0.688rem;
  border-radius: 60px;
  border: 1px solid #dfa717;
  width: 16px;
  height: 16px;
  padding-top: 2px;
  padding-left: 1px;
  cursor: pointer;
}

.pnl_table {
  width: 100%;
  margin: 0px;
  align-items: center;
}
.pnl_table #pnl_head {
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 140%;
  color: #727271;
  padding: 14px;
  top: 120px;
  background-color: #fff;
  z-index: 5;
  height: 20px;
  position: -webkit-sticky;
  position: sticky;
}
.pnl_table #pnl_head tr {
  border-radius: 4px;
  width: 100% !important;
  text-align: left;
}
.pnl_table #pnl_head tr :hover {
  cursor: default;
}
.pnl_table #pnl_head tr td {
  padding: 8px 10px 10px 8px;
}
.pnl_table #pnl_head .stocks {
  padding-left: 20px;
  text-align: left;
  width: 250px !important;
}
.pnl_table #pnl_head.adjust_desk_dock {
  top: 190px;
}
.pnl_table #pnl_body {
  text-align: left;
}
.pnl_table #pnl_body .pnl_table_data {
  height: 50px;
  border-radius: 4px;
  width: 100% !important;
}
.pnl_table #pnl_body .pnl_table_data .assetClassBgBlue {
  margin-right: 10px;
}
.pnl_table #pnl_body .pnl_table_data:last-child {
  padding: 10px;
}
.pnl_table #pnl_body .pnl_table_data td {
  font-family: "RobotoMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
}
@media screen and (max-width: 1024px) {
  .pnl_table #pnl_body .pnl_table_data td {
    padding: 0px;
  }
}
.pnl_table #pnl_body .pnl_table_data td {
  padding: 10px 5px;
}
.pnl_table #pnl_body .pnl_table_data td:last-child {
  padding: 10px !important;
}
.pnl_table #pnl_body .pnl_table_data .stocks {
  padding-left: 10px;
  padding-right: 5px;
  text-align: left;
  width: 250px !important;
}
.pnl_table #pnl_body .pnl_table_data .stocks div {
  padding-top: 5px;
}
.pnl_table #pnl_body .pnl_table_data .stocks .name.p_and_l {
  display: flex;
}
.pnl_table #pnl_body .pnl_table_data .stocks .name-readmore {
  width: 100%;
  overflow: hidden;
  word-break: break-all;
}
.pnl_table #pnl_body .pnl_table_data .stocks .readmore {
  color: #3580f7;
  position: relative;
  position: relative;
  top: -4px;
}
.pnl_table #pnl_body .pnl_table_data .stocks .readmore i {
  font-size: 1.25rem;
  position: relative;
  top: 27px;
  left: -3px;
}
.pnl_table #pnl_body .pnl_table_data .no_border td {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  border-radius: 0px !important;
}
.pnl_table #pnl_body .pnl_table_data.cursor-default {
  cursor: default !important;
}
.pnl_table #pnl_body .pnl_table_data.cursor-default :hover {
  cursor: default !important;
}
.pnl_table #pnl_body .pnl_table_data :hover {
  cursor: pointer;
}
.pnl_table #pnl_body tr {
  width: 100% !important;
}
.pnl_table #pnl_body tr .stocks {
  padding-left: 20px;
  width: 250px !important;
}
.pnl_table #pnl_body tr .stocks span {
  font-family: "EncodeSansMedium";
}
.pnl_table #pnl_body #selected_row {
  background-color: #f0f9ff;
}
.pnl_table #pnl_body .labels span {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: center;
}
.pnl_table #pnl_body .labels div.N,
.pnl_table #pnl_body .labels div.C,
.pnl_table #pnl_body .labels div.R {
  height: 21px;
  width: 21px;
  border: 1px solid rgba(53, 128, 247, 0.2);
  border-radius: 50%;
  text-align: center;
  color: #3580f7;
  margin-right: 10px;
}
.pnl_table #pnl_body .labels div.N span,
.pnl_table #pnl_body .labels div.C span,
.pnl_table #pnl_body .labels div.R span {
  position: relative;
  top: -1px;
}
.pnl_table #pnl_body .labels div.EQ,
.pnl_table #pnl_body .labels div.CNC,
.pnl_table #pnl_body .labels div.CDS,
.pnl_table #pnl_body .labels div.BO,
.pnl_table #pnl_body .labels .NRML,
.pnl_table #pnl_body .labels .FO,
.pnl_table #pnl_body .labels .MAP,
.pnl_table #pnl_body .labels .FNO,
.pnl_table #pnl_body .labels .ETF,
.pnl_table #pnl_body .labels .MF,
.pnl_table #pnl_body .labels .FI,
.pnl_table #pnl_body .labels .CO,
.pnl_table #pnl_body .labels .RE,
.pnl_table #pnl_body .labels .ETF,
.pnl_table #pnl_body .labels .MF {
  border: 1px solid #dfa717;
  padding: 0px 4px;
  margin-right: 10px;
  border-radius: 2px;
}
.pnl_table #pnl_body .labels div.EQ span,
.pnl_table #pnl_body .labels div.CNC span,
.pnl_table #pnl_body .labels div.CDS span,
.pnl_table #pnl_body .labels div.BO span,
.pnl_table #pnl_body .labels .NRML span,
.pnl_table #pnl_body .labels .FO span,
.pnl_table #pnl_body .labels .MAP span,
.pnl_table #pnl_body .labels .FNO span,
.pnl_table #pnl_body .labels .ETF span,
.pnl_table #pnl_body .labels .MF span,
.pnl_table #pnl_body .labels .FI span,
.pnl_table #pnl_body .labels .CO span,
.pnl_table #pnl_body .labels .RE span,
.pnl_table #pnl_body .labels .ETF span,
.pnl_table #pnl_body .labels .MF span {
  color: #dfa717;
  position: relative;
  top: -1px;
}
.pnl_table #pnl_body .labels .ETF {
  margin-right: 0px !important;
}
.pnl_table #pnl_body .labels .ETF span {
  top: 0px !important;
}
.pnl_table #pnl_body .labels .SELL {
  border: 1px solid rgba(255, 107, 0, 0.2);
  margin-right: 10px;
  border-radius: 2px;
}
.pnl_table #pnl_body .labels .SELL span {
  padding: 0px 4px;
  color: #ff6b00;
}
.pnl_table #pnl_body .labels .MIS {
  border: 1px solid rgba(221, 80, 77, 0.1803921569);
  padding: 0px 4px;
  margin-right: 10px;
  border-radius: 2px;
}
.pnl_table #pnl_body .labels .MIS span {
  color: #dd504d;
}
.pnl_table #pnl_body .labels .BUY {
  border: 1px solid #66d1ac;
  padding: 0px 4px;
  border-radius: 2px;
}
.pnl_table #pnl_body .labels .BUY span {
  color: #51b255;
}
.pnl_table #pnl_body .labels div:last-child {
  margin-right: 0px;
}

.all_data {
  height: 150px;
}
.all_data .icon-col,
.all_data .labels {
  vertical-align: middle;
}
.all_data .qty,
.all_data .avg_buy_price,
.all_data .avg_sell_price,
.all_data .inv_value,
.all_data .sell_value,
.all_data .mkt_value,
.all_data .unrealized,
.all_data .realized {
  padding: 0 !important;
}
.all_data .above_value {
  height: 60px;
  display: flex;
  flex-flow: column;
  justify-content: left;
  border-bottom: 1px solid #e7e7e7;
  padding: 10px;
}
.all_data .below_value {
  height: 60px;
  display: flex;
  flex-flow: column;
  justify-content: left;
  padding: 10px;
}
.all_data .total {
  vertical-align: middle;
}

.calendar_pnl_ui .modalHoldingTitle .modal-content .modal-body {
  padding: 20px 20px 16.24px;
}
.calendar_pnl_ui .modal-content {
  width: 527px;
}

@media (min-width: 768px) {
  .pandLcalendar .inputFieldCalendarIcon .react-datepicker__navigation-icon--previous {
    left: -5% !important;
  }
}
.pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon {
  display: flex;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #03002f;
  border-radius: 5px;
  height: 42px;
  justify-content: space-between;
  align-items: center;
}
.pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon .input-group-text {
  background: #ffffff;
  border: none !important;
  cursor: pointer;
  gap: 10px;
}
.pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon .input-group-text span {
  font-family: "DMSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
  color: #03002f;
}
.pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon .input-group-text i {
  color: #03002f;
  font-size: 0.813rem;
}
.pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon .input-group-text .toDate {
  color: #03002f !important;
}
.pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon .form-control {
  border: none !important;
  height: 20px;
  padding: 20px 0px 10px 10px;
}
.pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon .react-datepicker-wrapper .react-datepicker-popper {
  z-index: 9 !important;
}
.pandLcalendar .pandLcalendar-form .calendar--row {
  gap: 7%;
}
.pandLcalendar label {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 140%;
  color: #b8b8b8;
}
.pandLcalendar .custom_buttons {
  display: flex;
  gap: 15px;
  margin-top: 15.76px;
}
.pandLcalendar .custom_buttons button {
  padding: 14px 28px;
  border-radius: 6px;
  background: #ffffff;
  width: 236px;
  height: 48px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 140%;
  border-radius: 6px;
  border: 1px solid #03002f;
  color: #03002f;
}
.pandLcalendar .custom_buttons .active {
  background: #03002f;
  color: #ffffff;
}

.year_container {
  width: 195px;
  height: fit-content;
  background: #ffffff;
  border: 1px solid #3580f7;
  position: absolute;
  cursor: pointer;
  font-family: "Encode Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  left: 350px;
  top: 220px;
  z-index: 99999;
}
.year_container .financial_year {
  display: flex;
}
.year_container .financial_year span {
  color: #444444;
  font-family: "EncodeSansMedium";
  padding: 10px;
  width: 100%;
  margin: 0px 5px 5px 5px;
}
.year_container .financial_year :hover,
.year_container .financial_year :hover span {
  background: #3580f7;
  color: #ffffff;
  border-radius: 5px;
}
.year_container :first-child {
  margin-top: 15px;
}

.tabs_pnl .pnl_tabs {
  position: relative !important;
  z-index: 0 !important;
}

.noDataFound-pnl {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

#selected-grey {
  background-color: #fafafa;
}

.react-datepicker__navigation {
  overflow: visible;
}

.react-datepicker .react-datepicker__navigation-icon--previous::before {
  top: 16px;
}
@media (max-width: 640px) {
  .react-datepicker .react-datepicker__navigation-icon--previous::before {
    top: 10px;
  }
}

.react-datepicker .react-datepicker__navigation-icon--next::before {
  top: 16px;
}
@media (max-width: 640px) {
  .react-datepicker .react-datepicker__navigation-icon--next::before {
    top: 10px;
  }
}

.h-22 {
  height: 22px;
}

.pandLcalendar-form .react-datepicker-popper {
  z-index: 9 !important;
}
.pandLcalendar-form .singleDatePicker .react-datepicker .react-datepicker__navigation-icon--next::before {
  top: 55%;
}
.pandLcalendar-form .singleDatePicker .react-datepicker .react-datepicker__navigation-icon--previous {
  left: 0% !important;
}
.pandLcalendar-form .singleDatePicker .react-datepicker .react-datepicker__navigation-icon--previous::before {
  top: 60% !important;
  left: unset;
  right: unset !important;
}

@media (max-width: 1299px) {
  .pnl_table #pnl_body .pnl_table_data td {
    font-size: 0.75rem;
  }
  .calendar_date {
    font-size: 1rem;
  }
  .calendar_date .calendar_change i {
    font-size: 0.875rem;
  }
  .date_band {
    display: flex;
    align-items: center;
    padding-left: 11px;
    font-size: 0.75rem;
  }
  .pnl-actions .summarize-pnl .summarize .custom-control.border-switch .border-switch-control-indicator {
    width: 25px;
    height: 15px;
  }
  .pnl-actions .summarize-pnl .summarize .custom-control.border-switch .border-switch-control-indicator::after {
    left: 3px;
    width: 10px;
    height: 10px;
  }
  .pnl-actions .searchbar-c .input-group-prepend i {
    font-size: 1.1rem;
  }
  .pnl-actions .summarize-pnl .summarize .custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator::after {
    left: 10px;
  }
  .pnl-actions .downloads {
    font-size: 0.75rem;
  }
  .pnl-actions .btn.sorting {
    font-size: 0.75rem;
  }
  .pnl-actions .btn.filter {
    font-size: 0.75rem;
  }
}
.pnl-message {
  margin-top: 10px;
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .pnl-message {
    font-size: 0.75rem;
  }
}
.pnl-message {
  color: #b8b8b8;
  font-family: "EncodeSansRegular";
}

.qtyval-subtext {
  font-family: "RobotoMedium";
  font-size: 0.625rem;
  color: #727271;
}

.qtycheckbox {
  display: block;
}
.qtycheckbox span {
  padding-left: 3px;
}

.icon-colhead {
  width: 4%;
}

.report-tags-block {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
}

.labels-tile {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.family-tagging-pnl {
  padding: 10px 0;
}
@media (max-width: 1023px) {
  .family-tagging-pnl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 10px;
  }
  .family-tagging-pnl .selected_option {
    margin: 0 !important;
  }
}.ins-img-block {
  width: 100%;
  padding: 28px 15px 15px;
}
@media (max-width: 1023px) {
  .ins-img-block {
    padding-top: 9px;
  }
  .ins-img-block img {
    width: inherit;
  }
}

.insurance-msg-block {
  border-radius: 8px;
  background: #e2e7fe;
  padding: 12px 32px;
  position: relative;
  border: 1px solid #e2e7fe;
  margin-bottom: 12px;
}
@media (max-width: 1023px) {
  .insurance-msg-block {
    padding: 8px 10px;
    margin: 0px 15px;
  }
}
.insurance-msg-block .newtag {
  padding: 4px 8px;
  gap: 10px;
  border-radius: 32px;
  background: #6374d4;
}

.insurance-msg-block .arrow {
  position: absolute;
  opacity: 1;
  top: -10px;
  left: 43%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #e2e7fe;
}

.tags-tooltip.fade.show.popover {
  font-size: 0.75rem;
  width: 192px !important;
  max-width: 192px !important;
}

.tooltip-blue.fade.show.popover {
  border-radius: 8px;
  background: #ebe9ff;
  border: none;
  padding: 12px;
  width: 330px;
  max-width: 330px;
}
.tooltip-blue.fade.show .popover-arrow::after {
  top: 2px;
  border-bottom-color: #ebe9ff;
}
.tooltip-blue.fade.show .popover-arrow::before {
  border-bottom-color: transparent;
}

.icon-css {
  font-size: 0.938rem;
  color: #ccccd6;
}

.insurance-tab::after {
  color: #e2e7fe;
  left: 50%;
  font-size: 40px;
  top: 20px;
  position: absolute;
  content: "\f0d8";
  font-family: "edel_icon" !important;
}

.insurance-empty-err {
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.insurance-empty-err .no-data-message-file-block {
  display: flex;
  justify-content: center;
}
.insurance-empty-err .no-data-message-file-block .edel-icon-No-data-message {
  font-size: 90px;
}
.insurance-empty-err .error-msg {
  padding: 0 10px;
}
.insurance-empty-err .error-msg .error-msg-wrapper .error-msg-text {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #1c1a45;
  opacity: 1;
}/* Roboto Condensed Font Faces Start*/
@font-face {
  font-family: "RobotoCondensedRegular";
  font-style: normal;
  font-weight: 400;
  src: url("/new/assets/roboto-condensed-v13-latin-regular.BcQV1WED.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed Regular"), local("RobotoCondensed-Regular"), url("/new/assets/roboto-condensed-v13-latin-regular.BcQV1WED.eot?#iefix") format("embedded-opentype"), url("/new/assets/roboto-condensed-v13-latin-regular.BsOZl7BK.woff2") format("woff2"), url("/new/assets/roboto-condensed-v13-latin-regular.VLKKFAie.woff") format("woff"), url("/new/assets/roboto-condensed-v13-latin-regular.BOd2oref.ttf") format("truetype"), url("/new/assets/roboto-condensed-v13-latin-regular.YMTp3hp2.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "RobotoCondensedBold";
  font-style: normal;
  font-weight: 700;
  src: url("/new/assets/roboto-condensed-v13-latin-700.DG-gV_E4.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("/new/assets/roboto-condensed-v13-latin-700.DG-gV_E4.eot?#iefix") format("embedded-opentype"), url("/new/assets/roboto-condensed-v13-latin-700.D2ujKSE1.woff2") format("woff2"), url("/new/assets/roboto-condensed-v13-latin-700.DUTdC2rd.woff") format("woff"), url("/new/assets/roboto-condensed-v13-latin-700.DDCI136p.ttf") format("truetype"), url("/new/assets/roboto-condensed-v13-latin-700.DIQM-F3-.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "RobotoCondensedBoldItalic";
  font-style: italic;
  font-weight: 700;
  src: url("/new/assets/roboto-condensed-v13-latin-700italic.ChemekCp.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url("/new/assets/roboto-condensed-v13-latin-700italic.ChemekCp.eot?#iefix") format("embedded-opentype"), url("/new/assets/roboto-condensed-v13-latin-700italic.Cwrd9hsX.woff2") format("woff2"), url("/new/assets/roboto-condensed-v13-latin-700italic.BM9sUqvr.woff") format("woff"), url("/new/assets/roboto-condensed-v13-latin-700italic.aYfSIPNd.ttf") format("truetype"), url("/new/assets/roboto-condensed-v13-latin-700italic.B1TG5lFU.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "RobotoCondensedItalic";
  font-style: italic;
  font-weight: 400;
  src: url("/new/assets/roboto-condensed-v13-latin-italic.Cq5rnnxT.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url("/new/assets/roboto-condensed-v13-latin-italic.Cq5rnnxT.eot?#iefix") format("embedded-opentype"), url("/new/assets/roboto-condensed-v13-latin-italic.C60OgnfH.woff2") format("woff2"), url("/new/assets/roboto-condensed-v13-latin-italic.Dwpcxnbs.woff") format("woff"), url("/new/assets/roboto-condensed-v13-latin-italic.DkuJtmzb.ttf") format("truetype"), url("/new/assets/roboto-condensed-v13-latin-italic.Cj_58XYB.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "OswaldRegular";
  font-style: normal;
  font-weight: 400;
  src: url("/new/assets/oswald-v11-latin-regular.Dih4XSHX.eot");
  /* IE9 Compat Modes */
  src: local("Oswald Regular"), local("Oswald-Regular"), url("/new/assets/oswald-v11-latin-regular.Dih4XSHX.eot?#iefix") format("embedded-opentype"), url("/new/assets/oswald-v11-latin-regular.BUmcC9wt.woff2") format("woff2"), url("/new/assets/oswald-v11-latin-regular.D3Nto_12.woff") format("woff"), url("/new/assets/oswald-v11-latin-regular.Dt8zw-dK.ttf") format("truetype"), url("/new/assets/oswald-v11-latin-regular.CzZ01i7P.svg#Oswald") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "OswaldBold";
  font-style: normal;
  font-weight: 700;
  src: url("/new/assets/oswald-v11-latin-700.BInu0Nhs.eot");
  /* IE9 Compat Modes */
  src: local("Oswald Bold"), local("Oswald-Bold"), url("/new/assets/oswald-v11-latin-700.BInu0Nhs.eot?#iefix") format("embedded-opentype"), url("/new/assets/oswald-v11-latin-700.BUEmTct8.woff2") format("woff2"), url("/new/assets/oswald-v11-latin-700.DNPbtSIl.woff") format("woff"), url("/new/assets/oswald-v11-latin-700.DosRPVq6.ttf") format("truetype"), url("/new/assets/oswald-v11-latin-700.huDQ7DeX.svg#Oswald") format("svg");
  /* Legacy iOS */
}
/* Oswald Font Faces End*/
/* Roboto Start*/
@font-face {
  font-family: "RobotoRegular";
  font-style: normal;
  font-weight: 400;
  src: url("/new/assets/roboto-v15-latin-regular.C_67VTSp.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Regular"), local("Roboto-Regular"), url("/new/assets/roboto-v15-latin-regular.C_67VTSp.eot?#iefix") format("embedded-opentype"), url("/new/assets/roboto-v15-latin-regular.44DxGZCZ.woff2") format("woff2"), url("/new/assets/roboto-v15-latin-regular.CLmWLbGK.woff") format("woff"), url("/new/assets/roboto-v15-latin-regular.BFQoCS-o.ttf") format("truetype"), url("/new/assets/roboto-v15-latin-regular.CyfxBJf9.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* Roboto Start*/
@font-face {
  font-family: "RobotoMedium";
  font-style: normal;
  font-weight: 500;
  src: url("/new/assets/roboto-v15-latin-500.C4o7hEad.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Medium"), local("Roboto-Medium"), url("/new/assets/roboto-v15-latin-500.C4o7hEad.eot?#iefix") format("embedded-opentype"), url("/new/assets/roboto-v15-latin-500.qoGZqeje.woff2") format("woff2"), url("/new/assets/roboto-v15-latin-500.BFunlTBk.woff") format("woff"), url("/new/assets/roboto-v15-latin-500.i0D8RmOT.ttf") format("truetype"), url("/new/assets/roboto-v15-latin-500.p_QFQwBP.svg#Roboto") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "RobotoBold";
  font-style: normal;
  font-weight: 700;
  src: url("/new/assets/roboto-v15-latin-700.CZVkcNfa.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/new/assets/roboto-v15-latin-700.CZVkcNfa.eot?#iefix") format("embedded-opentype"), url("/new/assets/roboto-v15-latin-700.CQWC6WAs.woff2") format("woff2"), url("/new/assets/roboto-v15-latin-700.P-BuIjmQ.woff") format("woff"), url("/new/assets/roboto-v15-latin-700.CjXtxryv.ttf") format("truetype"), url("/new/assets/roboto-v15-latin-700.CUXlvcuX.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* Roboto End*/
/* Encode Sans Start */
@font-face {
  font-family: "EncodeSansSemiExpandedBold";
  font-style: normal;
  font-weight: 700;
  src: url("/new/assets/EncodeSansSemiExpanded-Bold.DZjSpEL8.eot");
  /* IE9 Compat Modes */
  src: local("EncodeSansSemiExpanded Bold"), local("EncodeSansSemiExpanded-Bold"), url("/new/assets/EncodeSansSemiExpanded-Bold.DZjSpEL8.eot?#iefix") format("embedded-opentype"), url("/new/assets/EncodeSansSemiExpanded-Bold.DrmddZnb.woff") format("woff"), url("/new/assets/EncodeSansSemiExpanded-Bold.CGhZIx8m.ttf") format("truetype"), url("/new/assets/EncodeSansSemiExpanded-Bold.DxWGTk-N.svg#Roboto") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "EncodeSansLight";
  font-style: normal;
  font-weight: 300;
  src: url("/new/assets/EncodeSansLight.DxvtZFde.eot");
  src: url("/new/assets/EncodeSansLight.DxvtZFde.eot") format("embedded-opentype"), url("/new/assets/EncodeSansLight.CORX9vZY.woff2") format("woff2"), url("/new/assets/EncodeSansLight.BfZAY8py.woff") format("woff"), url("/new/assets/EncodeSansLight.lecI4Ktu.ttf") format("truetype"), url("/new/assets/EncodeSansLight.DqMSeXYd.svg#EncodeSansLight") format("svg");
}
@font-face {
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 400;
  src: url("/new/assets/encodesans_normal.Bo9lMNpN.eot");
  src: url("/new/assets/encodesans_normal.Bo9lMNpN.eot") format("embedded-opentype"), url("/new/assets/encodesans_normal.BvOgnSIo.woff2") format("woff2"), url("/new/assets/encodesans_normal.dm7sv7t6.woff") format("woff"), url("/new/assets/encodesans_normal.Cjfib_o2.ttf") format("truetype"), url("/new/assets/encodesans_normal.DGOm1pwu.svg#encodesans_normal") format("svg");
}
@font-face {
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  src: url("/new/assets/EncodeSansMedium.CZ32ict9.eot");
  src: url("/new/assets/EncodeSansMedium.CZ32ict9.eot") format("embedded-opentype"), url("/new/assets/EncodeSansMedium.UpKmM08m.woff2") format("woff2"), url("/new/assets/EncodeSansMedium.UcahYB5_.woff") format("woff"), url("/new/assets/EncodeSansMedium.P8G2Y0F8.ttf") format("truetype"), url("/new/assets/EncodeSansMedium.BMsczOrh.svg#EncodeSansMedium") format("svg");
}
@font-face {
  font-family: "EncodeSansSemiBold";
  font-style: normal;
  font-weight: 600;
  src: url("/new/assets/EncodeSansSemiBold.C0qFPgoK.eot");
  src: url("/new/assets/EncodeSansSemiBold.C0qFPgoK.eot") format("embedded-opentype"), url("/new/assets/EncodeSansSemiBold.UP5RqlJA.woff2") format("woff2"), url("/new/assets/EncodeSansSemiBold.DYDZ5gtv.woff") format("woff"), url("/new/assets/EncodeSansSemiBold.CNxBZr5W.ttf") format("truetype"), url("/new/assets/EncodeSansSemiBold.Cc9JX75t.svg#EncodeSansSemiBold") format("svg");
}
@font-face {
  font-family: "EncodeSansBold";
  font-style: normal;
  font-weight: 700;
  src: url("/new/assets/EncodeSansBold.Dc8nytEj.eot");
  src: url("/new/assets/EncodeSansBold.Dc8nytEj.eot") format("embedded-opentype"), url("/new/assets/EncodeSansBold.Cl29SJCC.woff2") format("woff2"), url("/new/assets/EncodeSansBold.BZlWqaqG.woff") format("woff"), url("/new/assets/EncodeSansBold.ByCjh1Qa.ttf") format("truetype"), url("/new/assets/EncodeSansBold.DlUXqux0.svg#EncodeSansBold") format("svg");
}
@font-face {
  font-family: "EncodeSansRegular";
  src: url("/new/assets/EncodeSansRegular.DHCpiUuy.eot");
  src: url("/new/assets/EncodeSansRegular.DHCpiUuy.eot") format("embedded-opentype"), url("/new/assets/EncodeSansRegular.Dm23cUEn.woff2") format("woff2"), url("/new/assets/EncodeSansRegular.D6ds9jBp.woff") format("woff"), url("/new/assets/EncodeSansRegular.BHg7maiD.ttf") format("truetype"), url("/new/assets/EncodeSansRegular.D5TrT3Gb.svg#EncodeSansRegular") format("svg");
}
@font-face {
  font-family: "InterRegular";
  font-style: normal;
  font-weight: 400;
  src: url("/new/assets/InterRegular.Tmd2UKIL.eot");
  src: url("/new/assets/InterRegular.Tmd2UKIL.eot") format("embedded-opentype"), url("/new/assets/InterRegular.BatMrSLd.woff2") format("woff2"), url("/new/assets/InterRegular.C-K-crBR.woff") format("woff"), url("/new/assets/InterRegular.DIZJpXrw.ttf") format("truetype"), url("/new/assets/InterRegular.Ctb9Vqv_.svg#InterRegular") format("svg");
}
@font-face {
  font-family: "InterSemiBold";
  font-style: normal;
  font-weight: 600;
  src: url("/new/assets/InterSemiBold.Dfx6JYpS.eot");
  src: url("/new/assets/InterSemiBold.Dfx6JYpS.eot") format("embedded-opentype"), url("/new/assets/InterSemiBold.IARXa3Nf.woff2") format("woff2"), url("/new/assets/InterSemiBold.B7VuvSsA.woff") format("woff"), url("/new/assets/InterSemiBold.BBuSZBIY.ttf") format("truetype"), url("/new/assets/InterSemiBold.D0GdwZ_z.svg#InterSemiBold") format("svg");
}
@font-face {
  font-family: "RobotoLight";
  font-style: normal;
  font-weight: 300;
  src: url("/new/assets/RobotoLight.Cyewr0yB.eot");
  src: url("/new/assets/RobotoLight.Cyewr0yB.eot") format("embedded-opentype"), url("/new/assets/RobotoLight.k8sDa3Iu.woff2") format("woff2"), url("/new/assets/RobotoLight.DUpAndrZ.woff") format("woff"), url("/new/assets/RobotoLight.CZO0OMqi.ttf") format("truetype"), url("/new/assets/RobotoLight.DCNUDCEa.svg#RobotoLight") format("svg");
}
@font-face {
  font-family: "DMSansNormal";
  font-style: normal;
  font-weight: 400;
  src: url("/new/assets/DMSansRegular.DuVTeSpQ.eot");
  src: url("/new/assets/DMSansRegular.DuVTeSpQ.eot") format("embedded-opentype"), url("/new/assets/DMSansRegular.BBGByw0i.woff2") format("woff2"), url("/new/assets/DMSansRegular.CO7VSG26.woff") format("woff"), url("/new/assets/DMSansRegular.BVu3h2ae.ttf") format("truetype"), url("/new/assets/DMSansRegular.CZUbYMKn.svg#DMSansNormal") format("svg");
}
@font-face {
  font-family: "DMSansMedium";
  font-style: normal;
  font-weight: 500;
  src: url("/new/assets/DMSansMedium.ikjrnBms.eot");
  src: url("/new/assets/DMSansMedium.ikjrnBms.eot") format("embedded-opentype"), url("/new/assets/DMSansMedium.DLWLnEvJ.woff2") format("woff2"), url("/new/assets/DMSansMedium.-RUyB_aa.woff") format("woff"), url("/new/assets/DMSansMedium.D2aP9qGU.ttf") format("truetype"), url("/new/assets/DMSansMedium.CHG3VnVh.svg#DMSansMedium") format("svg");
}
@font-face {
  font-family: "DMSansBold";
  font-style: normal;
  font-weight: 700;
  src: url("/new/assets/DMSansBold.BJnwm0pi.eot");
  src: url("/new/assets/DMSansBold.BJnwm0pi.eot") format("embedded-opentype"), url("/new/assets/DMSansBold.lY2cSCYT.woff2") format("woff2"), url("/new/assets/DMSansBold.CKxqHbLR.woff") format("woff"), url("/new/assets/DMSansBold.1s_wAA1y.ttf") format("truetype"), url("/new/assets/DMSansBold.B2DBHIG4.svg#DMSansBold") format("svg");
}
@font-face {
  font-family: "DMSansNormalExtraLight";
  font-style: normal;
  font-weight: 200;
  src: url("/new/assets/DMSans-ExtraLight.AIV16mMN.eot");
  src: url("/new/assets/DMSans-ExtraLight.AIV16mMN.eot") format("embedded-opentype"), url("/new/assets/DMSans-ExtraLight.DQ6fJoaZ.woff2") format("woff2"), url("/new/assets/DMSans-ExtraLight.D6dYQDxT.woff") format("woff"), url("/new/assets/DMSans-ExtraLight.CWD014XL.ttf") format("truetype"), url("/new/assets/DMSans-ExtraLight.Bx7bVh8l.svg#DMSansNormal") format("svg");
}
@font-face {
  font-family: "DMSerifRegular";
  font-style: normal;
  font-weight: 400;
  src: url("/new/assets/DMSerifDisplay-Regular.NcJo2GC4.eot");
  src: url("/new/assets/DMSerifDisplay-Regular.NcJo2GC4.eot") format("embedded-opentype"), url("/new/assets/DMSerifDisplay-Regular.DD4hh3sZ.woff2") format("woff2"), url("/new/assets/DMSerifDisplay-Regular.vst6Y6dT.woff") format("woff"), url("/new/assets/DMSerifDisplay-Regular.p9PsKZvw.ttf") format("truetype"), url("/new/assets/DMSerifDisplay-Regular.1c-O2a4F.svg#DMSansNormal") format("svg");
}
@font-face {
  font-family: "DMSans-300";
  font-style: normal;
  font-weight: 300;
  src: url("/new/assets/dm-sans-latin-300-normal.D7IH-rui.ttf");
  src: u url("/new/assets/dm-sans-latin-300-normal.CfSGLRSF.woff2") format("woff2"), url("/new/assets/dm-sans-latin-300-normal.Cjw7_AC8.woff") format("woff"), url("/new/assets/dm-sans-latin-300-normal.D7IH-rui.ttf") format("truetype");
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)

*/
:root {
  font-size: 16px;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
.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,
.mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1rem;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 1rem; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove underline from anchor tag
 */
a {
  text-decoration: none;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
}
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
  *margin-left: -7px; /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 1rem; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  vertical-align: middle; /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
  overflow: visible; /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
button,
input,
select,
textarea {
  color: #333;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
* {
  margin: 0;
  padding: 0;
}
*,
:after,
:before {
  box-sizing: border-box;
}
a:focus {
  outline: 0;
}
.by2 {
  font-size: 0;
}
.by2 > * {
  display: inline-block;
  width: calc(100% / 2);
}
.by4 {
  font-size: 0;
}
.by4 > * {
  display: inline-block;
  width: calc(100% / 4);
}
.ed_link {
  color: #174082;
}
.ed_link:hover {
  color: #f79035;
}
.vMid {
  vertical-align: middle;
}
.vBtm {
  vertical-align: bottom;
}
.vTop {
  vertical-align: top;
}
.vTextTop {
  vertical-align: text-top;
}
.dBlock {
  display: block;
}
.none,
.hide {
  display: none;
}
@media (min-width: 768px) {
  .deskNone {
    display: none;
  }
}
.ib {
  display: inline-block;
}
.f0 {
  font-size: 0;
}
.edBtn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  background: none;
}
.pd-all0 {
  padding: 0px;
}
.pd-all5 {
  padding: 5px;
}
.pd-all10 {
  padding: 10px;
}
.pd-all15 {
  padding: 15px;
}
.pd-all20 {
  padding: 20px;
}
.pd-all25 {
  padding: 25px;
}
.pd-all30 {
  padding: 30px;
}
.pd-all35 {
  padding: 35px;
}
.pd-all40 {
  padding: 40px;
}
.pd-all45 {
  padding: 45px;
}
.pd-all50 {
  padding: 50px;
}
.pd-l0 {
  padding-left: 0px;
}
.pd-l5 {
  padding-left: 5px;
}
.pd-l10 {
  padding-left: 10px;
}
.pd-l15 {
  padding-left: 15px;
}
.pd-l20 {
  padding-left: 20px;
}
.pd-l25 {
  padding-left: 25px;
}
.pd-l30 {
  padding-left: 30px;
}
.pd-l35 {
  padding-left: 35px;
}
.pd-l40 {
  padding-left: 40px;
}
.pd-l45 {
  padding-left: 45px;
}
.pd-l50 {
  padding-left: 50px;
}
.pd-l55 {
  padding-left: 55px;
}
.pd-l60 {
  padding-left: 60px;
}
.pd-l65 {
  padding-left: 65px;
}
.pd-l70 {
  padding-left: 70px;
}
.pd-l75 {
  padding-left: 75px;
}
.pd-l80 {
  padding-left: 80px;
}
.pd-l85 {
  padding-left: 85px;
}
.pd-l90 {
  padding-left: 90px;
}
.pd-l95 {
  padding-left: 95px;
}
.pd-l100 {
  padding-left: 100px;
}
.pd-t0 {
  padding-top: 0px;
}
.pd-t5 {
  padding-top: 5px;
}
.pd-t10 {
  padding-top: 10px;
}
.pd-t15 {
  padding-top: 15px;
}
.pd-t20 {
  padding-top: 20px;
}
.pd-t25 {
  padding-top: 25px;
}
.pd-t30 {
  padding-top: 30px;
}
.pd-t35 {
  padding-top: 35px;
}
.pd-t40 {
  padding-top: 40px;
}
.pd-t45 {
  padding-top: 45px;
}
.pd-t50 {
  padding-top: 50px;
}
.pd-t55 {
  padding-top: 55px;
}
.pd-t60 {
  padding-top: 60px;
}
.pd-t65 {
  padding-top: 65px;
}
.pd-t70 {
  padding-top: 70px;
}
.pd-t75 {
  padding-top: 75px;
}
.pd-t80 {
  padding-top: 80px;
}
.pd-t85 {
  padding-top: 85px;
}
.pd-t90 {
  padding-top: 90px;
}
.pd-t95 {
  padding-top: 95px;
}
.pd-t100 {
  padding-top: 100px;
}
.pd-r0 {
  padding-right: 0px;
}
.pd-r5 {
  padding-right: 5px;
}
.pd-r10 {
  padding-right: 10px;
}
.pd-r15 {
  padding-right: 15px;
}
.pd-r20 {
  padding-right: 20px;
}
.pd-r25 {
  padding-right: 25px;
}
.pd-r30 {
  padding-right: 30px;
}
.pd-r35 {
  padding-right: 35px;
}
.pd-r40 {
  padding-right: 40px;
}
.pd-r45 {
  padding-right: 45px;
}
.pd-r50 {
  padding-right: 50px;
}
.pd-r55 {
  padding-right: 55px;
}
.pd-r60 {
  padding-right: 60px;
}
.pd-r65 {
  padding-right: 65px;
}
.pd-r70 {
  padding-right: 70px;
}
.pd-r75 {
  padding-right: 75px;
}
.pd-r80 {
  padding-right: 80px;
}
.pd-r85 {
  padding-right: 85px;
}
.pd-r90 {
  padding-right: 90px;
}
.pd-r95 {
  padding-right: 95px;
}
.pd-r100 {
  padding-right: 100px;
}
.pd-b0 {
  padding-bottom: 0px;
}
.pd-b5 {
  padding-bottom: 5px;
}
.pd-b10 {
  padding-bottom: 10px;
}
.pd-b15 {
  padding-bottom: 15px;
}
.pd-b20 {
  padding-bottom: 20px;
}
.pd-b25 {
  padding-bottom: 25px;
}
.pd-b30 {
  padding-bottom: 30px;
}
.pd-b35 {
  padding-bottom: 35px;
}
.pd-b40 {
  padding-bottom: 40px;
}
.pd-b45 {
  padding-bottom: 45px;
}
.pd-b50 {
  padding-bottom: 50px;
}
.pd-b55 {
  padding-bottom: 55px;
}
.pd-b60 {
  padding-bottom: 60px;
}
.pd-b65 {
  padding-bottom: 65px;
}
.pd-b70 {
  padding-bottom: 70px;
}
.pd-b75 {
  padding-bottom: 75px;
}
.pd-b80 {
  padding-bottom: 80px;
}
.pd-b85 {
  padding-bottom: 85px;
}
.pd-b90 {
  padding-bottom: 90px;
}
.pd-b95 {
  padding-bottom: 95px;
}
.pd-b100 {
  padding-bottom: 100px;
}
.mg-l0 {
  margin-left: 0px;
}
.mg-l5 {
  margin-left: 5px;
}
.mg-l10 {
  margin-left: 10px;
}
.mg-l15 {
  margin-left: 15px;
}
.mg-l20 {
  margin-left: 20px;
}
.mg-l25 {
  margin-left: 25px;
}
.mg-l30 {
  margin-left: 30px;
}
.mg-l35 {
  margin-left: 35px;
}
.mg-l40 {
  margin-left: 40px;
}
.mg-l45 {
  margin-left: 45px;
}
.mg-l50 {
  margin-left: 50px;
}
.mg-l55 {
  margin-left: 55px;
}
.mg-l60 {
  margin-left: 60px;
}
.mg-l65 {
  margin-left: 65px;
}
.mg-l70 {
  margin-left: 70px;
}
.mg-l75 {
  margin-left: 75px;
}
.mg-l80 {
  margin-left: 80px;
}
.mg-l85 {
  margin-left: 85px;
}
.mg-l90 {
  margin-left: 90px;
}
.mg-l95 {
  margin-left: 95px;
}
.mg-l100 {
  margin-left: 100px;
}
.mg-t0 {
  margin-top: 0px;
}
.mg-t5 {
  margin-top: 5px;
}
.mg-t10 {
  margin-top: 10px;
}
.mg-t15 {
  margin-top: 15px;
}
.mg-t20 {
  margin-top: 20px;
}
.mg-t25 {
  margin-top: 25px;
}
.mg-t30 {
  margin-top: 30px;
}
.mg-t35 {
  margin-top: 35px;
}
.mg-t40 {
  margin-top: 40px;
}
.mg-t45 {
  margin-top: 45px;
}
.mg-t50 {
  margin-top: 50px;
}
.mg-t55 {
  margin-top: 55px;
}
.mg-t60 {
  margin-top: 60px;
}
.mg-t65 {
  margin-top: 65px;
}
.mg-t70 {
  margin-top: 70px;
}
.mg-t75 {
  margin-top: 75px;
}
.mg-t80 {
  margin-top: 80px;
}
.mg-t85 {
  margin-top: 85px;
}
.mg-t90 {
  margin-top: 90px;
}
.mg-t95 {
  margin-top: 95px;
}
.mg-t100 {
  margin-top: 100px;
}
.mg--t0 {
  margin-top: -0px;
}
.mg--t5 {
  margin-top: -5px;
}
.mg--t10 {
  margin-top: -10px;
}
.mg--t15 {
  margin-top: -15px;
}
.mg--t20 {
  margin-top: -20px;
}
.mg--t25 {
  margin-top: -25px;
}
.mg--t30 {
  margin-top: -30px;
}
.mg--t35 {
  margin-top: -35px;
}
.mg--t40 {
  margin-top: -40px;
}
.mg--t45 {
  margin-top: -45px;
}
.mg--t50 {
  margin-top: -50px;
}
.mg--t55 {
  margin-top: -55px;
}
.mg--t60 {
  margin-top: -60px;
}
.mg--t65 {
  margin-top: -65px;
}
.mg--t70 {
  margin-top: -70px;
}
.mg--t75 {
  margin-top: -75px;
}
.mg--t80 {
  margin-top: -80px;
}
.mg--t85 {
  margin-top: -85px;
}
.mg--t90 {
  margin-top: -90px;
}
.mg--t95 {
  margin-top: -95px;
}
.mg--t100 {
  margin-top: -100px;
}
.mg-r0 {
  margin-right: 0px;
}
.mg-r5 {
  margin-right: 5px;
}
.mg-r10 {
  margin-right: 10px;
}
.mg-r15 {
  margin-right: 15px;
}
.mg-r20 {
  margin-right: 20px;
}
.mg-r25 {
  margin-right: 25px;
}
.mg-r30 {
  margin-right: 30px;
}
.mg-r35 {
  margin-right: 35px;
}
.mg-r40 {
  margin-right: 40px;
}
.mg-r45 {
  margin-right: 45px;
}
.mg-r50 {
  margin-right: 50px;
}
.mg-r55 {
  margin-right: 55px;
}
.mg-r60 {
  margin-right: 60px;
}
.mg-r65 {
  margin-right: 65px;
}
.mg-r70 {
  margin-right: 70px;
}
.mg-r75 {
  margin-right: 75px;
}
.mg-r80 {
  margin-right: 80px;
}
.mg-r85 {
  margin-right: 85px;
}
.mg-r90 {
  margin-right: 90px;
}
.mg-r95 {
  margin-right: 95px;
}
.mg-r100 {
  margin-right: 100px;
}
.mg-b0 {
  margin-bottom: 0px;
}
.mg-b5 {
  margin-bottom: 5px;
}
.mg-b10 {
  margin-bottom: 10px;
}
.mg-b15 {
  margin-bottom: 15px;
}
.mg-b20 {
  margin-bottom: 20px;
}
.mg-b25 {
  margin-bottom: 25px;
}
.mg-b30 {
  margin-bottom: 30px;
}
.mg-b35 {
  margin-bottom: 35px;
}
.mg-b40 {
  margin-bottom: 40px;
}
.mg-b45 {
  margin-bottom: 45px;
}
.mg-b50 {
  margin-bottom: 50px;
}
.mg-b55 {
  margin-bottom: 55px;
}
.mg-b60 {
  margin-bottom: 60px;
}
.mg-b65 {
  margin-bottom: 65px;
}
.mg-b70 {
  margin-bottom: 70px;
}
.mg-b75 {
  margin-bottom: 75px;
}
.mg-b80 {
  margin-bottom: 80px;
}
.mg-b85 {
  margin-bottom: 85px;
}
.mg-b90 {
  margin-bottom: 90px;
}
.mg-b95 {
  margin-bottom: 95px;
}
.mg-b100 {
  margin-bottom: 100px;
}
.w_25 {
  width: 25%;
}
.w_33 {
  width: 33.3333333333%;
}
.w_50 {
  width: 50%;
}
.w_75 {
  width: 75%;
}
.w_100 {
  width: 100%;
}
.taLeft {
  text-align: left;
}
.taCenter {
  text-align: center;
}
.taRight {
  text-align: right;
}
.disabled {
  pointer-events: none;
  opacity: 0.1;
}
.tCC {
  text-transform: capitalize;
}
.tCL {
  text-transform: lowercase;
}
.tCU {
  text-transform: uppercase;
}
.tCN {
  text-transform: none !important;
}
.pos {
  color: #00aa27;
}
.neg {
  color: #e71e04;
}
.ed_container {
  max-width: 1140px;
  margin: 0 auto;
}
.cust-scroll-bar {
  /* Let's get this party started */
}
.cust-scroll-bar::-webkit-scrollbar {
  width: 5px;
}
.cust-scroll-bar {
  /* Track */
}
.cust-scroll-bar::-webkit-scrollbar-track {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.cust-scroll-bar {
  /* Handle */
}
.cust-scroll-bar::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #eeeeee;
}
.cust-scroll-bar::-webkit-scrollbar-thumb:window-inactive {
  background: #eeeeee;
}
.inline-list {
  font-size: 0;
}
.inline-list li {
  display: inline-block;
}
.no_scroll {
  height: 100vh;
  overflow: hidden;
}
.sectionDataValue {
  display: inline-block;
  width: 100%;
}
.text-right {
  text-align: right !important;
  vertical-align: top;
}
.text-right-without-top {
  text-align: right !important;
}
.valigntop {
  vertical-align: top;
}
.change-green {
  color: #51b255 !important;
}
.change-red {
  color: #dd504d !important;
}
.common_scroll {
  margin-top: 29px;
}
.common_scroll ::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}
.common_scroll {
  /* Track */
}
.common_scroll ::-webkit-scrollbar-track {
  background: transparent;
}
.common_scroll {
  /* Handle */
}
.common_scroll ::-webkit-scrollbar-thumb {
  background: #3580f7;
}
.col-5 {
  width: 5%;
}
.col-10 {
  width: 10%;
}
.col-15 {
  width: 15%;
}
.col-20 {
  width: 20%;
}
.col-25 {
  width: 25%;
}
.col-30 {
  width: 30%;
}
.col-35 {
  width: 35%;
}
.col-40 {
  width: 40%;
}
.col-45 {
  width: 45%;
}
.col-50 {
  width: 50%;
}
.col-55 {
  width: 55%;
}
.col-60 {
  width: 60%;
}
.col-65 {
  width: 65%;
}
.col-70 {
  width: 70%;
}
.col-75 {
  width: 75%;
}
.col-80 {
  width: 80%;
}
.col-85 {
  width: 85%;
}
.col-90 {
  width: 90%;
}
.col-95 {
  width: 95%;
}
.col-100 {
  width: 100%;
}
:root {
  font-size: 16px;
}
a {
  text-decoration: unset !important;
}
/* common container scss starts */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 75%;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 75%;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 82%;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 85%;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 85%;
  }
}
/* common container scss starts */
.displayFlex {
  display: flex;
  align-items: center;
}
.flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flexJustifySpaceBetween {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.alignCenter {
  align-items: center;
}
.flex-wrap {
  flex-wrap: wrap;
}
.row-w-100 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.col-w-25 {
  width: 24%;
}
.card-bg {
  width: 21.7%;
  margin-right: 30px;
  background: #f0f9ff;
}
@media (max-width: 1400px) {
  .card-bg {
    width: 21.3%;
    padding-bottom: 5px;
  }
}
.card-bg:last-child {
  margin-right: 26px;
}
.bgcolor-desktopnews {
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
}
@media (max-width: 640px) {
  .bgcolor-desktopnews {
    background-color: #fbfbfb;
  }
}
@media (max-width: 640px) {
  .remove-mt70 {
    margin-top: 0px !important;
  }
}
.bgcolor-sections {
  background: #fbfbfb;
}
@media (max-width: 640px) {
  .bgcolor-sections {
    background: #f5f5f5;
  }
}
.mob-greybg {
  background: #f5f5f5;
}
.bgcolor-fWebsections {
  background: #fbfbfb;
}
@media (max-width: 640px) {
  .bgcolor-fWebsections {
    background: #f5f5f5;
  }
}
.show {
  display: block;
}
.fade {
  display: none;
}
.menu-blur {
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadein 0.5s;
  position: fixed;
  top: 0px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(235, 235, 235, 0.19);
  backdrop-filter: blur(50px);
}
.menu-blur.show1 {
  opacity: 0.9;
}
.help_text {
  margin-bottom: 0px;
  margin-top: 5px;
}
.red {
  color: #e62020;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background-color: none;
}
@-webkit-keyframes autofill {
  0%, 100% {
    background: transparent;
  }
}
.mt-10 {
  margin-top: 10px;
}
.mt-70 {
  margin-top: 70px;
}
.none {
  display: none;
}
.pdlr-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.loanstile {
  background: #f0f9ff;
}
.pdlr-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.SkeletonTile {
  height: 50px;
  margin-top: 10px;
}
.h-30 {
  height: 30px;
}
.h-40 {
  height: 40px;
}
.h-50 {
  height: 50px;
}
.h-60 {
  height: 60px;
}
.h-70 {
  height: 70px;
  color: #444444 !important;
}
.h-150 {
  height: 150px;
}
.d-block {
  display: block;
}
.mr-7 {
  margin-right: 7px;
}
.mt-22 {
  margin-top: 22px;
}
.ml-20 {
  margin-left: 20px;
}
.ml_accode-5 {
  margin-left: -0.2em;
}
.mgt-30 {
  margin-top: 30px;
}
.mgt-450 {
  margin-top: 450px;
}
.mgt-150 {
  margin-top: 150px;
}
.mgt-23 {
  margin-top: 23px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mr-45 {
  margin-right: 45px !important;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-6 {
  margin-right: 6px;
}
.mr-5 {
  margin-right: 5px;
}
.mt-50 {
  margin-top: 50px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-25 {
  margin-right: 25px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-3 {
  margin-right: 3px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-80 {
  margin-right: 80px;
}
.h-100 {
  height: 100%;
}
.jus-center {
  justify-content: center;
}
.mb-50p {
  margin-bottom: 50%;
}
@media (max-width: 640px) {
  .bg-linear {
    background: linear-gradient(180deg, #ffffff 9.02%, #f5f5f5 14.29%) !important;
  }
}
.wrap {
  position: relative;
}
.wrap .headTop {
  z-index: 1000;
  position: sticky;
  top: 0;
}
@media (min-width: 1024px) {
  .wrap .headTop {
    padding: 0 4%;
  }
}
@media (min-width: 1152px) {
  .wrap .headTop {
    padding: 0 9%;
  }
}
@media (min-width: 1280px) {
  .wrap .headTop {
    padding: 0 6%;
  }
}
@media (min-width: 1360px) {
  .wrap .headTop {
    padding: 0 8%;
  }
}
@media (min-width: 1400px) {
  .wrap .headTop {
    padding: 0 3%;
  }
}
@media (min-width: 1440px) {
  .wrap .headTop {
    padding: 0 4%;
  }
}
@media (min-width: 1600px) {
  .wrap .headTop {
    padding: 0 8%;
  }
}
@media (min-width: 1680px) {
  .wrap .headTop {
    padding: 0 10%;
  }
}
@media (min-width: 1920px) {
  .wrap .headTop {
    padding: 0 15%;
  }
}
.edel-icon-bold-close {
  border: none;
  background: none;
}
.backgroundcolor_bluedrawer__backdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.drawer__handle-wrapper__backdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.backgroundcolor_bluedrawer {
  background-color: #f2f2f5;
}
.backgroundcolor_bluedrawer .backgroundcolor_bluedrawer__handle-wrapper {
  background-color: #f2f2f5;
  border-radius: 5px 5px 0px 0px;
  padding: 15px 0px 0px !important;
}
.backgroundcolor_bluedrawer .backgroundcolor_bluedrawer__content {
  padding: 0px;
}
.backgroundcolor_bluedrawer .backgroundcolor_bluedrawer__handle {
  width: 94px !important;
}
.showblue {
  background: #3580f7 !important;
  color: #ffffff !important;
}
.pdr-0 {
  padding-right: 0px !important;
}
.pdl-0 {
  padding-left: 0px !important;
}
.toDate {
  color: #3580f7 !important;
}
.filter-button-disable {
  padding: 14px 28px;
  border-radius: 6px;
  cursor: not-allowed !important;
  pointer-events: none;
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  color: #ffffff !important;
  border: none;
  color: #ffffff;
  border-radius: 6px;
  background-color: #cbdfff !important;
}
@media (min-width: 1024px) {
  .filter-button-disable {
    width: 176px !important;
    height: 48px !important;
  }
}
.filter-button-disable:hover {
  color: black;
}
.bluropacity {
  opacity: 0.3;
}
.blurmasking {
  height: 300px;
  width: 130px;
  background: #ffffff;
  position: absolute;
  right: 0px;
  z-index: 99;
  opacity: 0.7;
}
.color_green {
  color: #51b255 !important;
}
.color_red {
  color: #dd504d !important;
}
.arr-color {
  color: #3580f7;
}
.pdl-0 {
  padding-left: 0px !important;
}
.pt-10 {
  padding-top: 10px;
}
.pt-20 {
  padding-top: 20px;
}
.readmore-ellip {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 20px;
  max-height: 40px;
}
.w-181 {
  width: 181px;
  word-break: break-all;
}
.dark-grey {
  color: #444444;
}
.docked_box_shadow {
  box-shadow: 0px 14px 24px -17px rgba(0, 0, 0, 0.07) !important;
}
.docked_box_shadow_mob {
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1) !important;
}
.table-layout-fixed {
  table-layout: fixed !important;
}
.flow-overlay {
  overflow: overlay !important;
}
.w-50 {
  width: 50%;
}
.w-40 {
  width: 40%;
}
.w-100 {
  width: 100%;
}
.w-90 {
  width: 90%;
}
.w-20 {
  width: 20%;
}
.w-15 {
  width: 15%;
}
.w-200 {
  width: 200%;
}
.justify-end {
  justify-content: end;
}
.d-flexblock {
  display: flex;
}
@media (max-width: 1023px) {
  .d-flexblock {
    display: block;
  }
}
.declinesloaderheight {
  min-height: 300px;
}
.h-40 {
  height: 40px;
}
.sectoranalysisloaderheight {
  min-height: 230px;
}
@media (max-width: 768px) {
  .sectoranalysisloaderheight {
    min-height: 130px;
  }
}
.futurerecommendation-generic table {
  margin: 0;
  width: 100%;
}
.backgroundblue {
  background: #f0f9ff !important;
  color: #3580f7 !important;
}
.alignright {
  display: flex;
  justify-content: end;
}
.pdb-20 {
  padding-bottom: 20px;
}
.primary-market-equity i {
  vertical-align: middle;
  font-size: 22px;
}
.pdl-8 {
  padding-left: 8px;
}
.RedBorder {
  border: 1px solid #dd504d !important;
}
.purpleBorder {
  border: 1px solid #bd4b9b !important;
  border-radius: 3px;
}
.cursorOnHover {
  cursor: pointer;
}
.cursorEventDefault {
  cursor: default;
}
.dflex-start {
  display: flex;
  align-items: flex-start;
}
.dflex-start-contend {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.unsetHeight {
  height: unset !important;
}
.least-zindex {
  z-index: 1;
}
.remove-btn-props button {
  background-color: unset !important;
  border-color: unset !important;
  color: #444444 !important;
  border: none !important;
}
.remove-btn-props button:focus, .remove-btn-props button:hover {
  border-color: unset !important;
  background-color: unset !important;
  color: #444444 !important;
  border: none !important;
}
.download-email-tooltip {
  z-index: 99999 !important;
  background-color: #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.download-email-tooltip .tooltip-inner {
  background-color: #ffffff !important;
  color: #444444 !important;
  font-size: 0.875rem !important;
  font-family: "DMSansNormal" !important;
  border-radius: 1px !important;
}
.download-email-tooltip .tooltip-arrow:before {
  border-width: 14px !important;
  border-right-color: #ffffff !important;
}
.download-email-tooltip button {
  background: unset !important;
  color: #03002f !important;
  text-decoration: underline !important;
}
.mgr-5 {
  margin-right: 5px;
}
.mgr-10 {
  margin-right: 5px;
}
.common-download-report .date-input-section {
  gap: 0px;
  justify-content: space-between;
}
.common-download-report .date-input-section .input-group {
  flex-wrap: nowrap;
  align-items: center;
  padding: 11px 15px;
  background: #ffffff;
}
.common-download-report input {
  border: none;
  width: 100%;
}
.common-download-report .react-datepicker__navigation.react-datepicker__navigation--next {
  right: 60px;
}
.common-download-report .react-datepicker__navigation.react-datepicker__navigation--previous {
  left: 60px;
}
.common-download-newtheme .drawer__handle-wrapper__handle-wrapper {
  background-color: #f2f2f5;
}
.common-download-newtheme .customFormSection .form-check .form-check-input {
  height: 16px;
  width: 16px;
}
.common-download-newtheme .form-control[readonly] {
  background-color: transparent;
}
.common-download-newtheme .form-control {
  cursor: pointer !important;
}
.common-download-newtheme .form-control:focus {
  cursor: pointer !important;
}
@media (max-width: 1023px) {
  .common-download-newtheme .downloadreport-form-block {
    padding: 18px 15px 15px !important;
  }
}
.common-download-newtheme .drawer__handle-wrapper.backgroundcolor_bluedrawer__content {
  overflow-y: auto;
}
.common-download-newtheme .drawer__handle-wrapper.backgroundcolor_bluedrawer__content::-webkit-scrollbar {
  display: block !important;
  width: 2px !important;
  padding-left: 2px !important;
}
.common-download-newtheme .drawer__handle-wrapper.backgroundcolor_bluedrawer__content::-webkit-scrollbar-thumb {
  background-color: #03002f;
  border-radius: 1px !important;
  border: 5px solid #03002f;
}
.common-download-newtheme .modalHoldingTitle .modal-content {
  width: 521px;
}
.common-download-newtheme .customFormSection button:disabled {
  color: #ffffff !important;
}
.common-download-newtheme .common-download-report .date-drawer-input-field {
  width: 90%;
  padding-left: 0px !important;
  border: none;
}
.common-download-newtheme .custom_btn {
  background-color: #03002f;
}
@media (min-width: 1023px) {
  .common-download-newtheme .common-datepicker .react-datepicker .react-datepicker__day-name,
  .common-download-newtheme .common-datepicker .react-datepicker .react-datepicker__day {
    margin: 4px 15px;
  }
}
.common-download-newtheme .year_container {
  border: none;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  left: 384px;
  top: 300px;
}
.common-download-newtheme .year_container .financial_year span {
  font-family: "DMSansMedium";
}
.common-download-newtheme .year_container .financial_year span:hover {
  background: #03002f;
  font-family: "DMSansMedium";
}
.common-download-newtheme .input-group-append {
  padding-left: 5px;
}
.common-download-newtheme .input-group-append i:before {
  font-size: 0.875rem;
}
@media (max-width: 1023px) {
  .common-download-newtheme .pandLcalendar .custom_buttons {
    padding: 0px 0px 25px;
    margin: 15px 20px;
  }
}
.common-download-newtheme .input-group {
  padding: 0px 10px;
}
@media (min-width: 1023px) {
  .common-download-newtheme .calendar_pnl_ui .input-group {
    width: 207px !important;
  }
}
.common-download-newtheme .form-control {
  border: none;
  padding: 0px;
  font-family: "DMSansMedium";
  font-size: 1rem;
}
.common-download-newtheme .mailCheckbox {
  padding-top: 0px;
  padding-bottom: 15px;
}
@media (max-width: 1023px) {
  .common-download-newtheme .mailCheckbox {
    padding-top: 20px;
  }
}
.common-download-newtheme .input-group-text.d-block {
  color: #03002f;
}
.common-download-newtheme .yearDropdown .react-datepicker .react-datepicker__navigation-icon--previous:before {
  right: 0px !important;
}
.common-download-newtheme .yearDropdown .react-datepicker .react-datepicker__month-read-view--selected-month,
.common-download-newtheme .yearDropdown .react-datepicker .react-datepicker__year-read-view--selected-year {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #444444;
  font-weight: 500;
}
@media (min-width: 1023px) {
  .common-download-newtheme .yearDropdown .react-datepicker .react-datepicker__navigation-icon--next:before {
    left: 0px !important;
  }
}
.common-download-newtheme .react-datepicker {
  border: 1px solid #e7e7e7;
}
.common-download-newtheme .react-datepicker .react-datepicker__header {
  border-bottom: none;
}
.common-download-newtheme .react-datepicker .react-datepicker__header__dropdown.react-datepicker__header__dropdown--scroll {
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-download-newtheme .react-datepicker .react-datepicker__year-read-view--down-arrow,
.common-download-newtheme .react-datepicker .react-datepicker__month-read-view--down-arrow {
  height: 7px;
  width: 7px;
  border-width: 1px 1px 0 0;
}
.common-download-newtheme .react-datepicker .react-datepicker__navigation-icon--next:before,
.common-download-newtheme .react-datepicker .react-datepicker__navigation-icon--previous:before {
  top: 15px !important;
  height: 7px;
  width: 7px;
  border-width: 1px 1px 0 0;
}
@media (max-width: 1023px) {
  .common-download-newtheme .react-datepicker .react-datepicker__navigation-icon--next:before,
  .common-download-newtheme .react-datepicker .react-datepicker__navigation-icon--previous:before {
    top: 0px !important;
  }
}
.common-download-newtheme .react-datepicker .react-datepicker__month-read-view--selected-month {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #444444;
}
.common-download-newtheme .react-datepicker .react-datepicker__month {
  margin: 0px;
}
.common-download-newtheme .react-datepicker .react-datepicker__day-name {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
}
.common-download-newtheme .react-datepicker .react-datepicker__day--in-range,
.common-download-newtheme .react-datepicker .react-datepicker__day--outside-month {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.common-download-newtheme .react-datepicker .react-datepicker__day--in-range,
.common-download-newtheme .react-datepicker .react-datepicker__day--outside-month,
.common-download-newtheme .react-datepicker .react-datepicker__day-name,
.common-download-newtheme .react-datepicker .react-datepicker__day,
.common-download-newtheme .react-datepicker .react-datepicker__time-name .react-datepicker__day--in-selecting-range {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  line-height: 2rem;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  border-radius: 50%;
}
.common-download-newtheme .react-datepicker .react-datepicker__day,
.common-download-newtheme .react-datepicker .react-datepicker__day-name {
  margin: 4px 10px;
}
@media (max-width: 1023px) {
  .common-download-newtheme .react-datepicker .react-datepicker__day,
  .common-download-newtheme .react-datepicker .react-datepicker__day-name {
    margin: 4px;
  }
}
.common-download-newtheme .react-datepicker .react-datepicker__month-container {
  padding-bottom: 15px;
}
@media (max-width: 1023px) {
  .common-download-newtheme .drawer_year_container .mob_year_container {
    height: unset;
  }
  .common-download-newtheme .drawer_year_container .mob_year_container .heading {
    padding: 20px 15px;
    color: #444444;
  }
  .common-download-newtheme .drawer_year_container .mob_year_container .heading i {
    margin: 0px 11px 0px 0px;
  }
}
.common-download-newtheme .custom_btn {
  height: 52px !important;
}
@media (max-width: 1023px) {
  .common-download-newtheme .custom_btn {
    height: 45px !important;
  }
}
@media (max-width: 1023px) {
  .common-download-newtheme .pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon {
    gap: 10px;
  }
}
@media (min-width: 1023px) {
  .common-download-newtheme .calendar_container {
    z-index: 98;
  }
  .common-download-newtheme .year_container {
    z-index: 98;
  }
}
@media (max-width: 1023px) {
  .common-download-newtheme .date-input-section {
    padding: 15px 15px 0px;
  }
}
.common-download-newtheme .pandLcalendar .pandLcalendar-form .calendar--row {
  gap: 13%;
}
.calendar-icon-set .common-download-newtheme .yearDropdown .react-datepicker .react-datepicker__navigation-icon--next:before {
  left: 35px !important;
}
@media (max-width: 1023px) {
  .calendar-icon-set .common-download-newtheme .yearDropdown .react-datepicker .react-datepicker__navigation-icon--next:before {
    top: 13px !important;
  }
}
.remove-button-report button {
  color: #ffffff;
}
.remove-button-report button:active, .remove-button-report button:focus {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.remove-button-report button:hover {
  background-color: #03002f;
  color: #ffffff;
}
.mgb-10 {
  margin-bottom: 10px;
}
.mgb-6 {
  margin-bottom: 6px;
}
.mgb-187 {
  margin-bottom: 187px;
}
.gap-10 {
  gap: 10px;
}
.gap-285 {
  gap: 285px;
}
.pdt-30 {
  padding-top: 30px;
}
.pdb-30 {
  padding-bottom: 30px;
}
.pdt-20 {
  padding-top: 20px;
}
.pdb-20 {
  padding-bottom: 20px;
}
.pdb-10 {
  padding-bottom: 10px;
}
/* Icon Spinner */
.icn-spinner {
  animation: spin-animation 0.5s infinite;
  display: inline-block;
}
@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.rightToLeft {
  direction: rtl;
}
.leftToRight {
  direction: ltr;
}
.p-20 {
  padding: 20px;
}
.pdl-20 {
  padding-left: 20px;
}
.wd-100 {
  width: 100px;
}
.mgb-30 {
  margin-bottom: 30px;
}
.pdr-29 {
  padding-right: 29px;
}
.pdr-20 {
  padding-right: 29px;
}
.bdrR-1-monochrome-light-grey {
  border-right: 1px solid #e7e7e7;
}
.bdr-1-monochrome-light-grey {
  border: 1px solid #e7e7e7;
}
.bdr-1-midnight {
  border: 1px solid #03002f !important;
}
.bdrb-1-black {
  border-bottom: 1px solid #444444;
}
.bdrb-1-monochrome-light-grey {
  border-bottom: 1px solid #e7e7e7;
}
.dflexend {
  display: flex;
  gap: 5px;
  align-items: baseline;
}
.reports-equity-dropdown .equity-dropdown-block .equitydrop {
  padding: 9px 10px;
}
.reports-equity-dropdown .equity-dropdown-block.show .dropdown-menu {
  width: 100%;
  border: 1px solid #e7e7e7;
  background: #ffffff;
  height: auto;
}
.reports-equity-dropdown .equity-dropdown-block.show .dropdown-menu .dropdown-item {
  padding: 0px 15px 15px;
}
.reports-equity-dropdown .equity-dropdown-block.show .dropdown-menu .dropdown-item:first-child {
  padding-top: 15px;
}
.generic-table.right-aligned-arrow table thead .taRight .arrows {
  position: absolute;
  margin-right: -15px;
}
.w-70 {
  width: 70%;
}
.icon-100 .icon {
  text-align: center;
  font-size: 100px;
}
.pdlr-5 {
  padding: 0px 5px;
}
.lh-17 {
  line-height: 17px;
}
.font-size-20 {
  font-size: 20px;
}
.pdr-15 {
  padding-right: 15px;
}
.inside-content {
  text-align: left !important;
  line-height: 140%;
  word-wrap: break-word;
}
.arrows-in-yeardrop {
  padding: 15px 15px 0;
}
.arrows-in-yeardrop .react-datepicker__year-read-view,
.arrows-in-yeardrop .react-datepicker__month-read-view {
  visibility: visible !important;
}
.arrows-in-yeardrop .react-datepicker__year-dropdown,
.arrows-in-yeardrop .react-datepicker__month-dropdown {
  top: 60px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__day:hover,
.arrows-in-yeardrop .react-datepicker .react-datepicker__day--in-selecting-range {
  border-radius: 50% !important;
  color: white !important;
  background: #03002f !important;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__navigation-icon--previous::before {
  right: 21px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__navigation-icon::before {
  top: 0px;
  border-width: 1.5px 1.5px 0 0;
  height: 7px;
  width: 7px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header {
  border-bottom: none;
  padding-top: 12px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__current-month {
  display: none;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown {
  margin-bottom: 10px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container,
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container {
  margin: 0px 15px !important;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-read-view--down-arrow,
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__month-read-view--down-arrow,
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-read-view--down-arrow,
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__month-read-view--down-arrow {
  border-color: #03002f;
  border-width: 1.5px 1.5px 0px 0px;
  height: 7px;
  width: 7px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown {
  z-index: 2;
  background: white;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown {
  z-index: 2;
  background: white;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown .react-datepicker__year-option .react-datepicker__navigation--years::before {
  border-color: #666;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  left: 11px;
  position: absolute;
  width: 9px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown .react-datepicker__year-option .react-datepicker__navigation--years-upcoming::before {
  top: 17px;
  transform: rotate(315deg);
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown .react-datepicker__year-option .react-datepicker__navigation--years-previous::before {
  top: 6px;
  transform: rotate(135deg);
}
.visibility-hidden {
  visibility: hidden;
}
.visibility-visible {
  visibility: visible;
}
.visibility-collapse {
  visibility: collapse;
}
.pd-15 {
  padding: 15px;
}
.messageShowClass {
  padding: 0px !important;
}
.h-16 {
  height: 1rem !important;
}
.w-16 {
  width: 1rem !important;
}
.pdb-6 {
  padding-bottom: 6px;
}
.gap-13 {
  gap: 13px;
}
.margin-tooltip {
  padding: 0px !important;
  border-radius: 5px;
  filter: none;
}
.margin-tooltip.common-white-tooltip .tooltip-inner {
  box-shadow: none;
}
.margin-tooltip.common-white-tooltip.tooltip-border .tooltip-arrow::before {
  top: -6px;
  border-top: none;
}
.lh-100 {
  line-height: 100%;
}
.bdr-2-midnight {
  border: 2px solid #03002f;
}
.dark_background_blur .dark_background_blur__handle {
  width: 94px !important;
}
.mg-15 {
  margin: 15px;
}
.dynamic-height-adjust.stock-details .stock-details-head {
  max-height: 130px !important;
}
.dynamic-height-adjust.stock-details .stock-details-body {
  height: calc(100vh - 185px) !important;
}
.dynamic-height-adjust.stock-details .stock-details-footer {
  height: 70px !important;
  position: unset !important;
  z-index: 0 !important;
}
.pdt-2 {
  padding-top: 2px;
}
.lh-100p {
  line-height: 100%;
}
.search-icon-class i {
  font-size: 10px;
  color: #5c5e64;
  display: flex;
}
.pdtr-15 {
  padding: 15px 15px 0px 0px;
}
.w-60 {
  width: 60%;
}
.table > :not(caption) > * > * {
  background-color: transparent !important;
  border-bottom-color: #e7e7e7 !important;
}
table > :not(:first-child) {
  border-top-color: #e7e7e7 !important;
}
.justify-self-end {
  justify-self: end;
}
.information-icon-font {
  font-size: 1rem;
  font-weight: 500;
}
.calendar-dates-display-block {
  gap: 8px;
  border: 1px solid #f2f2f5;
  padding: 8px 3px;
  border-radius: 8px;
}
.list-style-number {
  list-style-type: number;
}
.list-style-roman {
  list-style-type: lower-roman;
}
.list-style-dots {
  list-style-type: disc;
}
.ml-auto {
  margin-left: auto;
}
.ml-13 {
  margin-left: 13px;
}
.mr-13 {
  margin-right: 13px;
}
.nopadding {
  padding: 0px !important;
}
.commonscroll ::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.commonscroll {
  /* Track */
}
.commonscroll ::-webkit-scrollbar-track {
  background: transparent;
}
.commonscroll {
  /* Handle */
}
.commonscroll ::-webkit-scrollbar-thumb {
  background: #3580f7;
}
.p-l {
  position: relative;
}
.overflow-y {
  overflow-y: scroll;
}
.unset_overflow-y {
  overflow-y: unset;
}
.hand_cursor {
  cursor: pointer !important;
}
.grab_cursor {
  cursor: grab !important;
}
.point_cursor {
  cursor: default;
}
.fund-details-hover:hover {
  background: #f2f2f5 !important;
}
.cursor_not_allowed {
  cursor: not-allowed !important;
}
.w_fit_content {
  width: fit-content;
}
.commonscroll-new ::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.commonscroll-new {
  /* Track */
}
.commonscroll-new ::-webkit-scrollbar-track {
  background: transparent;
}
.commonscroll-new {
  /* Handle */
}
.commonscroll-new ::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.commonscroll-new.noscrollbar {
  scrollbar-width: none;
}
.new-theme-scroll::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.new-theme-scroll {
  /* Track */
}
.new-theme-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.new-theme-scroll {
  /* Handle */
}
.new-theme-scroll::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.cursor_not_allowed {
  cursor: not-allowed !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-default :hover {
  cursor: default !important;
}
.positive {
  background-color: #51b255 !important;
}
.positiveValue {
  color: #51b255 !important;
}
.negativeValue {
  color: #dd504d !important;
}
.negative {
  background-color: #dd504d !important;
}
.commondatavalue {
  font-family: "DMSansMedium";
  font-size: 1rem;
  width: 100%;
  display: inline-block;
  color: #444444;
}
.Progresscommondatavalue {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  width: 100%;
  display: inline-block;
  color: #444444;
}
.progresscommongrayvalue {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #b8b8b8 !important;
}
.commondatanumber {
  font-family: "RobotoRegular";
  font-size: 1rem;
  color: #444444;
  white-space: nowrap;
}
.commondatanumberpositive {
  font-family: "RobotoMedium";
  font-size: 1rem;
  color: #444444;
  width: 100%;
  display: inline-block;
}
.progress {
  height: 60px !important;
  background-color: transparent;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  margin-bottom: 5px;
}
.progress .progress-bar-success {
  border-left: 3px solid #51b255 !important;
  float: left;
  background-color: #f0fdf6;
}
.progress .progress-bar-negative {
  float: right;
  background-color: #fff5f5;
}
.progress .progress-bar {
  font-size: 1.125rem;
  line-height: 60px;
  color: #000;
  border-bottom: none;
  box-shadow: none;
}
.progress .textvalueprogressbar {
  position: absolute;
  font-size: 1rem;
  line-height: 60px;
  text-indent: 10px;
  font-style: normal;
  font-family: "DMSansMedium";
}
.progress .datacontent {
  display: grid;
  margin-top: 5px;
}
.progress .datacontent span {
  font-size: 1rem;
  width: 100%;
  display: inline-block;
  text-align: right;
  font-family: "RobotoRegular";
}
.progress .datacontent :first-child {
  font-weight: 400;
}
.progress .datacontent :last-child {
  font-weight: 500;
}
.progresscontainer {
  position: relative;
  width: 100%;
}
.progresscontainer .progressbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
}
.progresscontainer .progress-bar-negative {
  border-left: 3px solid #dd504d;
}
.progresscontainer .stack-top {
  z-index: 9;
  margin: 0px;
}
@media screen and (max-width: 1024px) {
  .commondatavalue {
    font-size: 0.875rem;
    line-height: 25px;
  }
  .progresscommongrayvalue {
    font-size: 0.75rem;
  }
  .Progresscommondatavalue {
    font-size: 0.75rem;
  }
  .TextValueProgressbarnegative {
    font-size: 0.875rem;
  }
  .commondatanumber {
    font-size: 0.875rem;
  }
  .commondatanumberpositive {
    font-size: 0.875rem;
  }
  .progress .textvalueprogressbar {
    font-size: 0.875rem;
  }
  .progress .TextValueProgressbarnegative {
    font-size: 0.875rem;
  }
}
.text-indent10 {
  text-indent: 0px !important;
}
@media (max-width: 768px) {
  .indices-dynamic-indicator .blue-green-theme .dbar29RangesliderWrapper .fullwidth .mobiletop-content {
    position: relative;
    top: -12px;
  }
}
.indices-dynamic-indicator .dbar29RangesliderLabelname .commondatanumber {
  font-weight: 600;
}
/* @import "bootstrap/dist/css/bootstrap.min.css"; */
/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #d21aff;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffb800;
  --bs-green: #51b255;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #333333;
  --bs-white: #ffffff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #51b255;
  --bs-info: #0dcaf0;
  --bs-warning: #ffb800;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 81, 178, 85;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 184, 0;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(32.4, 71.2, 34);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 73.6, 0);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(220.2, 239.6, 221);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 240.8, 204);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(185.4, 224.2, 187);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 226.6, 153);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 51, 51, 51;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #fbfbfb;
  --bs-body-color-rgb: 251, 251, 251;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #333333;
  --bs-emphasis-color-rgb: 51, 51, 51;
  --bs-secondary-color: rgba(251, 251, 251, 0.75);
  --bs-secondary-color-rgb: 251, 251, 251;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(251, 251, 251, 0.5);
  --bs-tertiary-color-rgb: 251, 251, 251;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #fbfbfb;
  --bs-highlight-bg: rgb(255, 240.8, 204);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(51, 51, 51, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(51, 51, 51, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(51, 51, 51, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(51, 51, 51, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(51, 51, 51, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #51b255;
  --bs-form-valid-border-color: #51b255;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(150.6, 208.8, 153);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 212.4, 102);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(16.2, 35.6, 17);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 36.8, 0);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: rgb(51.5, 54.5, 57.5);
  --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(48.6, 106.8, 51);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 110.4, 0);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(109.8, 168, 253.8);
  --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 73.6, 0);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(150.6, 208.8, 153);
  --bs-form-valid-border-color: rgb(150.6, 208.8, 153);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(51, 51, 51, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}
h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}
h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}
h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}
h5, .h5 {
  font-size: 1.25rem;
}
h6, .h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small, .small {
  font-size: 0.875em;
}
mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #333333;
  --bs-table-bg: rgb(206.6, 226, 254.6);
  --bs-table-border-color: rgb(175.48, 191, 213.88);
  --bs-table-striped-bg: rgb(198.82, 217.25, 244.42);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(191.04, 208.5, 234.24);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(194.93, 212.875, 239.33);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #333333;
  --bs-table-bg: rgb(225.6, 227.4, 229);
  --bs-table-border-color: rgb(190.68, 192.12, 193.4);
  --bs-table-striped-bg: rgb(216.87, 218.58, 220.1);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(208.14, 209.76, 211.2);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(212.505, 214.17, 215.65);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #333333;
  --bs-table-bg: rgb(220.2, 239.6, 221);
  --bs-table-border-color: rgb(186.36, 201.88, 187);
  --bs-table-striped-bg: rgb(211.74, 230.17, 212.5);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(203.28, 220.74, 204);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(207.51, 225.455, 208.25);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #333333;
  --bs-table-bg: rgb(206.6, 244.4, 252);
  --bs-table-border-color: rgb(175.48, 205.72, 211.8);
  --bs-table-striped-bg: rgb(198.82, 234.73, 241.95);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(191.04, 225.06, 231.9);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(194.93, 229.895, 236.925);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #333333;
  --bs-table-bg: rgb(255, 240.8, 204);
  --bs-table-border-color: rgb(214.2, 202.84, 173.4);
  --bs-table-striped-bg: rgb(244.8, 231.31, 196.35);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(234.6, 221.82, 188.7);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(239.7, 226.565, 192.525);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #333333;
  --bs-table-bg: rgb(248, 214.6, 217.8);
  --bs-table-border-color: rgb(208.6, 181.88, 184.44);
  --bs-table-striped-bg: rgb(238.15, 206.42, 209.46);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(228.3, 198.24, 201.12);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(233.225, 202.33, 205.29);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #333333;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: rgb(208.6, 209.4, 210.2);
  --bs-table-striped-bg: rgb(238.15, 239.1, 240.05);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(228.3, 229.2, 230.1);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(233.225, 234.15, 235.075);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #ffffff;
  --bs-table-bg: #212529;
  --bs-table-border-color: rgb(77.4, 80.6, 83.8);
  --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
  --bs-table-striped-color: #ffffff;
  --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
  --bs-table-active-color: #ffffff;
  --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
  --bs-table-hover-color: #ffffff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2851, 51, 51, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2351b255' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2351b255' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(51, 51, 51, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
  --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(10.4, 88, 202.4);
  --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
  --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(86.4, 93.6, 100);
  --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #333333;
  --bs-btn-bg: #51b255;
  --bs-btn-border-color: #51b255;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: rgb(107.1, 189.55, 110.5);
  --bs-btn-hover-border-color: rgb(98.4, 185.7, 102);
  --bs-btn-focus-shadow-rgb: 77, 159, 80;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: rgb(115.8, 193.4, 119);
  --bs-btn-active-border-color: rgb(98.4, 185.7, 102);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #333333;
  --bs-btn-disabled-bg: #51b255;
  --bs-btn-disabled-border-color: #51b255;
}
.btn-info {
  --bs-btn-color: #333333;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-focus-shadow-rgb: 19, 179, 212;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: rgb(61.4, 212.6, 243);
  --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #333333;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #333333;
  --bs-btn-bg: #ffb800;
  --bs-btn-border-color: #ffb800;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: rgb(255, 194.65, 38.25);
  --bs-btn-hover-border-color: rgb(255, 191.1, 25.5);
  --bs-btn-focus-shadow-rgb: 224, 164, 8;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: rgb(255, 198.2, 51);
  --bs-btn-active-border-color: rgb(255, 191.1, 25.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #333333;
  --bs-btn-disabled-bg: #ffb800;
  --bs-btn-disabled-border-color: #ffb800;
}
.btn-danger {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
  --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(176, 42.4, 55.2);
  --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #333333;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --bs-btn-focus-shadow-rgb: 218, 219, 220;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #333333;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
  --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #51b255;
  --bs-btn-border-color: #51b255;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: #51b255;
  --bs-btn-hover-border-color: #51b255;
  --bs-btn-focus-shadow-rgb: 81, 178, 85;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: #51b255;
  --bs-btn-active-border-color: #51b255;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #51b255;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #51b255;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffb800;
  --bs-btn-border-color: #ffb800;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: #ffb800;
  --bs-btn-hover-border-color: #ffb800;
  --bs-btn-focus-shadow-rgb: 255, 184, 0;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: #ffb800;
  --bs-btn-active-border-color: #ffb800;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #ffb800;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffb800;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #ffffff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #ffffff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #ffffff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #ffffff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28251, 251, 251, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #ffffff;
  --bs-navbar-brand-color: #ffffff;
  --bs-navbar-brand-hover-color: #ffffff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-top,
  .card-group > .card:not(:last-child) > .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-bottom,
  .card-group > .card:not(:last-child) > .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-top,
  .card-group > .card:not(:first-child) > .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-bottom,
  .card-group > .card:not(:first-child) > .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fbfbfb' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%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-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%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-.708'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #ffffff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #ffffff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #ffffff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #ffffff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #333333;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}
[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #333333;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: #f4fafd;
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #ffffff;
  text-align: center;
  background: none;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/;
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}
.carousel-dark {
  --bs-carousel-indicator-active-bg: #333333;
  --bs-carousel-caption-color: #333333;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #ffffff;
  --bs-carousel-caption-color: #ffffff;
  --bs-carousel-control-icon-filter: ;
}
[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #333333;
  --bs-carousel-caption-color: #333333;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #333333;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #333333 55%, rgba(0, 0, 0, 0.8) 75%, #333333 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #333333 !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #333333 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #333333 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #333333 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(116, 193, 119, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(116, 193, 119, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 198, 51, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 198, 51, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(51, 51, 51, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  user-select: all !important;
}
.user-select-auto {
  user-select: auto !important;
}
.user-select-none {
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}.wealth-creationsection {
  height: 606px;
}
@media (max-width: 768px) {
  .wealth-creationsection {
    height: 285px;
  }
}
@media (max-width: 768px) {
  .wealth-creationsection.frame {
    height: auto;
    display: flex;
    flex-direction: row;
    flex-direction: column-reverse;
  }
}
.wealth-creationsection.frame .right-section {
  min-height: 606px;
  display: grid;
  align-items: start;
  margin-top: 145px;
  justify-content: center;
}
@media (max-width: 768px) {
  .wealth-creationsection.frame .right-section {
    height: max-content;
    min-height: max-content;
    margin-top: 30px;
  }
}
.wealth-creationsection.frame .right-section .div {
  display: grid;
}
.wealth-creationsection.frame .right-section .text-wrapper {
  font-family: "DMSansNormalExtraLight";
  font-weight: 200;
  color: #292929;
  font-size: 3rem;
  letter-spacing: 0;
  line-height: 3rem;
}
@media (max-width: 576px) {
  .wealth-creationsection.frame .right-section .text-wrapper {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 0px) {
  .wealth-creationsection.frame .right-section .text-wrapper {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
.wealth-creationsection.frame .right-section .text-wrapper-3 {
  font-family: "DMSerifRegular";
  font-weight: 400;
  color: #292929;
  font-size: 6rem;
  letter-spacing: 0;
  line-height: 4rem;
  white-space: nowrap;
  padding-left: 57px;
}
@media (max-width: 576px) {
  .wealth-creationsection.frame .right-section .text-wrapper-3 {
    font-size: 2.875rem;
    line-height: 1.375rem;
    padding-left: 18px;
  }
}
@media (max-width: 0px) {
  .wealth-creationsection.frame .right-section .text-wrapper-3 {
    font-size: 2.875rem;
    line-height: 1.375rem;
    padding-left: 18px;
  }
}
.wealth-creationsection.frame .right-section .text-wrapper-2 {
  font-family: "DMSerifRegular";
  font-weight: 400;
  color: #292929;
  font-size: 6rem;
  letter-spacing: 0;
  line-height: 6rem;
  white-space: nowrap;
}
@media (max-width: 576px) {
  .wealth-creationsection.frame .right-section .text-wrapper-2 {
    font-size: 2.875rem;
    line-height: 2.875rem;
  }
}
@media (max-width: 0px) {
  .wealth-creationsection.frame .right-section .text-wrapper-2 {
    font-size: 2.875rem;
    line-height: 2.875rem;
  }
}

.wealth-creationsection.frame {
  height: 606px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .wealth-creationsection.frame {
    height: auto;
  }
}
.wealth-creationsection.frame .overlap {
  height: 606px;
  position: relative;
}
@media (max-width: 768px) {
  .wealth-creationsection.frame .overlap {
    height: 279px;
    position: relative;
  }
}
.wealth-creationsection.frame .overlap-group {
  position: absolute;
  height: 606px;
}
@media (max-width: 768px) {
  .wealth-creationsection.frame .overlap-group {
    height: 279px;
    position: relative;
  }
}
.wealth-creationsection.frame .overlap-group {
  top: 0;
  left: 0;
}
.wealth-creationsection.frame .group {
  position: absolute;
  width: 100%;
  height: 606px;
  top: 21px;
  left: 0;
}
@media (max-width: 768px) {
  .wealth-creationsection.frame .group {
    height: auto;
    top: 0px;
    left: 3%;
    right: 3%;
    width: 94%;
  }
}
.wealth-creationsection.frame .vector {
  position: absolute;
  width: 191px;
  height: 84px;
  top: 119px;
  left: 561px;
}
@media (max-width: 768px) {
  .wealth-creationsection.frame .vector {
    position: absolute;
    width: 95px;
    height: 73px;
    top: 20%;
    left: 0px;
    transform: rotateX(45deg);
  }
}
@media (max-width: 361px) {
  .wealth-creationsection.frame .vector {
    position: absolute;
    width: 95px;
    height: 73px;
    top: 17%;
    left: 0px;
    transform: rotateX(53deg);
  }
}
.wealth-creationsection.frame .img {
  position: absolute;
  width: 191px;
  height: 84px;
  top: 80px;
  left: 601px;
}
@media (max-width: 768px) {
  .wealth-creationsection.frame .img {
    position: absolute;
    width: 74px;
    top: 29%;
    left: -29px;
    transform: rotate(22deg);
  }
}
@media (max-width: 361px) {
  .wealth-creationsection.frame .img {
    position: absolute;
    width: 74px;
    top: 24%;
    left: -29px;
    transform: rotate(24deg);
  }
}
.wealth-creationsection.frame .istock {
  position: absolute;
  width: 633px;
  height: 596px;
  top: 10px;
  left: 78px;
  z-index: 1;
}
@media (max-width: 768px) {
  .wealth-creationsection.frame .istock {
    width: 285px;
    height: 279px;
  }
}
.wealth-creationsection.frame .star {
  position: absolute;
  width: 17px;
  height: 16px;
  top: 185px;
  left: 49px;
}
@media (max-width: 768px) {
  .wealth-creationsection.frame .star {
    display: none;
  }
}
.wealth-creationsection.frame .star-2 {
  position: absolute;
  width: 17px;
  height: 16px;
  top: 353px;
  left: 639px;
}
@media (max-width: 768px) {
  .wealth-creationsection.frame .star-2 {
    position: absolute;
    width: 17px;
    height: 16px;
    top: 23%;
    left: 40px;
  }
}
.wealth-creationsection.frame .star-3 {
  position: absolute;
  width: 36px;
  height: 35px;
  top: 546px;
  left: 653px;
}
.wealth-creationsection.frame .vector-2 {
  position: absolute;
  height: 486px;
  top: 120px;
  left: 188px;
}
@media (max-width: 768px) {
  .wealth-creationsection.frame .vector-2 {
    display: none;
  }
}
.wealth-creationsection .vector-2-1 {
  position: absolute;
  right: 0px;
  position: absolute;
  right: 0px;
  width: 139px;
  top: 10%;
}
.wealth-creationsection .vector-2-2 {
  position: absolute;
  right: 50px;
  top: 72px;
  width: 100px;
}
.wealth-creationsection .vector-start-left {
  position: absolute;
  left: 12px;
  top: 147px;
  transform: rotate(178deg);
}
.wealth-creationsection .img-start-left {
  position: absolute;
  left: 85px;
  top: 127px;
  transform: rotate(179deg);
}

.wealthCardsData-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .wealthCardsData-grid {
    gap: 3px;
  }
}
.wealthCardsData-grid .wealthcard-section .bannerImg img {
  height: 167px;
  width: 100%;
}
.wealthCardsData-grid .wealthcard-section .btm-section .bottomImg img {
  width: 32px;
}
.wealthCardsData-grid .wealthcard-section .btm-section {
  display: grid;
  grid-template-columns: 32px auto;
  gap: 15px;
  background-color: #03002f;
  padding: 21px 18px;
  height: 96px;
}
@media (max-width: 768px) {
  .wealthCardsData-grid .wealthcard-section .btm-section {
    align-items: center;
  }
}
.wealthCardsData-grid .wealthcard-section .btm-section .desc {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #ffffff;
  text-align: left;
}
@media (max-width: 768px) {
  .wealthCardsData-grid .wealthcard-section .btm-section .desc {
    font-family: "DMSansNormalExtraLight";
    font-weight: 250px;
  }
}

@media (max-width: 768px) {
  .wealthtalent-mb {
    padding-top: 60px;
    text-align: center;
  }
  .wealthtalent-mb .bg-mobile-image {
    position: absolute;
    right: 0px;
    margin-top: -117px;
    z-index: -1;
  }
  .wealthtalent-mb .head-section-common {
    margin-bottom: 30px;
  }
  .wealthtalent-mb .head-section-common h1 {
    font-size: 1.875rem;
  }
  .wealthtalent-mb .head-section-common span {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
.box-offer {
  height: auto;
  background-color: #03002f;
  width: 100%;
  padding: 128px 0px;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 768px) {
  .box-offer {
    line-height: normal;
  }
}
@media (max-width: 768px) {
  .box-offer {
    padding: 30px 0px;
  }
}
.box-offer .data-desc {
  font-size: 2rem;
  font-family: "DMSans-300";
  color: #ffffff;
  display: grid;
  grid-template-columns: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 768px) {
  .box-offer .data-desc {
    font-size: 1rem;
  }
}
.box-offer .offercard-array {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
@media (max-width: 768px) {
  .box-offer .offercard-array {
    grid-template-columns: 1.2fr 1fr;
    gap: 45px;
    padding: 30px;
    align-items: self-start;
  }
}

.offercard-section-main {
  display: grid;
  grid-template-columns: 100%;
  justify-content: center;
}
.offercard-section-main .offercard {
  display: grid;
  justify-content: center;
}
.offercard-section-main .offercard .top-section {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .offercard-section-main .offercard .top-section {
    justify-content: flex-start;
  }
}
.offercard-section-main .offercard .top-section span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .offercard-section-main .offercard .top-section span {
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
  }
}
.offercard-section-main .offercard .offer-num {
  font-size: 3rem;
  font-family: "DMSerifRegular";
  color: #ffffff;
}
@media (max-width: 768px) {
  .offercard-section-main .offercard .offer-num {
    font-size: 1.625rem;
  }
}
.offercard-section-main .offercard .bottom-section-offer {
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #ccccd6;
}

.mission-section-main {
  display: grid;
  align-items: center;
  max-height: 760px;
}
@media (max-width: 768px) {
  .mission-section-main {
    height: unset !important;
  }
}
.mission-section-main .mission-section {
  max-height: 760px;
  display: grid;
  grid-template-columns: 100%;
  justify-content: space-between;
  margin-top: 200px;
  position: relative;
}
.mission-section-main .mission-section .mission-img-first {
  position: absolute;
  left: 36%;
  top: -11%;
}
.mission-section-main .mission-section .mission-img-second {
  position: absolute;
  top: 43%;
}
@media (max-width: 768px) {
  .mission-section-main .mission-section {
    margin-top: 20px;
  }
}
.mission-section-main .mission-section .mission-top {
  display: grid;
  justify-content: start;
  margin-left: 7%;
}
.mission-section-main .mission-section .mission-top span {
  font-family: "DMSansNormalExtraLight";
  font-weight: 250;
  color: #ffffff;
  font-size: 2.25rem;
  display: flex;
}
@media (max-width: 768px) {
  .mission-section-main .mission-section .mission-top span {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
.mission-section-main .mission-section .mission-top h1 {
  font-size: 4rem;
  color: #ffffff;
  margin-bottom: 0px;
  font-family: "DMSerifRegular";
  line-height: 4rem;
  font-weight: 400;
  display: flex;
}
@media (max-width: 768px) {
  .mission-section-main .mission-section .mission-top h1 {
    font-size: 2.375rem;
    line-height: 2.375rem;
  }
}
.mission-section-main .mission-section .mission-bottom {
  display: grid;
  grid-template-columns: 45%;
  justify-content: end;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .mission-section-main .mission-section .mission-bottom {
    grid-template-columns: 80%;
    justify-content: center;
  }
}
.mission-section-main .mission-section .mission-bottom p {
  font-family: "DMSans-300";
  color: #ffffff;
  font-size: 1.25rem;
  margin-bottom: 0px;
  line-height: normal;
}
@media (max-width: 768px) {
  .mission-section-main .mission-section .mission-bottom p {
    font-size: 0.875rem;
    margin-top: 13px;
    line-height: normal;
  }
}

.advantage-main-section {
  display: grid;
  grid-template-columns: 80%;
  align-items: center;
  justify-content: center;
}
.advantage-main-section .cards-container-advantage {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 45px;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .advantage-main-section .cards-container-advantage {
    display: flex;
    flex-direction: column;
  }
}
.advantage-main-section .cards-container-advantage .advantageCardcard {
  display: grid;
  grid-template-columns: 42px auto;
}
@media (max-width: 768px) {
  .advantage-main-section .cards-container-advantage .advantageCardcard {
    grid-template-columns: 15% 85%;
  }
}
.advantage-main-section .cards-container-advantage .advantageCardcard {
  gap: 13px;
}
.advantage-main-section .cards-container-advantage .advantageCardcard .left-side {
  justify-content: flex-start;
}
.advantage-main-section .cards-container-advantage .advantageCardcard .right-side {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.advantage-main-section .cards-container-advantage .advantageCardcard .right-side .head {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
  color: #e6e6eb;
  display: flex;
  line-height: 23px;
}
.advantage-main-section .cards-container-advantage .advantageCardcard .right-side .desc {
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #828096;
  display: flex;
  height: 150px;
}
.advantage-main-section .advantage-heading .desc {
  font-size: 2.25rem;
  font-family: "DMSansNormalExtraLight";
  font-weight: 200px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  line-height: 36px;
}
@media (max-width: 768px) {
  .advantage-main-section .advantage-heading .desc {
    font-size: 1.5rem;
    line-height: 1.5rem;
    justify-content: start;
  }
}
.advantage-main-section .advantage-heading .head {
  font-family: "DMSerifRegular";
  font-size: 4rem;
  color: #e6e6eb;
  display: flex;
  justify-content: center;
  line-height: 64px;
}
@media (max-width: 768px) {
  .advantage-main-section .advantage-heading .head {
    font-size: 2.5rem;
    line-height: 2.5rem;
    justify-content: start;
  }
}

.advantage-card-main {
  width: 300px;
}

.offercard-section-main.mgt-about-64 {
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .offercard-section-main.mgt-about-64 {
    margin-top: 1.875rem;
    line-height: normal;
  }
}

.mission-section .mission-bottom {
  justify-items: start;
}
@media (max-width: 768px) {
  .mission-section .mission-bottom {
    justify-items: center;
  }
}

.know-more-btn {
  background-color: #f04e45;
  color: #ffffff;
  padding: 10px;
  border-radius: 50px;
  font-family: "DMSansNormal";
  font-size: 1.25rem;
  overflow: hidden;
  position: relative;
  line-height: 1.25rem;
}
.know-more-btn::before {
  content: "";
  position: absolute;
  height: 150px;
  width: 50px;
  background: #ffffff;
  left: -75px;
  top: -40px;
  transform: rotate(37deg);
  transition: all 0.6s ease-in-out;
  opacity: 0.2;
}
@media (max-width: 768px) {
  .know-more-btn {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}
.know-more-btn:hover {
  color: #ffffff;
}
.know-more-btn:hover::before {
  left: 95%;
}
.know-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.know-more-btn.no-back {
  background-color: transparent;
  display: flex;
  justify-content: flex-start;
  padding: 0px;
}
.know-more-btn.no-back span {
  color: #f04e45;
}
.know-more-btn.no-back span:hover {
  color: #f04e45;
}
.know-more-btn.no-back span:focus {
  color: #f04e45;
}
.know-more-btn.no-back .edel-icon-Arrow-thin {
  padding-left: 0.4rem;
  font-size: 0.625rem;
}
.know-more-btn.no-back .edel-icon-Arrow-thin::before {
  color: #f04e45;
}
.know-more-btn a {
  color: #ffffff;
}
.know-more-btn a:hover {
  color: #ffffff;
}
.know-more-btn a:focus {
  color: #ffffff;
}
.know-more-btn .edel-icon-Arrow-thin {
  color: #ffffff;
  font-size: 0.625rem;
  padding-left: 0.4rem;
}
.know-more-btn .edel-icon-Arrow-thin::before {
  color: #ffffff;
  font-size: 0.625rem;
}
.know-more-btn.width-203 {
  width: max-content;
  padding: 15px 23px;
}
@media (max-width: 768px) {
  .know-more-btn.width-203 {
    padding: 15px;
  }
}
.know-more-btn.width-203.max-content {
  width: max-content;
}
.know-more-btn.small-font {
  font-size: 0.875rem;
  letter-spacing: 0.1rem;
}

.head-section-common span {
  font-size: 2.25rem;
  font-weight: 200px;
  font-family: "DMSansNormalExtraLight";
  line-height: 2.25rem;
  color: #292663;
}
@media (max-width: 768px) {
  .head-section-common span {
    font-size: 1.5rem;
  }
}
@media (max-width: 576px) {
  .head-section-common span {
    font-size: 1.25rem;
  }
}
.head-section-common h1 {
  font-size: 6rem;
  font-family: "DMSerifRegular";
  color: #03002f;
  line-height: 6rem;
  margin-bottom: 0px;
}
.head-section-common h1.small-h {
  font-size: 2.875rem;
}
@media (max-width: 768px) {
  .head-section-common h1 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}

.about-131 {
  margin-top: 131px;
}

@media (max-width: 768px) {
  .about-30 {
    margin-top: 30px !important;
  }
}

.mgt-aboutus-200 {
  margin-top: 197px;
}

@media (min-width: 768px) and (max-width: 4000px) {
  .about-100 {
    margin-top: 100px !important;
  }
}
.about-mb-100 {
  padding-bottom: 100px;
}

.about-60 {
  margin-top: 60px;
}
@media (max-width: 768px) {
  .about-60 {
    margin-top: 15px !important;
  }
}

.about-us-modal .modal-content {
  border: none;
}
.about-us-modal .modal-content .modal-header {
  border-bottom: none;
}

.slick-custom-carsoual .slick-slider .slick-arrow {
  border: none !important;
  display: flex;
  align-items: center;
  background-color: transparent;
}
.slick-custom-carsoual .slick-slider .slick-arrow:hover {
  background: transparent !important;
}
.slick-custom-carsoual .slick-slider .slick-arrow::before {
  content: "\f147" !important;
  color: #f04e45 !important;
  line-height: normal !important;
}
.slick-custom-carsoual .slick-slider .slick-arrow::before:hover {
  background: transparent !important;
}
.slick-custom-carsoual .slick-slider .slick-arrow.slick-prev {
  transform: rotate(180deg);
  z-index: 10;
  left: 75%;
}
@media (max-width: 768px) {
  .slick-custom-carsoual .slick-slider .slick-arrow.slick-prev {
    left: 70%;
  }
}
.slick-custom-carsoual .slick-slider .slick-arrow.slick-next {
  transform: rotate(360deg);
  z-index: 10;
  left: 82%;
}
@media (max-width: 768px) {
  .slick-custom-carsoual .slick-slider .slick-arrow.slick-next {
    left: 90%;
  }
}
.slick-custom-carsoual .slick-prev:hover:not(.slick-disabled):before,
.slick-custom-carsoual .slick-next:hover:not(.slick-disabled):before,
.slick-custom-carsoual .slick-prev:hover:not(.slick-disabled),
.slick-custom-carsoual .slick-next:hover:not(.slick-disabled) {
  background: transparent !important;
}

@media (width: 1366px) {
  .about-us-page .wealth-creationsection .right-section .text-wrapper {
    font-size: 2.5rem;
  }
  .about-us-page .wealth-creationsection .right-section .text-wrapper-2 {
    font-size: 5.688rem;
  }
}
@media (width: 1360px) {
  .about-us-page .wealth-creationsection .right-section .text-wrapper {
    font-size: 2.5rem;
  }
  .about-us-page .wealth-creationsection .right-section .text-wrapper-2 {
    font-size: 5.688rem;
  }
}
.about-us-page .hide-txt {
  visibility: hidden;
}
.about-us-page .txt-bottom-up-animation.hide-txt {
  visibility: visible;
}
@keyframes bottomUp {
  from {
    opacity: 0;
    transform: translateY(30%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.about-us-page .txt-bottom-up-animation.stage-1 {
  animation: bottomUp 1s cubic-bezier(0.6, 0, 0.05, 1);
  -webkit-animation: bottomUp 1s cubic-bezier(0.6, 0, 0.05, 1);
}
.about-us-page .txt-bottom-up-animation.stage-2 {
  animation: bottomUp 1.5s cubic-bezier(0.6, 0, 0.05, 1);
  -webkit-animation: bottomUp 1.5s cubic-bezier(0.6, 0, 0.05, 1);
}
.about-us-page .txt-bottom-up-animation.stage-3 {
  animation: bottomUp 2s cubic-bezier(0.6, 0, 0.05, 1);
  -webkit-animation: bottomUp 2.5s cubic-bezier(0.6, 0, 0.05, 1);
}
.about-us-page .txt-bottom-up-animation.stage-4 {
  animation: bottomUp 2.5s cubic-bezier(0.6, 0, 0.05, 1);
  -webkit-animation: bottomUp 2.5s cubic-bezier(0.6, 0, 0.05, 1);
}

.img-responsive-100 {
  width: 100% !important;
}

.know-more-edbutton {
  font-size: 1.25rem !important;
  background-color: #f04e45 !important;
}
.know-more-edbutton:hover {
  color: #ffffff;
  background-color: #f2736b !important;
}
.know-more-edbutton {
  padding: 15px 23px;
}

.btn-section-mob {
  display: flex !important;
  justify-content: start !important;
}

.know-more-edbutton-mob {
  font-size: 1.25rem !important;
  background-color: #f04e45 !important;
  font-family: "DMSansNormalExtraLight" !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  padding: 9px 15px !important;
}

.about-us-breadscrumbs .breadcrumb-item.active {
  color: #b8b8b8 !important;
}

@media (max-width: 768px) {
  .pb-mb-100 {
    padding-bottom: 100px;
  }
}

.about-us-team-modal .modal-backdrop.show {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.about-us-team-modal.sq-offstates-modal {
  width: unset !important;
  border: unset !important;
}

.about-us-modal .about-us-modalbody-section {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.about-us-modal .about-us-modalbody-section p {
  font-size: 1.125rem;
  font-family: "DMSans-300";
  padding-bottom: 20px !important;
  display: flex;
  margin-bottom: 0px;
}

.position-custom {
  position: relative;
  left: -1px;
  top: -1px;
}

.img-responsive-width {
  max-width: 100%;
}

.section-3-heritage .rootheritage-section {
  background-color: #ffffff;
  display: grid;
  grid-template-columns: 68%;
}
@media (max-width: 768px) {
  .section-3-heritage .rootheritage-section {
    grid-template-columns: 80%;
    padding-top: 60px;
  }
}
.section-3-heritage .rootheritage-section {
  justify-content: center;
  padding-top: 112px;
  position: relative;
}
.section-3-heritage .rootheritage-section .fixed-img {
  position: absolute;
  top: -30%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 768px) {
  .section-3-heritage .rootheritage-section .fixed-img {
    transform: scale(0.7);
  }
  .section-3-heritage .rootheritage-section .fixed-img img {
    width: 100%;
    position: relative;
  }
}
.section-3-heritage .rootheritage-section-bottom {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
}
.section-3-heritage .rootheritage-section-bottom .head-section-common h1 {
  line-height: 5rem !important;
}
@media (max-width: 768px) {
  .section-3-heritage .rootheritage-section-bottom {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.section-3-heritage .rootheritage-section-bottom {
  align-items: center;
  margin-top: 36px;
  gap: 0px;
}
.section-3-heritage .rootheritage-section-bottom .desc {
  font-family: "DMSans-300";
  color: #03002f;
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .section-3-heritage .rootheritage-section-bottom .desc {
    font-size: 1.125rem;
    font-family: "DMSansNormal";
    color: #03002f;
    color: #696682;
    line-height: normal;
  }
}
.section-3-heritage .rootheritage-section-bottom .btn-about {
  display: flex;
  width: max-content;
  padding: 15px 23px;
}
@media (max-width: 768px) {
  .section-3-heritage .rootheritage-section-bottom .btn-about {
    font-family: "DMSans-300";
    font-size: 0.75rem !important;
    padding: 9px 15px !important;
  }
}
.section-3-heritage .rootheritage-section-bottom .btn-section {
  gap: 10px;
  display: grid;
}
@media (max-width: 768px) {
  .section-3-heritage .rootheritage-section-bottom .btn-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 361px) {
  .section-3-heritage .rootheritage-section-bottom .btn-section {
    grid-template-columns: 1fr;
    display: grid !important;
  }
  .section-3-heritage .rootheritage-section-bottom .btn-section .know-more-btn.mgt-25 {
    margin-top: 10px !important;
  }
}
.section-3-heritage .dreamrelality-section {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}
.section-3-heritage .dreamrelality-section .box-card {
  height: 375px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #1c1a45;
}
@media (max-width: 768px) {
  .section-3-heritage .dreamrelality-section .box-card {
    background-color: #03002f;
  }
}
.section-3-heritage .dreamrelality-section .box-card {
  z-index: 8;
}
.section-3-heritage .dreamrelality-section .box-card:nth-child(1) {
  border-right: 1px solid #ffffff;
}
.section-3-heritage .dreamrelality-section .box-card:nth-child(2) {
  border-right: 1px solid #ffffff;
  padding: 20px;
  font-size: 1.125rem;
  font-family: "DMSansNormal";
}
.section-3-heritage .dreamrelality-section .box-card p {
  color: #ffffff;
}
.section-3-heritage .dreamrelality-section .box-card .leftimg-content img {
  position: absolute;
  left: -1px;
  bottom: 0px;
  z-index: -1;
}
.section-3-heritage .dreamrelality-section .box-card .rightimg-content img {
  position: absolute;
  right: 0px;
  z-index: -1;
  top: 5%;
}
.section-3-heritage .dreamrelality-section .box1-content {
  display: grid;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .section-3-heritage .dreamrelality-section .box1-content {
    align-items: self-start;
  }
}
.section-3-heritage .dreamrelality-section .box1-content {
  color: #ffffff;
}
.section-3-heritage .dreamrelality-section .box1-content > p {
  margin-bottom: 0px;
}
.section-3-heritage .dreamrelality-section .box1-content p:nth-child(1) {
  font-size: 1.5rem;
  font-family: "DMSansNormalExtraLight";
  font-weight: 250;
  line-height: 1.5rem;
}
@media (max-width: 768px) {
  .section-3-heritage .dreamrelality-section .box1-content p:nth-child(1) {
    font-weight: 200;
    line-height: 1.25rem;
    font-size: 1.25rem;
  }
}
.section-3-heritage .dreamrelality-section .box1-content p:nth-child(2) {
  font-size: 4rem;
  font-family: "DMSerifRegular";
  line-height: 4rem;
}
@media (max-width: 768px) {
  .section-3-heritage .dreamrelality-section .box1-content p:nth-child(2) {
    line-height: 2.5rem;
    font-size: 2.5rem;
  }
}
.section-3-heritage .dreamrelality-section .box1-content p:nth-child(3) {
  font-size: 4rem;
  font-family: "DMSerifRegular";
  line-height: 4rem;
}
@media (max-width: 768px) {
  .section-3-heritage .dreamrelality-section .box1-content p:nth-child(3) {
    line-height: 2.5rem;
    font-size: 2.5rem;
  }
}
.section-3-heritage .dreamrelality-section .box1-content p:nth-child(3) sup {
  font-family: "DMSerifRegular";
  font-size: 2.5rem;
  padding-right: 10px;
  line-height: 2.5rem;
}
.section-3-heritage .dreamrelality-section .box2-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 375px;
  padding: 20px;
}
.section-3-heritage .dreamrelality-section .box2-content > p {
  padding-bottom: 0px;
  font-family: "DMSans-300";
  font-size: 1.125rem;
  color: #ffffff;
  padding: 20px 20px 0px 20px;
}
.section-3-heritage .dreamrelality-section .box3-content {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  bottom: 0%;
}
.section-3-heritage .dreamrelality-section .box3-content .img-content {
  display: grid;
  align-items: center;
  justify-content: center;
}
.section-3-heritage .dreamrelality-section .box3-content .img-content-text {
  background: linear-gradient(180deg, rgba(28, 26, 69, 0) 0%, #1c1a45 100%);
  padding: 45px 51px;
  width: 100%;
  position: absolute;
  bottom: 0px;
}
.section-3-heritage .dreamrelality-section .box3-content .img-content-text > p {
  margin-bottom: 0px;
  font-size: 1.25rem;
  font-family: "DMSansNormal";
  color: #ffffff;
  line-height: 1.25rem;
}
.section-3-heritage .dreamrelality-section .box3-content .img-content-text > p span {
  display: flex;
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #ffffff;
  line-height: 1rem;
  padding-top: 10px;
}

.interest-section-main {
  display: grid;
  grid-template-columns: 80%;
  justify-content: center;
  margin-top: 101px;
}
.interest-section-main .interest-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: flex-end;
  z-index: 11;
  gap: 50px;
}
.interest-section-main .interest-section img {
  z-index: 11;
  margin-bottom: 45px;
}
.interest-section-main .heritage-section-bottom-main {
  display: grid;
  align-items: center;
}
.interest-section-main .heritage-section-bottom-main .head-section-common .main-header-con {
  font-size: 2.25rem;
}
@media (max-width: 768px) {
  .interest-section-main .heritage-section-bottom-main .head-section-common .main-header-con {
    font-size: 1.5rem;
    line-height: 1rem;
  }
}
@media (max-width: 576px) {
  .interest-section-main .heritage-section-bottom-main .head-section-common .main-header-con {
    font-size: 1.25rem;
  }
}
.interest-section-main .heritage-section-bottom-main .head-section-common .main-header-con {
  font-weight: 200px;
  font-family: "DMSansNormalExtraLight";
  line-height: 1rem;
  color: #292663;
}
.interest-section-main .heritage-section-bottom-main .head-section-common h1 {
  line-height: 4.6rem !important;
}
.interest-section-main .heritage-section-bottom-main .heritage-section-desc {
  margin-top: 21px;
  font-size: 1.125rem;
  font-family: "DMSans-300";
  color: #03002f;
}

.interest-section-main-mobile {
  margin-top: 115px;
}
.interest-section-main-mobile .interest-section {
  position: relative;
}
.interest-section-main-mobile .interest-section .intersect-mobile .txtcontent-fix {
  position: absolute;
  top: -5%;
  left: 10%;
}
.interest-section-main-mobile .interest-section .intersect-mobile .imgcontent {
  width: 100%;
}
.interest-section-main-mobile .interest-section .intersect-mobile .imgcontent .main-content-img {
  width: 100%;
}
.interest-section-main-mobile .heritage-section-bottom-main .heritage-section-desc {
  display: flex;
}
.interest-section-main-mobile .heritage-section-bottom-main .heritage-section-desc .head-section-common h1 {
  line-height: 3rem !important;
}
.interest-section-main-mobile .heritage-section-bottom-main .heritage-section-desc {
  align-items: center;
  justify-content: center;
}
.interest-section-main-mobile .heritage-section-bottom-main .heritage-section-desc span {
  display: flex;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #03002f;
  line-height: 1.25rem;
  padding-top: 10px;
}

.dream-reliaty-section-mobile {
  background: linear-gradient(0deg, #1c1a45 0%, #1c1a45 100%), #03002f;
  position: relative;
  height: 345px;
  margin-top: 65px;
}
.dream-reliaty-section-mobile .box3-content {
  display: grid;
  align-items: center;
  justify-content: flex-end;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-position-x: 78px;
  background-position-y: 0px;
}
.dream-reliaty-section-mobile .img-content-text {
  background: linear-gradient(180deg, rgba(28, 26, 69, 0) 0%, #1c1a45 100%);
  padding: 35px 30px;
  width: 100%;
  position: absolute;
  display: flex;
  gap: 20px;
  bottom: -1px;
}
.dream-reliaty-section-mobile .img-content-text > p {
  margin-bottom: 0px;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #e6e6eb;
  line-height: 0.875rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.dream-reliaty-section-mobile .img-content-text > p span {
  display: flex;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #b2b2c2;
  line-height: 0.75rem;
  padding-top: 10px;
}
.dream-reliaty-section-mobile .img-content-text > p span img {
  width: 42px;
  height: 42px;
}
.dream-reliaty-section-mobile .dreamrelality-section {
  display: grid;
  grid-template-columns: 1fr;
}
.dream-reliaty-section-mobile .box1-content-txt {
  display: grid;
  grid-template-columns: 80%;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #828096;
}
@media (max-width: 768px) {
  .dream-reliaty-section-mobile .box1-content-txt {
    line-height: normal;
  }
}

.ourgoal-main-section {
  display: grid;
  grid-template-columns: 60%;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ourgoal-main-section .img {
  align-items: center;
  justify-content: center;
  display: flex;
}
.ourgoal-main-section .ourgoal-main {
  align-items: center;
  justify-content: center;
  display: grid;
  position: relative;
}
.ourgoal-main-section .ourgoal-main .head-section {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  top: 40px;
  z-index: 1;
}
.ourgoal-main-section .ourgoal-main .goal-img-section {
  position: relative;
}
@media (max-width: 768px) {
  .ourgoal-main-section .ourgoal-main .goal-img-section {
    margin-top: 40px;
  }
}
.ourgoal-main-section .ourgoal-main .goal-img-section .img-mobile {
  width: 400px;
  max-width: 400px;
  height: 100%;
}
@media (min-width: 401px) and (max-width: 600px) {
  .ourgoal-main-section .ourgoal-main .goal-img-section .img-mobile {
    width: 400px;
    max-width: 400px;
  }
}
@media (min-width: 350px) and (max-width: 400px) {
  .ourgoal-main-section .ourgoal-main .goal-img-section .img-mobile {
    width: 350px;
    max-width: 350px;
  }
}
.ourgoal-main-section .ourgoal-main .goal-img-section .gaol1 {
  display: grid;
  position: absolute;
  top: 50%;
  left: 0%;
}
@media (max-width: 768px) {
  .ourgoal-main-section .ourgoal-main .goal-img-section .gaol1 {
    top: 85%;
    left: 23%;
  }
  .ourgoal-main-section .ourgoal-main .goal-img-section .gaol1 img {
    width: 60px;
  }
}
.ourgoal-main-section .ourgoal-main .goal-img-section .gaol2 {
  display: grid;
  position: absolute;
  top: 52%;
  left: 87%;
  justify-content: center;
  text-align: center;
}
@media (max-width: 768px) {
  .ourgoal-main-section .ourgoal-main .goal-img-section .gaol2 {
    top: 81%;
    left: 67%;
  }
  .ourgoal-main-section .ourgoal-main .goal-img-section .gaol2 img {
    width: 73px;
  }
}
.ourgoal-main-section .ourgoal-main .goal-img-section .gaol3 {
  display: grid;
  position: absolute;
  top: 84%;
  left: 40%;
  text-align: center;
}
@media (max-width: 768px) {
  .ourgoal-main-section .ourgoal-main .goal-img-section .gaol3 {
    top: 100%;
    left: 44%;
  }
  .ourgoal-main-section .ourgoal-main .goal-img-section .gaol3 img {
    width: 73px;
  }
}
.ourgoal-main-section .ourgoal-main .goal-img-section .goal-text {
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .ourgoal-main-section .ourgoal-main .goal-img-section .goal-text {
    font-size: 0.875rem;
    margin-top: 10px;
    line-height: 0.875rem;
  }
}
.ourgoal-main-section .ourgoal-main .goal-img-section .goal-text {
  font-family: "DMSerifRegular";
  font-weight: 400px;
  line-height: 1.5rem;
  margin-top: 16px;
}
.ourgoal-main-section .head-section-common {
  position: absolute;
  top: 0px;
}

.leader-main-section {
  height: 400px;
}
@media (max-width: 768px) {
  .leader-main-section {
    height: 370px;
  }
}

.wealth-talent-Ui .common-div {
  width: 100%;
}
.wealth-talent-Ui .common-div .inner-image {
  background-color: #03002f;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
.wealth-talent-Ui .common-div .inner-image .circleimg-section {
  display: grid;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wealth-talent-Ui .common-div .inner-image .circleimg-section span {
  color: #ffffff;
  font-size: 2rem;
  line-height: 2rem;
  font-family: "DMSansNormal";
}
.wealth-talent-Ui .common-div .inner-1-1 {
  display: grid;
  padding: 20px;
}
.wealth-talent-Ui .common-div .inner-1-1 span:nth-child(1) {
  color: #292929;
  font-size: 1.5rem;
  font-family: "DMSansNormalExtraLight";
  line-height: 1.25rem;
}
.wealth-talent-Ui .common-div .inner-1-1 span:nth-child(2),
.wealth-talent-Ui .common-div .inner-1-1 span:nth-child(3) {
  color: #292929;
  font-size: 6rem;
  font-family: "DMSerifRegular";
  line-height: 4.5rem;
}
.wealth-talent-Ui .common-div .common-div-grid-1 {
  display: grid;
  grid-template-columns: 40% 20% 20% 20%;
  height: 215px;
  gap: 1px;
}
.wealth-talent-Ui .common-div .common-div-grid-1 .div-patch {
  position: relative;
}
.wealth-talent-Ui .common-div .common-div-grid-1 .div-patch::after {
  content: "";
  height: 110px;
  width: 85px;
  background-color: #03002f;
  opacity: 0.1;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.wealth-talent-Ui .common-div .common-div-grid-2 {
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  height: 215px;
  gap: 1px;
  border-top: 1px solid #ffffff;
}
.wealth-talent-Ui .common-div .common-div-grid-3 {
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  height: 215px;
  gap: 1px;
  border-top: 3px solid #ffffff;
}
.wealth-talent-Ui .common-div .black-overlay-animation img {
  max-width: 100%;
  height: 215px;
}
.wealth-talent-Ui .common-div .imgae-image-1-3 {
  position: relative;
}
.wealth-talent-Ui .common-div .imgae-image-1-3 .img-1-3 {
  position: absolute;
  left: 0px;
  top: -87px;
  z-index: -1;
}

.wealth-talent-Width {
  max-width: 1170px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blue-bindi-section {
  display: grid;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .blue-bindi-section {
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
.blue-bindi-section .text-content {
  position: absolute;
  left: 30%;
  top: 33%;
}
@media (max-width: 768px) {
  .blue-bindi-section .text-content {
    position: absolute;
    left: 20%;
    top: 29%;
  }
}
.blue-bindi-section .text-content .head-section-common span {
  color: #ffffff;
  display: flex;
}
.blue-bindi-section .text-content .head-section-common h1 {
  color: #ffffff;
}
.blue-bindi-section .logo-right {
  position: absolute;
  left: 45%;
  bottom: 0px;
}
.blue-bindi-section .blue-bind-logo {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .blue-bindi-section .blue-bind-logo img {
    width: 98px;
  }
}
.blue-bindi-section .img-responsive {
  width: 100%;
}
@media (max-width: 768px) {
  .blue-bindi-section .head-section-common span {
    font-size: 1rem;
    line-height: 1rem;
  }
  .blue-bindi-section .head-section-common span:nth-child(2) {
    padding-left: 10px;
  }
  .blue-bindi-section .head-section-common h1 {
    font-size: 1.563rem;
    line-height: 1.563rem;
    text-align: center;
  }
  .blue-bindi-section .btn-bindi {
    font-size: 0.75rem;
    padding: 5px 15px !important;
    top: 10px;
    position: relative;
  }
  .blue-bindi-section .btn-bindi:hover {
    color: #ffffff;
  }
}

.btn-bindi:hover {
  color: #ffffff;
}

.Testimonials-section {
  position: relative;
}
.Testimonials-section .box {
  width: 100%;
  height: 702px;
}
.Testimonials-section .box .group {
  position: absolute;
  width: 100%;
  height: 702px;
  top: 0;
  left: 0;
}
.Testimonials-section .box .overlap {
  position: relative;
  width: 100%;
  height: 702px;
}
.Testimonials-section .box .overlap .head-section .head-section-common h1 {
  font-size: 3rem !important;
  line-height: 3rem !important;
}
.Testimonials-section .box .overlap-group {
  position: absolute;
  width: 100%;
  height: 473px;
  top: 89px;
  left: 0;
}
.Testimonials-section .box .vector {
  position: absolute;
  width: 100%;
  height: 197px;
  top: 63px;
}
.Testimonials-section .box .div {
  position: absolute;
  width: 167px;
  height: 473px;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0.6%, rgb(255, 255, 255) 100%);
}
.Testimonials-section .box .overlap-group-wrapper {
  position: absolute;
  width: 167px;
  height: 473px;
  top: 0;
  right: 0%;
}
.Testimonials-section .box .overlap-group-2 {
  position: relative;
  height: 473px;
}
.Testimonials-section .box .rectangle {
  position: absolute;
  width: 167px;
  height: 473px;
  top: 0;
  left: 0;
  transform: rotate(-180deg);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0.6%, rgb(255, 255, 255) 100%);
}
.Testimonials-section .box .ellipse {
  width: 58px;
  height: 58px;
  top: 46px;
  left: 67px;
  position: absolute;
  object-fit: cover;
}
.Testimonials-section .box .img {
  width: 86px;
  height: 87px;
  top: 104px;
  left: 20%;
  position: absolute;
  object-fit: cover;
}
.Testimonials-section .box .ellipse-2 {
  width: 86px;
  height: 87px;
  top: 39px;
  right: 0px;
  position: absolute;
  object-fit: cover;
}
.Testimonials-section .box .ellipse-3 {
  width: 87px;
  height: 87px;
  top: 259px;
  right: 0px;
  position: absolute;
  object-fit: cover;
}
.Testimonials-section .box .ellipse-4 {
  width: 244px;
  height: 244px;
  top: 76px;
  left: 519px;
  position: absolute;
  object-fit: cover;
}
.Testimonials-section .box .polygon-wrapper {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 254px;
  left: 534px;
  background-color: #f04e45;
  border-radius: 29px;
  border: 1px solid;
  border-color: #f04e45;
}
.Testimonials-section .box .polygon {
  position: absolute;
  width: 58px;
  height: 58px;
}
.Testimonials-section .box .ellipse-5 {
  width: 65px;
  height: 65px;
  top: 283px;
  left: 10%;
  position: absolute;
  object-fit: cover;
}
.Testimonials-section .box .ellipse-6 {
  width: 50px;
  height: 52px;
  top: 222px;
  left: 32%;
  position: absolute;
  object-fit: cover;
}
.Testimonials-section .box .ellipse-7 {
  width: 51px;
  height: 50px;
  top: 141px;
  right: 19%;
  position: absolute;
  object-fit: cover;
}
.Testimonials-section .box .ellipse-8 {
  width: 51px;
  height: 50px;
  top: 245px;
  right: 12%;
  position: absolute;
  object-fit: cover;
}
.Testimonials-section .box .overlap-2 {
  position: absolute;
  width: 270px;
  height: 98px;
  top: 0;
  left: 506px;
}
.Testimonials-section .box .text-wrapper {
  position: absolute;
  top: 0;
  left: 90px;
  font-family: "DMSansNormalExtraLight";
  font-weight: 200;
  color: #03002f;
  font-size: 2.25rem;
  letter-spacing: 0;
  line-height: 46.8px;
  white-space: nowrap;
}
.Testimonials-section .box .text-wrapper-2 {
  position: absolute;
  top: 36px;
  left: 0;
  font-family: "DMSerifRegular";
  font-weight: 400;
  color: #03002f;
  font-size: 3rem;
  text-align: center;
  letter-spacing: 0;
  line-height: 62.4px;
  white-space: nowrap;
}
.Testimonials-section .box .overlap-3 {
  position: absolute;
  width: 500px;
  height: 232px;
  top: 458px;
  left: 454px;
}
.Testimonials-section .box .p {
  position: absolute;
  width: 477px;
  top: 0;
  left: 0;
  font-size: 1.5rem;
  font-family: "DMSansNormal";
  color: #1c1a45;
  letter-spacing: 0;
  line-height: normal;
}
.Testimonials-section .box .text-wrapper-3 {
  top: 28px;
  right: 0%;
  position: absolute;
  -webkit-text-stroke: 1.5px transparent;
  background-image: linear-gradient(180deg, rgb(211, 172, 93) 0%, rgb(131.72, 98.99, 32.71) 100%);
  -webkit-background-clip: text;
  font-family: "Syne-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 158px;
  text-align: center;
  letter-spacing: 0;
  line-height: 205.4px;
  white-space: nowrap;
}
.Testimonials-section .box .text-wrapper-4 {
  top: 345px;
  left: 390px;
  position: absolute;
  -webkit-text-stroke: 1.5px transparent;
  background-image: linear-gradient(180deg, rgb(211, 172, 93) 0%, rgb(131.72, 98.99, 32.71) 100%);
  -webkit-background-clip: text;
  font-family: "DMSansNormalExtraLight";
  font-weight: 400;
  color: transparent;
  font-size: 158px;
  text-align: center;
  letter-spacing: 0;
  line-height: 205.4px;
  white-space: nowrap;
}
.Testimonials-section .box .overlap-4 {
  position: absolute;
  width: 297px;
  height: 66px;
  top: 575px;
  left: 454px;
}
.Testimonials-section .box .text-wrapper-5 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2rem;
  font-family: "DMSansNormal";
  color: #828096;
  letter-spacing: 0;
  line-height: 48px;
  white-space: nowrap;
}
.Testimonials-section .box .text-wrapper-6 {
  position: absolute;
  top: 39px;
  left: 0;
  font-family: "DMSansNormalExtraLight";
  font-weight: 400;
  color: #828096;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}
.Testimonials-section .box .frame {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 26px;
  position: absolute;
  top: 664px;
  left: 608px;
  border-radius: 54px;
  overflow: hidden;
  border: 1px solid;
  border-color: #f04e45;
}
.Testimonials-section .box .see-more {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "DMSansNormalExtraLight";
  font-weight: 300;
  color: #f04e45;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 23.7px;
  white-space: nowrap;
}
.Testimonials-section .box .arrow {
  position: relative;
  color: #f04e45;
  display: flex;
  opacity: 1;
}
.Testimonials-section .box .arrow::before {
  color: #f04e45;
  font-size: 0.563rem;
}

.testimonial-section-mobile {
  margin-top: 60px;
  position: relative;
  line-height: normal;
}
.testimonial-section-mobile .vector {
  position: absolute;
  top: 58%;
  left: -5%;
  right: 0%;
  width: 430px;
}
@media (max-width: 768px) {
  .testimonial-section-mobile .vector {
    width: 100%;
  }
}
.testimonial-section-mobile .testimonial-middle-section {
  display: grid;
  grid-template-columns: 15% 70% 15%;
  align-items: center;
  justify-content: center;
}
.testimonial-section-mobile .testimonial-middle-section .first-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.testimonial-section-mobile .testimonial-middle-section .first-left .ellipse {
  position: absolute;
  top: 30%;
}
.testimonial-section-mobile .testimonial-middle-section .first-left .ellipse-7 {
  position: absolute;
  top: 70%;
  left: -3%;
}
.testimonial-section-mobile .testimonial-middle-section .last-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.testimonial-section-mobile .testimonial-middle-section .last-right .ellipse-8 {
  position: absolute;
  top: 30%;
}
.testimonial-section-mobile .testimonial-middle-section .last-right .ellipse-5 {
  position: absolute;
  top: 80%;
  right: 0%;
}
.testimonial-section-mobile .testimonial-middle-section .middle {
  position: relative;
}
.testimonial-section-mobile .testimonial-middle-section .middle .polygon-wrapper {
  position: absolute;
  bottom: 0px;
  left: 14px;
}

.testimonial-txt-mobile.testimonial-txt {
  margin-top: 30px;
}
.testimonial-txt-mobile.testimonial-txt .overlap-3 {
  display: grid;
  grid-template-columns: 1fr;
}
.testimonial-txt-mobile.testimonial-txt .overlap-3 p {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
  color: #1c1a45;
  display: grid;
  grid-template-columns: 100%;
  align-items: center;
  justify-content: center;
}
.testimonial-txt-mobile.testimonial-txt .overlap-3 .text-wrapper-text {
  display: grid;
  grid-template-columns: 10% 90%;
}
.testimonial-txt-mobile.testimonial-txt .overlap-3 .text-wrapper-4 img {
  width: 40px;
}
.testimonial-txt-mobile.testimonial-txt .overlap-3 img {
  width: 40px;
}
.testimonial-txt-mobile.testimonial-txt .overlap-4 .overlap-4-left {
  display: grid;
  grid-template-columns: 10% 75% 15%;
  align-items: flex-start;
  justify-content: center;
}
.testimonial-txt-mobile.testimonial-txt .overlap-4 .overlap-4-left .text-wrapper-5 {
  font-size: 1.5rem;
  font-family: "DMSansNormal";
  color: #828096;
}
.testimonial-txt-mobile.testimonial-txt .overlap-4 .overlap-4-left .text-wrapper-6 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #828096;
}
.testimonial-txt-mobile.testimonial-txt .frame-section {
  display: grid;
  grid-template-columns: max-content;
  justify-content: center;
}
.testimonial-txt-mobile.testimonial-txt .frame-section .frame {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 25px;
  border-radius: 54px;
  border: 1px solid;
  border-color: #f04e45;
  margin-top: 40px;
}
.testimonial-txt-mobile.testimonial-txt .frame-section .frame .see-more {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "DMSansNormalExtraLight";
  font-weight: 300;
  color: #f04e45;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 23.7px;
  white-space: nowrap;
}
.testimonial-txt-mobile.testimonial-txt .frame-section .frame .arrow {
  position: relative;
  color: #f04e45;
  display: flex;
  opacity: 1;
}
.testimonial-txt-mobile.testimonial-txt .frame-section .frame .arrow::before {
  color: #f04e45;
  font-size: 0.563rem;
}

.press-relase-card {
  display: flex;
  flex-direction: column;
  column-gap: 80px;
}
@media (max-width: 768px) {
  .press-relase-card {
    line-height: normal;
  }
}
.press-relase-card .desc {
  color: #03002f;
  font-family: "DMSerifRegular";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 768px) {
  .press-relase-card .desc {
    font-size: 1rem;
    margin-top: 20px;
  }
}
.press-relase-card .date {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #828096;
}
@media (max-width: 768px) {
  .press-relase-card .date {
    font-size: 0.75rem;
    margin-top: 40px;
  }
}

.pressRelease-section-array {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
}

@media (max-width: 768px) {
  .dedicated-partner-section {
    margin-top: 80px;
  }
}
.dedicated-partner-section {
  display: flex;
}
.dedicated-partner-section .dedicatedLeft-section {
  position: relative;
}
@media (max-width: 768px) {
  .dedicated-partner-section .dedicatedLeft-section {
    margin-bottom: 50px;
    margin-top: 50px;
    display: grid;
    grid-template-columns: 80%;
    position: relative;
  }
}
.dedicated-partner-section .dedicatedLeft-section .vector {
  position: absolute;
  left: 34px;
  top: 22px;
}
@media (max-width: 768px) {
  .dedicated-partner-section .dedicatedLeft-section .vector {
    width: 331px;
  }
}
.dedicated-partner-section .dedicatedLeft-section.box-dedicated .text-wrapper {
  font-family: "DMSansNormalExtraLight";
  font-weight: 200;
  color: #03002f;
  font-size: 2.25rem;
  letter-spacing: 0;
  line-height: 2.25rem;
  white-space: nowrap;
  text-align: center;
}
@media (max-width: 768px) {
  .dedicated-partner-section .dedicatedLeft-section.box-dedicated .text-wrapper {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
.dedicated-partner-section .dedicatedLeft-section.box-dedicated .text-wrapper-2 {
  font-family: "DMSerifRegular";
  font-weight: 400;
  color: #03002f;
  font-size: 3rem;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
  line-height: 3rem;
}
@media (max-width: 768px) {
  .dedicated-partner-section .dedicatedLeft-section.box-dedicated .text-wrapper-2 {
    font-size: 2.125rem;
    line-height: 2.125rem;
  }
}
.dedicated-partner-section .dedicatedLeft-section.box-dedicated .text-wrapper-3 {
  font-family: "DMSerifRegular";
  font-weight: 400;
  color: #03002f;
  font-size: 6rem;
  text-align: right;
  letter-spacing: 0;
  white-space: nowrap;
  line-height: 3rem;
}
@media (max-width: 768px) {
  .dedicated-partner-section .dedicatedLeft-section.box-dedicated .text-wrapper-3 {
    font-size: 4rem;
    line-height: 4rem;
  }
}
.dedicated-partner-section .dedicatedLeft-section.box-dedicated .text-wrapper-4 {
  font-size: 1.25rem;
  font-family: "DMSansNormal";
  color: #1c1a45;
  letter-spacing: 0;
  line-height: 1.875rem;
  white-space: nowrap;
}
.dedicated-partner-section .dedicatedLeft-section.box-dedicated .text-wrapper-5 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #828096;
  letter-spacing: 0;
  line-height: 1.688rem;
  white-space: nowrap;
}
.dedicated-partner-section .dedicatedLeft-section.box-dedicated .div {
  font-family: "DMSerifRegular";
  font-weight: 400;
  color: #03002f;
  font-size: 6rem;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
  line-height: 6rem;
}
@media (max-width: 768px) {
  .dedicated-partner-section .dedicatedLeft-section.box-dedicated .div {
    font-size: 4rem;
    line-height: 4rem;
  }
}

.DedicatedCarousal {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .DedicatedCarousal .slick-list {
    padding-bottom: 20px;
  }
}
.DedicatedCarousal .slick-list .slick-track {
  display: flex;
  gap: 50px;
}
@media (max-width: 768px) {
  .DedicatedCarousal .slick-list .slick-track {
    gap: 110px;
  }
}

.dedicated-card-section .dedicated-text-content {
  margin-top: 37px;
  padding-left: 40px;
}
@media (max-width: 768px) {
  .dedicated-card-section .dedicated-text-content {
    padding-left: 30px;
  }
}
.dedicated-card-section .dedicated-text-content .name {
  font-size: 1.25rem;
  font-family: "DMSansNormal";
  color: #1c1a45;
  display: flex;
}
.dedicated-card-section .dedicated-text-content .state {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #828096;
  display: flex;
}
.dedicated-card-section .dedicated-card {
  width: 386px;
}
.dedicated-card-section .dedicated-card .image {
  width: 386px;
  height: 241px;
  position: relative;
}
.dedicated-card-section .dedicated-card .video-icon {
  position: absolute;
  z-index: 1;
  bottom: -26px;
  left: 30px;
}
.dedicated-card-section .dedicated-card .image .rectangle {
  width: 386px;
  height: 241px;
  border-left: 20px solid #ffffff;
}

.business-carsoual .business-carsoual-head {
  font-size: 1.25rem;
  font-family: "DMSansBold";
  color: #f7943e;
  line-height: 1.25rem;
}

.carsoual-custom-ui-about .slick-slider .slick-dots.custom-dots ul li.slick-active {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  border: 1px solid #f04e45;
}
.carsoual-custom-ui-about .slick-slider .slick-dots.custom-dots ul li.slick-active button.custom-dot {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  border: 1px solid #f04e45;
  position: relative;
  top: 4px;
  left: -1px;
}
.carsoual-custom-ui-about .slick-slider .slick-dots.custom-dots ul li.slick-active button.custom-dot.active::before {
  color: #f04e45 !important;
  top: 34%;
}
.carsoual-custom-ui-about .slick-slider .slick-dots.custom-dots ul li.slick-active button.custom-dot::before {
  color: #f7b9b5 !important;
}
.carsoual-custom-ui-about .slick-slider .slick-dots.custom-dots ul li button.custom-dot::before {
  color: #f7b9b5 !important;
}
.carsoual-custom-ui-about .slick-list {
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  .leader-section {
    padding: 30px 15px;
    background-color: #f2f2f5;
  }
  .leader-section.no-first-child {
    background-color: transparent !important;
  }
}
.leader-section .commonTable-vertical-main.commonTable-vertical-flex {
  display: grid;
  grid-template-columns: 30% 70%;
}
@media (max-width: 768px) {
  .leader-section .commonTable-vertical-main.commonTable-vertical-flex {
    grid-template-columns: 100%;
  }
}
.leader-section .commonTable-vertical-main .tab-content .tab-content-about p {
  line-height: normal;
}
.leader-section .carsoual-section-heading {
  text-align: left;
}
.leader-section ul.nav-tabs {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .leader-section ul.nav-tabs {
    gap: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1600px) {
  .leader-section ul.nav-tabs li:first-child {
    pointer-events: none;
  }
}
.leader-section ul.nav-tabs li:first-child {
  text-decoration: none;
}
.leader-section ul.nav-tabs li:first-child button.nav-link {
  text-decoration: none;
  border-bottom: none !important;
}
.leader-section ul.nav-tabs li:first-child button.nav-link.active {
  border-bottom: none !important;
  background-color: #f2f2f5;
}
.leader-section ul.nav-tabs li:first-child button.nav-link.active::after {
  display: none;
}
.leader-section ul.nav-tabs li.nav-item {
  text-decoration: none !important;
}
@media (max-width: 768px) {
  .leader-section ul.nav-tabs li.nav-item {
    width: max-content;
  }
}
.leader-section ul.nav-tabs li.nav-item button.nav-link {
  display: flex;
  gap: 20px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #f04e45 !important;
  text-decoration: none !important;
  border-bottom: none !important;
  padding-left: 0px;
  background-color: transparent;
}
.leader-section ul.nav-tabs li.nav-item button.nav-link.active {
  color: #292663;
  border-bottom: none !important;
  background-color: transparent;
}
.leader-section ul.nav-tabs li.nav-item button.nav-link.active::after {
  content: "\ea40";
  font-family: "edel_icon" !important;
}
@media (max-width: 768px) {
  .leader-section ul.nav-tabs li.nav-item button.nav-link.active::after {
    content: "" !important;
  }
}
.leader-section.no-first-child ul.nav-tabs li:first-child {
  pointer-events: unset !important;
}
.leader-section.no-first-child ul.nav-tabs li:first-child button.nav-link {
  display: flex;
  gap: 20px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  text-decoration: none !important;
  border-bottom: none !important;
  padding-left: 0px;
}
.leader-section.no-first-child ul.nav-tabs li:first-child button.nav-link.active {
  border-bottom: none !important;
  background-color: transparent;
}
.leader-section.no-first-child ul.nav-tabs li:first-child button.nav-link.active::after {
  content: "\ea40" !important;
  font-family: "edel_icon" !important;
}

.businessteam-card-section {
  width: 200px;
  padding-right: 20px;
}
.businessteam-card-section .businessteam-card {
  width: 200px;
}
.businessteam-card-section .businessteam-card .image {
  width: 200px;
}
.businessteam-card-section .businessteam-card .image img {
  width: 200px;
  border-right: 5px solid transparent;
}
.businessteam-card-section .businessteam--text-content {
  display: grid;
  grid-template-columns: 1fr;
}
.businessteam-card-section .businessteam--text-content .name {
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
  color: #03002f;
  display: flex;
  margin-top: 17px;
  line-height: 30px;
}
.businessteam-card-section .businessteam--text-content .desc {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #696682;
  display: flex;
  min-height: 100px;
  max-height: 100px;
  flex-direction: column;
}
@media (max-width: 768px) {
  .businessteam-card-section .businessteam--text-content .desc {
    min-height: 50px;
    max-height: 50px;
    line-height: normal;
  }
}

.business-carsoual {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  z-index: 11;
}
@media (max-width: 768px) {
  .business-carsoual {
    z-index: 8 !important;
  }
}
.business-carsoual .slick-list {
  padding-bottom: 0px;
}
@media (max-width: 768px) {
  .business-carsoual .slick-list {
    padding-bottom: 0px !important;
  }
}
.business-carsoual .slick-list .slick-track {
  display: flex;
}
.business-carsoual .slick-list .slick-track .slick-slide {
  width: 100% !important;
}
.business-carsoual.board-director-carsoual .slick-list .slick-track .slick-slide {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1600px) {
  #leader-section-id {
    position: relative;
    top: -210px;
    z-index: 8;
  }
}
.height450px {
  height: 450px;
}

.modal-popup-aboutus .about-us-modal-height {
  max-height: 400px;
  min-height: 390px;
  overflow: scroll;
}
.modal-popup-aboutus .about-us-modal-height::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.modal-popup-aboutus .about-us-modal-height {
  /* Track */
}
.modal-popup-aboutus .about-us-modal-height::-webkit-scrollbar-track {
  background: transparent;
}
.modal-popup-aboutus .about-us-modal-height {
  /* Handle */
}
.modal-popup-aboutus .about-us-modal-height::-webkit-scrollbar-thumb {
  background: #03002f;
}
.modal-popup-aboutus .name-content {
  color: #03002f;
  font-family: "DMSerifRegular";
  font-size: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .modal-popup-aboutus .name-content {
    font-size: 1.5rem;
    justify-content: start;
  }
}
.modal-popup-aboutus .desc-content {
  font-size: 1.125rem;
  font-family: "DMSans-300";
  color: #03002f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 768px) {
  .modal-popup-aboutus .desc-content {
    font-size: 1.125rem;
    justify-content: start;
    margin-bottom: 10px;
    align-items: flex-start;
  }
}
.modal-popup-aboutus p {
  font-size: 1.125rem;
  font-family: "DMSans-300";
  color: #03002f;
  display: flex;
  align-items: start;
}
@media (max-width: 768px) {
  .modal-popup-aboutus p {
    font-size: 1.125rem;
    justify-content: start;
  }
}
.modal-popup-aboutus .modal-about-spacing {
  padding: 20px 100px !important;
}
@media (max-width: 768px) {
  .modal-popup-aboutus .modal-about-spacing {
    padding: 0px !important;
  }
}

.common-tab-aboutus.common-tab-color .nav-tabs {
  gap: 15px;
}
.common-tab-aboutus.common-tab-color .nav-tabs .nav-link::after {
  content: "" !important;
}
.common-tab-aboutus.common-tab-color .nav-tabs .nav-link.active::after {
  content: "" !important;
}

.about-us-modal .modal-dialog.modal-lg {
  max-width: 90%;
}
@media (max-width: 768px) {
  .about-us-modal .modal-dialog.modal-lg {
    max-width: 100%;
  }
}
.about-us-modal .modal-dialog .modal-content .modal-header .close-icon-position {
  position: absolute;
  right: 60px;
  top: 90px;
  font-size: 1.25rem;
  cursor: pointer;
  z-index: 1;
}
@media (max-width: 768px) {
  .about-us-modal .modal-dialog .modal-content .modal-header .close-icon-position {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 1rem;
    cursor: pointer;
    z-index: 1;
  }
}

@media (max-width: 768px) {
  .mission-tab-content .tab-content {
    margin-top: 15px;
  }
  .mission-tab-content .tab-content .tab-pane p {
    line-height: 20px !important;
    font-size: 0.875rem;
    font-family: "DMSans-300";
    color: #03002f;
  }
  .tabcontent-mobile-mt {
    margin-top: 30px;
  }
}
.bannercontent-section {
  width: 100%;
  height: 426px;
  width: 100%;
}
@media (max-width: 768px) {
  .bannercontent-section {
    height: 213px;
  }
}
.bannercontent-section {
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.bannercontent-section .txt-content {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 300px;
}
@media (max-width: 768px) {
  .bannercontent-section .txt-content {
    height: 150px;
    gap: 90px;
  }
}
.bannercontent-section .txt-content .content-head {
  color: #e6e6eb;
  font-size: 4rem;
  font-family: "DMSerifRegular";
  line-height: 4rem;
}
@media (max-width: 768px) {
  .bannercontent-section .txt-content .content-head {
    font-size: 2rem;
    line-height: 2rem;
  }
}

.tab-content-about {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #03002f;
}
@media (max-width: 768px) {
  .tab-content-about {
    font-size: 0.875rem;
  }
  .tab-content-about p {
    line-height: normal;
  }
}

.rootheritage-section .fixed-img {
  position: relative;
}
.rootheritage-section .coin-content {
  opacity: 1;
  -webkit-mask-image: linear-gradient(208deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 50%, rgb(0, 0, 0) 100%);
  mask-image: linear-gradient(208deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 50%, rgb(0, 0, 0) 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 300% 100%;
  animation: clip-fade 1s infinite linear;
}
.rootheritage-section {
  /* Keyframes for the animation */
}
@keyframes clip-fade {
  0% {
    -webkit-mask-position: right; /* Start from the left */
    mask-position: right;
  }
  50% {
    -webkit-mask-position: center; /* Move the mask to the center */
    mask-position: center;
  }
  100% {
    -webkit-mask-position: left; /* Move the mask to the right */
    mask-position: left;
  }
}

.circle-roatation {
  -webkit-animation: ccircle 10s infinite linear;
  animation: circle 10s infinite linear;
}

@keyframes circle {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes circle {
  from {
    -webkit-transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
  }
}
.personMovelefttoright {
  animation: 50s ease-in-out 0s infinite normal none running about-moveLeftToRight;
  -webkit-animation: 50s ease-in-out 0s infinite normal none running about-moveLeftToRight;
}

@keyframes about-moveLeftToRight {
  0% {
    transform: translateX(-50px);
  }
  50% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(-50px);
  }
}
.background-Image-movable {
  animation: shiftMask 50s infinite alternate ease-in;
}
@media (max-width: 768px) {
  .background-Image-movable {
    animation: shiftMaskmb 50s infinite alternate ease-in;
  }
}
.background-Image-movable {
  position: relative;
  left: 0%;
  mask-repeat: no-repeat;
  mask-size: auto 200%;
  mask-position: bottom;
  mask-composite: add;
  max-width: 200%;
  top: 0%;
}

@keyframes shiftMask {
  0% {
    transform: translateX(0%);
    mask-position: 0% bottom;
  }
  50% {
    transform: translateX(-300px);
    mask-position: -300px bottom;
  }
  100% {
    transform: translateX(0%);
    mask-position: 0% bottom;
  }
}
@keyframes shiftMaskmb {
  0% {
    transform: translateX(0);
    mask-position: 0% bottom;
  }
  50% {
    transform: translateX(-40px);
    mask-position: -40px bottom;
  }
  100% {
    transform: translateX(0);
    mask-position: 0% bottom;
  }
}
.box-offer-text .fade-about {
  animation: fadeIn 0.5s forwards;
  opacity: 0.3;
  position: relative;
}
.box-offer-text .fade-about.hide-txt {
  visibility: visible;
}
@keyframes fadeIn {
  100% {
    opacity: 1;
  }
}
.box-offer-text .fade-about:nth-child(1) {
  animation-delay: 0.5s;
}
.box-offer-text .fade-about:nth-child(2) {
  animation-delay: 0.7s;
}
.box-offer-text .fade-about:nth-child(3) {
  animation-delay: 0.8s;
}
.box-offer-text .fade-about:nth-child(4) {
  animation-delay: 1s;
}
.box-offer-text .fade-about:nth-child(5) {
  animation-delay: 1.2s;
}
.box-offer-text .fade-about:nth-child(6) {
  animation-delay: 1.4s;
}
.box-offer-text .fade-about:nth-child(7) {
  animation-delay: 1.6s;
}

.fade-about {
  animation: fadeInCard 1s forwards;
  opacity: 0;
  position: relative;
}
.fade-about.hide-txt {
  visibility: visible;
}

@keyframes fadeInCard {
  from {
    opacity: 0;
    transform: translateY(40%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.offercard-array.offercard-fade .offercard.fade-about.mob-animation:nth-child(1) {
  animation-delay: 1.2s;
}
.offercard-array.offercard-fade .offercard.fade-about.mob-animation:nth-child(2) {
  animation-delay: 1.4s;
}
.offercard-array.offercard-fade .offercard.fade-about.mob-animation:nth-child(3) {
  animation-delay: 1.6s;
}
.offercard-array.offercard-fade .offercard.fade-about.desk-animation:nth-child(1) {
  animation-delay: 1.2s;
}
.offercard-array.offercard-fade .offercard.fade-about.desk-animation:nth-child(2) {
  animation-delay: 1.4s;
}
.offercard-array.offercard-fade .offercard.fade-about.desk-animation:nth-child(3) {
  animation-delay: 1.6s;
}

@keyframes fade-image {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*fade out effect****/
.fadeout-animation-box {
  animation-name: fade-image-wealth;
  animation-duration: 9s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-direction: normal;
}

@keyframes fade-image-wealth {
  0% {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
  25% {
    opacity: 0.4;
    transition: opacity 0.5s ease-in-out;
  }
  50% {
    opacity: 0.8;
    transition: opacity 0.5s ease-in-out;
  }
  75% {
    opacity: 0.4;
    transition: opacity 0.5s ease-in-out;
  }
  100% {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
}
.black-overlay-animation {
  position: relative;
}

/* The overlay itself with animation */
.black-overlay-animation::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0); /* Initial state */
  z-index: 1;
  opacity: 1;
  animation: fadeInOut-talent 4s infinite;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: forwards;
}

/* The individual overlays with sequential animations */
.black-overlay-animation.one::after {
  animation-delay: 0s; /* Starts immediately */
  background: rgba(0, 0, 0, 0);
}

.black-overlay-animation.two::after {
  animation-delay: 1s; /* Delays by 1s */
  background: rgba(0, 0, 0, 0);
}

.black-overlay-animation.three::after {
  animation-delay: 2s; /* Delays by 2s */
  background: rgba(0, 0, 0, 0);
}

.black-overlay-animation.four::after {
  animation-delay: 3s; /* Delays by 3s */
  background: rgba(0, 0, 0, 0);
}

/* Keyframe animation for fade in/out effect */
@keyframes fadeInOut-talent {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  25% {
    background: rgba(0, 0, 0, 0.5);
  }
  50% {
    background: rgba(0, 0, 0, 0.2);
  }
  75% {
    background: rgba(0, 0, 0, 0.5);
  }
  100% {
    background: rgba(0, 0, 0, 0);
  }
}
/* Optional: You can define main content animations with delays if needed */
.main-1 {
  animation-duration: 4s;
  animation-delay: 0s;
}

.main-2 {
  animation-duration: 4s;
  animation-delay: 4s;
}

.main-3 {
  animation-duration: 4s;
  animation-delay: 8s;
}

.main-4 {
  animation-duration: 4s;
  animation-delay: 12s;
}

/**End**/
.Testimonials-section {
  animation-fill-mode: forwards;
}

.fadein-testimonial {
  animation: fadeInOut-talent 3s ease-in-out infinite;
  border-radius: 100%;
}
.fadein-testimonial.one {
  animation-duration: 3s;
  animation-delay: 2s;
}
.fadein-testimonial.two {
  animation-duration: 3s;
  animation-delay: 6s;
}
.fadein-testimonial.three {
  animation-duration: 3s;
  animation-delay: 16s;
}
.fadein-testimonial.four {
  animation-duration: 3s;
  animation-delay: 12s;
}
.fadein-testimonial.five {
  animation-duration: 6s;
  animation-delay: 10s;
}
.fadein-testimonial.six {
  animation-duration: 3s;
  animation-delay: 12;
}
.fadein-testimonial.seven {
  animation-duration: 3s;
  animation-delay: 14s;
}
.fadein-testimonial.eight {
  animation-duration: 3s;
  animation-delay: 8s;
}
.fadein-testimonial.nine {
  animation-duration: 3s;
  animation-delay: 4s;
}

@keyframes fadeInOut-testimonial {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.grand-box {
  position: relative;
  width: 311px;
  height: 239px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .grand-box {
    width: 315px;
    height: 240px;
  }
}
.grand-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.grand-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 40%, rgba(250, 250, 250, 0.2901960784) 50%, transparent 60%);
  background-size: 200% 100%;
  background-position: 0 0;
  animation: shimmer 2s linear infinite;
  animation-delay: 4s;
  z-index: 1;
}

@keyframes shimmer {
  0% {
    background-position: 200% 0%;
  }
  100% {
    background-position: -200% 0%;
  }
}
.hide-txt {
  opacity: 0.00001;
  transform: translateY(30px);
  transition: opacity 0.1s cubic-bezier(0.6, 0, 0.05, 1), transform 0.1s ease-in-out, visibility 0s 0.5s;
  will-change: transform;
}

.inview[data-inview-effect=fade-up] {
  opacity: 0.00001;
  transform: translateY(30px);
}
.inview.active {
  opacity: 1;
  transform: translateY(0%);
  visibility: visible;
}
.inview[data-inview-stagger="0"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 0s;
}
.inview[data-inview-stagger="1"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 0.2s;
}
.inview[data-inview-stagger="2"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 0.4s;
}
.inview[data-inview-stagger="3"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 0.6s;
}
.inview[data-inview-stagger="4"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 0.8s;
}
.inview[data-inview-stagger="5"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 1s;
}
.inview[data-inview-stagger="6"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 1.2s;
}
.inview[data-inview-stagger="7"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 1.4s;
}
.inview[data-inview-stagger="8"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 1.6s;
}
.inview[data-inview-stagger="9"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 1.8s;
}
.inview[data-inview-stagger="10"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 2s;
}
.inview[data-inview-stagger="11"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 2.2s;
}
.inview[data-inview-stagger="12"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 2.4s;
}
.inview[data-inview-stagger="13"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 2.6s;
}
.inview[data-inview-stagger="14"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 2.8s;
}
.inview[data-inview-stagger="15"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 3s;
}
.inview[data-inview-stagger="16"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 3.2s;
}
.inview[data-inview-stagger="17"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 3.4s;
}
.inview[data-inview-stagger="18"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 3.6s;
}
.inview[data-inview-stagger="19"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 3.8s;
}
.inview[data-inview-stagger="20"] {
  transition: opacity 1s cubic-bezier(0.6, 0, 0.05, 1), transform 1s ease-in-out;
  transition-delay: 4s;
}.congratulations-popup .z-index-high__handle-wrapper {
  background-color: #f4fafd;
}
.congratulations-popup .z-index-high__content {
  background-color: #f4fafd;
}

.modalalerts .alerts-body-input-fields {
  display: flex;
}
.modalalerts .input-group-alerts-one {
  width: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.modalalerts .input-group-alerts-one .form-control {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-right: none !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  margin: 0px 1px;
}
.modalalerts .input-group-alerts-one .form-control:focus {
  border-color: #ced4da !important;
}
.modalalerts .input-group-alerts-two {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #ced4da;
  border-left: none !important;
}
.modalalerts .input-group-alerts-two .form-control {
  padding: 0px 12px;
  margin: 6px 0px;
  border-left: 1px solid #ced4da !important;
}
.modalalerts .input-group-alerts-three {
  width: 30%;
  border-radius: 5px;
}
.modalalerts .modal-header {
  display: none;
}

.modal-alert-header .stock-details-head {
  background: #f4fafd;
  max-width: 100%;
  margin-top: 2px !important;
}

.modal-alert-header .edel-icon-trash:before {
  color: #dd504d;
}

.modalalerts .modal-body {
  padding: 0px;
}

.modal-alert-header {
  margin: 0px;
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  background-color: #f4fafd;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
@media (max-width: 1023px) {
  .modal-alert-header {
    padding: 15px 0px 6px 0px;
  }
}
.modal-alert-header .titlehead {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.modal-alert-header .edel-icon-arrow-left {
  display: contents;
  color: #03002f;
  font-size: large;
  font-weight: 600;
}

.modalalerts .stock-details-head {
  padding: 0px;
  margin: 0px;
}

.modal-alert-body .product-buttons {
  min-width: 79px;
}
.modal-alert-body .ltpPer .refreshOuterDiv {
  margin-bottom: 10px !important;
}
.modal-alert-body .ltpPer .input-group-alerts-one {
  width: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.modal-alert-body .ltpPer .input-group-alerts-one .form-control {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-right: none !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  margin: 0px 1px;
}
.modal-alert-body .ltpPer .input-group-alerts-one .form-control:focus {
  border-color: #ced4da !important;
}
.modal-alert-body .ltpPer .input-group-alerts-two {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #ced4da;
  border-left: none !important;
}
.modal-alert-body .ltpPer .input-group-alerts-two .form-control {
  padding: 0px 12px;
  margin: 6px 0px;
  border-left: 1px solid #ced4da !important;
}
.modal-alert-body {
  margin-left: 20px;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  .modal-alert-body {
    padding: 20px 15px 10px 15px;
    margin: 0px;
  }
}
@media (max-width: 768px) {
  .modal-alert-body {
    padding: 10px 15px 0px 15px;
    margin: 0px;
  }
}

.modal-alert-footer {
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
  gap: 20px;
  margin-top: 50px;
}
@media (min-width: 1023px) {
  .modal-alert-footer {
    margin-left: 70px;
    margin-right: 70px;
  }
}

.alert-modal-button {
  padding: 15px 30px 15px 30px;
  border-radius: 5px;
  width: 50%;
  font-size: 1rem;
  font-family: "DMSansMedium";
}

.alerts-header-desk {
  display: flex;
  justify-content: space-between;
}

.alert-child {
  color: #03002f;
  border-radius: 5px;
  border: 0.5px solid #03002f;
  display: inline-flex;
  padding: 3px 5px 3px 7px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.alert-dot {
  font-size: 45px;
  color: #ed1b24;
  top: -36px;
  right: 7px;
}

.alert-dot-mob {
  font-size: 47px;
  color: #ed1b24;
  top: -7px;
  right: 6px;
}

.alerts-left-col {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.alert-table-price .common-checkbox-new .form-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.alert-table table {
  width: 100%;
  border-spacing: 0px 10gpx;
}
.alert-table table tbody tr td {
  border: 1px solid #e7e7e7;
  border-width: 1px 0px;
}
.alert-table table tbody tr td:first-child {
  border-width: 1px 0px 1px 1px;
  border-radius: 5px 0px 0px 5px;
}
.alert-table table tbody tr td:last-child {
  border-width: 1px 1px 1px 0px;
  border-radius: 0px 5px 5px 0px;
}

.rectangle-color-price {
  width: 10px;
  height: 50px;
  background-color: #51b255;
  flex-shrink: 0;
  padding-right: 10px;
}

.rectangle-color-volume {
  width: 10px;
  height: 50px;
  background-color: #1c9ad6;
  flex-shrink: 0;
  padding-right: 10px;
}

.rectangle-color-oi {
  width: 10px;
  height: 50px;
  background-color: #ff6b00;
  flex-shrink: 0;
  padding-right: 10px;
}

.alerts-stock {
  padding-left: 10px;
  padding-right: 5px;
}

.alert-table .form-check {
  padding-left: 2rem;
}

.alert-bottom-input {
  display: flex;
  justify-content: space-between;
}
.alerts-desktop-modal .product-buttons {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  padding: 10px 15px;
  border: 1px solid #e7e7e7;
  margin: 10px;
}

.container .AlertsPopup .z-index-high__handle-wrapper {
  background-color: #f4fafd;
}
.container .AlertsPopup .edel-icon-arrow-left {
  display: contents;
  color: #03002f;
  font-size: large;
  font-weight: 600;
}
.container .AlertsPopup .modal-content {
  width: 603px !important;
  border: none;
}
.container .AlertsPopup .modal-content .modal-body {
  width: 600px;
}

.alerts-desktop-delete .form-check {
  top: 6px;
  position: relative;
}
.alerts-desktop-delete .selected-num {
  margin-top: 10px !important;
}
.alerts-desktop-delete .delete-btn {
  width: 100px;
  margin-top: 11px;
  margin-left: 18px !important;
}
.alerts-desktop-delete .delete-btn .delete-icon {
  font-size: 15px !important;
}
.alerts-desktop-delete .sort-filter {
  margin-left: 10px;
}
.alerts-desktop-delete .sort-filter .sort-filter-btn {
  height: 44px;
  width: 44px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0px !important;
}
.alerts-desktop-delete .sort-filter .funds-sort .sort-drop {
  margin-top: 15px !important;
  right: 0px !important;
  z-index: 9;
}
.alerts-desktop-delete .form-check-input {
  margin-right: 5px;
  accent-color: #03002f !important;
}
.alerts-desktop-delete {
  display: flex;
  align-items: baseline;
}

.edel-icon-trash:before {
  padding: 5px;
}

.edel-icon-Vector-6:before {
  font-size: 16px;
}

.alerts-desktop-dlt .edel-icon-trash:before {
  font-size: 15px;
  color: #dd504d;
}

.alerts-desktop-dlt {
  color: #dd504d;
}

.alerts-desktop-done {
  margin-top: 10px;
  text-decoration: underline;
  margin-left: 20px;
}

.alerts-mobile-start {
  line-height: 140%;
  padding-top: 15px;
  padding-bottom: 20px;
  width: "100%";
  display: flex;
  justify-content: space-between;
}
.alerts-mobile-start .edel-icon-arrow-left {
  font-size: 20px;
}

.alerts-mobile-delete {
  margin-left: 38px;
  line-height: 140%;
  padding-top: 6px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.alerts-mobile-delete .edel-icon-filter {
  color: #ffffff !important;
}

.alerts-mobile-start .edel-icon-filter {
  font-size: 25px;
}

.alerts-mobile-delete .edel-icon-filter:before {
  padding: 12px;
  border-radius: 5px;
  background: #f2f2f5;
  margin-left: 15px;
  color: #03002f;
}

.alerts-mobile-start .edel-icon-arrow-left:before {
  font-size: 20px;
  font-weight: 900;
}

.alerts-mobile-delete .edel-icon-sort {
  color: #03002f;
  height: 44px;
  width: 44px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0px !important;
}

.alerts-mobile-tone {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.alerts-green-mb {
  color: #00b274;
  background: #ccf0e3;
  box-shadow: 0px;
  padding: 5px;
  border-radius: 5px;
}

.alerts-blue-mb {
  color: #1c9ad6;
  background: #d2ebf7;
  box-shadow: 0px;
  padding: 5px;
  border-radius: 5px;
}

.alerts-red-mb {
  color: #f7943e;
  background: #fdead8;
  box-shadow: 0px;
  padding: 5px;
  border-radius: 5px;
}

.drawer-alert-header .edel-icon-arrow-left:before {
  font-size: 18px;
  font-weight: 900;
}

.alerts-mobile-draw {
  padding-right: 15px;
  padding-left: 15px;
}

.alerts-mobile-draw .product-buttons {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  padding: 10px 15px;
  border: 1px solid #e7e7e7;
  margin: 10px;
}

.alerts-mobile-draw .modal-alert-header {
  padding: 0px;
  margin: 15px;
}

.alerts-mobile-draw .modal-alert-body {
  margin: 15px;
}

.drawer-alert-header {
  padding-right: 15px;
  padding-left: 15px;
}

.drawer-alert-body {
  padding: 15px;
}

.drawer-alert-footer .alert-drawer-button {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  padding: 10px 53px 10px 53px;
}

.drawer-alert-footer {
  display: flex;
  justify-content: space-evenly;
  margin: 10px;
}

.alerts-mobile-draw {
  border-radius: 5px 5px 0px 0px;
}

.form-check .form-check-pa {
  border: 1px solid #51b255;
  background-color: #ccf0e3;
}

.form-check .form-check-va {
  border: 1px solid #1c9ad6;
  background-color: #d2ebf7;
}

.form-check .form-check-oia {
  border: 1px solid #f7943e;
  background-color: #fdead8;
}

@media (max-width: 768px) {
  .alpha-alerts-mobile.container {
    padding-bottom: 5rem !important;
  }
}
.alpha-alerts-mobile.container {
  background: #ffffff;
}
.alpha-alerts-mobile.container .bgColor.__handle-wrapper {
  background-color: #f4fafd !important;
}
.alpha-alerts-mobile.container .bgColor.__content {
  background-color: #f4fafd !important;
}
.filter-icon-alerts {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 15px 20px 15px;
}

.filter-icon-alerts-body {
  padding: 20px 30px 30px 15px;
  line-height: 21px;
}
.filter-icon-alerts-body .ed_button {
  width: 360px;
  margin-left: 10px;
}

.filter-icon-alerts-body .ed_button {
  margin-top: 30px;
  width: 100%;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}

.filter-icon-alerts-body .form-check-input:checked {
  background-color: #03002f;
  border: 0px;
}

.AlertsMain .form-check-input:checked {
  background-color: #03002f !important;
  border-color: #03002f !important;
}

.alert-checkbox-imp.common-checkbox-new .form-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.alerts-eq-dropdown .equity-dropdown-block {
  color: #333333;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.alerts-eq-dropdown .equity-dropdown-block .equitydrop {
  margin-right: 10px;
  padding: 10px;
}
.alerts-eq-dropdown .equity-dropdown-block .equitydrop button {
  font-family: "DMSansNormal";
}
.alerts-eq-dropdown .equity-dropdown-block .dropdown-menu.show {
  height: 40px;
  width: 100%;
  margin-right: 10px;
  background-color: #ffffff;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #e7e7e7;
}
.alerts-eq-dropdown .equity-dropdown-block .dropdown-menu.show .dropdown-item {
  padding: 10px;
}

.empty-alerts {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.empty-alerts i {
  font-size: 3.438rem;
}

.alerts-toaster-fix {
  position: relative;
}
.alerts-toaster-fix.top {
  top: -50px;
}
.alerts-toaster-fix {
  width: 100%;
}
@media (max-width: 1023px) {
  .alerts-toaster-fix {
    top: 165px;
  }
}
.alerts-toaster-fix .toast-container {
  width: 100% !important;
  border-radius: 5px !important;
  margin-bottom: 5px !important;
}
.alerts-toaster-fix .toast {
  width: 100%;
  box-shadow: none;
  border: 0px;
}
.alerts-toaster-fix .toast div {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
@media (max-width: 1023px) {
  .alerts-toaster-fix .toast div {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}

.alert-congrat-button {
  padding: 15px 30px;
  width: 100%;
}
@media (max-width: 1023px) {
  .alert-congrat-button {
    width: 90%;
    padding: 10px;
    margin: 10px 15px;
  }
}
.alert-congrat-button .ed_button.button {
  font-size: 1rem;
  font-family: "DMSansMedium";
}

.alert-congrat-moadal .modal-header {
  background: #f4fafd;
  height: 80px;
}
.alert-congrat-moadal .modal-header .edel-icon-bold-close:before {
  display: none;
}

.delete-alert-modal .modal-dialog {
  max-width: 600px !important;
}

.delete-alert-modal .modal-content {
  border: none;
}

.delete-alert-modal .modal-header {
  background: #f4fafd;
  height: 80px;
  border-bottom: none;
}
.delete-alert-modal .modal-header .edel-icon-bold-close:before {
  display: none;
}

.setalert-icon-alerts .edel-icon-failure-icon-revamp {
  display: block;
  font-size: 100px;
}
.setalert-icon-alerts .bellicon {
  width: 51px !important;
}
.setalert-icon-alerts {
  text-align: center;
  padding-bottom: 35px;
}
@media (max-width: 1023px) {
  .setalert-icon-alerts {
    padding-bottom: 20px;
    padding-top: 50px;
  }
}
.setalert-icon-alerts .edel-icon-setalert-fill {
  font-size: 100px;
}
@media (max-width: 1023px) {
  .setalert-icon-alerts .edel-icon-setalert-fill {
    font-size: 50px;
  }
}

.alerts-body-input-fields .help_text.red {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
}
@media (max-width: 1023px) {
  .alerts-body-input-fields {
    display: flex;
  }
}
.alerts-body-input-fields .input-group-alerts-three {
  width: 100%;
  border-radius: 5px;
}

.alerts-mobile-deledone {
  padding: 15px 25px;
  background: #ffffff;
  box-shadow: 0px 4px 17px 0px rgba(60, 60, 60, 0.11);
  width: 100%;
  z-index: 9;
  right: 1px;
}
.alerts-mobile-deledone.focused {
  margin-bottom: 50px;
}
.alerts-mobile-deledone .blood-red-border {
  padding: 12px 11px !important;
}
.alerts-mobile-deledone .black-underline {
  border: none !important;
}

.fix-toast .toast-container.position-absolute {
  position: fixed !important;
  z-index: 1;
}.all-tools-mainblock {
  padding-top: 30px;
}
.all-tools-mainblock .generic-tabs .nav-tabs {
  gap: 15px;
}
.all-tools-mainblock .generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 10px 10px 7px 10px;
}
.all-tools-mainblock .optionchain-tool-block {
  margin-top: 30px;
  border: 1px solid #e7e7e7;
  position: relative;
}
.all-tools-mainblock .optionchain-tool-block .head-block {
  padding: 20px 15px 30px;
}
.all-tools-mainblock .optionchain-tool-block .head-block .rounded-circle {
  margin-left: 20px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  color: #03002f;
  border: 1px solid #f0f9ff;
  position: relative;
  cursor: pointer;
  top: 0px;
}
.all-tools-mainblock .optionchain-tool-block .head-block .rounded-circle i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}
.all-tools-mainblock .optionchain-tool-block .stock-head-block {
  padding: 10px 15px 9px;
}
@media screen and (min-width: 1023px) {
  .all-tools-mainblock .optionchain-tool-block .fix-search {
    width: 300px;
  }
}
.all-tools-mainblock .optionchain-tool-block .optiochain-search .common-search-bar {
  width: 269px;
  height: 54px;
  border: 1px solid #e7e7e7;
  margin-left: 15px;
}
@media (max-width: 768px) {
  .all-tools-mainblock .optionchain-tool-block .optiochain-search .common-search-bar {
    width: 100%;
    border-width: 5px;
    border-radius: 5px;
  }
}
.all-tools-mainblock .optionchain-tool-block .optiochain-search .common-search-bar input {
  border-radius: 5px;
  border-top-left-radius: 0px;
}
.all-tools-mainblock .displayTrendingList {
  margin-top: 10px;
  margin-left: 15px;
  color: #b8b8b8;
}

.pdl-15 {
  padding-left: 15px;
}

@media screen and (max-width: 1023px) {
  .tools-tabs .nav-tabs .nav-link.active {
    background-color: #f5f5f5;
  }
}
.pixel-border-5 {
  border: 5px solid #f2f2f5;
  border-radius: 5px;
}@media (min-width: 768px) and (max-width: 1600px) {
  .pl-md-7 {
    padding-left: 7rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1600px) {
  .pr-md-7 {
    padding-right: 7rem !important;
  }
}

.Epledges-marketcard-desk .marketCard {
  border: none !important;
  padding: 0px !important;
}
.Epledges-marketcard-desk .acc-right-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Epledges-marketcard-desk .acc-right-arrow .edel-icon-arrow-down {
  font-size: 1.125rem;
  padding-left: 5px;
  position: relative;
}
.Epledges-marketcard-desk .acc-right-arrow .edel-icon-arrow-down.down {
  transform: rotate(180deg);
  margin-left: 10px;
  font-size: 1.125rem;
}

.tp-rel-11 td.bradius-none {
  border-radius: 0px !important;
}

.eplege-table-wrapper-main-subtable .form-check {
  margin-top: 22px;
}

.eplege-table-wrapper-main-subtable table th:nth-child(1) {
  width: 11% !important;
  text-align: right !important;
}

.eplege-table-wrapper-main-subtable table td:nth-child(1) {
  text-align: right;
}

.eplege-table-wrapper-main-subtable table th:nth-child(2) {
  width: 10% !important;
  text-align: right !important;
}

.eplege-table-wrapper-main-subtable table td:nth-child(2) {
  text-align: right;
}

.eplege-table-wrapper-main-subtable table th:nth-child(6) {
  text-align: right !important;
}

.eplege-table-wrapper-main-subtable table td:nth-child(6) {
  text-align: right;
}

.eplege-table-wrapper-main-subtable table th:nth-child(4) {
  text-align: right !important;
}

.eplege-table-wrapper-main-subtable table td:nth-child(4) {
  text-align: right;
}

.eplege-table-wrapper-main-subtable table th:nth-child(5) {
  text-align: right !important;
}

.eplege-table-wrapper-main-subtable table td:nth-child(5) {
  text-align: right;
}

.eplege-table-wrapper-main-subtable table th:nth-child(8) {
  text-align: right !important;
}

.eplege-table-wrapper-main-subtable table td:nth-child(8) {
  text-align: right;
}

.eplege-table-wrapper-main-subtable table th:nth-child(9) {
  text-align: right !important;
}

.eplege-table-wrapper-main-subtable table td:nth-child(9) {
  text-align: right;
}

.eplege-table thead th {
  padding: 12px 12px 0px 20px !important;
}
.eplege-table tbody td {
  padding: 0px 12px 20px 20px !important;
}

.flex-inline-center {
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
}

.Epledges-section-wrapper {
  background: #f7f7f7 !important;
}

.Epledges-section .mt-fixed {
  position: relative;
  top: 30px;
  z-index: 9;
}
.Epledges-section .eplege-content {
  z-index: 7;
}
.Epledges-section .eplege-content.eplege-content-pleges {
  z-index: 9;
  position: absolute;
  left: 12%;
}
.Epledges-section .eplege-content .btn {
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  color: #03002f;
  height: 35px;
  width: 35px;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .Epledges-section .eplege-content .btn {
    height: 30px;
    width: 30px;
  }
  .Epledges-section .eplege-content .btn .edel-icon-info {
    position: relative;
    top: -5px;
    left: -2px;
  }
}

.eplege-tooltip .tooltip-arrow::before {
  border-bottom-color: #e7e7e7 !important;
}
.eplege-tooltip .tooltip-inner {
  max-width: 600px !important;
  background: #ffffff;
  color: #03002f;
  border: 1px solid #e7e7e7;
}
@media (max-width: 768px) {
  .eplege-tooltip .tooltip-inner {
    width: 100% !important;
    max-width: 97% !important;
  }
}

.pledge-qty-input-db {
  width: 100%;
}
.pledge-qty-input-db input {
  width: 75%;
  text-align: center;
  border: none;
  border-bottom: 1px solid #b8b8b8;
  font-size: 14px;
}
.pledge-qty-input-db div {
  color: #ff6258;
  font-size: 10px;
  padding-top: 5px;
}

.unPledgePSNStatus {
  background-color: #fde9d8;
  width: 87px;
  height: 21px;
  margin-top: 10px;
}
.unPledgePSNStatus span {
  color: #f7943e;
}

.unPledgePSNStatusMobile {
  background-color: #fde9d8;
  width: 87px;
  height: 21px;
}
.unPledgePSNStatusMobile label {
  margin-top: 6px;
}
.unPledgePSNStatusMobile .statusIcon {
  margin-bottom: 4px;
}
.unPledgePSNStatusMobile span {
  color: #f7943e;
}

.bottom-section {
  position: fixed;
  bottom: 0px;
  padding: 10px;
  background-color: #ffffff;
  z-index: 10;
}
@media (max-width: 768px) {
  .bottom-section {
    z-index: 99;
  }
}
@media (min-width: 768px) and (max-width: 1600px) {
  .bottom-section.px-md-7 {
    padding-left: 7rem;
    padding-right: 7rem;
  }
}
.bottom-section.bottom-60 {
  bottom: 56px !important;
}
.bottom-section.bottom-80 {
  bottom: 80px !important;
}

.PledgeErrorMsg-section .edel-icon-pledging-box {
  font-size: 50px;
}

.brd-box-cdsl {
  border: 1px solid #e7e7e7;
  padding: 20px;
  border-radius: 5px;
  width: 80%;
}
@media (max-width: 768px) {
  .brd-box-cdsl {
    padding: 10px;
  }
}

.profile-main .table-head.add-opacity,
.grid-mb-table-eplege.add-opacity {
  opacity: 0.5;
  pointer-events: none;
}
.profile-main .table-head .text-band,
.grid-mb-table-eplege .text-band {
  height: auto;
  padding: 5px;
  border: none;
  text-align: center;
  font-size: 0.875rem;
}

.free-holding-epledge-main th:nth-child(1),
.free-holding-epledge-main td:nth-child(1) {
  width: 11%;
  text-align: right !important;
}
.free-holding-epledge-main th:nth-child(2),
.free-holding-epledge-main td:nth-child(2) {
  width: 11%;
  text-align: right !important;
}
.free-holding-epledge-main th:nth-child(3),
.free-holding-epledge-main td:nth-child(3) {
  width: 11%;
  text-align: right !important;
}
.free-holding-epledge-main th:nth-child(4),
.free-holding-epledge-main td:nth-child(4) {
  width: 11%;
  text-align: right !important;
}
.free-holding-epledge-main th:nth-child(5),
.free-holding-epledge-main td:nth-child(5) {
  width: 11%;
  text-align: right !important;
}
.free-holding-epledge-main th:nth-child(5),
.free-holding-epledge-main td:nth-child(5) {
  width: 11%;
  text-align: right !important;
}
.free-holding-epledge-main th:nth-child(6),
.free-holding-epledge-main td:nth-child(6) {
  width: 11%;
  text-align: left !important;
}
.free-holding-epledge-main th:nth-child(7),
.free-holding-epledge-main td:nth-child(7) {
  width: 11%;
  text-align: right !important;
}
.free-holding-epledge-main th:nth-child(8),
.free-holding-epledge-main td:nth-child(8) {
  width: 11%;
  text-align: right !important;
}

.orderbook-section-epledge {
  padding-block: 10px;
  background: #ffffff;
  box-shadow: 0px 1px 16px 3px rgba(165, 165, 165, 0.2);
  border-radius: 5px;
  margin-inline: 2px !important;
}

.collateral-limits {
  color: #b8b8b8;
  line-height: 140%;
}

.collateral-limits-val {
  color: #444444;
  line-height: 140%;
}

.eplege-table-first .unpledge-table-main {
  margin-bottom: 15px;
  margin-top: 4px;
}
.eplege-table-first .table-content thead {
  background: #ffffff !important;
}
.eplege-table-first .table-content tbody tr:nth-child(odd) {
  background: #f7f7f7 !important;
}
.eplege-table-first .table-content tr td {
  vertical-align: middle;
  padding-bottom: 0px !important;
}
.eplege-table-first .table-content tr.table-row-disabled {
  opacity: 0.5;
}
.eplege-table-first .table-content tr th {
  white-space: nowrap;
}
.eplege-table-first .table-content tr th:nth-child(1) .height20,
.eplege-table-first .table-content tr td:nth-child(1) .height20 {
  width: 20px !important;
  height: 20px !important;
}
.eplege-table-first .table-content tr th:nth-child(n+3),
.eplege-table-first .table-content tr td:nth-child(n+3) {
  text-align: right;
}

.eplege-table-first th:nth-child(1),
.eplege-table-first td:nth-child(1) {
  width: 18%;
  text-align: left !important;
}
.eplege-table-first th:nth-child(2),
.eplege-table-first td:nth-child(2) {
  width: 12%;
  text-align: left !important;
}
.eplege-table-first th:nth-child(3),
.eplege-table-first td:nth-child(3) {
  width: 10%;
  text-align: right !important;
}
.eplege-table-first th:nth-child(4),
.eplege-table-first td:nth-child(4) {
  width: 10%;
  text-align: right !important;
}
.eplege-table-first th:nth-child(5),
.eplege-table-first td:nth-child(5) {
  width: 10%;
  text-align: right !important;
}
.eplege-table-first th:nth-child(6),
.eplege-table-first td:nth-child(6) {
  width: 10%;
  text-align: right !important;
}
.eplege-table-first th:nth-child(7),
.eplege-table-first td:nth-child(7) {
  width: 10%;
  text-align: right !important;
}
.eplege-table-first th:nth-child(8),
.eplege-table-first td:nth-child(8) {
  width: 10%;
  text-align: right !important;
}
.eplege-table-first th:nth-child(9),
.eplege-table-first td:nth-child(9) {
  width: 10%;
  text-align: right !important;
}

.dash-epledge-grid-2 {
  display: grid;
  grid-template-columns: auto 10px;
}

.epledge-table-main-container {
  margin-top: 9px;
  margin-left: 7px;
}

.unpledge-table-main-wrapper .commonscroll-new .checkbox {
  position: relative;
  bottom: 11px;
}
.unpledge-table-main-wrapper .unpledge-table-main {
  margin-bottom: 15px;
  margin-top: 4px;
}
.unpledge-table-main-wrapper .grid-content-epledge {
  padding-bottom: 16px;
}
.unpledge-table-main-wrapper .form-control-label-unpledge .form-control {
  background: #ffffff;
  padding: 4px;
  display: flex;
  text-align: center;
}
.unpledge-table-main-wrapper .edel-icon-arrow-down {
  font-size: 24px !important;
  color: #ccccd6;
}
.unpledge-table-main-wrapper .table-content thead {
  background: #ffffff !important;
}
.unpledge-table-main-wrapper .table-content tbody tr.disable-table {
  opacity: 0.5;
}
.unpledge-table-main-wrapper .table-content tbody tr:nth-child(odd) {
  background: #f7f7f7 !important;
}
.unpledge-table-main-wrapper .table-content tr td {
  vertical-align: middle;
  padding-bottom: 0px !important;
}
.unpledge-table-main-wrapper .table-content tr th,
.unpledge-table-main-wrapper .table-content tr td {
  width: 14%;
}
.unpledge-table-main-wrapper .table-content tr th:nth-child(1),
.unpledge-table-main-wrapper .table-content tr td:nth-child(1) {
  width: 20px !important;
}
.unpledge-table-main-wrapper .table-content tr th:nth-child(1) .height20,
.unpledge-table-main-wrapper .table-content tr td:nth-child(1) .height20 {
  width: 20px !important;
  height: 20px !important;
}
.unpledge-table-main-wrapper .table-content tr th:nth-child(2),
.unpledge-table-main-wrapper .table-content tr td:nth-child(2) {
  width: 16%;
}
.unpledge-table-main-wrapper .table-content tr th:nth-child(3),
.unpledge-table-main-wrapper .table-content tr td:nth-child(3) {
  width: 14%;
}
.unpledge-table-main-wrapper .table-content tr th:nth-child(4),
.unpledge-table-main-wrapper .table-content tr td:nth-child(4) {
  width: 16%;
}
.unpledge-table-main-wrapper .table-content tr th:nth-child(5),
.unpledge-table-main-wrapper .table-content tr td:nth-child(5) {
  width: 16%;
}
.unpledge-table-main-wrapper .table-content tr th:nth-child(6),
.unpledge-table-main-wrapper .table-content tr td:nth-child(6) {
  width: 18%;
}
.unpledge-table-main-wrapper .table-content tr th:nth-child(7),
.unpledge-table-main-wrapper .table-content tr td:nth-child(7) {
  width: 4%;
}
.unpledge-table-main-wrapper .table-content tr th:nth-child(n+3),
.unpledge-table-main-wrapper .table-content tr td:nth-child(n+3) {
  text-align: right;
}

.epledge-table-main-wrapper tbody tr:nth-child(odd) {
  background: #f7f7f7 !important;
}

.epledge-table-main-wrapper th:nth-child(5) {
  text-align: end;
}
.epledge-table-main-wrapper th:nth-child(6) {
  text-align: end;
}

.epledge-wrappar-main-mob .isin-wrapper {
  margin-left: 25px;
}
.epledge-wrappar-main-mob .qty-eplege-wrapper .form-control {
  font-size: 0.875rem !important;
  font-family: "RobotoRegular" !important;
  width: 108px;
  background: #ffffff;
}

.epledge-wrappar-main-mob {
  padding-block: 20px;
  border-block: 1px solid #e3e3e3;
}

.g1_stock_ui-desktop {
  border: 1px solid #333333;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  margin-left: 4px;
}
.g1_stock_ui-desktop div {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  position: relative;
  right: 2px;
  top: 1px;
}

.request-status-section .restatus-text {
  padding: 3px 10px;
  border-radius: 5px;
  background-color: #e7e7e7;
}
.request-status-section .common-table-border-request table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.request-status-section .common-table-border-request table thead th {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
  padding: 12px 5px;
  border: none;
}
.request-status-section .common-table-border-request table tbody tr {
  border: 1px solid #e7e7e7;
}
.request-status-section .common-table-border-request table tbody tr td {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
  color: #444444;
  padding: 12px 5px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
.request-status-section .common-table-border-request table tr th:nth-child(1),
.request-status-section .common-table-border-request table tr td:nth-child(1) {
  width: 8%;
  text-align: center;
  max-width: 100%;
}
.request-status-section .common-table-border-request table tr th:nth-child(2),
.request-status-section .common-table-border-request table tr td:nth-child(2) {
  width: 12%;
  text-align: left;
}
.request-status-section .common-table-border-request table tr th:nth-child(3),
.request-status-section .common-table-border-request table tr td:nth-child(3) {
  width: 15%;
  text-align: left;
}
.request-status-section .common-table-border-request table tr th:nth-child(4),
.request-status-section .common-table-border-request table tr td:nth-child(4) {
  width: 22%;
  text-align: left;
}
.request-status-section .common-table-border-request table tr th:nth-child(5),
.request-status-section .common-table-border-request table tr td:nth-child(5) {
  width: 14%;
  text-align: right;
  padding-right: 25px;
}
.request-status-section .common-table-border-request table tr th:nth-child(6),
.request-status-section .common-table-border-request table tr td:nth-child(6) {
  width: 12%;
  text-align: left;
}
.request-status-section .common-table-border-request table tr th:nth-child(7),
.request-status-section .common-table-border-request table tr td:nth-child(7) {
  width: 8%;
  text-align: left;
}
.request-status-section .common-table-border-request table tr th:nth-child(8),
.request-status-section .common-table-border-request table tr td:nth-child(8) {
  width: 9%;
  text-align: left;
}

span[data-attr=pledge],
span[data-attr=Pledge] {
  background-color: #fef4ec !important;
  color: #f7943e;
}

span[data-attr=Unpledge] {
  background-color: #e7e7e7 !important;
  color: #727271;
}

.related-order-data:last-child {
  margin-bottom: 100px;
}

.reqstatus-content {
  border-radius: 5px;
  background: rgba(253, 233, 216, 0.5019607843);
  padding: 18px 25px;
  line-height: normal;
}

.grid-content-epledge {
  display: grid;
  grid-template-columns: 200px 200px 200px auto;
}

.brd-spacing-0 table {
  border-spacing: 0px !important;
}

.eplege-table .brd-top {
  border-top: 1px solid #e7e7e7 !important;
}

.back-icon i {
  font-size: 2.25rem;
  color: #444444;
}

@media (max-width: 768px) {
  .Epledges-section-mobile .DMSanN_16_400 {
    font-size: 0.75rem !important;
    font-family: "DMSansNormal";
  }
  .Epledges-section-mobile .DMSansMedium_26_500 {
    font-size: 1.25rem !important;
  }
}
.Epledges-section-mobile .Epledges-marketcard-mobile.marketgroup {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.Epledges-section-mobile .mt-fixed {
  position: relative;
  top: 30px;
  z-index: 9;
}
.Epledges-section-mobile .border-section {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin-bottom: 10px;
}
.Epledges-section-mobile .notification-outer-box {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px !important;
  padding-block: 5px;
  margin-bottom: 0px !important;
}
.Epledges-section-mobile .notification-outer-box .showLess {
  margin: 0px !important;
  padding-left: 0px !important;
  margin-bottom: 0px !important;
}
.Epledges-section-mobile .notification-outer-box .showMore {
  margin: 0px !important;
  padding-left: 0px !important;
  margin-bottom: 0px !important;
}
.Epledges-section-mobile .notification-outer-box .showMore li {
  margin-block: 5px;
}
.Epledges-section-mobile .grid-mb-table-eplege {
  display: grid;
  grid-template-columns: 20px 1fr 1fr;
  align-items: self-start;
  justify-content: flex-start;
}
.Epledges-section-mobile .grid-mb-table-eplege {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding-top: 20px;
  padding-bottom: 20px;
}
.Epledges-section-mobile .grid-mb-table-eplege .form-check.flex-inline-center {
  align-items: self-start !important;
}
.Epledges-section-mobile .grid-mb-table-eplege .form-check.flex-inline-center .form-check-input {
  margin-top: 0px !important;
}
.Epledges-section-mobile .eplege-input input {
  height: 30px;
  width: 100px;
}
@media (max-width: 339px) {
  .Epledges-section-mobile .eplege-input input {
    width: 60px;
  }
}
.Epledges-section-mobile .Accoradin-mb {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Epledges-section-mobile .Accoradin-mb .edel-icon-arrow-down {
  font-size: 22px !important;
}
.Epledges-section-mobile .Accoradin-mb .edel-icon-arrow-down.down {
  transform: rotate(180deg);
  font-size: 22px !important;
}
.Epledges-section-mobile .EpledgeAccDatamb-section {
  background: #f2f2f5;
}
.Epledges-section-mobile .EpledgeAccDatamb-section .width-33 {
  width: 33%;
}

.bottom-eplege-content .DMSanM_14_500 {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium";
}

@media (max-width: 768px) {
  .mb-layout .DMSanN_16_400 {
    font-size: 0.75rem !important;
    font-family: "DMSansNormal";
  }
  .mb-layout .DMSansMedium_26_500 {
    font-size: 1.25rem !important;
  }
  .mb-layout .DMSanN_14_400 {
    font-size: 0.75rem !important;
  }
  .mb-layout .DMSanM_14_500 {
    font-size: 0.75rem !important;
  }
  .mb-layout .DMSans_16_500 {
    font-size: 0.875rem !important;
  }
}

@media (max-width: 768px) {
  .px-xs-0 {
    padding: 0px !important;
  }
}
.request-status-mb .related-order-data {
  margin-bottom: 0px !important;
}
.request-status-mb .DMSan_22_500 {
  font-size: 1rem;
}
.request-status-mb .RobotoM_14_500 {
  font-size: 0.75rem !important;
}

.horizontal-container {
  padding: 20px 30px;
  display: flex;
  gap: 28px; /* optional spacing between items */
}

.width-33 {
  width: 33.33%;
}

.horizontal-container-unpledge .approx-wrapper {
  padding-inline: 5px !important;
}
.horizontal-container-unpledge .wrapper-unpledge-first {
  position: relative;
  right: 6%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.horizontal-container-unpledge .form-check-input {
  width: 16px !important;
  height: 16px !important;
}
.horizontal-container-unpledge {
  padding: 13px 40px;
}
.horizontal-container-unpledge .form-control {
  background: #ffffff !important;
  width: 108px;
  font-size: 0.875rem !important;
  font-family: "RobotoRegular" !important;
}

.g1_stock_ui {
  border: 1px solid #333333;
  border-radius: 50%;
  width: 17px;
  height: 17px;
}
.g1_stock_ui div {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  position: relative;
  top: 3px;
  right: 2px;
}

.Epledges-section-mobile .checkbox .flex-inline-center {
  position: relative;
  bottom: 5px;
}.file-upload-common .fileupload-border {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  background-color: rgba(217, 217, 217, 0.1);
}
@media (max-width: 768px) {
  .file-upload-common .fileupload-border {
    border-bottom: 1px solid #e7e7e7 !important;
  }
}
.file-upload-common .line-height-five {
  line-height: 5;
}
.file-upload-common .file-upload-box-add-more {
  justify-content: start !important;
}
.file-upload-common .file-upload-section-generic {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.file-upload-common .file-upload-section-generic .upload-again {
  color: #03002f;
  text-align: right;
  line-height: 18px; /* 150% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.file-upload-common-withoutbox {
  border: none !important;
}
.file-upload-common-withoutbox .file-upload-box {
  border: none !important;
  justify-content: start !important;
}
.file-upload-common-withoutbox .file-upload-section-generic {
  background-color: unset !important;
}
@media (max-width: 768px) {
  .file-upload-common-withoutbox .fileupload-section-ineer {
    margin-top: 10px;
  }
}

.feedback-section {
  display: flex;
  align-items: center;
  justify-content: center;
}
.feedback-section .modal-content {
  top: 0px;
}
.feedback-section .modal-content .modal-body {
  padding: 0px;
}
.feedback-section .modal-content .modal-body .component-grid-display {
  display: grid;
  grid-template-columns: 400px 666px;
}
.feedback-section .modal-content .modal-body .component-grid-display.force-grid-1 {
  grid-template-columns: 1fr !important;
}
.feedback-section .modal-content .modal-body .component-grid-display.component-grid3-display {
  grid-template-columns: 400px 10px 530px !important;
}
.feedback-section .modal-content .modal-body .component-grid-display .carsoual-content {
  border-radius: 15px 0px 0px 15px;
  background: linear-gradient(268deg, #363359 1.5%, rgba(41, 38, 99, 0.92) 98.71%);
}
.feedback-section .modal-content .modal-body .component-grid-display .props-content {
  background-color: #ffffff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  display: grid;
  align-items: center;
  position: relative;
}
.feedback-section .modal-content .modal-body .component-grid-display .props-content .props-content-data {
  padding: 0px 48px;
}
.feedback-section .modal-content .modal-body .component-grid-display .props-content .props-content-data.padding-40 {
  padding: 40px;
}
.feedback-section .modal-content .modal-body .component-grid-display .props-content .props-content-data .middleloader {
  backdrop-filter: blur(0px);
}
.feedback-section .modal-content .modal-body .component-grid-display .props-content .props-content-data .loder-text {
  position: relative;
  top: 35px;
}
.feedback-section .blur-line-bg::before {
  opacity: 0.2;
}
.feedback-section .blur-bg {
  opacity: 0.5;
}
.feedback-section .modal-login-revamp {
  display: flex;
  align-items: center;
  justify-content: center;
}
.feedback-section .modal-login-revamp .modal-content {
  background-color: transparent;
}
.feedback-section .modal-backdrop.show {
  background: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(5px);
  background-size: cover;
  background-color: transparent;
}
.feedback-section .top-content {
  margin-bottom: 10px;
}
.feedback-section .top-content .edel-icon-left-arrow {
  font-size: 0.813rem;
}
.feedback-section .footer-content {
  margin-top: 30px;
}
.feedback-section .footer-content .last-head a {
  color: #03002f;
}
.feedback-section .modal-lg {
  max-width: 100%;
}
.feedback-section .icon-close {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 10px;
  font-size: 0.75rem;
  color: #bbbbbb;
}
.feedback-section .is-invalid {
  border: 1px solid #dd504d !important;
}
.feedback-section .feedback-timeline .pdfs {
  height: 50px;
  border-radius: 5px;
  border: 1px solid #00b274;
  background: #fff;
}
.feedback-section .feedback-timeline .pdfs .line-height-five {
  line-height: 5;
}

@media (max-width: 768px) {
  .feedback-section .non-logged-section {
    margin-top: 10px;
  }
}
.feedback-section .non-logged-section .icon-box {
  width: 44px;
  height: 44px;
  background: linear-gradient(139deg, #5a56b0 14.22%, #6d96ff 174.94%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feedback-section .non-logged-section .icon-box .icon {
  color: #ffffff;
  font-size: 1.25rem;
}
.feedback-section .non-logged-section .radio-border {
  border: 1px solid #e7e7e7;
  color: #727271;
  padding: 10px 10px 10px 19px;
  width: 166px;
}
.feedback-section .non-logged-section .radio-border .common-radio-button-custom {
  flex-grow: 1;
}
.feedback-section .non-logged-section .radio-border .common-radio-button-custom-border {
  flex-grow: 1;
}
@media (max-width: 768px) {
  .feedback-section .non-logged-section .radio-border {
    padding: 20px;
  }
}
.feedback-section .non-logged-section .radio-border.max-width-232 {
  width: 232px !important;
  display: flex;
  align-items: center;
}
.feedback-section .non-logged-section .radio-border {
  border-radius: 12px;
}
.feedback-section .non-logged-section .radio-border span {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: normal;
}
.feedback-section .non-logged-section .radio-border.active {
  background-color: #f2f2f5;
  color: #03002f;
  font-size: 0.875rem;
  line-height: normal;
  font-family: "DMSansBold";
  display: flex;
  align-items: center;
  justify-content: start;
}
.feedback-section .non-logged-section .LoginScreen-position {
  position: absolute;
  bottom: 48px;
  left: 0px;
  right: 0px;
}
.feedback-section .notclient-section {
  display: grid;
  grid-template-columns: 60%;
}
@media (max-width: 768px) {
  .feedback-section .notclient-section {
    grid-template-columns: 100%;
  }
}
.feedback-section .notclient-section .data-head {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 30px;
}
@media (max-width: 768px) {
  .feedback-section .notclient-section .help_text::before {
    content: "";
    font-family: "";
    padding-right: "";
  }
}
@media (min-width: 768px) {
  .feedback-section .feedback-timeline {
    min-height: 430px;
    max-height: 430px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .feedback-section .feedback-timeline::-webkit-scrollbar {
    width: 3px !important;
    height: 5px !important;
  }
  .feedback-section .feedback-timeline {
    /* Track */
  }
  .feedback-section .feedback-timeline::-webkit-scrollbar-track {
    background: transparent;
  }
  .feedback-section .feedback-timeline {
    /* Handle */
  }
  .feedback-section .feedback-timeline::-webkit-scrollbar-thumb {
    background: #d9d9d9;
  }
  .feedback-section .feedback-timeline .timeline-feedback {
    max-width: 100%;
    position: relative;
  }
  .feedback-section .feedback-timeline .ul.timeline-feedback {
    list-style-type: none;
    position: relative;
  }
  .feedback-section .feedback-timeline ul.timeline-feedback:before {
    content: " ";
    background: #b1adff;
    display: inline-block;
    position: absolute;
    left: 4%;
    width: 2px;
    height: 400px;
    z-index: 400;
  }
  .feedback-section .feedback-timeline ul.timeline-feedback > li {
    margin: 20px 0;
    padding-left: 10%;
  }
  .feedback-section .feedback-timeline ul.timeline-feedback > li.msg::before {
    content: "\efda";
    font-family: "edel_icon" !important;
  }
  .feedback-section .feedback-timeline ul.timeline-feedback > li.issue::before {
    content: "\efd9";
    font-family: "edel_icon" !important;
  }
  .feedback-section .feedback-timeline ul.timeline-feedback > li.comment::before {
    content: "\e926";
    font-family: "edel_icon" !important;
  }
  .feedback-section .feedback-timeline ul.timeline-feedback > li:before {
    background: #ffffff;
    display: inline-block;
    position: absolute;
    background: linear-gradient(139deg, #5a56b0 14.22%, #6d96ff 174.94%);
    left: 0px;
    width: 44px;
    height: 44px;
    z-index: 400;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.25rem;
  }
  .feedback-section .feedback-timeline .head-name {
    font-size: 1rem !important;
    font-family: "DMSansMedium" !important;
    color: #292929;
  }
}
@media (max-width: 768px) {
  .feedback-section .wizard-form {
    line-height: normal;
  }
  .feedback-section .wizard-form .pdfs {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #00b274;
    background: #fff;
  }
  .feedback-section .wizard-form .wizrad-step {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .feedback-section .wizard-form .wizrad-step::before {
    top: 50%;
    bottom: 0;
    right: -5%;
    left: 5%;
    position: absolute;
    content: " ";
    width: 90%;
    height: 2px;
    background-color: #b0b6e6;
    z-index: 1;
    opacity: 0.2;
  }
  .feedback-section .wizard-form .wizrad-step.step-1 {
    position: relative;
  }
  .feedback-section .wizard-form .wizrad-step.step-1::after {
    top: 50%;
    bottom: 0;
    right: -5%;
    left: 5%;
    position: absolute;
    content: " ";
    width: 50%;
    height: 2px;
    background-color: #b1adff;
    z-index: 0;
    opacity: 1;
  }
  .feedback-section .wizard-form .wizrad-step.step-2 {
    position: relative;
  }
  .feedback-section .wizard-form .wizrad-step.step-2::after {
    top: 50%;
    bottom: 0;
    right: -5%;
    left: 5%;
    position: absolute;
    content: " ";
    width: 90%;
    height: 2px;
    background-color: #b1adff;
    z-index: 0;
    opacity: 1;
  }
  .feedback-section .wizard-form .wizrad-step li {
    position: relative;
  }
  .feedback-section .wizard-form .wizrad-step .step-icon {
    height: 44px;
    width: 44px;
    border-radius: 7px;
    background: linear-gradient(139deg, #5a56b0 14.22%, #6d96ff 174.94%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .feedback-section .wizard-form .wizrad-step .step-icon {
    z-index: 10;
  }
}
@media (max-width: 768px) {
  .feedback-section .wizard-form .wizrad-step .step-icon .icon {
    color: #ffffff;
    font-size: 1.25rem;
  }
  .feedback-section .head-name {
    font-size: 1rem !important;
    font-family: "DMSansBold" !important;
    color: #292929;
  }
}
.feedback-section .flowbox-section {
  border: 1px solid #e7e7e7;
  padding: 9px;
  display: flex;
  border-radius: 30px;
  width: max-content;
  gap: 5px;
}
@media (max-width: 768px) {
  .feedback-section .flowbox-section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
    border-radius: 6px;
    text-align: center;
  }
  .feedback-section .flowbox-section .icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.feedback-section .flowbox-section .content {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #292929;
}
.feedback-section .flowbox-section .icon .icon-div {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feedback-section .flowbox-section .icon .icon-div.bg-website {
  background-color: #fffaca;
}
.feedback-section .flowbox-section .icon .icon-div.bg-transactions {
  background-color: #fef2f2;
}
.feedback-section .flowbox-section .icon .icon-div.bg-design-\&-interface {
  background-color: #f0fdfa;
}
.feedback-section .flowbox-section .icon .icon-div.bg-fund-transfer {
  background-color: #fff7ed;
}
.feedback-section .flowbox-section .icon .icon-div.bg-service-request {
  background-color: #f5f3ff;
}
.feedback-section .flowbox-section .icon .icon-div.bg-login {
  background-color: rgba(53, 128, 247, 0.15);
}
.feedback-section .flowbox-section .icon .icon-div.bg-markets-\&-quotes {
  background-color: rgba(0, 166, 26, 0.15);
}
.feedback-section .flowbox-section .icon .icon-div.bg-tools-\&-resources {
  background-color: rgba(85, 0, 0, 0.1);
}
.feedback-section .flowbox-section .icon .icon-div.bg-trading-area {
  background-color: #f0fdfa;
}
.feedback-section .flowbox-section .icon .icon-div.bg-reports {
  background-color: #fef2f2;
}
.feedback-section .flowbox-section .icon .icon-div.bg-others {
  background-color: rgba(255, 168, 0, 0.15);
}
.feedback-section .flowbox-section.selected.bg-website {
  background-color: #fffaca !important;
}
.feedback-section .flowbox-section.selected.bg-transactions {
  background-color: #fef2f2 !important;
}
.feedback-section .flowbox-section.selected.bg-design-\&-interface {
  background-color: #f0fdfa !important;
}
.feedback-section .flowbox-section.selected.bg-fund-transfer {
  background-color: #fff7ed !important;
}
.feedback-section .flowbox-section.selected.bg-service-request {
  background-color: #f5f3ff !important;
}
.feedback-section .flowbox-section.selected.bg-login {
  background-color: rgba(53, 128, 247, 0.15) !important;
}
.feedback-section .flowbox-section.selected.bg-markets-\&-quotes {
  background-color: rgba(0, 166, 26, 0.15) !important;
}
.feedback-section .flowbox-section.selected.bg-tools-\&-resources {
  background-color: rgba(85, 0, 0, 0.1) !important;
}
.feedback-section .flowbox-section.selected.bg-trading-area {
  background-color: #f0fdfa !important;
}
.feedback-section .flowbox-section.selected.bg-reports {
  background-color: #fef2f2 !important;
}
.feedback-section .flowbox-section.selected.bg-others {
  background-color: rgba(255, 168, 0, 0.15) !important;
}
.feedback-section .box-flex-column {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.feedback-section .box-flex-column > * {
  flex: 1 1 1 160px;
}
@media (max-width: 768px) {
  .feedback-section .box-flex-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.feedback-section .uploading-content-feedback .border-box {
  border: 1px solid #ccccd6;
  height: 50px;
}
.feedback-section .uploading-content-feedback .border-box .edel-icon-red-cross::before {
  color: #03002f !important;
}
.feedback-section .msgflow-mobile {
  line-height: normal;
}
.feedback-section .msgflow-mobile input[type=radio] {
  pointer-events: none;
}
.feedback-section .msgflow-mobile .common-radio-button-custom input[type=radio].checked:before {
  background: #03002f !important;
  border: 2px solid #ffffff !important;
  width: 13px;
  height: 13px;
  top: 0px;
  left: 0px;
  margin: 0px auto;
}
.feedback-section .msgflow-mobile .common-radio-button-custom input[type=radio].checked {
  border: 1px solid #03002f !important;
}
.feedback-section .sticky-common-drawer-header {
  position: fixed;
  background-color: #ffffff;
  margin-top: -2px;
  width: 100%;
  z-index: 100;
}
.feedback-section .insightAppPop-section .edel-icon-click-circle-green {
  font-size: 4.688rem;
}
.feedback-section .insightAppPop-section .insights-text {
  line-height: 1.4;
}

.mobile-view-scrollbar {
  max-height: 100vh;
  min-height: 325px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 100px;
}
.mobile-view-scrollbar::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.mobile-view-scrollbar--fat-scroll::-webkit-scrollbar {
  width: 3px !important;
  height: 6px !important;
}
.mobile-view-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.mobile-view-scrollbar::-webkit-scrollbar-thumb {
  background: #03002f;
  cursor: pointer;
}

.comment-flow-section .textarea::-webkit-resizer {
  display: none;
}
.comment-flow-section .textarea.form-control {
  background-repeat: no-repeat;
  background-position: bottom 5px right 5px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KPGxpbmUgeDE9IjcuMzYzNzciIHkxPSIxNC4yMzIyIiB4Mj0iMTQuMTU2NyIgeTI9IjcuNDM5MzMiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8bGluZSB4MT0iMTEuOTU2NSIgeTE9IjE0LjU4MjMiIHgyPSIxNC45OTk0IiB5Mj0iMTEuNTM5NCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSIxIiB5MT0iMTUuMjkyOSIgeDI9IjE1LjI5MjkiIHkyPSIxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utb3BhY2l0eT0iMC4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+");
}
@media (max-width: 768px) {
  .comment-flow-section .textarea.form-control {
    background-image: none;
  }
}
@media (max-width: 768px) {
  .comment-flow-section .textarea.form-control.is-invalid {
    padding-right: 10px;
  }
  .comment-flow-section .textarea {
    height: 203px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #03002f transparent;
    touch-action: manipulation;
  }
  .comment-flow-section .textarea::-webkit-scrollbar {
    width: 4px !important;
  }
  .comment-flow-section .textarea::-webkit-scrollbar-track {
    background: transparent;
  }
  .comment-flow-section .textarea::-webkit-scrollbar-thumb {
    background: #03002f;
    border-radius: 10px;
  }
  .comment-flow-section .textarea:hover {
    scrollbar-width: auto;
  }
}

.appritiated-popup-class.drawer-height .height-setting-drawer {
  height: 64vh !important;
}

.feedback-mobileDrawer .middleloader {
  backdrop-filter: blur(0px);
}
.feedback-mobileDrawer .loder-text {
  position: absolute;
  top: 51%;
}

@media (min-width: 768px) and (max-width: 1600px) {
  .non-logged-scroll-section {
    min-height: 570px;
    max-height: 570px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .non-logged-scroll-section::-webkit-scrollbar {
    width: 3px !important;
    height: 5px !important;
  }
  .non-logged-scroll-section {
    /* Track */
  }
  .non-logged-scroll-section::-webkit-scrollbar-track {
    background: transparent;
  }
  .non-logged-scroll-section {
    /* Handle */
  }
  .non-logged-scroll-section::-webkit-scrollbar-thumb {
    background: #d9d9d9;
  }
}@media (max-width: 768px) {
  .fund-transfer-section {
    min-height: 100dvh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: calc(110px + env(safe-area-inset-bottom));
    -webkit-overflow-scrolling: touch;
  }
}
@media (min-width: 1023px) {
  .fund-transfer-section .row .col-lg-4 {
    min-width: 390px;
    width: min-content;
  }
}
@media (max-width: 768px) {
  .fund-transfer-section .grid-1 {
    gap: 5px;
  }
}
.fund-transfer-section .fund-transfer-inner .box-border-section {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.fund-transfer-section .fund-transfer-inner .box-border-section .fund-btn {
  padding: 7px 37px;
}
.fund-transfer-section .fund-transfer-inner .box-border-section .modal-backdrop.show {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.fund-transfer-section .filter .ed_button.link {
  height: 50px;
  width: 50px;
  border-radius: 5px;
}
.fund-transfer-section .filter .drawer__handle-wrapper.p-0.backgroundcolor_bluedrawer__handle-wrapper {
  background-color: #ffffff;
}
.fund-transfer-section .filter .modal-backdrop.show {
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.fund-transfer-section .react-datepicker-wrapper {
  display: none;
}
.fund-transfer-section .common-datepicker .react-datepicker .react-datepicker__day--today {
  color: unset;
}

.top-header-section .logo-img {
  width: 150px;
}

.section-main-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-main-head .header-name {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
  display: flex;
  align-items: center;
}
.section-main-head .header-name .edel-icon-arrow-left1 {
  font-size: 0.563rem;
  padding-right: 5px;
  padding-top: 2px;
}

.errormsg-ft .invalidMsg {
  background-color: #fef4ec !important;
  padding: 10px;
  border-radius: 5px;
}
.errormsg-ft .invalidMsg > div {
  align-items: baseline !important;
}
.errormsg-ft .invalidMsg label,
.errormsg-ft .invalidMsg .p-1 {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
  color: #f7943e !important;
  padding-right: 20px !important;
}
.errormsg-ft.upi .invalidMsg {
  padding: 5px;
}
.errormsg-ft.upi .invalidMsg .p-1 {
  padding: 0px !important;
}

/* Hide arrow icon */
.no-toggle .accordion-button::after {
  display: none;
}

/* Disable pointer interaction */
.no-toggle .accordion-button {
  cursor: default;
  pointer-events: none;
}

/* Optional: remove background hover */
.no-toggle .accordion-button:not(.collapsed) {
  background-color: transparent;
}

.breakdown-fundtransfer-section .mobile-scroll {
  overflow-y: scroll;
  height: calc(100vh - 320px);
}
.breakdown-fundtransfer-section .accordion .accordion-item {
  padding: 3px 10px;
}
.breakdown-fundtransfer-section .accordion .accordion-header .accordion-button {
  padding: 0;
}
.breakdown-fundtransfer-section .accordion .accordion-header .accordion-button::after {
  background-color: #ffffff;
  color: #03002f;
  width: auto;
  height: auto;
  padding-left: 6px;
  font-weight: 600;
}
.breakdown-fundtransfer-section .accordion .accordion-header .accordion-button:not(.collapsed) {
  color: #03002f;
  background-color: #ffffff;
  border: 0;
  box-shadow: none;
}
.breakdown-fundtransfer-section .accordion .accordion-body {
  padding: 0;
  max-height: 250px;
  overflow: scroll;
}
.breakdown-fundtransfer-section > .accordion,
.breakdown-fundtransfer-section > .table-head {
  padding: 8px 15px;
}
.breakdown-fundtransfer-section .data-value {
  padding: 8px 0px;
}
.breakdown-fundtransfer-section .data-value.add-padding {
  padding-right: 26px;
}
.breakdown-fundtransfer-section .data-value .edel-icon-arrow-down {
  font-size: 1.25rem;
}
.breakdown-fundtransfer-section .fund-row {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
  padding: 5px 0px;
}
.breakdown-fundtransfer-section .fund-row .amount {
  padding-right: 26px;
}
.breakdown-fundtransfer-section .edel-icon-box {
  padding: 2px 6px;
  border-radius: 50%;
  border: 1px solid #03002f;
  margin-left: 3px;
}
.breakdown-fundtransfer-section .edel-icon-box .edel-icon-info {
  font-size: 0.625rem;
  position: relative;
  top: -2px;
}

.common-fixedbtm-btm-desktop {
  width: 100%;
  box-shadow: 0px 4px 17px rgba(60, 60, 60, 0.11);
  margin-top: 40px;
}

.fundtransfer-accordian .accordion-header .accordion-button span {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.fundtransfer-accordian .accordion-collapse .accordion-body p {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #727271;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .fundtransfer-accordian .accordion-collapse .accordion-body p {
    line-height: 20px;
  }
}

.fundtransfer-modal .modal-header {
  padding: 30px 12px !important;
}
.fundtransfer-modal .modal-header .modal-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.fundtransfer-modal .modal-header .edel-icon-bold-close {
  display: none;
}
.fundtransfer-modal .modal-header .edel-icon-arrow-left1 {
  font-size: 0.625rem;
}
.fundtransfer-modal .modal-body {
  padding: 0px !important;
}
.fundtransfer-modal .close-btn {
  background: #fff;
  box-shadow: 0px 4px 17px 0px rgba(60, 60, 60, 0.11);
}
.fundtransfer-modal .close-btn .ed_button.midnight-blue {
  padding: 8px 59px;
}
.fundtransfer-modal .accordion .accordion-header .accordion-button {
  padding: 15px 0px;
}
.fundtransfer-modal.understanding-content {
  height: 500px;
}
.fundtransfer-modal.understanding-content .modal-content {
  height: 100%;
  min-width: 390px;
}
.fundtransfer-modal.understanding-content .modal-content .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.amounttoadd .form-control {
  text-align: center;
}
.amounttoadd .rupees-sign {
  font-size: 1.063rem;
}

@media (min-width: 576px) {
  .modal-sm-390 {
    max-width: 390px !important;
  }
}
.min-amount-funds .amount-gap {
  gap: 25px;
}

.transferbox {
  border: 1px solid #e7e7e7;
  padding: 15px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.transferbox .upi-content span {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #444444;
}

.changepaymentmethod-section {
  background-color: #f2f2f5;
}
.changepaymentmethod-section .data-head {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
  padding-bottom: 5px;
  line-height: 30px;
}
.changepaymentmethod-section .select-payment-method {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.changepaymentmethod-section .select-payment-method input[type=radio] {
  background-color: #ffffff;
  border: 1px solid #b8b8b8;
  height: 14px;
  width: 14px;
  margin-top: -2px;
}
.changepaymentmethod-section .select-payment-method input[type=radio]:checked {
  border: 1px solid #03002f;
}
.changepaymentmethod-section .common-fixedbtm-btn {
  background: var(--White, #fff);
  box-shadow: 0px 4px 17px 0px rgba(60, 60, 60, 0.11);
}
.changepaymentmethod-section .small-edbutton {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
}
.changepaymentmethod-section .small-edbutton.txt-decoration-none {
  text-decoration: none !important;
}
.changepaymentmethod-section .select-payment-method-mb .paymentmethodradio .radio_btn {
  margin-top: 15px;
  gap: 6px;
  align-items: center;
}
.changepaymentmethod-section .select-payment-method .paymentmethodradio {
  display: flex;
  justify-content: space-between;
}
.changepaymentmethod-section .select-payment-method .paymentmethodradio .radio_btn {
  display: flex;
  gap: 6px;
  align-items: center;
}
.changepaymentmethod-section .select-payment-method .paymentmethodradio .radio_btn span.disp_val {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}

.remark-box .form-control {
  border-radius: 5px !important;
}
.remark-box .form-control::placeholder {
  color: #727271;
}

.disc-style li {
  list-style-type: disc;
}
.disc-style.color-gray ::marker {
  color: #727271;
  font-size: 0.625rem;
}

.paytimer-section {
  text-align: center;
}
.paytimer-section div {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}

.UPI-text span {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444 !important;
}

.sucess-heading div:last-child p {
  font-size: 1.25rem !important;
  font-family: "DMSansMedium" !important;
  color: #51b255;
}

.fail-heading div:last-child p {
  font-size: 1.25rem !important;
  font-family: "DMSansMedium" !important;
  color: #dd504d;
}

.awaiting-heading div:last-child p {
  font-size: 1.25rem !important;
  font-family: "DMSansMedium" !important;
  color: #444444;
}

.error-msg-sucess .invalidMsg {
  background-color: #eef7ee !important;
}
.error-msg-sucess .invalidMsg label {
  color: #51b255 !important;
}

.border-bottom-Textbox.input-group.fund-amount {
  justify-content: center;
  align-items: center;
}
.border-bottom-Textbox.input-group.fund-amount input {
  max-width: 60%;
  text-align: start;
  padding-bottom: 4px;
  padding-left: 10px;
  font-family: "RobotoMedium";
}
.border-bottom-Textbox.input-group.fund-amount .input_prefix {
  min-width: 38%;
  display: flex;
  justify-content: end;
  color: #727271;
}
.border-bottom-Textbox.input-group.fund-amount.fnt-family .input_prefix {
  font-family: "RobotoRegular";
  font-size: 1.875rem;
  line-height: 42px;
  font-weight: normal;
}

.rupee {
  font-weight: 600;
  font-size: 1.563rem;
}

.normal-mtf.toggle-switch-label.midnight-blue {
  border: 1px solid #e7e7e7 !important;
}

.straight-icon .d-flex {
  align-items: baseline !important;
}

.overflow-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 80px;
}

.add-more {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fund-loader .outerdivloader {
  z-index: 9;
}

.withdraw-error-drawer .withdraw-error-drawer__handle-wrapper {
  background-color: #ffffff;
}

.withdraw-error-modal.commonmodal .modal-header {
  background-color: #ffffff;
  border-radius: 15px;
}
.withdraw-error-modal.commonmodal .modal-dialog .modal-content {
  border-radius: 15px;
}
.withdraw-error-modal.commonmodal .modal-body {
  border-radius: 15px;
}

.small-edbutton-funds {
  font-size: 0.875rem !important;
  font-family: "RobotoMedium" !important;
}

.maintenance-block .edel-icon-maintain {
  font-size: 150px;
}
.maintenance-block label {
  text-align: center;
  line-height: 25px;
}

@media screen and (min-width: 1023px) {
  .fund-btn.ed_button.button {
    text-wrap: nowrap;
    padding: 12px 43px !important;
  }
}
.payoutRow .leftSection .payout-inner-section {
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: start;
  border-radius: 10px;
  gap: 10px;
}
.payoutRow .leftSection .payout-inner-section .edel-icon-Expected-core {
  color: #f04e45;
  font-size: 0.938rem;
}
.payoutRow .leftSection .payout-inner-section .edel-icon-fill-arrow-circle {
  color: #008000;
}
.payoutRow .leftSection .payout-inner-section .payoutstatus-text {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  line-height: normal;
}

.payment-both-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.fndTrsAvl-error-text {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #f7943e;
  line-height: normal;
}

.note-section-fundtransfer .note-head {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b2b2c2;
  line-height: normal;
}
.note-section-fundtransfer ul li {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b2b2c2;
  list-style-type: disc;
  line-height: normal;
}
.note-section-fundtransfer ul li .readmore-btn {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}

.border-outer-box {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.border-outer-box .history-details-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 10px;
  row-gap: 15px;
}

span[data-attr=Pay-In],
span[data-attr=Payin] {
  position: relative;
}
span[data-attr=Pay-In]::before,
span[data-attr=Payin]::before {
  content: "\e9ce";
  font-family: "edel_icon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 0.625rem;
  margin-right: 5px;
}

span[data-attr=Pay-Out],
span[data-attr=Payout] {
  position: relative;
}
span[data-attr=Pay-Out]::before,
span[data-attr=Payout]::before {
  content: "\e9cd";
  font-family: "edel_icon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 0.625rem;
  margin-right: 3px;
}

@media (min-width: 1023px) {
  .payoutin-section {
    height: 35vh;
  }
}
.payoutin-section {
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .payoutin-section .orderbody-list span {
    line-height: 20px;
  }
}
.payoutin-section .orderbody-list:first-child {
  border-top: 1px solid #e7e7e7;
}
.payoutin-section .orderbody-list:hover {
  background-color: #f2f2f5;
}
.payoutin-section.commonscroll-new::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}

.transfer-history-modal .modal-header .modal-title {
  padding-left: 0.375rem;
}

.fund-transfer-btn .justify-content-end {
  justify-content: end !important;
}
.fund-transfer-btn .back-btn {
  padding: 8px 60px;
}

.fund-transfer-filters .modal-header {
  display: none;
}
.fund-transfer-filters .modal-body {
  padding: 0;
  border-radius: 5px 5px 0px 0px;
}
.fund-transfer-filters .modal-dialog {
  width: 390px;
}

.transfer-history-section {
  min-height: 400px;
}

.fund-transfer-toast {
  margin: 10px 20px;
}
@media screen and (max-width: 1023px) {
  .fund-transfer-toast {
    padding-top: 50px;
  }
}
.fund-transfer-toast .toast-container {
  position: relative;
  width: 100%;
}
.fund-transfer-toast .toast-container .toast {
  border: none !important;
  width: 100%;
}
.fund-transfer-toast .toast-container .toast .toast-body {
  border-radius: 5px;
}
.fund-transfer-toast.success .toast-body {
  background-color: #f6fbf6 !important;
}
.fund-transfer-toast.success .toast-body .txt-faded-orange {
  color: #51b255 !important;
  line-height: 140%;
}
.fund-transfer-toast.failed .toast-body {
  background-color: rgba(229, 32, 32, 0.1) !important;
}
.fund-transfer-toast.failed .toast-body .txt-faded-orange {
  color: #f83c3c !important;
  line-height: 140%;
}.center-infinity {
  text-align: center;
}

.bgImg-infinity {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  z-index: -1000;
  background-size: cover;
  object-fit: contain;
  margin-top: -350px;
}
@media screen and (max-width: 1023px) {
  .bgImg-infinity {
    z-index: 1000 !important;
    margin-top: -176px;
    overflow: hidden;
  }
}
.bgImg-infinity img {
  max-width: 100%;
  margin-top: -29px;
}

@media (max-width: 768px) {
  .bgImg-infinity img {
    margin-top: 106px;
  }
}
.mainItem {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin: auto;
}
.mainItem.mainItemDes {
  margin-top: 83px;
}
.mainItem .ParaMainIteam {
  margin-bottom: 30px;
  text-align: center;
  line-height: normal;
  margin: 0 145px;
}
.mainItem .ParaMainIteamMob {
  text-align: center;
  padding-inline: 5px !important;
  color: #727271;
}
.mainItem .InterestedBtn {
  margin-top: 30px;
  margin-bottom: 50px;
  padding: 15px 88px !important;
  border-radius: 5px !important;
}
.mainItem .TwoMobBtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.mainItem .TwoMobBtn .CompareIcon {
  margin-left: 20px;
}
.mainItem .TwoMobBtn .InterestedMobBtn {
  padding: 5px 12px;
  border-radius: 5px;
}
.mainItem .TwoMobBtn .CompareBtn {
  width: 102px;
  padding: 0px;
  background-color: #ffffff;
  color: #141414;
  border: none;
}
.mainItem .heading {
  text-align: center;
  align-items: center;
  margin-bottom: 15px;
}
.mainItem .headingMob {
  text-align: center;
  padding-right: 39.95px;
  padding-left: 39.95px;
  margin-bottom: 10px;
  margin-top: 44px;
}
.mainItem .Carousel {
  display: flex;
  flex-direction: row;
  padding: 5px;
  width: 186px;
}
@media screen and (min-width: 600px) {
  .mainItem .modal-content {
    width: 660px !important;
  }
}
@media screen and (max-width: 600px) {
  .mainItem .modal-content {
    width: 100% !important;
  }
  .mainItem .modal-content .PopUpBtn {
    padding: 4px 30px !important;
  }
}

.secondItem {
  margin-bottom: 4px;
}
.secondItem .ScrollingItems {
  margin-bottom: 4px;
}
.secondItem .ScrollingItems .heading {
  margin-bottom: 30px;
  text-align: start;
}
.secondItem .ScrollingItems .Perks {
  display: flex;
  justify-content: center;
  flex-flow: row;
  width: 100%;
  gap: 19px;
}
.secondItem .ScrollingItems .Perks .IconBox {
  width: 16%;
  height: 137px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  align-items: center;
}
.secondItem .ScrollingItems .Perks .IconBox img {
  width: 32px;
  height: 32px;
  margin-top: 25px;
}
.secondItem .ScrollingItems .Perks .IconBox .PerksText {
  padding: 0 10px;
  text-align: center;
  line-height: 140%;
}
.secondItem .ScrollingItems .MobPerks {
  display: flex;
  justify-content: center;
  flex-flow: row;
  margin: 15px;
  width: 100%;
  gap: 19px;
}
.secondItem .ScrollingItems .MobPerks .IconBoxOfCarousel {
  width: 102px !important;
  gap: 15px;
}
.secondItem .ScrollingItems .MobPerks .IconBox {
  height: 137px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  display: flex;
  flex-flow: column;
  align-items: start;
}
.secondItem .ScrollingItems .MobPerks .IconBox img {
  width: 32px;
  height: 32px;
  margin-top: 15px;
  margin-left: 9px;
}
.secondItem .ScrollingItems .MobPerks .IconBox .PerksText {
  padding: 0 10px;
  text-align: start;
  line-height: 140%;
  margin-bottom: 12px;
}

.infinity-table-block .below-note-wrapper {
  margin-block: 530px 96px;
}
.infinity-table-block .below-note-wrapper .below-second-line {
  margin-top: 20px;
  margin-right: 285px;
}
.infinity-table-block .below-note-wrapper .below-second-line .blue-link {
  border-bottom: 1px solid #03002f;
  margin-left: 4px;
}
.infinity-table-block .PricingHeadCls {
  margin-bottom: 10px;
  margin-top: 50px;
}
.infinity-table-block .heading {
  font-size: 28px;
}
.infinity-table-block .Pricing {
  font-size: 28px;
}
.infinity-table-block #table {
  padding: 0px;
  margin: 0px !important;
  border-collapse: separate;
  border-spacing: 5px 0px;
  table-layout: fixed;
}
.infinity-table-block #table thead {
  position: sticky;
  top: 93px;
  z-index: 2;
  background-color: #ffffff;
  scroll-margin-bottom: 20px;
  padding-left: 13px;
  padding-bottom: 13px;
  padding-top: 22px;
}
.infinity-table-block #table tbody {
  overflow: auto;
}
.infinity-table-block #table tbody td {
  padding-block: 25px;
}
.infinity-table-block #table thead tr th,
.infinity-table-block #table tbody tr td {
  border: 0px;
  vertical-align: top !important;
}
.infinity-table-block #table tbody tr td:first-child {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  font-size: 1rem;
  font-family: "DMSansNormal";
}
.infinity-table-block #table tbody tr td:last-child {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.infinity-table-block #table tbody tr:last-child td {
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.infinity-table-block #table thead tr th {
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
  padding-block: 22px;
}
.infinity-table-block #table .tableCol {
  padding: 0px !important;
  width: 208px !important;
  text-align: center;
}
.infinity-table-block #table .tableCol .tableRowPadding {
  text-align: center;
  padding-top: 25px !important;
}
.infinity-table-block #table .tableRow {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  margin: 0px !important;
  height: 125px !important;
}
.infinity-table-block #table .theadcontent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.infinity-table-block #table .tableHead {
  stroke-width: 1px;
  stroke: var(--separator-border, #e7e7e7);
}
.infinity-table-block #table #tableFoot {
  border-radius: 0px 0px 5px 5px !important;
}
.infinity-table-block #table .Blank {
  max-width: 123px !important;
}
.infinity-table-block #table .viewMoreBg {
  background-color: #f7f7f7;
}
.infinity-table-block #table .Beginners {
  text-align: center;
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.4) 28.31%, rgba(251, 212, 125, 0.4) 100%);
}
.infinity-table-block #table .Beginners .i-Gold {
  padding: 0;
  font-size: 14px;
}
.infinity-table-block #table .Evolved {
  text-align: center;
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.6) 28.31%, rgba(251, 212, 125, 0.6) 100%);
}
.infinity-table-block #table .Evolved .i-Gold {
  padding: 0;
  font-size: 14px;
}
.infinity-table-block #table .Advanced {
  text-align: center;
  background: linear-gradient(136deg, rgba(242, 186, 59, 0.8) 0%, rgba(251, 212, 125, 0.8) 100%);
}
.infinity-table-block #table .Advanced .i-Gold {
  padding: 0;
  font-size: 14px;
}
.infinity-table-block #table .Accumulator {
  text-align: center;
  background: linear-gradient(94.42deg, #f2ba3b 28.31%, #fbd47d 100%);
}
.infinity-table-block #table .Accumulator .i-Gold {
  padding: 0;
  font-size: 14px;
}
.infinity-table-block #table .Platinum {
  text-align: center;
  background: linear-gradient(93.82deg, rgba(114, 114, 113, 0.5) 0%, rgba(238, 238, 238, 0.5) 100%);
}
.infinity-table-block #table .Platinum .i-Gold {
  padding: 0;
  font-size: 14px;
}
.infinity-table-block #table .Black {
  text-align: center;
  background: linear-gradient(93.82deg, #141414 0.01%, #565656 100%);
  color: #ffffff;
}
.infinity-table-block #table .Black .i-Gold {
  padding: 0;
  font-size: 14px;
}
.infinity-table-block #table .FooterElement {
  display: flex;
}
.infinity-table-block #table .FooterElement .dnline {
  margin-left: 10px;
}
.infinity-table-block #table {
  column-gap: 10px;
}

.drawrerTable .headRow {
  border-radius: 10px !important;
}
.drawrerTable .table th,
.drawrerTable .table td {
  border-radius: 0px !important;
}
.drawrerTable .table td {
  text-wrap: nowrap;
  border: 1px solid #e7e7e7;
}

.Footer {
  display: flex;
  flex-direction: row;
  margin: 33px 30px;
  justify-content: space-between;
}

.PopUpBtn {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.PopUpBtn .CancelBtn {
  width: 220px;
  padding: 15px 30px !important;
  margin-right: 20px;
  height: 52px;
}
.PopUpBtn .SubmitBtn {
  width: 220px;
  padding: 15px 30px !important;
  height: 52px;
}

.SubscriptionPlansTickets {
  border-radius: 5px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-inline: 20px;
  background-color: #ffffff;
}
.SubscriptionPlansTickets .edel-icon-arrow-right1 {
  font-size: 15px;
}
.SubscriptionPlansTickets .titleNormal {
  color: #727271;
}
.SubscriptionPlansTickets .Ticket {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0px;
  padding-bottom: 15px;
}
.SubscriptionPlansTickets label {
  margin-bottom: 15px;
}
.SubscriptionPlansTickets .PriceMob {
  margin: 0px;
  padding: 0px;
  margin-bottom: 4px;
}
.SubscriptionPlansTickets .black-mob {
  color: #e7e7e7;
}
.SubscriptionPlansTickets .primary-mob {
  color: #727271;
}
.SubscriptionPlansTickets p {
  margin: 0px;
}

.formHeading {
  color: #727271;
  width: 460px;
}

.infinityDrawer__handle-wrapper {
  background: linear-gradient(94deg, #f2ba3b 28.31%, #fbd47d 100%);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.infinityDrawer__content {
  padding-inline: 0px !important;
}

.infinityDrawer .drawer-body {
  padding-inline: 15px !important;
}

.compare_drawrer_bg_grey {
  padding-inline: 0px !important;
}

.bg_grey-light__handle-wrapper {
  background-color: #f2f2f5;
}

.SidebarMob .rbd-tjkf7fpwic-cw {
  margin-inline: 0px !important;
}
.SidebarMob .rbd-foulxr1cul9-hw {
  padding: 0px 0px !important;
}
.SidebarMob .__content {
  padding-inline: 0px;
}
.SidebarMob .bg_lightBlueOne {
  background-color: #f2f2f5 !important;
}
.SidebarMob .drawer-head {
  padding-inline: 0px !important;
  position: sticky;
  top: 0px;
  z-index: 1;
  margin-bottom: 25px;
}
.SidebarMob .drawer-head .HeaderDrawer {
  background: linear-gradient(136deg, #f2ba3b 0%, #fbd47d 100%);
  padding: 0px 15px 16px 15px;
}
.SidebarMob .drawer-head .HeaderDrawer .SubscriptionMob {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin-bottom: 23px;
}
.SidebarMob .drawer-head .HeaderDrawer .SubscriptionMob .SubscriptionMobHead .rbd-3s1knm6x3xp-cw {
  margin-bottom: 14px !important;
}
.SidebarMob .drawer-head .HeaderDrawer .interestedButton {
  padding: 7px 14px;
}
.SidebarMob .drawer-head .HeaderDrawer .HeadingPart {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.SidebarMob .drawer-head .HeaderDrawer .HeadingPart .InfinityPrice {
  padding-bottom: 5px;
}

.drawer-body .drawrerTable table {
  border-spacing: 0px 0px !important;
}
.drawer-body .TableInsideDrawer .planDetailsMob {
  margin-block: 15px 10px !important;
}
.drawer-body .TableInsideDrawer .brokrageDetailsMob {
  margin-bottom: 10px !important;
}
.drawer-body .TableInsideDrawer .assumptionsMob {
  margin-block: 15px 10px !important;
}
.drawer-body .TableInsideDrawer table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 0px !important;
  border-spacing: 0px;
}
.drawer-body .TableInsideDrawer th,
.drawer-body .TableInsideDrawer td {
  text-align: left;
  padding: 8px;
}
.drawer-body .drawrerFooter {
  border-radius: 3px;
  background: #f5e1b2;
  padding: 10px;
}
.drawer-body .drawrerFooter .totalBenfits {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.sidebarMob .__content {
  padding-inline: 0px !important;
}
.sidebarMob .__handle-wrapper {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.sidebarMob .bg_lightBlueOne {
  background-color: #f4fafd !important;
}
.sidebarMob .rbd-mrs5vxgra2-hw {
  background-color: #f4fafd !important;
}
.sidebarMob .rbd-mrs5vxgra2-cw {
  padding: 0px !important;
}
.sidebarMob .drawer-head {
  padding-top: 0px;
  padding-inline: 20px 20px;
  margin-bottom: 20px;
}
.sidebarMob .drawer-head .CompareHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 23px !important;
}
.sidebarMob .drawer-head .ComparePlansBtn {
  padding: 7px 12px !important;
  border-radius: 5px !important;
  text-wrap: nowrap;
}
.sidebarMob .bgWhite {
  background-color: #ffffff !important;
}
.sidebarMob .bgWhite label {
  padding-right: 1.5rem;
  padding-left: 0.7rem;
}
.sidebarMob .MobScroll .BeginnersMob {
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.4) 28.31%, rgba(251, 212, 125, 0.4) 100%);
}
.sidebarMob .MobScroll .EvolvedMob {
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.6) 28.31%, rgba(251, 212, 125, 0.6) 100%);
}
.sidebarMob .MobScroll .AdvancedMob {
  background: linear-gradient(136deg, rgba(242, 186, 59, 0.8) 0%, rgba(251, 212, 125, 0.8) 100%);
}
.sidebarMob .MobScroll .AccumulatorMob {
  background: linear-gradient(94.42deg, #f2ba3b 28.31%, #fbd47d 100%);
}
.sidebarMob .MobScroll .PlatinumMob {
  background: linear-gradient(93.82deg, rgba(114, 114, 113, 0.5) 0%, rgba(238, 238, 238, 0.5) 100%);
}
.sidebarMob .MobScroll .BlackMob {
  background: linear-gradient(93.82deg, #141414 0.01%, #565656 100%);
}
.sidebarMob .MobScroll .BlackMob label {
  color: #ffffff !important;
}
.sidebarMob .mob-inifnity-body {
  margin-top: 100px;
}
.sidebarMob .mob-inifnity-body tr .Beginners {
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.4) 28.31%, rgba(251, 212, 125, 0.4) 100%);
}
.sidebarMob .mob-inifnity-body tr .Evolved {
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.6) 28.31%, rgba(251, 212, 125, 0.6) 100%);
}
.sidebarMob .mob-inifnity-body tr .Advanced {
  background: linear-gradient(136deg, rgba(242, 186, 59, 0.8) 0%, rgba(251, 212, 125, 0.8) 100%);
}
.sidebarMob .mob-inifnity-body tr .Accumulator {
  background: linear-gradient(94.42deg, #f2ba3b 28.31%, #fbd47d 100%);
}
.sidebarMob .mob-inifnity-body tr .i-Platinum {
  background: linear-gradient(93.82deg, rgba(114, 114, 113, 0.5) 0%, rgba(238, 238, 238, 0.5) 100%);
}
.sidebarMob .mob-inifnity-body tr .i-Black {
  background: linear-gradient(93.82deg, #141414 0.01%, #565656 100%);
  color: #ffffff !important;
}
.sidebarMob .mob-inifnity tbody tr td:first-child,
.sidebarMob .mob-inifnity thead tr th:first-child {
  position: sticky;
  z-index: 1;
  left: 0;
}
.sidebarMob .mob-inifnity thead tr th {
  padding: auto !important;
}
.sidebarMob .mob-inifnity thead tr th p {
  margin: auto;
}
.sidebarMob .mob-inifnity #tableHead {
  background-color: #f2f2f5;
  text-align: center;
}

.drawrerTable {
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  margin-left: 15px;
}
.drawrerTable table tbody td {
  padding: 25px 40px !important;
}
.drawrerTable table tbody td:first-child {
  padding: 0px !important;
}
.drawrerTable table tbody td:first-child label {
  height: 100% !important;
  display: flex;
  align-items: center;
}

.TableBtnForm .modalDPTitle .modal-content {
  width: 100%;
}

.BeginnersMob {
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.4) 28.31%, rgba(251, 212, 125, 0.4) 100%);
}

.EvolvedMob {
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.6) 28.31%, rgba(251, 212, 125, 0.6) 100%);
}

.AdvancedMob {
  background: linear-gradient(136deg, rgba(242, 186, 59, 0.8) 0%, rgba(251, 212, 125, 0.8) 100%);
}

.AccumulatorMob {
  background: linear-gradient(94.42deg, #f2ba3b 28.31%, #fbd47d 100%);
}

.PlatinumMob {
  background: linear-gradient(93.82deg, rgba(114, 114, 113, 0.5) 0%, rgba(238, 238, 238, 0.5) 100%);
}

.BlackMob {
  background: linear-gradient(93.82deg, #141414 0.01%, #565656 100%);
  color: #ffffff !important;
}

.ComparePlansBtn {
  padding: 0px !important;
}

@media screen and (min-width: 600px) {
  .InterestedFormHeading {
    border-radius: 5px;
    padding-inline: 100px;
    padding-top: 30px;
    width: 660px;
  }
  .InterestedFormHeading .nameForm {
    padding-top: 61px;
  }
  .InterestedFormHeading .emailForm {
    padding-top: 50px;
  }
  .InterestedFormHeading .numberForm {
    padding-top: 50px;
  }
  .InterestedFormHeading .PopUpBtn {
    margin-top: 0px !important;
    padding-block: 64px 32px;
  }
  .InterestedFormHeading .form-control {
    width: 460px;
  }
  .EdFormOfInfinity .modal-dialog {
    max-width: 660px !important;
  }
  .EdFormOfInfinity .modal-title {
    font-size: 1.75rem !important;
    font-family: "DMSansBold" !important;
  }
  .EdFormOfInfinity .edel-icon-bold-close {
    width: 17px !important;
  }
}
.FooterOfTable .modal-content {
  width: 660px !important;
}
.FooterOfTable .InterestedBtn {
  padding: 14px 63px !important;
}

.MobScroll .headRow th p {
  margin-top: 26px !important;
}

@media screen and (max-width: 600px) {
  .InterestedFormHeading {
    padding-inline: 100px;
    padding-top: 30px;
    width: 660px;
  }
  .InterestedFormHeading .nameForm {
    padding-top: 61px;
  }
  .InterestedFormHeading .emailForm {
    padding-top: 76px;
  }
  .InterestedFormHeading .numberForm {
    padding-top: 76px;
  }
  .InterestedFormHeading .PopUpBtn {
    margin-top: 0px !important;
    padding-block: 64px 32px;
  }
  .InterestedFormHeading .form-control {
    width: 460px;
  }
  .EdFormOfInfinity .modal-title {
    font-size: 1.75rem !important;
    font-family: "DMSansBold" !important;
  }
  .EdFormOfInfinity .edel-icon-bold-close {
    width: 17px !important;
  }
}
.InterestedFormHeadingMob {
  padding-top: 30px;
}
.InterestedFormHeadingMob .formHeadingMob {
  padding-inline: 1rem;
}
.InterestedFormHeadingMob .nameForm {
  padding-top: 58px;
  padding-inline: 1.5rem;
}
.InterestedFormHeadingMob .emailForm {
  padding-top: 58px;
  padding-inline: 1.5rem;
}
.InterestedFormHeadingMob .numberForm {
  padding-top: 58px;
  padding-bottom: 114px;
  padding-inline: 1.5rem;
}
.InterestedFormHeadingMob .PopUpBtnMob {
  margin-top: 15px;
  margin-bottom: 15px !important;
  background-color: #ffffff;
  height: 80px;
  position: fixed;
  bottom: -20px;
  left: 0;
  right: 0;
  z-index: 20;
  box-shadow: 10px 0px 20px 0px rgba(53, 128, 247, 0.16);
  display: flex;
  justify-content: center;
}
.InterestedFormHeadingMob .PopUpBtnMob .CancelBtn {
  padding: 0px;
  padding: 10px 3.25rem;
  margin-top: 1rem;
}
.InterestedFormHeadingMob .PopUpBtnMob .SubmitBtn {
  padding: 0px;
  padding: 10px 1.7rem;
  margin-left: 1.5rem;
  margin-top: 1rem;
}
.InterestedFormHeadingMob .custom-form-control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.InterestedFormHeadingMob .form-control {
  width: 95%;
  align-items: center;
}

.infinityDrawer__handle {
  background-color: #f2ba3b !important;
}

.linkOfViewSection {
  text-decoration: underline;
}
.linkOfViewSection:hover {
  cursor: pointer;
}

.FooterOfTable {
  text-align: center;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  height: 80px;
  position: fixed;
  bottom: -33px;
  left: 0;
  right: 0;
  z-index: 20;
  box-shadow: 10px 0px 20px 0px rgba(53, 128, 247, 0.16);
  margin-inline: 0px;
}
.FooterOfTable p {
  margin-bottom: 0px;
}
.FooterOfTable .InterestedBtn {
  margin-left: 172px;
}

.tableFixHead {
  margin-bottom: 50px;
}

.model-infinityplan .modal-header {
  background-color: #f2f2f5 !important;
  color: #f2f2f5;
}.live-news-sidebar .leftsidebar {
  box-shadow: none !important;
  max-height: calc(100vh - 100px) !important;
  overflow-y: scroll;
  overflow-x: hidden;
}
.live-news-sidebar .leftsidebar::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.live-news-sidebar .leftsidebar {
  /* Track */
}
.live-news-sidebar .leftsidebar::-webkit-scrollbar-track {
  background: transparent;
}
.live-news-sidebar .leftsidebar {
  /* Handle */
}
.live-news-sidebar .leftsidebar::-webkit-scrollbar-thumb {
  background: #03002f;
}
.live-news-sidebar .leftsidebar .nav-pills .nav-item {
  margin-bottom: 7px;
  width: 208px;
}
.live-news-sidebar .leftsidebar .nav-pills .nav-item .nav-link {
  padding: 10px 14px;
  border-radius: 5px;
  color: #727271;
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.live-news-sidebar .leftsidebar .nav-pills .nav-item .nav-link.active {
  border-right: none;
  padding: 14px;
  background-color: #f2f2f5;
  border-radius: 5px;
  color: #444444;
  font-size: 1rem;
  font-family: "DMSansBold";
}
.live-news-sidebar .rightsidebar {
  height: unset !important;
  padding-left: 0px;
  margin-bottom: 0px;
  padding-bottom: 50px;
}
.live-news-sidebar .rightsidebar .d-livenews-container {
  margin: 0px auto;
  height: 74vh !important;
  padding-bottom: 30px;
}

.mb-disclaimer .z-index-high__handle-wrapper {
  background-color: #ffffff !important;
}

.livenews-search .common-search-bar {
  width: 269px;
  height: 50px;
}
@media (max-width: 768px) {
  .livenews-search .common-search-bar {
    width: 100%;
  }
}
.livenews-search .common-search-bar input {
  height: 50px;
  font-size: 0.875rem !important;
  color: #727271;
}

.liveNews-refresh-icon {
  margin-left: 5px !important;
}

.refreshbtnnews img {
  height: 15px;
  margin-right: 5px;
}
.refreshbtnnews {
  background-color: #f2f2f5;
  padding: 3px 10px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .refreshbtnnews .edel-icon-point-arrow-up {
    font-size: 0.75rem;
  }
}

.live-new-tabs {
  padding-bottom: 15px;
}
.live-new-tabs .nav-tabs {
  flex-flow: row;
  overflow-x: scroll;
  display: flex;
  align-items: flex-start;
  gap: 5px;
  white-space: nowrap;
  padding-left: 15px;
}
.live-new-tabs .nav-tabs li .nav-link {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
  padding: 8px 12px !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px;
  margin-bottom: 0px;
}
.live-new-tabs .nav-tabs li .nav-link.active {
  border: 1px solid #03002f !important;
  color: #03002f !important;
  background-color: #f2f2f5;
}.loginregister-drawer .drawer-body {
  padding: 20px 15px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 3000px) {
  .loginregister-drawer .drawer-body::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.8rem;
    top: 0px;
    right: 29%;
    box-sizing: border-box;
    border: 9px solid black;
    border-color: transparent transparent #ffffff #ffffff;
    transform-origin: 0 0;
    transform: rotate(133deg);
    box-shadow: -1px 1px 0px 0px #e7e7e7;
  }
}
.loginregister-drawer .drawer-body .drawer-body-block-bottom,
.loginregister-drawer .drawer-body .drawer-button-row {
  margin-top: 25px !important;
}
.loginregister-drawer .drawer-body .drawer-body-block-bottom button,
.loginregister-drawer .drawer-body .drawer-button-row button {
  border-radius: 10px;
  font-size: 1rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .loginregister-drawer .drawer-body .drawer-body-block-bottom button,
  .loginregister-drawer .drawer-body .drawer-button-row button {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    height: 40px;
  }
}

.legend-login-border {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #e7e7e7;
  line-height: 0.1em;
  margin: 10px 0 0px;
}

.legend-login-border span {
  background: #ffffff;
  padding: 0 10px;
}

.pt-10 {
  padding-top: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mbt-5 {
  margin-bottom: 5px;
}

.mt-9 {
  margin-top: 9px;
}

.otp-output:last-child {
  margin-right: 0px;
}
.otp-output input {
  width: 75px !important;
  border: 0;
  border-bottom: 2px solid #e7e7e7;
  margin-right: 20px;
  color: #444444;
  font-family: "RobotoRegular";
  font-size: 1.125rem;
}

.otpMsgBlock {
  padding-top: 5px !important;
}

.loginsection {
  background-color: #ffffff;
}
.loginsection .modal-content .modal-body .set-mpin-block {
  height: 400px;
}
.loginsection .modal-content .modal-body .trial-gen-block {
  height: 550px;
}
.loginsection .ed_button.disabled {
  background-color: #f04e45 !important;
  opacity: 0.5 !important;
}

.renter-textbox input:disabled {
  background-color: transparent !important;
}

.confirm-password-section .help_text {
  display: flex;
  align-items: center;
}

.otp-msg-section-error .mt-2 {
  margin-top: 0px !important;
}
.otp-msg-section-error .invalidMsg .MPIN_Error_msg {
  width: max-content;
}

.legend-login-border {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #e7e7e7;
  line-height: 0.1em;
  margin: 10px 0 0px;
}

.legend-login-border span {
  background: #ffffff;
  padding: 0 10px;
}

.px-22-16 {
  padding-left: 22px !important;
  padding-right: 22px !important;
}
@media (max-width: 768px) {
  .px-22-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.py-11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.register-page-block {
  padding: 20px 15px;
}
@media (max-width: 577px) {
  .register-page-block .ed_button.button {
    padding: 11px 0px !important;
  }
}
.register-page-block .register-inputfield .form-control {
  line-height: 23.4px;
  padding: 15.58px 15px;
  color: #b8b8b8;
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  height: 50px;
}
.register-page-block .register-inputfield .form-control:focus {
  border-color: none !important;
}
.register-mob-number .form-control {
  border-left: 0px !important;
}
.register-mob-number .floating-label {
  left: 50px !important;
}

.register-mob-number.floating-label-group input:focus ~ .floating-label {
  left: 0px !important;
}

.holder {
  position: absolute;
  transform: translate(10px, 20px);
}
.holder label {
  font-size: 1rem;
  font-family: "EncodeSansMedium";
  color: #727271;
}
.holder .star {
  color: #e62020;
  margin-left: 5px;
}

.floating-label-group {
  position: relative;
}
.floating-label-group .floating-label {
  font-size: 18px;
  color: #b8b8b8;
  position: absolute;
  pointer-events: none;
  top: 15px;
  left: 15px;
  transition: all 0.1s ease;
  font-family: "DMSansNormal";
}
.floating-label-group .floating-label.focus {
  top: -25px;
  bottom: 0px;
  left: 0px;
  font-size: 11px;
  opacity: 1;
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.floating-label-group .custom-form-control {
  height: 50px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  font-size: 1.125rem;
}
.floating-label-group .custom-form-control:focus {
  border-color: #e7e7e7 !important;
}
.floating-label-group .input-group-text {
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
}

.countrycode .floating-label {
  left: 30px;
}

#guest-email-verification-form .register-inputfield .help_text {
  display: flex;
  align-items: center;
}

.underline {
  text-decoration: underline !important;
  text-underline-position: under;
}

.NewPassword-block .help_text,
.unbloackaccount .help_text,
.forgotpassword-block .help_text {
  color: #dd504d;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  position: relative;
}
@media (max-width: 768px) {
  .NewPassword-block .help_text,
  .unbloackaccount .help_text,
  .forgotpassword-block .help_text {
    font-size: 0.75rem;
  }
}
.NewPassword-block .help_text::before,
.unbloackaccount .help_text::before,
.forgotpassword-block .help_text::before {
  content: "\e99e";
  font-family: "edel_icon";
  padding-right: 5px;
}

.NewPassword-block #NewPassword-form .invalidMsg {
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.NewPassword-block #NewPassword-form .invalidMsg .d-flex {
  align-items: flex-start !important;
}
.NewPassword-block #NewPassword-form .invalidMsg .edel-icon-validation {
  margin-top: 9px;
}

.px-mob-15 #guest-email-verification-form .invalidMsg {
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.px-mob-15 #guest-email-verification-form .invalidMsg .d-flex {
  align-items: flex-start !important;
}
.px-mob-15 #guest-email-verification-form .invalidMsg .edel-icon-validation {
  margin-top: 9px;
}

.NewPassword-block .input_prefix {
  position: absolute;
  right: 20px;
  padding: 16px 8px;
}

.modalLogin .modal-dialog.modal-md {
  max-width: 660px;
}
.modalLogin .modal-dialog.modal-lg {
  max-width: 940px;
}
.modalLogin .modal-content {
  border: none;
}
.modalLogin .modal-content .modal-header {
  background-color: #f2f2f5;
  border: none !important;
}
.modalLogin .modal-content .modal-header .modal-title {
  font-family: "DMSansBold";
  font-size: 1.75rem;
}
.modalLogin .modal-content .modal-body {
  padding: 0px 85px 0px 85px;
}
.modalLogin .ed_button.disabled {
  background-color: #f04e45 !important;
  opacity: 0.7 !important;
}

.clientLogin .generateOtpWithPan .custom-form-control.invalidInput .form-control:focus {
  border-color: #dd504d !important;
}

.msgblocksection .modal-body {
  padding: 30px 30px 100px 30px !important;
}

.set-mpin-block .row {
  margin: 0px;
  padding: 0px 15px;
  display: flex;
  align-items: center;
}
.set-mpin-block .row .yob_inp_grp {
  padding-right: 0px;
  padding-left: 0px;
}
.set-mpin-block .row .yob_inp_grp .yob_inp.focus {
  border-color: #e7e7e7;
}
.set-mpin-block .row .yob_inp_grp .yob_inp {
  border-bottom: 2px solid #e7e7e7;
}
.set-mpin-block .rounded-circle.exclamation {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  color: #03002f;
  border: 1px solid #f2f2f5;
  position: relative;
  cursor: pointer;
  padding: 0px;
}
.set-mpin-block .rounded-circle.exclamation i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2px;
  margin-top: -10px;
}
.set-mpin-block .rounded-circle.exclamation i:before {
  font-size: 0.563rem;
}
.set-mpin-block .otppage-button {
  padding-top: 40px;
}
.set-mpin-block .mpin-section-content .yob_inp_grp {
  margin-bottom: 0px;
}
.set-mpin-block .mpin-section-content .yob_inp_grp input {
  margin-bottom: 0px;
}
.set-mpin-block.set-block-content-ipo {
  height: 25px;
  width: 25px;
}
.set-mpin-block.set-block-content-ipo .edel-icon-info {
  display: flex;
  margin: 0px;
  font-size: 0.875rem;
}

.openingblocksection .modalLogin .modal-content .modal-body {
  padding: 0px;
}
.openingblocksection .opening-account-block .container {
  padding: 0px;
}
.openingblocksection .opening-account-block .account-block-tile1 {
  background-color: #f4fafd;
  padding-bottom: 20px;
}
.openingblocksection .opening-account-block .account-block-tile1 .acc-tile1-mob {
  padding: 15px 30px 0px 30px;
}
.openingblocksection .opening-account-block .open-toptile {
  padding-top: 45px;
}
@media (max-width: 1023px) {
  .openingblocksection .opening-account-block .open-toptile {
    padding-top: 20px;
  }
}
.openingblocksection .opening-account-block .open-bottomtile {
  padding-top: 40px;
}
@media (max-width: 1023px) {
  .openingblocksection .opening-account-block .open-bottomtile {
    padding-top: 20px;
  }
}
.openingblocksection .opening-account-block .drawer-button-row {
  padding: 60px 104px 65px 96px;
}
@media (max-width: 1023px) {
  .openingblocksection .opening-account-block .drawer-button-row {
    padding: 50px 15px 40px 15px;
  }
}

.login-loader {
  display: flex;
  justify-content: center;
  min-height: 300px;
  align-items: center;
}

.mb-37 {
  margin-bottom: 37px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mt-91 {
  margin-top: 91px !important;
}
@media (max-width: 768px) {
  .mt-91 {
    margin-top: 50px !important;
  }
}

.pb-125 {
  padding-bottom: 125px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

.mt-40 {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .px-mob-15 {
    padding: 15px !important;
  }
  .pt-mob-15 {
    padding-top: 20px !important;
  }
  .mt-mob-15 {
    margin-top: 15px !important;
  }
  .help_text {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
  .help_text::before {
    content: "\e99e";
    font-family: "edel_icon";
    padding-right: 5px;
  }
}
.btn-18px {
  font-size: 18px !important;
}

@media (max-width: 768px) {
  .imageblockSection .DMSansN_24_400 {
    font-size: 0.875rem !important;
  }
  .imageblockSection .btn-18px {
    font-size: 14px !important;
  }
}
.removecapitalize .ed_button.button {
  text-transform: unset;
}

.loginsection {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1280px) and (max-width: 1440px) {
  .loginsection {
    zoom: 80%;
  }
  .loginsection.newpass-zoom-remove {
    zoom: unset !important;
  }
}
@media (max-width: 768px) {
  .loginsection {
    display: grid;
    align-items: center;
    grid-template-columns: 100%;
    justify-content: center;
  }
  .loginsection .ed_button.button {
    padding: 15px 30px;
    font-size: 1.125rem;
  }
}
.loginsection .modal-backdrop.show {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQzOSIgaGVpZ2h0PSI4MzUiIHZpZXdCb3g9IjAgMCAxNDM5IDgzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQzNzNfMTcxMTQ5KSI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTE4NDAuNTkgMEMxODQwLjU5IDE4MS42NjQgMTY5Mi43NCAzMjguODg1IDE1MTAuMjkgMzI4Ljg4NUMxMzI3Ljg0IDMyOC44ODUgMTE3OS45OCAxODEuNjY0IDExNzkuOTggMEg5MDkuNzgzQzkwOS43ODMgMzMwLjE0NSAxMTc4LjcxIDU5Ny45MTYgMTUxMC4yOSA1OTcuOTE2QzE4NDEuODYgNTk3LjkxNiAyMTEwLjc5IDMzMC4xNDUgMjExMC43OSAwSDE4NDAuNTlaIiBmaWxsPSIjRTFFMEY4Ii8+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTU3OS40MzkgMTAzNi4wM0M1NzkuNDM5IDg1NC4zNjUgNzI3LjI5NyA3MDcuMTQ0IDkwOS43NDcgNzA3LjE0NEMxMDkyLjIgNzA3LjE0NCAxMjQwLjA2IDg1NC4zNjUgMTI0MC4wNiAxMDM2LjAzSDE1MTAuMjVDMTUxMC4yNSA3MDUuODg0IDEyNDEuMzIgNDM4LjExMyA5MDkuNzQ3IDQzOC4xMTNDNTc4LjE3MyA0MzcuOTAzIDMwOS4yNDQgNzA1LjY3NCAzMDkuMjQ0IDEwMzYuMDNINTc5LjQzOVoiIGZpbGw9IiNFMUUwRjgiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAxXzQzNzNfMTcxMTQ5KSI+CjxyZWN0IHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjgzNSIgZmlsbD0iI0YwNEU0NSIvPgo8cmVjdCB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIxMDI0IiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNDM3M18xNzExNDkpIi8+CjwvZz4KPGcgb3BhY2l0eT0iMC43Ij4KPHBhdGggZD0iTTExNjUuNjIgNTkuMTUzNUwxMDY5LjI2IDU3NC40MjdDMTA2MC43MSA2MjAuMTg3IDEwODkuODcgNjY0LjUxOSAxMTM1LjI4IDY3NC43NzFMMTUwMC4zNiA3NTcuMTg5QzE1NTIuNDMgNzY4Ljk0NCAxNjAyLjYyIDczMS4yMjUgMTYwNS44MiA2NzcuOTQxTDE2MzguNTIgMTMzLjEyMUMxNjQxLjE1IDg5LjE5NTQgMTYxMC40MSA1MC4yODIyIDE1NjcuMDcgNDIuNjc5M0wxMjY1LjY2IC0xMC4xOTI3QzEyMTguOTQgLTE4LjM4NjcgMTE3NC4zMyAxMi41MzU0IDExNjUuNjIgNTkuMTUzNVoiIGZpbGw9IiMxRDFDNDAiIHN0cm9rZT0idXJsKCNwYWludDFfbGluZWFyXzQzNzNfMTcxMTQ5KSIgc3Ryb2tlLXdpZHRoPSIxLjU3Mzc5Ii8+CjxwYXRoIGQ9Ik0xMjIyLjY5IDEyNy45OTRMMTE0OC4xOCA1MzUuNzI1QzExNDAuMzkgNTc4LjMzNiAxMTY4LjUgNjE5LjIyOCAxMjExLjA4IDYyNy4yMTJMMTUxMC4zNiA2ODMuMzM2QzE1NjIuNTkgNjkzLjEzMiAxNjA5LjMyIDY0OS4zOTggMTYwMi45OSA1OTYuNjI5TDE1NTEuMDIgMTYzLjA4NkMxNTQ2Ljg5IDEyOC42MjYgMTUyMC42NyAxMDAuOTQyIDE0ODYuNDkgOTQuOTQ1MUwxMzEzLjY5IDY0LjYzNDJDMTI3MS4xIDU3LjE2MzMgMTIzMC40NiA4NS40NTggMTIyMi42OSAxMjcuOTk0WiIgZmlsbD0iIzI0MjM1MiIgc3Ryb2tlPSJ1cmwoI3BhaW50Ml9saW5lYXJfNDM3M18xNzExNDkpIiBzdHJva2Utd2lkdGg9IjEuNTczNzkiLz4KPHBhdGggZD0iTTEyNzguNzIgMTc4Ljg5TDEyMTguMiA1MDYuNDAzQzEyMTMuNDMgNTMyLjIxMyAxMjMwLjYyIDU1Ni45NTkgMTI1Ni40OCA1NjEuNDg4TDE0NzEuNjIgNTk5LjE3NkMxNDk3LjE3IDYwMy42NTMgMTUyMS41NSA1ODYuNjcyIDE1MjYuMjEgNTYxLjE1TDE1ODYuMDEgMjMzLjU2MUMxNTkwLjcyIDIwNy43ODQgMTU3My41MyAxODMuMTA2IDE1NDcuNzIgMTc4LjU3OEwxMzMzLjMgMTQwLjk2NkMxMzA3Ljc4IDEzNi40OSAxMjgzLjQzIDE1My40MTQgMTI3OC43MiAxNzguODlaIiBmaWxsPSIjMjgyNzVFIiBzdHJva2U9InVybCgjcGFpbnQzX2xpbmVhcl80MzczXzE3MTE0OSkiIHN0cm9rZS13aWR0aD0iMS41NzM3OSIvPgo8cGF0aCBkPSJNMTMzMy40OSAyNjAuNDA4TDEzMDAuNDkgNDUxLjU3OEMxMjk1Ljg5IDQ3OC4yMjEgMTMxNC41NiA1MDMuMjc3IDEzNDEuNCA1MDYuNDlMMTUyMS4xIDUyNy45OThDMTU0OS40NyA1MzEuMzkzIDE1NzQuMzIgNTA5LjAyIDE1NzMuOTIgNDgwLjQ1OEwxNTcxLjM3IDI5OC4wMTZDMTU3MS4wNiAyNzUuOTI2IDE1NTUuNDcgMjU3LjAwNSAxNTMzLjg1IDI1Mi40NjlMMTM4OS43MSAyMjIuMjMyQzEzNjMuNTQgMjE2Ljc0MiAxMzM4LjA0IDIzNC4wNTkgMTMzMy40OSAyNjAuNDA4WiIgZmlsbD0iIzJDMkI2QiIgc3Ryb2tlPSJ1cmwoI3BhaW50NF9saW5lYXJfNDM3M18xNzExNDkpIiBzdHJva2Utd2lkdGg9IjEuNTczNzkiLz4KPC9nPgo8ZyBvcGFjaXR5PSIwLjYiPgo8cGF0aCBkPSJNMTc1LjY1NSAzOTcuMzkyTC0xNzAuMzUxIDUxOC42NTFDLTIxNy4zMzYgNTM1LjExNyAtMjQ3LjQwMyA1ODEuMDg4IC0yNDMuNjU5IDYzMC43MzNMLTIyNS45MTcgODY1Ljk2N0MtMjIxLjM0OCA5MjYuNTQ2IC0xNjguNTM1IDk3MS45NTEgLTEwNy45NTYgOTY3LjM4M0wzMzMuNTcyIDkzNC4wODJDNDA1LjY5NSA5MjguNjQyIDQ1My4wMyA4NTYuMjcxIDQyOS4xMDkgNzg4LjAxM0wzMTUuODQ2IDQ2NC44MjFDMjk1Ljc1MyA0MDcuNDg5IDIzMi45ODggMzc3LjMgMTc1LjY1NSAzOTcuMzkyWiIgZmlsbD0iIzFEMUM0MCIgc3Ryb2tlPSJ1cmwoI3BhaW50NV9saW5lYXJfNDM3M18xNzExNDkpIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTE1Ny40NjkgNDk5LjUyMUwtMzIuNDc3NSA1NjYuMDg4TC05LjE0Njk3IDg3NS40MjZMMzY0LjExIDg0Ny4yNzRMMjU5LjQyNSA1NDguNTZDMjQ0LjgxMyA1MDYuODY0IDE5OS4xNjUgNDg0LjkwOCAxNTcuNDY5IDQ5OS41MjFaIiBmaWxsPSIjMjQyMzUyIiBzdHJva2U9InVybCgjcGFpbnQ2X2xpbmVhcl80MzczXzE3MTE0OSkiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTI3LjY3NSA2MDAuMTA0TC00Mi4zNDI4IDY1OS42ODdDLTY1LjcyOTQgNjY3Ljg4MyAtODEuNjcxMiA2ODkuNjE0IC04Mi40Njc5IDcxNC4zODJMLTg2LjE5ODEgODMwLjM0OEMtODcuMTU1NiA4NjAuMTE3IC02Ni4xMzEyIDg4Ni4wODIgLTM2LjgxNDUgODkxLjMzNkwyMTQuMjI0IDkzNi4zMzFDMjU5LjQ0NyA5NDQuNDM2IDI5Ni42MjggOTAwLjc4NiAyODEuNDMyIDg1Ny40MjhMMjA0LjE0MiA2MzYuODg0QzE5My4xODMgNjA1LjYxMiAxNTguOTQ3IDU4OS4xNDUgMTI3LjY3NSA2MDAuMTA0WiIgZmlsbD0iIzI4Mjc1RSIgc3Ryb2tlPSJ1cmwoI3BhaW50N19saW5lYXJfNDM3M18xNzExNDkpIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTgyLjYwNTEgNjk1LjYxOEwtMzQuODQyOSA3MzYuNzc4Qy02MC40NzEgNzQ1Ljc2IC03Ni44NzE0IDc3MC44MzUgLTc0LjgyOTEgNzk3LjkxNEwtNjkuNTczMiA4NjcuNjAxQy02Ny41ODk5IDg5My44OTggLTQ4LjY2ODEgOTE1LjgxNyAtMjIuOTQyNCA5MjEuNjE4TDE0MS4wNTcgOTU4LjYwMkMxODcuMDM2IDk2OC45NzEgMjI2LjQ2OSA5MjQuNzEgMjEwLjg4IDg4MC4yMjhMMTU5LjA3MiA3MzIuMzk4QzE0OC4xMTMgNzAxLjEyNiAxMTMuODc3IDY4NC42NTkgODIuNjA1MSA2OTUuNjE4WiIgZmlsbD0iIzJDMkI2QiIgc3Ryb2tlPSJ1cmwoI3BhaW50OF9saW5lYXJfNDM3M18xNzExNDkpIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9nPgo8cmVjdCB4PSI2MzYuNjcxIiB5PSI2NjUuNjk1IiB3aWR0aD0iMTA2MC4zNCIgaGVpZ2h0PSI3OTcuNzkxIiB0cmFuc2Zvcm09InJvdGF0ZSgtMzQuNjU5OSA2MzYuNjcxIDY2NS42OTUpIiBmaWxsPSJ1cmwoI3BhaW50OV9saW5lYXJfNDM3M18xNzExNDkpIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl80MzczXzE3MTE0OSIgeDE9Ii0zNi4yNjU4IiB5MT0iMTIuNDE3MSIgeDI9IjEyMzIuNDkiIHkyPSIxMDE2LjYyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxODE2MzEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMjQyMjQ4Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl80MzczXzE3MTE0OSIgeDE9Ijc1OC4yNjEiIHkxPSIyMDkuNDkzIiB4Mj0iMTQyMS41NiIgeTI9IjExOC45MjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzIxMUY0RCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyQzJCNkIiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyXzQzNzNfMTcxMTQ5IiB4MT0iMTA5OS4yIiB5MT0iMTAzLjM1NSIgeDI9IjEzNzMuOTkiIHkyPSI2Ni4xMjU4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzMDJENjgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkMyQjZCIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQzX2xpbmVhcl80MzczXzE3MTE0OSIgeDE9IjEyMzQuNTMiIHkxPSIxOTQuNzA4IiB4Mj0iMTQwNi44MSIgeTI9IjE5MS43IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzRDM1OEEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkMyQjZCIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ0X2xpbmVhcl80MzczXzE3MTE0OSIgeDE9IjEyNzUuNzkiIHkxPSIyNTIuNzExIiB4Mj0iMTQxNi4xIiB5Mj0iMjUxLjAxNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNDk0MDlGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzJDMkI2QiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NV9saW5lYXJfNDM3M18xNzExNDkiIHgxPSItMzAuODk3NiIgeTE9IjE1NS40MDgiIHgyPSIyOTcuMTI2IiB5Mj0iNjQ3LjQ5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyMTFGNEQiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkMyQjZCIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ2X2xpbmVhcl80MzczXzE3MTE0OSIgeDE9Ijg5LjYzNzYiIHkxPSIzNTMuMDI0IiB4Mj0iMzAxLjYwOCIgeTI9IjYzNC41NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzMwMkQ2OCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyQzJCNkIiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDdfbGluZWFyXzQzNzNfMTcxMTQ5IiB4MT0iODMuMDI0MSIgeTE9IjU2MC4yNSIgeDI9IjE5My4zNzkiIHkyPSI3NDkuMzgzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzRDM1OEEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkMyQjZCIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ4X2xpbmVhcl80MzczXzE3MTE0OSIgeDE9IjU2LjIzNzIiIHkxPSI2NTkuMzg1IiB4Mj0iMTQ1LjI3NSIgeTI9IjgxMy44ODkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzQ5NDA5RiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyQzJCNkIiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDlfbGluZWFyXzQzNzNfMTcxMTQ5IiB4MT0iMTAzNy44OSIgeTE9IjcxNC43NzQiIHgyPSIxMDkxLjA0IiB5Mj0iMTQ1Ni43NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMUYxRDNGIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIwLjIzMTU1NiIgc3RvcC1jb2xvcj0iIzIzMjA0NiIvPgo8c3RvcCBvZmZzZXQ9IjAuOTA0MDExIiBzdG9wLWNvbG9yPSIjMjMyMDQ2Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDM3M18xNzExNDkiPgo8cmVjdCB3aWR0aD0iMTQzOSIgaGVpZ2h0PSI4MzUiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfNDM3M18xNzExNDkiPgo8cmVjdCB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI4MzUiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: cover;
  background-position: center 70%;
}
.loginsection .modal-content .modal-body {
  padding: 0px;
}
.loginsection .modal-content .modal-body .component-grid-display {
  display: grid;
  grid-template-columns: 400px 540px;
}
.loginsection .modal-content .modal-body .component-grid-display.component-grid3-display {
  grid-template-columns: 400px 10px 530px !important;
}
.loginsection .modal-content .modal-body .component-grid-display .carsoual-content {
  border-radius: 15px 0px 0px 15px;
  background: linear-gradient(268deg, #363359 1.5%, rgba(41, 38, 99, 0.92) 98.71%);
}
.loginsection .modal-content .modal-body .component-grid-display .carsoual-content .owl-theme .owl-stage-outer .owl-stage {
  width: 4800px !important;
}
.loginsection .modal-content .modal-body .component-grid-display .props-content {
  background-color: #ffffff;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  display: grid;
  align-items: center;
}
.loginsection .modal-content .modal-body .component-grid-display .props-content .props-content-data {
  padding: 0px 48px;
}
.loginsection .modal-content .modal-body .component-grid-display .props-content .props-content-data.padding-40 {
  padding: 40px;
}
.loginsection .modal-login-revamp {
  display: grid;
  align-items: center;
  justify-content: center;
}
.loginsection .modal-login-revamp .modal-content {
  background-color: transparent;
}
.loginsection .modal-backdrop {
  background-image: url('data:image/svg+xml;utf8,<svg width="1440" height="835" viewBox="0 0 1440 835" fill="none" xmlns="http://www.w3.org/2000/svg"><rect fill="#F7F7FB"/><path opacity="0.05" d="M1832.96 -3C1832.96 178.664 1685.71 325.885 1504.02 325.885C1322.33 325.885 1175.08 178.664 1175.08 -3H906.008C906.008 327.145 1173.82 594.916 1504.02 594.916C1834.22 594.916 2102.03 327.145 2102.03 -3H1832.96Z" fill="#F04E45" fill-opacity="0.72"/><path opacity="0.05" d="M577.034 1033.03C577.034 851.365 724.279 704.144 905.972 704.144C1087.66 704.144 1234.91 851.365 1234.91 1033.03H1503.98C1503.98 702.884 1236.17 435.113 905.972 435.113C575.774 434.903 307.961 702.674 307.961 1033.03H577.034Z" fill="#F04E45" fill-opacity="0.72"/></svg>') center center no-repeat !important;
  background-size: cover;
  background-color: #f7f7fb !important;
}
.loginsection .top-content {
  margin-bottom: 10px;
}
.loginsection .top-content .edel-icon-left-arrow {
  font-size: 0.813rem;
}
.loginsection .footer-content {
  margin-top: 30px;
}
.loginsection .footer-content .last-head a {
  color: #a6a8e6;
}
@media (max-width: 768px) {
  .loginsection .footer-content .last-head a {
    color: #03002f;
  }
}
.loginsection .footer-content .first-head-login {
  color: #fcfcff;
}
@media (max-width: 768px) {
  .loginsection .footer-content .first-head-login {
    color: #363359;
  }
}

.password-reset-section .edel-icon-success-icon-fullgreen {
  font-size: 7.813rem;
}
@media (max-width: 768px) {
  .password-reset-section .edel-icon-success-icon-fullgreen {
    font-size: 6.25rem;
  }
}

.common-login-custom-error .desc-login {
  margin-top: 15px;
  font-size: 1.125rem !important;
  font-family: "DMSansNormal" !important;
}
.common-login-custom-error .desc-login span {
  font-size: 1.125rem !important;
  font-family: "DMSansNormal" !important;
}

.modal-login-revamp .validations .invalidMsg .p-1 {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.modal-login-revamp .component-grid-display .props-content .help_text {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.modal-login-revamp .component-grid-display .carsoual-content .owl-carousel .owl-stage-outer {
  border-radius: 15px 0px 0px 15px !important;
}

.passwordContainer {
  display: grid;
  grid-template-columns: 170px auto;
  grid-gap: 9px;
  position: relative;
  top: 10px;
}
.passwordContainer > div {
  display: flex;
  align-items: center;
}
.passwordContainer > div > span {
  display: flex;
}
.passwordContainer .labelcontain {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  color: #b3b3b3;
  margin-left: 5px;
}
@media (max-width: 768px) {
  .passwordContainer .labelcontain {
    font-size: 0.75rem;
  }
}
.passwordContainer .labelcontain.green {
  color: #51b255 !important;
}
.passwordContainer .edel-icon-rounded-close {
  font-size: 0.938rem;
  color: #b3b3b3;
}
.passwordContainer .edel-icon-circle-tick.green {
  color: #51b255 !important;
}
.passwordContainer .edel-icon-tooltip:before {
  font-size: 0.938rem;
  color: #b3b3b3;
}

#popover-password-top.fade {
  display: unset !important;
}
#popover-password-top.popover {
  max-width: 293px;
  background-color: #f4fafd;
  box-shadow: -1px 1px 4px 1px #dde2eb;
  border-radius: 5px;
  border: none !important;
}
#popover-password-top .popover-arrow::before {
  border-bottom-color: rgba(203, 200, 200, 0.1);
}
#popover-password-top .popover-arrow::after {
  border-bottom-color: #f4fafd;
  left: 2px;
}

.edel-icon-eye-hide:before {
  font-size: 0.5rem;
}

.edel-icon-eye-show:before {
  font-size: 0.75rem;
}

.loginsection .edel-icon-eye {
  color: #f88982;
}

.register-page-block {
  padding: 20px 15px;
}
@media (max-width: 577px) {
  .register-page-block .ed_button.button {
    padding: 11px 0px !important;
  }
}
.register-page-block .register-inputfield .help_text {
  color: #dd504d;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  display: flex;
  align-items: center;
}
.register-page-block .register-inputfield .help_text:before {
  content: "\e99e";
  font-family: "edel_icon";
  padding-right: 5px;
}
.register-page-block .register-inputfield .form-control {
  line-height: 23.4px;
  padding: 15.58px 15px;
  color: #444444;
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  height: 60px;
}
.register-page-block .register-inputfiled-mob .col {
  padding: 0px !important;
}
.register-page-block .register-inputfiled-mob.indentInput input {
  text-indent: 30px;
  font-size: 0.938rem !important;
  font-family: "RobotoRegular" !important;
  padding-top: 35px !important;
}
.register-page-block .register-inputfiled-mob .input_prefix {
  position: absolute;
  padding: 15px;
  top: 18px;
  height: 35px;
  font-family: "RobotoRegular";
  font-size: 0.938rem;
  color: #444444;
  display: flex;
  align-items: center;
  gap: 3px;
}
.register-page-block .register-btn {
  padding-top: 50px;
}

.register-mob-number .form-control {
  border-left: 0px !important;
}
.register-mob-number .floating-label {
  left: 50px !important;
}

.register-mob-number.floating-label-group input:focus ~ .floating-label {
  left: 0px !important;
}

.countrycode .floating-label {
  left: 30px;
}

.register-inputfield .help_text:before {
  content: "\e99e";
  font-family: "edel_icon";
  padding-right: 5px;
}

.otp-page-block {
  padding: 20px 15px;
}
.otp-page-block .otpsent-msg {
  padding-top: 30px;
}
@media (max-width: 768px) {
  .otp-page-block .otpsent-msg {
    padding-top: 0px !important;
  }
}
.otp-page-block .yob_inp_grp {
  padding: 0;
  margin-bottom: 0px;
}
.otp-page-block .yob_inp_grp .yob_inp,
.otp-page-block .yob_inp_grp .yob_inp.focus {
  border-bottom: 2px solid #e7e7e7;
  margin-bottom: 0px;
  font-family: "RobotoRegular";
  font-size: 1.125rem;
  color: #444444;
  line-height: 45px;
}
.otp-page-block .otppage-button {
  padding-top: 29px;
}

.profile-otp {
  margin-top: -30px !important;
}

.profile-otp-width {
  width: 260px !important;
}

.resend-otp-margin {
  margin-right: 120px;
}

@media only screen and (max-width: 1023px) {
  .yob_inp_grp .yob_inp,
  .yob_inp_grp .yob_inp.focus {
    font-size: 18px !important;
    line-height: 45px !important;
  }
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  INPUT[type=password] {
    font-size: 2.125em !important;
    font-variant: normal;
  }
  @media (max-width: 768px) {
    INPUT[type=password] {
      height: fit-content;
    }
  }
}
.clientLogin {
  padding: 20px 15px;
}
.clientLogin p {
  margin-bottom: 0;
}
.clientLogin .dropdownInput .dropdown button {
  background-color: transparent;
  border: unset;
  padding: 0;
  width: 100%;
}
.clientLogin .dropdownInput .dropdown .dropdown-toggle::after {
  display: none;
}
.clientLogin .dropdownInput .dropdown .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 100%;
  padding: 0;
}
.clientLogin .dropdownInput .dropdown .dropdown-menu .dropdown-item {
  padding: 10px 15px;
}
.clientLogin .dropdownInput .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #f4fafd;
}
.clientLogin .dropdownInput .dropdown .dropdown-menu .dropdown-item .trash {
  color: #dd504d;
}
.clientLogin .loginTabs .generic-tabs .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.clientLogin .loginTabs .generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-bottom: 1px solid #03002f;
  color: #03002f;
}
.clientLogin .loginTabs .generic-tabs .tab-content .clientLogin {
  padding: 0;
}
.clientLogin .loginTabs .generic-tabs .tab-content .clientLogin .logInMainPage .container {
  padding: 0;
}
.clientLogin .support-drop {
  width: 231.29px;
  padding: 0;
}
.clientLogin .support-drop .support-drop-menu .support-drop-menu-wrap {
  margin: 20px;
}
.clientLogin .support-drop .support-drop-menu .support-drop-menu-wrap .DMSan_16_700 {
  margin-bottom: 10px;
  line-height: 20.83px;
}
.clientLogin .support-drop .support-drop-menu .tabsWrap {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 5px;
  margin: 20px 0;
}
.clientLogin .support-drop .support-drop-menu .tabsWrap .generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 3px 20px;
  padding: 5px 15px;
  color: #727271;
}
.clientLogin .support-drop .support-drop-menu .tabsWrap .generic-tabs .nav-tabs .nav-item .nav-link.active {
  border: unset;
  background-color: #03002f;
  color: #f0f9ff;
  border-radius: 5px;
}
.clientLogin .support-drop .support-drop-menu .loginBtn {
  padding: 5px 15px;
  background-color: #03002f;
  height: unset;
  margin-top: 15px;
}
.clientLogin .support-drop .support-drop-menu-item {
  padding: 0 !important;
}
.clientLogin .support-drop .support-drop-menu-item a {
  margin: 20px;
}
.clientLogin .support-drop .support-drop-menu-item-underline {
  width: 100%;
  margin-left: 0;
}
.clientLogin .support-drop.loginRegisterDropdown {
  width: 390px;
}
.clientLogin .support-drop.loginRegisterDropdown .drawer-header {
  display: none;
}

.chooseAccount .chooseAccount-label {
  line-height: 18.23px;
}
.chooseAccount .ed_button {
  margin-top: 50px;
}
.chooseAccount .radio-buttons {
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  padding: 10px;
}

.support-content-body .support-content-body-wrappar {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 20px 0px;
}
.support-content-body .support-content-body-wrappar div {
  padding-left: 20px !important;
}

.Equity-profile-btn {
  padding: 0px 20px;
  background: #f2f2f5;
  border-radius: 10px;
}

.pwdLoginPage p {
  margin: 0;
}
.pwdLoginPage .errorRedBgMsg {
  margin: 10px 0;
  padding: 10px 15px;
  border-radius: 5px;
}
.pwdLoginPage .errorRedBgMsg p {
  line-height: 18px;
}

.logInMainPage .errorRedBgMsg {
  margin: 10px 0;
  padding: 10px 15px;
  border-radius: 5px;
}
.logInMainPage .errorRedBgMsg p {
  margin: 0;
}
.logInMainPage .errorRedBgMsg .txt-midnight-blue {
  border-bottom: 1px solid #03002f;
}
.logInMainPage .terms-conditions-password-block {
  margin-bottom: 0px !important;
}
.logInMainPage .validations {
  margin-top: 15px;
  margin-bottom: 30px;
  position: relative;
}
.logInMainPage .validations .borderedText .ed_button.link {
  white-space: nowrap;
}
.logInMainPage .validations .borderedText .txt-midnight-blue {
  line-height: 15.62px;
  border-bottom: 1px solid #03002f !important;
}
.logInMainPage .divider {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px 0;
}
.logInMainPage .divider.divider-15 {
  margin: 15px 0px;
}
.logInMainPage .divider p {
  line-height: 18.23px;
  margin: 0 10px;
  position: relative;
}
.logInMainPage .divider p::before {
  content: "";
  position: absolute;
  border: 1px solid #e7e7e7;
  align-items: center;
  top: 45%;
  height: 1px;
  width: 70px;
  right: 146%;
}
.logInMainPage .divider p::after {
  content: "";
  position: absolute;
  border: 1px solid #e7e7e7;
  align-items: center;
  top: 45%;
  height: 1px;
  width: 70px;
  left: 146%;
}
.logInMainPage .logInMainPage .form-control:focus {
  background: rgba(255, 229, 0, 0.1);
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  font-size: 1.125rem;
  line-height: 23.4px;
  color: #444444;
  font-family: "DMSansNormal";
}
.logInMainPage .logInMainPage .invalid.form-control:focus {
  background-color: #ffffff;
  border: 1px solid #dd504d;
  border-radius: 5px;
}
.logInMainPage .welcomeLoginValidation .help_text {
  margin-top: 15px;
}
.logInMainPage .welcomeLoginValidation input::-ms-reveal {
  display: none;
}

.deskBtn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.deskBtn .ed_button {
  width: 48%;
  padding: 15px 0px !important;
  font-size: 1.125rem !important;
  font-family: "DMSansMedium" !important;
  text-transform: unset !important;
}
.deskBtn .ed_button .midnight-blue {
  line-height: 18px !important;
}
.deskBtn .ed_button .midnight-blue-border {
  line-height: 20px;
}

@media (max-width: 768px) {
  .deskBtn .ed_button {
    text-transform: unset !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .unbloackaccount .DMSansNormal_14_400 {
    font-size: 0.75rem !important;
  }
}
.resend-otp-btn {
  text-decoration: underline;
  color: #03002f;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}

.login-errorMsg-section {
  margin-top: 15px;
}
.login-errorMsg-section .invalidMsg {
  border-radius: 5px;
}
.login-errorMsg-section .invalidMsg label,
.login-errorMsg-section .invalidMsg span {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}
.login-errorMsg-section .invalidMsg label.edel-icon-validation,
.login-errorMsg-section .invalidMsg span.edel-icon-validation {
  font-family: unset !important;
}

.remove-error-padding {
  margin-top: 0px;
}
.remove-error-padding .invalidMsg {
  padding-top: 0px !important;
}

.logout-popup-block-mob .drawerblock .drawer-body,
.logout-popup-drop .drawerblock .drawer-body {
  padding-bottom: 0px;
}

.logout-popup-block-mob .logoutcontent-desktop {
  margin: 0px !important;
}
.logout-popup-block-mob .support-genericSidebar {
  margin-bottom: 20px;
}
.logout-popup-block-mob .refresh-btn-login {
  display: flex;
  justify-content: space-between;
  background: #f2f2f5;
  border-radius: 5px;
}

.logout-drawerblock .drawer-body {
  position: relative;
}
.logout-drawerblock .drawer-body .username-display {
  margin-bottom: 5px;
}
.logout-drawerblock .drawer-body .guest-login-btn {
  background-color: #03002f;
  height: unset;
  margin-top: 15px;
  padding: 3px 20px;
  line-height: 140%;
  border-radius: 5px;
}
.logout-drawerblock .drawer-body .logout-drop-menu-wrap {
  padding: 20px 15px 15px;
}
.logout-drawerblock .drawer-body .logout-drop-menu-item {
  border-top: 1px solid #e7e7e7;
}
@media (min-width: 1023px) {
  .logout-drawerblock .drawer-body .logout-drop-menu-item {
    padding: 20px;
  }
}
.logout-drawerblock .drawer-body .logout-drop-menu-item {
  padding: 15px;
}
.logout-drawerblock .drawer-body .logout-drop-menu-item a {
  color: #444444;
}
.logout-drawerblock .drawer-body .logout-drop-menu-item a:hover {
  color: #444444;
}

.refresh-btn-login-support {
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  padding: 20px;
  margin: 0px;
}

.logout-popup-drop {
  width: 340px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 4px;
  z-index: 999;
  position: absolute;
  top: 65px;
}
.logout-popup-drop:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5em;
  top: 0.1rem;
  right: 0%;
  box-sizing: border-box;
  border: 9px solid #444444;
  border-color: transparent transparent #ffffff #ffffff;
  transform-origin: 0 0;
  transform: rotate(-223deg);
  box-shadow: -1px 1px 0px 0px #e7e7e7;
}
.logout-popup-drop .refresh-btn-login {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f5;
  padding: 10px 18px;
  border-radius: 5px;
}

.custom-form-control.Error-border-custom {
  border: 1px solid #dd504d !important;
}

.mpinissue-error .invalidMsg {
  padding-top: 0px !important;
}
.mpinissue-error .invalidMsg .p-1 {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}

.chooseaccount-login .chooseAccount .description-content {
  margin-top: 10px;
}

.otp-pass-padding .otp-page-block {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.mobile-app-content .edel-icon-arrow-down {
  position: absolute;
  line-height: 22px;
  font-size: 1.375rem;
}
.mobile-app-content .edel-icon-arrow-down.down {
  transform: rotate(180deg);
}

.failure-login-id-mb .password-reset-section {
  margin-top: 30px;
}
.failure-login-id-mb .password-reset-section .desc {
  padding-left: 15px !important;
  line-height: 22px;
  padding-right: 15px !important;
}

.modal-login-revamp .component-grid-display .carsoual-content .hide-dots .owl-dots.disabled {
  display: none !important;
}
.modal-login-revamp .component-grid-display .carsoual-content .hide-dots .owl-dots {
  display: none;
}

.txt-grey-blue-ed.link {
  color: #03002f !important;
  border-bottom: 1px solid #03002f;
}

.terms-txt {
  color: #444444;
}

.trial-gen-block .trial-count-text {
  margin: auto;
  text-align: center;
  width: 83%;
}
@media (max-width: 1023px) {
  .trial-gen-block .trial-count-text {
    width: 100%;
    font-size: 1.125rem;
  }
}
.trial-gen-block .trial-count-text1 {
  margin: auto;
  text-align: center;
  width: 83%;
}
@media (max-width: 1023px) {
  .trial-gen-block .trial-count-text1 {
    width: 88%;
    font-size: 0.875rem;
  }
}
.trial-gen-block .deskBtn {
  padding-top: 45px;
}
@media (max-width: 1023px) {
  .trial-gen-block .deskBtn {
    padding-top: 30px;
  }
}
.trial-gen-block .deskBtn button {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .trial-gen-block .deskBtn button {
    height: 40px;
  }
}
@media (max-width: 1023px) {
  .trial-gen-block .deskBtn button:nth-child(2) {
    margin-top: 15px;
  }
}
.trial-gen-block .deskBtn button {
  border-radius: 5px;
}
@media (max-width: 768px) {
  .trial-gen-block .deskBtn .blood-red-border {
    margin-bottom: 9px;
  }
  .trial-gen-block .deskBtn .blood-red-border:nth-child(2) {
    margin-bottom: 20px;
  }
}

.lh-21 {
  line-height: 21px;
}

.lh-140 {
  line-height: 140%;
}

.mgt-11 {
  margin-top: 11px !important;
}

.trialperiodBox {
  display: grid;
  gap: 20px;
  align-items: center;
  grid-template-columns: 15% 60%;
}
.trialperiodBox img {
  height: 35px;
  width: 35px;
}
@media (max-width: 1023px) {
  .trialperiodBox img {
    height: 26px;
    width: 26px;
  }
}
@media (max-width: 1023px) {
  .trialperiodBox {
    grid-template-columns: 10% auto;
  }
}

.trialperiodBox-w-100 {
  display: grid;
  gap: 20px;
  align-items: center;
  grid-template-columns: 15% 80% !important;
}
@media (max-width: 1023px) {
  .trialperiodBox-w-100 {
    grid-template-columns: 10% auto !important;
  }
}

.trialperiod-block-section .modalLogin .modal-content .modal-header {
  background-color: unset;
}
.trialperiod-block-section .modalLogin .modal-content .modal-body {
  padding: 0px 60px 30px 60px;
}

.lh-18 {
  line-height: 18px;
}

.pt-50 {
  padding-top: 50px;
}

.steel-gray-btn {
  background-color: transparent;
  color: #6e6d77 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}

.help-data-box {
  border: 1px solid #e7e7e7;
  padding: 10px 15px;
  background-color: #ffffff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
}
.help-data-box .edel-icon-right-arrow {
  color: #828096;
}

.securelogin-section .securelogin-error .change-bg-pastal {
  background-color: #fdead8;
  color: #d27422;
  border-radius: 5px;
}
.securelogin-section .securelogin-error .change-bg-pastal div {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  padding: 10px;
}
@media (max-width: 768px) {
  .securelogin-section .securelogin-error .change-bg-pastal div {
    font-size: 0.688rem;
    font-family: "DMSansNormal";
  }
}
.securelogin-section .SecureLoginBox-border {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .securelogin-section .SecureLoginBox-border .heading {
    font-size: 1.125rem;
    font-family: "DMSansBold";
  }
}
@media (max-width: 768px) {
  .securelogin-section .SecureLoginBox-border .desc {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.securelogin-section .SecureLoginBox-border .img-responsive {
  width: 100%;
}

.brd-monochrome {
  border: 1px solid #e7e7e7 !important;
}

.learnmore-div-content {
  position: absolute;
  border-radius: 5px;
  z-index: 1;
  border: 0.6px solid #e7e7e7;
  background: #ffffff;
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05), 0px 25px 37px 0px rgba(0, 0, 0, 0.1);
  margin-left: 0.7rem;
  margin-right: 3.7rem;
}
.learnmore-div-content ul {
  display: flex;
  padding: 15px 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 15px;
}
.learnmore-div-content ul li {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #363359;
}

.appboxcontent-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.appboxcontent-box .span-box {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  height: 12px;
  width: 12px;
  display: flex;
  align-items: center;
  padding: 5px;
  justify-content: center;
}
.appboxcontent-box .app-name {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  color: #444444;
}

.mobile-content-app .edel-icon-arrow-down {
  font-size: 1.438rem;
  position: relative;
  top: 5px;
}
@media (max-width: 768px) {
  .mobile-content-app .edel-icon-arrow-down {
    top: 2px;
  }
}

@media (max-width: 768px) {
  .disableotp {
    margin-top: 20px !important;
  }
}
.disableotp .circle-content {
  height: 16px;
  width: 16px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.625rem;
}
.disableotp .circle-content i {
  color: #f7943e;
}

.cremy-yellow-section .bg_lightPinkTwo {
  background-color: #fff8ce !important;
  padding: 8px !important;
  border-radius: 5px;
}

.banner-position {
  position: relative;
}
.banner-position .imge-content-data {
  position: absolute;
  top: 53%;
  left: 40%;
}
.banner-position .imge-content-data .img-content-box {
  border: 10px solid #e7e7e7;
  padding: 5px;
  border-radius: 10px;
  background-color: #ffffff;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.banner-position .imge-content-data .img-content-box .edel-icon-green-tick1 {
  font-size: 1.25rem;
  margin-bottom: 10px;
}

.scanimage-border {
  width: 160px;
  height: 160px;
  background: linear-gradient(to right, black 2px, transparent 2px) 0 0, linear-gradient(to right, black 2px, transparent 2px) 0 100%, linear-gradient(to left, black 2px, transparent 2px) 100% 0, linear-gradient(to left, black 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, black 2px, transparent 2px) 0 0, linear-gradient(to bottom, black 2px, transparent 2px) 100% 0, linear-gradient(to top, black 2px, transparent 2px) 0 100%, linear-gradient(to top, black 2px, transparent 2px) 100% 100%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scanimage-border .qr {
  padding: 10px;
  height: 160px;
}

.enlarge-main-section {
  position: relative;
}
.enlarge-main-section .scan-enlarge-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.enlarge-main-section .scan-enlarge-section .edel-icon-enlarge-arrow {
  font-size: 3.125rem;
  color: #03002f;
}
.enlarge-main-section .scan-enlarge-section .scanqr-section {
  border-radius: 5px;
  background: #ffffff;
  box-shadow: 6px 4px 16px 0px rgba(0, 0, 0, 0.25);
  padding: 10px;
  display: grid;
  max-width: fit-content;
  align-items: center;
  justify-content: center;
}

.vl-line {
  border-left: 1px solid #e7e7e7;
  height: 500px;
  margin-top: 35px;
}

.switch-otp-box {
  border: 1px solid #f5f5ff;
  border-radius: 5px;
  background-color: #f5f5ff;
  padding: 25px;
}

.external-top-mb {
  gap: 10px !important;
}
.external-top-mb .appboxcontent-box {
  justify-content: flex-start !important;
  gap: 15px;
}
.external-top-mb .grid-2-1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

.disable-otp-mob-box {
  border: 1px solid #e7e7e7;
}
.disable-otp-mob-box .disable-otp-mob {
  display: grid;
  grid-template-columns: 10% auto;
  align-items: center;
  border-radius: 5px;
  padding: 10px;
  gap: 10px;
}
.disable-otp-mob-box .disable-otp-mob .txt-green {
  color: #51b255 !important;
}

.scan-qr-mobile .scan-qr-mobile-grid {
  display: grid;
  grid-template-columns: 10% auto;
  align-items: center;
}
.scan-qr-mobile .scan-qr-mobile-grid span {
  line-height: 15px;
}
.scan-qr-mobile .scan-qr-mobile-bg {
  background-color: #f5f5ff;
  padding: 15px;
  border-radius: 5px;
}
.scan-qr-mobile .scan-qr-mobile-bg .copyLink--input {
  background-color: #ffffff;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scan-qr-mobile .scan-qr-mobile-bg .copyLink--input input {
  border: none !important;
  background-color: transparent !important;
  font-size: 1rem;
  font-family: "DMSansBold";
  color: #03002f;
  text-align: center;
}
.scan-qr-mobile .scan-qr-mobile-bg .copyLink--input button {
  border: none !important;
}

.vr-line {
  position: relative;
}
.vr-line::before {
  content: "";
  position: absolute;
  height: 33px;
  left: -29px;
  border: 1px solid #e7e7e7;
}.errorstate-section h1 {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .errorstate-section h1 {
    margin-bottom: 15px;
  }
}
.errorstate-section {
  height: 700px;
}
@media (max-width: 768px) {
  .errorstate-section {
    height: 835px;
  }
}
.errorstate-section .path-4318 {
  position: absolute;
  top: 150px;
  z-index: -1;
}
@media (max-width: 768px) {
  .errorstate-section .outersection .outer-section-2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.errorstate-section .outersection {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-top: 100px;
}
@media (max-width: 768px) {
  .errorstate-section .outersection {
    flex-direction: column;
    align-items: self-start;
    justify-content: flex-start;
  }
}
.errorstate-section .Edbutton-error {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media (max-width: 768px) {
  .errorstate-section .Edbutton-error {
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    margin-top: 30px !important;
  }
  .errorstate-section .Edbutton-error .ed_button {
    padding: 10px !important;
    z-index: 1;
    width: 72%;
  }
  .errorstate-section .Edbutton-error .midnight-blue-no-underline {
    background-color: #ffffff;
    border-radius: 10px;
  }
}
.errorstate-section .Edbutton-error .errorstate-btn {
  border-radius: 30px;
}

.path4318mb {
  position: absolute;
  height: 100%;
  left: 0px;
  top: 50%;
}

.errostatemobile {
  height: 158px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}.owl-dots {
  display: flex;
  justify-content: center;
  padding: 50px 1em 1em;
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  .owl-dots {
    padding: 20px 1em 1em;
  }
}
.owl-dots .owl-dot span {
  width: 18px !important;
  height: 0px !important;
  margin: 0.1em !important;
  display: block;
  border: 1px solid #cccccc;
}
@media (max-width: 768px) {
  .owl-dots .owl-dot span {
    width: 15px !important;
  }
}
.owl-dots .owl-dot.active span {
  border: 2px solid #03002f;
}

.adBlock {
  padding: 0px !important;
}
@media (min-width: 1023px) {
  .adBlock .owl-nav button {
    border: none;
    background: none;
    color: #03002f;
    margin-top: -200px;
    margin-left: -48px;
  }
  .adBlock .owl-nav button span {
    display: none;
  }
}
.adBlock .owl-stage-outer .owl-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.adBlock .owl-stage-outer .owl-item:nth-of-type(odd) > div {
  background-color: #f4f9ff;
  border: 1px solid #d6e8ff;
}
.adBlock .owl-stage-outer .owl-item:nth-child(3n+3) > div {
  background-color: #fff1f1;
  border: 1px solid #ffd1d1;
}
.adBlockRight {
  margin-left: 0px !important;
  margin-right: -38px !important;
}

.owl-theme .owl-dots {
  display: flex;
  justify-content: center;
  padding: 50px 1em 1em;
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  .owl-theme .owl-dots {
    padding: 20px 1em 1em;
  }
}
.owl-theme .owl-dots .owl-dot span {
  width: 18px !important;
  height: 0px !important;
  margin: 0.1em !important;
  display: block;
  border: 1px solid #cccccc;
}
@media (max-width: 768px) {
  .owl-theme .owl-dots .owl-dot span {
    width: 15px !important;
  }
}
.owl-theme .owl-dots .owl-dot.active span {
  border: 2px solid #03002f;
}.corporateGenericMainBlock {
  padding-bottom: 15px;
}
@media (max-width: 1023px) {
  .corporateGenericMainBlock div {
    padding: 0px;
  }
}
.corporateGenericMainBlock div {
  line-height: 140%;
}
.corporateGenericMainBlock .corporateGenericBlock {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  padding: 15px;
  gap: 20px;
}

@media (max-width: 1023px) {
  .CorporateActionMainBlock {
    background-color: #ffffff;
  }
}
.CorporateActionMainBlock .CoporateAction-heading {
  line-height: 1px;
  gap: 10px;
}
.CorporateActionMainBlock .CoporateAction-heading .rounded-circle.exclamation {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  color: #03002f;
  border: 1px solid #e7e7e7;
  position: relative;
  cursor: pointer;
}
.CorporateActionMainBlock .CoporateAction-heading .rounded-circle.exclamation i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}
.CorporateActionMainBlock .CoporateAction-heading .edel-icon-arrow-left1:before {
  font-size: 10px;
  line-height: 20px;
  color: #03002f;
  font-weight: bold;
}
@media (min-width: 1023px) {
  .CorporateActionMainBlock .generic-tabs.common-tab-color .nav-item .nav-link {
    font-family: "DMSansNormal" !important;
    width: 150px;
    padding: 0px;
    padding-bottom: 8px;
  }
}
.CorporateActionMainBlock .generic-tabs.common-tab-color .nav-item .nav-link {
  font-family: "DMSansNormal" !important;
  padding: 0px 10px 10px;
}
.CorporateActionMainBlock .generic-tabs.common-tab-color .nav-item .nav-link.active {
  font-family: "DMSansBold" !important;
}
@media (max-width: 1023px) {
  .CorporateActionMainBlock .generic-tabs.common-tab-color .nav-item .nav-link.active {
    font-family: "DMSansMedium";
  }
}
@media (max-width: 1023px) {
  .CorporateActionMainBlock .generic-tabs.common-tab-color .nav-tabs {
    gap: 15px;
    height: 29px;
  }
}
.CorporateActionMainBlock .corporateTab {
  margin-top: 19px;
}
.CorporateActionMainBlock .corporateTable-block .orderbook-table .ed_button.button {
  padding: 17px;
  width: 99px;
}
.CorporateActionMainBlock .corporateTable-block .equitydrop {
  width: 167px;
  display: flex;
  justify-content: space-between;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 140%;
  padding: 10px 8px 10px 10px;
}
@media (max-width: 1023px) {
  .CorporateActionMainBlock .corporateTable-block .equitydrop {
    width: 135px;
  }
}
.CorporateActionMainBlock .corporateTable-block .dropdown-block .ed_button {
  text-align: right;
  font-family: "DMSansMedium";
  font-size: 1rem;
}
.CorporateActionMainBlock .corporateTable-block .dropdown-block .corporate-new-drp {
  padding-top: 20px;
}
.CorporateActionMainBlock .corporateTable-block .equity-dropdown-block.show .dropdown-menu .dropdown-item {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.CorporateActionMainBlock .corporateTable-block .corporate-new-drp .equitydrop i:before {
  font-size: 0.938rem;
  font-weight: 700;
  color: #03002f;
}
.CorporateActionMainBlock .corporateTable-block .equity-dropdown-block.show .dropdown-menu {
  min-width: 167px;
  padding: 15px;
  background-color: #ffffff;
  height: 111px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #e7e7e7;
  transform: translate(0px, 60px) !important;
}
@media (max-width: 1023px) {
  .CorporateActionMainBlock .corporateTable-block .equity-dropdown-block.show .dropdown-menu {
    min-width: 125px;
  }
}
.CorporateActionMainBlock .corporateTable-block .equity-dropdown-block.show .dropdown-menu .dropdown-item {
  padding: 0px;
  padding-top: 10px;
}
.CorporateActionMainBlock .corporateTable-block .equity-dropdown-block.show .dropdown-menu .dropdown-item:first-child {
  padding-top: 0px;
}
.CorporateActionMainBlock .corporateTable-block .corporateAction table tbody td:last-child {
  width: 99px;
}
.CorporateActionMainBlock .corporateTable-block .corporateAction table thead th .title .d-flex {
  gap: 5px;
}
.CorporateActionMainBlock .corporateTable-block .buyback-note {
  padding: 10px;
  margin: 10px 10px 0px;
  width: calc(100% - 20px);
}
.CorporateActionMainBlock .corporateTable-block .corporateAction table .title {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}
.CorporateActionMainBlock .generic-tabs .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}

.CorporateActionHeader {
  padding: 25px 20px 20px;
}
@media (max-width: 1023px) {
  .CorporateActionHeader {
    padding: 4px 23px 8px 31px;
  }
}
.CorporateActionHeader .briefcase-block {
  margin-left: 8.5px;
  padding-top: 2px;
}
.CorporateActionHeader .briefcase-block .holdings-count {
  margin-left: 2px;
}

.corporateInputFieldBlock {
  padding: 20px;
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (max-width: 1023px) {
  .corporateInputFieldBlock {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
.corporateInputFieldBlock .highlighted-input .form-control {
  background-color: #e7e7e7;
}
.corporateInputFieldBlock .pdt-30 {
  padding-top: 30px !important;
}
.corporateInputFieldBlock .corporatecheckbox {
  padding: 0px;
}
@media (max-width: 1023px) {
  .corporateInputFieldBlock .corporatecheckbox .flex-inline-center {
    align-items: center !important;
  }
}
.corporateInputFieldBlock .corporatecheckbox .form-check {
  padding-top: 10px;
  gap: 0px !important;
}
@media (max-width: 1023px) {
  .corporateInputFieldBlock .corporatecheckbox .form-check {
    padding-top: 5px;
  }
}

.Rightissue-block {
  padding: 20px 20px;
}
.Rightissue-block div {
  line-height: 150%;
}
.Rightissue-block .midnight-blue-underline.ed_button.button {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}

.shareicon-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1023px) {
  .shareicon-block {
    justify-content: space-between;
  }
}
.shareicon-block .ed_button.button {
  padding: 9px 17px;
  width: 99px;
}

.BuyBack-block .error-note {
  padding: 10px 15px;
  margin: 10px 20px;
  border-radius: 5px;
}

.ofs-mob-confirmation {
  height: 100vh;
}
.ofs-mob-confirmation .btn-class-btntype.bottom-contents {
  padding-top: 26px;
}
.ofs-mob-confirmation .back-button {
  margin-right: -10px;
  padding-top: 5px;
}
.ofs-mob-confirmation .back-button .edel-icon-arrow-left {
  font-size: 30px;
}
.ofs-mob-confirmation .toc-margin .marginouter {
  display: none;
}
.ofs-mob-confirmation .order-confirmation .bottom-contents {
  padding-top: 16px;
}

.order-confirmation-desk .toc-margin .marginouter {
  display: none;
}

@media (max-width: 768px) {
  .ofs-Error-popup {
    padding-top: 60px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.ofs-Error-popup .modal-content {
  border: 0;
}
.ofs-Error-popup .modal-content .modal-header {
  border: 0px;
  background-color: #f2f2f5;
  padding: 19px 21px 18px 20px !important;
}
.ofs-Error-popup .modal-content .info-text {
  padding: 0 60px 60px;
}
@media (max-width: 768px) {
  .ofs-Error-popup .modal-content .info-text {
    padding: 0 20px 30px;
  }
}
.ofs-Error-popup .modal-dialog {
  max-width: 650px !important;
  top: 20%;
}
@media (max-width: 768px) {
  .ofs-Error-popup .modal-dialog {
    margin: 0;
  }
}
.ofs-Error-popup .back-btn:hover {
  cursor: pointer;
}
.ofs-Error-popup .back-btn {
  margin-bottom: 40px;
}

.ofs-toc .stock-details-head {
  padding-left: 3% !important;
  padding-top: 0% !important;
  padding-bottom: 0;
}

.orderbook-ofs-sidebar .marketaction-pivot {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.orderbook-ofs-sidebar .market-action-pivot-grid {
  padding-bottom: 15px !important;
}
.orderbook-ofs-sidebar .pivotName {
  padding-bottom: 0.5rem !important;
}
.orderbook-ofs-sidebar .pivotDate.DMsanR_10_400 {
  font-size: 0.875rem !important;
  font-family: "RobotoMedium" !important;
  color: #292929 !important;
}

.corporateAction tbody tr td {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.corporateAction tbody tr td .scrip {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}

.ipo-orderbook .orderbook-table table thead tr th:nth-child(6) .title {
  justify-content: end;
}:root {
  font-size: 16px;
}

.marketTabs {
  padding-top: 18px;
  padding: 0;
}
.marketTabs .react-tabs .marketTabs-ul {
  padding: 0;
  gap: 50px;
}
.marketTabs .react-tabs .marketTabs-ul li p {
  line-height: 19.6px;
  font-size: 1rem;
}
.marketTabs .react-tabs .marketTabs-ul a {
  height: 100%;
}
.marketTabs .react-tabs .marketTabs-ul a p {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.marketTabs .react-tabs .marketTabs-ul a.active p {
  color: #03002f;
}
.marketTabs .react-tabs .marketTabs-ul a.active {
  border-bottom: 2px solid #03002f;
}
.marketTabs .react-tabs .marketTabs-ul {
  border-bottom: 1px solid #e7e7e7;
  margin: 0 10px;
  padding: 0;
}
@media (min-width: 768px) {
  .marketTabs .react-tabs .marketTabs-ul {
    margin: auto;
  }
}
.marketTabs .react-tabs .marketTabs-ul li {
  padding: 14px 0px;
  color: #b8b8b8;
  margin-right: 3.125rem;
}
@media (max-width: 768px) {
  .marketTabs .react-tabs .marketTabs-ul li {
    padding: 14px 10px;
  }
}
.marketTabs .react-tabs .marketTabs-ul li p {
  margin-bottom: 0;
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 19.6px;
}
.marketTabs .react-tabs .marketTabs-ul .react-tabs__tab:focus:after {
  content: unset;
}
.marketTabs .react-tabs .marketTabs-ul .react-tabs__tab--selected {
  background: unset;
  border-color: unset;
  color: #03002f;
  border-radius: unset;
  border: unset;
  border-bottom: 2px solid #03002f;
}

@media (max-width: 1023px) {
  .marketTabs .react-tabs {
    overflow-y: scroll;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    flex-direction: row;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0 0 0 15px;
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar {
    width: 4px !important;
    height: 5px !important;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    /* Track */
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar-track {
    background: transparent;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    /* Handle */
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar-thumb {
    background: #03002f;
  }
  .marketTabs .react-tabs .marketTabs-ul li p {
    line-height: 19.6px;
    font-size: 1rem;
  }
  .marketTabs .react-tabs .marketTabs-ul .react-tabs__tab--selected {
    border-width: 3px;
  }
}
@media (max-width: 1200px) {
  .marketTabs .react-tabs .marketTabs-ul li {
    margin-right: 1rem;
  }
}/* ColoredTableComponent.scss */
.nav-applicability-norms-container-desk .nav-applicability-norms-text {
  padding: 16px;
  font-family: "DMSansBold";
  font-size: 40px;
  margin-top: 20px;
  line-height: 1.2;
  color: #03002f;
  letter-spacing: -1px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section1 {
  padding: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section1 .nav-applicability-text-question1 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section1 .nav-applicability-text-answer1 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  padding-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section1 .nav-applicability-text-answer2 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  padding-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section1 .nav-applicability-text-answer3 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  padding-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section1 .nav-applicability-text-answer3 .blue-body {
  color: #0b243a !important;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section1 .nav-applicability-text-answer3 .blue-body:hover {
  color: #e71e04 !important;
  text-decoration: underline;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section2 {
  padding: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section2 .nav-applicability-text-question2 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section2 .nav-applicability-text-answer {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  padding-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section3 {
  padding: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section3 .nav-applicability-text-question3 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section3 .nav-applicability-text-answer {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  padding-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section3 .nav-applicability-img {
  width: 100%;
  margin-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section3 .nav-applicability-img-title {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  margin-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section3 .nav-applicability-img-text1 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  margin-inline: 48px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section3 .nav-applicability-img-text2 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  margin-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section4 {
  padding: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section4 .nav-applicability-text-question4 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 16px;
  margin-bottom: 18px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section4 .nav-applicability-img-table-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
  padding-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section4 .nav-applicability-img-table-container .nav-applicability-img-table {
  width: 50%;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section4 .nav-applicability-table-description {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  margin-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section5 {
  padding: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section5 .nav-applicability-text-question5 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 16px;
  margin-bottom: 18px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section5 .nav-applicability-text-answer5 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  margin-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section5 .nav-applicability-norms-list {
  margin-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section5 .nav-applicability-norms-list li {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 10px;
  margin-inline: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section5 .nav-applicability-text-answer6 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section5 .nav-applicability-text-answer7 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-inline: 32px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section5 .bank-table-container {
  font-family: "DMSansNormal";
  margin-inline: 32px;
  margin-bottom: 10px;
  margin-top: 18px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section5 .bank-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section5 .bank-table td {
  border: 1px solid #cccccc;
  padding: 10px;
  vertical-align: top;
  word-wrap: break-word;
  text-align: left;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section6 {
  padding: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section6 .nav-applicability-text-question6 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section6 .nav-applicability-text-wrappar .rules-heading {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  margin-inline: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section6 .nav-applicability-text-wrappar .nav-applicability-norms-list {
  margin-inline: 32px;
  margin-bottom: 18px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section6 .nav-applicability-text-wrappar .nav-applicability-norms-list li {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 10px;
  margin-inline: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section7 {
  padding: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section7 .nav-applicability-text-question7 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section7 .nav-applicability-text-answer1 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 32px;
  margin-inline: 16px;
}
.nav-applicability-norms-container-desk .nav-applicability-norms-section7 .nav-applicability-text-answer2 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  margin-inline: 16px;
  font-style: italic;
}

.nav-applicability-norms-container-mob ul {
  padding: 0px;
}
.nav-applicability-norms-container-mob {
  padding: 20px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-text {
  font-family: "DMSansBold";
  font-size: 2.25rem;
  line-height: 1.2;
  color: #03002f;
  text-align: center;
  letter-spacing: 2px;
  margin-block: 20px;
  align-items: center;
  text-align: center;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section1 {
  padding: 8px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section1 .nav-applicability-text-question1 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 8px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section1 .nav-applicability-text-answer1 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  padding-inline: 16px;
  line-height: initial;
  text-align: center;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section1 .nav-applicability-text-answer2 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  padding-inline: 16px;
  line-height: initial;
  text-align: center;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section1 .nav-applicability-text-answer3 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  padding-inline: 16px;
  line-height: initial;
  text-align: center;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section1 .nav-applicability-text-answer3 .blue-body {
  color: #0b243a !important;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section1 .nav-applicability-text-answer3 .blue-body:hover {
  color: #e71e04 !important;
  text-decoration: underline;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section2 {
  padding: 8px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section2 .nav-applicability-text-question2 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 8px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section2 .nav-applicability-text-answer {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  padding-inline: 16px;
  line-height: initial;
  text-align: center;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section3 {
  padding: 8px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section3 .nav-applicability-text-question3 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 8px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section3 .nav-applicability-text-answer {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  padding-inline: 16px;
  line-height: initial;
  text-align: center;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section3 .nav-applicability-img {
  width: 100%;
  margin-inline: 16px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section3 .nav-applicability-img-title {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  margin-inline: 16px;
  line-height: initial;
  text-align: center;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section3 .nav-applicability-img-text1 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  margin-inline: 16px;
  line-height: initial;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section3 .nav-applicability-img-text2 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  margin-inline: 16px;
  line-height: initial;
  text-align: center;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section4 {
  padding: 8px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section4 .nav-applicability-text-question4 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 8px;
  margin-bottom: 18px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section4 .nav-applicability-img-table-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
  padding-inline: 16px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section4 .nav-applicability-img-table-container .nav-applicability-img-table {
  width: 82%;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section4 .nav-applicability-table-description {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  line-height: initial;
  margin-inline: 16px;
  text-align: center;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section5 {
  padding: 8px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section5 .nav-applicability-text-question5 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 8px;
  margin-bottom: 18px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section5 .nav-applicability-text-answer5 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  margin-inline: 16px;
  line-height: initial;
  text-align: center;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section5 .nav-applicability-norms-list {
  margin-inline: 16px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section5 .nav-applicability-norms-list li {
  font-size: 1.125rem !important;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 10px;
  margin-inline: 16px;
  line-height: initial;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section5 .nav-applicability-text-answer6 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  line-height: initial;
  margin-inline: 16px;
  text-align: center;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section5 .nav-applicability-text-answer7 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  text-align: center;
  margin-inline: 16px;
  line-height: initial;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section5 .bank-table-container {
  font-family: "DMSansNormal";
  margin-inline: 16px;
  margin-bottom: 10px;
  margin-top: 18px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section5 .bank-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section5 .bank-table td {
  border: 1px solid #444444;
  padding: 10px;
  vertical-align: top;
  word-wrap: break-word;
  text-align: left;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section6 {
  padding: 8px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section6 .nav-applicability-text-question6 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 8px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section6 .nav-applicability-text-wrappar .rules-heading {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  margin-inline: 16px;
  line-height: initial;
  text-align: center;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section6 .nav-applicability-text-wrappar .nav-applicability-norms-list {
  margin-inline: 16px;
  margin-bottom: 18px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section6 .nav-applicability-text-wrappar .nav-applicability-norms-list li {
  font-size: 1.125rem !important;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 10px;
  margin-inline: 16px;
  line-height: initial;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section7 {
  padding: 8px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section7 .nav-applicability-text-question7 {
  font-size: 1.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 8px;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section7 .nav-applicability-text-answer1 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 32px;
  margin-inline: 16px;
  line-height: initial;
  text-align: center;
}
.nav-applicability-norms-container-mob .nav-applicability-norms-section7 .nav-applicability-text-answer2 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 18px;
  margin-inline: 16px;
  line-height: initial;
  text-align: center;
  font-style: italic;
}

@media (max-width: 768px) {
  .bank-table-container .bank-table {
    display: block;
  }
  .bank-table-container .bank-table td {
    font-size: 0.9rem;
    padding: 8px;
  }
}.whats-new-container-desk {
  margin-top: 100px;
}
.whats-new-container-desk .whats-new-text {
  color: #03002f;
  margin-bottom: 15px;
  line-height: normal;
}
.whats-new-container-desk .whats-new-text .whats-text {
  font-family: "DMSansNormal";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
}
.whats-new-container-desk .whats-new-text .new-text {
  font-family: "DMSansBold";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
}
.whats-new-container-desk .whats-new-sub-text {
  color: #444444;
  text-align: center;
  font-family: "DMSansNormal";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.whats-new-container-desk .whats-new-item-container-wrap.first {
  margin-bottom: 50px;
  margin-top: 60px;
}
.whats-new-container-desk .whats-new-item-container-wrap.last {
  margin-bottom: 100px;
}
.whats-new-container-desk .whats-new-item-container-wrap.sec {
  margin-bottom: 50px;
}
.whats-new-container-desk .whats-new-item-container-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}
.whats-new-container-desk .whats-new-item-container-wrap .whats-new-item-container {
  flex: 1;
}
.whats-new-container-desk .whats-new-item-container-wrap .whats-new-item-container .whats-new-icon img {
  width: 18px;
  height: 24px;
}
.whats-new-container-desk .whats-new-item-container-wrap .whats-new-item-sub-container .stock-text .stock {
  color: #03002f;
  font-family: "DMSansBold";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
.whats-new-container-desk .whats-new-item-container-wrap .whats-new-item-sub-container .stock-text .sub-text {
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.whats-new-container-desk .whats-new-item-container-wrap .whats-new-item-sub-container .stock-sub-text {
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.whats-new-container-mob {
  margin-inline: 12px;
  margin-top: 40px;
}
.whats-new-container-mob .whats-new-text {
  color: #03002f;
  margin-bottom: 20px;
  line-height: normal;
}
.whats-new-container-mob .whats-new-text .whats-text {
  font-family: "DMSansNormal";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
}
.whats-new-container-mob .whats-new-text .new-text {
  font-family: "DMSansBold";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}
.whats-new-container-mob .whats-new-sub-text {
  margin-bottom: 30px;
  color: #000000;
  text-align: center;
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.whats-new-container-mob .whats-new-item-container-wrap .whats-new-item-container {
  margin-bottom: 30px;
  gap: 10px;
}
.whats-new-container-mob .whats-new-item-container-wrap .whats-new-item-container .whats-new-icon img {
  width: 18px;
  height: 24px;
}
.whats-new-container-mob .whats-new-item-container-wrap .whats-new-item-sub-container .stock-text .stock {
  color: #03002f;
  font-family: "DMSansBold";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
.whats-new-container-mob .whats-new-item-container-wrap .whats-new-item-sub-container .stock-text .sub-text {
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.whats-new-container-mob .whats-new-item-container-wrap .whats-new-item-sub-container .stock-sub-text {
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.faq-subtext {
  line-height: 30px;
}

.faqs-container-wrappar-desk .title-we-can-help {
  color: #03002f;
  text-align: center;
  font-family: "DMSansNormal";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 40px;
}
.faqs-container-wrappar-desk .common-accordian .accordion-body {
  padding: 0px !important;
}
.faqs-container-wrappar-desk .common-accordian .accordion-item {
  border: none !important;
  border-bottom: 1px solid #e7e7e7 !important;
  padding: 20px;
  margin: 0px !important;
}
.faqs-container-wrappar-desk .common-accordian .accordion-item:last-child {
  border-bottom: none !important;
}
.faqs-container-wrappar-desk .view-all-faqs {
  margin-bottom: 100px;
  gap: 8px;
  color: #03002f;
  font-family: "DMSansBold";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.faqs-container-wrappar-mob {
  width: fit-content;
  margin-inline: 15px;
}
.faqs-container-wrappar-mob .title-we-can-help {
  color: #03002f;
  text-align: center;
  font-family: "DMSansNormal";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 14px;
}
.faqs-container-wrappar-mob .common-accordian .accordion-body {
  padding: 0px !important;
}
.faqs-container-wrappar-mob .common-accordian .accordion-item {
  border: none !important;
  border-bottom: 1px solid #e7e7e7 !important;
  padding: 20px;
  margin-inline: 15px;
  margin: 0px !important;
}
.faqs-container-wrappar-mob .common-accordian .accordion-item:last-child {
  border-bottom: none !important;
}
.faqs-container-wrappar-mob .view-all-faqs {
  margin-bottom: 36px;
  gap: 8px;
  color: #03002f;
  font-family: "DMSansBold";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.desktop-trading-software-container .desk-trading-software {
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.desktop-trading-software-container {
  margin-bottom: 60px;
}
.desktop-trading-software-container .trading-software-text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin-bottom: 9%;
}
.desktop-trading-software-container .trading-software-heading {
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.desktop-trading-software-container .trading-software-body {
  display: flex;
}
.desktop-trading-software-container .trading-software-body .trading-software-img {
  width: 383px;
}
.desktop-trading-software-container .trading-software-subtext {
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.desktop-trading-software-container .download-btn {
  display: flex;
  gap: 6px;
}
.desktop-trading-software-container .download-btn-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.desktop-trading-software-container .download-btn-img {
  width: 67px;
}

.mob-trading-software-container {
  margin-bottom: 30px;
}
.mob-trading-software-container .desk-trading-software {
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.mob-trading-software-container .trading-software-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #03002f;
  text-align: center;
  font-family: "DMSansNormal";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.mob-trading-software-container .trading-software-body .trading-software-img {
  width: 383px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.mob-trading-software-container .trading-software-subtext {
  margin-inline: 12px;
  color: #444444;
  text-align: center;
  font-family: "DMSansNormal";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.mob-trading-software-container .download-btn {
  display: flex;
  gap: 6px;
  justify-content: center;
}
.mob-trading-software-container .download-btn-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.mob-trading-software-container .download-btn-img {
  width: 67px;
}

.our-mentions-container-desk .our-mentions-main {
  gap: 20px;
}
.our-mentions-container-desk .our-mentions-title {
  margin-top: 60px;
  margin-bottom: 11px;
  display: flex;
  gap: 4px;
  justify-content: center;
  color: #000000;
  font-family: "DMSansNormal";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.our-mentions-container-desk .our-mention-subtext {
  display: flex;
  gap: 4px;
  justify-content: center;
  margin-bottom: 60px;
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 74%; /* 11.84px */
}
.our-mentions-container-desk .our-mention-item-container {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  padding: 20px 24px 20px 20px;
}
.our-mentions-container-desk .our-mention-item-container .our-mention-date {
  margin-bottom: 20px;
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 74%; /* 11.84px */
}
.our-mentions-container-desk .our-mention-item-container .our-mention-text {
  margin-bottom: 20px;
  color: #03002f;
  font-family: "DMSansMedium";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 25.2px */
}
.our-mentions-container-desk .our-mention-item-container .view-all-btn-wrappar {
  display: flex;
  gap: 5px;
}
.our-mentions-container-desk .our-mention-item-container .view-all-btn-wrappar .view-all-btn {
  width: 30px;
}
.our-mentions-container-desk .our-mention-item-container .view-all-btn-wrappar .read-more {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #03002f;
  font-family: "DMSansMedium";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.our-mentions-container-mob .our-mentions-title {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  color: #000000;
  font-family: "DMSansNormal";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 33.6px */
}
.our-mentions-container-mob .our-mention-subtext {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  color: #000000;
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.our-mentions-container-mob .our-mention-item-container {
  margin-inline: 15px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  padding: 11px 5px 24px 10px;
}
.our-mentions-container-mob .our-mention-item-container .our-mention-date {
  margin-bottom: 19px;
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 74%; /* 10.36px */
}
.our-mentions-container-mob .our-mention-item-container .our-mention-text {
  margin-bottom: 20px;
  color: #03002f;
  font-family: "DMSansBold";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
}
.our-mentions-container-mob .our-mention-item-container .view-all-btn-wrappar {
  display: flex;
  gap: 5px;
}
.our-mentions-container-mob .our-mention-item-container .view-all-btn-wrappar .view-all-btn {
  width: 30px;
}
.our-mentions-container-mob .our-mention-item-container .view-all-btn-wrappar .read-more {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #03002f;
  font-family: "DMSansMedium";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}.Heading-content {
  line-height: normal;
}
.Heading-content .larger {
  font-size: 2rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .Heading-content .larger {
    font-size: 1.5rem;
  }
}
.Heading-content .larger .bold {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .Heading-content .larger .bold {
    font-size: 1.5rem;
  }
}
.Heading-content .larger .bold {
  font-family: "DMSansBold";
}
.Heading-content .small {
  font-size: 1.5rem;
  font-family: "DMSansNormal";
}
.Heading-content .small .bold {
  font-size: 1.5rem;
  font-family: "DMSansBold";
}

.share-market-description {
  font-size: 1.125rem;
  line-height: normal;
  font-family: "DMSansNormal";
  color: #444444;
}
@media (max-width: 768px) {
  .share-market-description {
    font-size: 1rem;
  }
}
.share-market-description .decription-content {
  text-align: center;
}
.share-market-description .decription-content .Edbutton-link-blue:hover {
  color: #03002f;
}
.share-market-description a {
  color: #03002f;
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  text-decoration: underline !important;
}
@media (max-width: 768px) {
  .share-market-description a {
    font-size: 1rem;
  }
}

.share-market-section {
  display: grid;
  grid-template-columns: 65% 30%;
  gap: 5%;
}
@media (max-width: 768px) {
  .share-market-section {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.share-market-section .share-market-input {
  display: flex;
  margin: 0px;
}
.share-market-section .share-market-input input {
  padding: 18px;
  width: 80%;
  display: inline-block;
  border-radius: 5px 0px 0px 5px;
  border: none;
  background-color: #eeeeee;
}
@media (max-width: 768px) {
  .share-market-section .share-market-input input {
    width: 65%;
  }
}
.share-market-section .share-market-input input::placeholder {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .share-market-section .share-market-input input::placeholder {
    font-size: 0.875rem;
    line-height: normal;
  }
}
.share-market-section .share-market-input input::placeholder {
  font-family: "DMSansMedium";
  line-height: 22px;
  text-align: left;
  color: #787878;
}
.share-market-section .share-market-input button {
  width: 20%;
  background-color: #f04e45;
  font-size: 1rem;
  line-height: 29.68px;
  text-align: Center;
  color: #ffffff;
  border: none;
  border-radius: 0px 5px 5px 0px;
  padding: 13px;
  display: inline-block;
}
.share-market-section .share-market-input button:hover {
  color: #ffffff;
  background-color: #f2736b;
}
@media (max-width: 768px) {
  .share-market-section .share-market-input button {
    width: 35%;
  }
}
@media (max-width: 768px) {
  .share-market-section .image-app-mobile {
    justify-content: space-between;
    margin-top: 40px;
  }
}

.px-4-LR {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
@media (max-width: 768px) {
  .px-4-LR {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.keyframe-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 72px;
}
@media (max-width: 768px) {
  .keyframe-section {
    flex-direction: column;
    gap: 20px;
  }
}
.keyframe-section .Hedaing-content {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .keyframe-section .Hedaing-content {
    text-align: center;
  }
}
.keyframe-section .Hedaing-content .font-bold {
  font-size: 1.5rem;
  font-family: "DMSansBold";
}
@media (max-width: 768px) {
  .keyframe-section .Hedaing-content .font-bold {
    font-size: 1.375rem;
  }
}
.keyframe-section .Hedaing-content .font-normal {
  font-size: 1.5rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .keyframe-section .Hedaing-content .font-normal {
    font-size: 1.375rem;
  }
}
.keyframe-section .Hedaing-content .subscription-content {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .keyframe-section .Hedaing-content .subscription-content {
    font-size: 0.875rem;
    line-height: 22px;
  }
}
.keyframe-section .Heading-description {
  font-size: 1rem;
  font-family: "DMSansNormal";
  line-height: 30px;
  margin-bottom: 0px;
}

.learn-to-us-section {
  background-color: #03002f;
}

.img-content-ltouse {
  position: relative;
}
.img-content-ltouse .iconplay-section {
  position: absolute;
  cursor: pointer;
}
@media (max-width: 768px) {
  .img-content-ltouse .iconplay-section {
    width: 34px;
  }
}

.marketapp-section {
  display: grid;
  grid-template-columns: 60% 40%;
  align-items: center;
  justify-content: space-between;
  margin-top: 151px;
  margin-bottom: 151px;
}
@media (max-width: 768px) {
  .marketapp-section {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.share-marketApp-section {
  display: grid;
  grid-template-columns: 100%;
}
.share-marketApp-section .share-marketApp-input {
  display: flex;
  margin: 0px;
}
.share-marketApp-section .share-marketApp-input input {
  padding: 18px;
  width: 52%;
  display: inline-block;
  border-radius: 5px 0px 0px 5px;
  border: none;
  background-color: #eeeeee;
}
@media (max-width: 768px) {
  .share-marketApp-section .share-marketApp-input input {
    width: 70%;
  }
}
.share-marketApp-section .share-marketApp-input input::placeholder {
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 22px;
  text-align: left;
  color: #787878;
}
.share-marketApp-section .share-marketApp-input button {
  width: 15%;
}
@media (max-width: 768px) {
  .share-marketApp-section .share-marketApp-input button {
    width: 30%;
  }
}
.share-marketApp-section .share-marketApp-input button {
  background-color: #f04e45;
  font-size: 1rem;
  line-height: 29.68px;
  text-align: Center;
  color: #ffffff;
  border: none;
  border-radius: 0px 5px 5px 0px;
  padding: 13px 0px;
  display: inline-block;
}
.share-marketApp-section .share-marketApp-input button:hover {
  color: #ffffff;
  background-color: #f2736b;
}

.carosaual-section-nuvamamarket {
  display: grid;
  grid-template-columns: 50% 50%;
}
@media (max-width: 768px) {
  .carosaual-section-nuvamamarket {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.carosaual-section-nuvamamarket {
  gap: 70px;
}
@media (max-width: 768px) {
  .carosaual-section-nuvamamarket {
    gap: 40px;
  }
}
.carosaual-section-nuvamamarket .carsoual-section-1 {
  background-color: #fafcff;
  padding: 55px;
}
@media (max-width: 768px) {
  .carosaual-section-nuvamamarket .carsoual-section-1 {
    padding: 0px 20px;
  }
}
.carosaual-section-nuvamamarket .carsoual-section-1 .carsoual-inner-1 {
  display: grid;
  grid-template-columns: 30% 70%;
  gap: 30px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .carosaual-section-nuvamamarket .carsoual-section-1 .carsoual-inner-1 {
    display: grid;
    grid-template-columns: 35% 55%;
    gap: 5%;
    justify-content: center;
    align-items: center;
  }
}
.carosaual-section-nuvamamarket .carsoual-section-1 .carsoual-inner-1 .left-image {
  background-color: #fff0c9;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .carosaual-section-nuvamamarket .carsoual-section-1 .carsoual-inner-1 .left-image {
    width: 120px;
  }
}
.carosaual-section-nuvamamarket .carsoual-section-2 {
  display: grid;
  grid-template-columns: 70% 30%;
  padding-top: 65px;
  padding-bottom: 65px;
  position: relative;
}
@media (max-width: 768px) {
  .carosaual-section-nuvamamarket .carsoual-section-2 {
    padding: 0px 20px;
  }
}
.carosaual-section-nuvamamarket .carsoual-section-2 .right-image {
  position: absolute;
  top: 0px;
  right: -10%;
}
@media (max-width: 768px) {
  .carosaual-section-nuvamamarket .carsoual-section-2 .right-image {
    right: -4%;
  }
  .carosaual-section-nuvamamarket .carsoual-section-2 .right-image img {
    width: 112px;
  }
}

.prod-moment-carsoual {
  min-height: 200px;
  max-height: 200px;
}
.prod-moment-carsoual .owl-stage-outer .owl-item {
  min-height: 170px;
  max-height: 170px;
  display: flex;
  align-items: center;
}
.prod-moment-carsoual {
  justify-content: space-between;
  display: flex !important;
  flex-direction: column;
}
.prod-moment-carsoual .owl-dots {
  justify-content: flex-start;
  padding: 0px;
}
.prod-moment-carsoual .owl-nav {
  display: none;
}

@media (max-width: 768px) {
  .img-responsive {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .nuvamaMarket-spacing .mgt-74 {
    margin-top: 63px;
  }
  .nuvamaMarket-spacing .mgt-60 {
    margin-top: 40px;
  }
  .nuvamaMarket-spacing .midnight-blue-no-underline {
    font-size: 1rem;
  }
  .nuvamaMarket-spacing .mgt-80 {
    margin-top: 40px !important;
  }
}
@media (max-width: 768px) {
  .nuvamaMarket-spacing .carosaual-section-nuvamamarket,
  .nuvamaMarket-spacing .carsoual-section-1,
  .nuvamaMarket-spacing .carsoual-inner-1,
  .nuvamaMarket-spacing .carsoual-section-2,
  .nuvamaMarket-spacing .carsoual-inner-2 {
    max-width: 100%;
    overflow-x: hidden;
  }
}
.nuvamaMarket-spacing .DMSanN_16_400 {
  font-size: 0.875rem;
}.top-insurance-container {
  margin-top: 60px;
}

.InsuranceContainer .contingencies-padding-15 {
  width: 302px;
  height: 48px;
  padding: 9px 17px !important;
}
.InsuranceContainer .requestInsurance {
  color: #03002f;
}
.InsuranceContainer .requestInsurance .Insurance_bgImg {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  z-index: -1000;
  background-size: cover;
  object-fit: contain;
  margin-top: -150px;
  position: absolute;
  padding: 0px !important;
}
.InsuranceContainer .requestInsurance .Insurance_bgImg img {
  max-width: 100%;
}
@media screen and (max-width: 660px) {
  .InsuranceContainer .requestInsurance .Insurance_bgImg .Insurance_bgImg {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    z-index: -1000;
    background-size: cover;
    object-fit: contain;
    position: absolute;
    padding: 0px !important;
  }
  .InsuranceContainer .requestInsurance .Insurance_bgImg .Insurance_bgImg img {
    max-width: 100%;
    margin-top: 88px !important;
  }
}
.InsuranceContainer .requestInsurance .insuranceEdbuttton {
  margin-top: 30px;
}
.InsuranceContainer .requestInsurance .insuranceEdbuttton .padding-15 {
  padding: 15px 30px;
}
.InsuranceContainer .requestInsurance .procurementInsurance {
  line-height: 140%;
}
.InsuranceContainer .requestInsurance .whatsInsurance {
  color: #727271;
  line-height: 140%;
  padding-right: 48px;
}
.InsuranceContainer .equity_Insurance {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
}
.InsuranceContainer .equity_Insurance .left_equityInsurance {
  margin-right: 30px;
}
.InsuranceContainer .equity_Insurance .investInEquity_Insurance {
  padding: 35px 30px 35px 15px;
  border: 1px solid #e7e7e7;
}
.InsuranceContainer .equity_Insurance .investInEquity_Insurance .invest_img {
  margin-right: 40px;
}
.InsuranceContainer .equity_Insurance .investInEquity_Insurance .invest_img i span {
  font-size: 40px !important;
}
@media (max-width: 768px) {
  .InsuranceContainer .equity_Insurance .investInEquity_Insurance .invest_img i span {
    font-size: 1.5rem !important;
  }
}
@media (max-width: 768px) {
  .InsuranceContainer .equity_Insurance .investInEquity_Insurance .invest_content div:first-child {
    line-height: 20px;
  }
}
.InsuranceContainer .equity_Insurance .investInEquity_Insurance .invest_content .ways_Content {
  color: #727271;
  line-height: 140%;
}
.InsuranceContainer .equity_Insurance .partnerInsurance {
  height: 552px;
  background-color: #f2f2f5;
  padding: 95px 70px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
}
.InsuranceContainer .equity_Insurance .partnerInsurance .partnersInsuranceMargin {
  margin-bottom: 60px;
}
.InsuranceContainer .equity_Insurance .partnerInsurance .ourpartnersColumn {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.InsuranceContainer .equity_Insurance .partnerInsurance .ourpartnersColumn .ourPartnersImage {
  margin-bottom: 10px;
}
.InsuranceContainer .equity_Insurance .partnerInsurance .ourpartnersColumn .ourPartnersImage .starImageBorder {
  border: 1px solid #354789;
  border-radius: 50%;
}
.InsuranceContainer .equity_Insurance .partnerInsurance .ourpartnersColumn .ourPartnersImage .hdfcImageBorder {
  border: 1px solid #ed1b24;
  border-radius: 50%;
}
.InsuranceContainer .equity_Insurance .partnerInsurance .ourpartnersColumn .insuranceTitle {
  color: #444444;
  line-height: 120%;
  margin-bottom: unset;
}
.InsuranceContainer .equity_Insurance .partnerInsurance .ourpartnersColumn .ourInsuranceTitle {
  margin-top: 5px;
  margin-bottom: unset;
}
.InsuranceContainer .equity_Insurance .partnerInsurance .ourpartnersColumn .color_orange {
  color: #f7943e;
}
.InsuranceContainer .equity_Insurance .partnerInsurance .ourpartnersColumn .color_green {
  color: #51b255;
}
.InsuranceContainer .equity_Insurance .partnerInsurance .ourpartnersColumn .color_purple {
  color: #d21aff;
}
.InsuranceContainer .financial_row {
  margin-top: 50px;
}
.InsuranceContainer .financial_row .financial_protection {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #e7e7e7;
  padding: 30px 21px;
}
.InsuranceContainer .financial_row .financial_protection .amidst-insurance {
  margin-bottom: 10px;
}
.InsuranceContainer .financial_row .financial_protection .requestFinancial {
  color: #727271;
  line-height: 140%;
}
.InsuranceContainer .thingsToKeep {
  margin-top: 50px;
  border: 1px solid #e7e7e7;
  padding: 30px 15px;
}
.InsuranceContainer .thingsToKeep .coverage_insurancethings {
  margin-bottom: 30px;
}
@media screen and (max-width: 660px) {
  .InsuranceContainer .thingsToKeep .coverage_insurancethings {
    margin-bottom: 5px;
  }
}
.InsuranceContainer .thingsToKeep .things_Container {
  display: flex;
  flex-direction: row;
}
.InsuranceContainer .thingsToKeep .things_Container .things_Element {
  padding: 0px 18px 26px 20px;
  border-radius: 5px;
}
.InsuranceContainer .thingsToKeep .things_Container .things_Element .things_title {
  padding-bottom: 10px;
  margin-top: 20px;
}
.InsuranceContainer .thingsToKeep .things_Container .apply_grey {
  background-color: #f2f2f5;
  margin-right: 20px;
}
.InsuranceContainer .thingsToKeep .things_Container .apply_grey .midnight_blue {
  color: #03002f;
}
.InsuranceContainer .thingsToKeep .things_Container .apply_orange {
  background-color: #fdead8;
  margin-right: 20px;
}
.InsuranceContainer .thingsToKeep .things_Container .apply_orange .dark_orange {
  color: #f7943e;
}
.InsuranceContainer .thingsToKeep .things_Container .apply_pink {
  background-color: #f2dbeb;
}
.InsuranceContainer .thingsToKeep .things_Container .apply_pink .dark_purple {
  color: #bd4b9b;
}
.InsuranceContainer .insuranceRequestForm {
  background-color: #f2f2f5;
  padding: 50px 112px;
}
.InsuranceContainer .insuranceRequestForm .form-control {
  width: 445px;
  height: 40px;
}
.InsuranceContainer .insuranceRequestForm .letsUsCall {
  color: #727271;
}
.InsuranceContainer .bottomInsuranceBar {
  text-align: center;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  height: 80px;
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  z-index: 20;
  box-shadow: 10px 0px 20px 0px rgba(53, 128, 247, 0.16);
}
@media (max-width: 768px) {
  .InsuranceContainer .bottomInsuranceBar {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }
}
.InsuranceContainer .bottomInsuranceBar .padding-22 {
  padding: 15px 30px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .InsuranceContainer .bottomInsuranceBar .padding-22 {
    padding: 15px 25px !important;
    margin-left: 10px !important;
  }
}

.insurance_SliderMob {
  margin-bottom: 0px !important;
}

.insurance_Slider {
  background-color: #f2f2f5;
  margin-top: 50px;
  border-radius: 5px;
  margin-bottom: 50px;
}
.insurance_Slider .carouselPadding {
  padding: 30px 0px 30px 0px;
}
@media (min-width: 1024px) {
  .insurance_Slider .carouselPadding {
    padding-left: 7%;
    overflow-x: hidden;
  }
}
@media (min-width: 1400px) {
  .insurance_Slider .carouselPadding {
    padding-left: 3%;
    overflow-x: hidden;
  }
}
@media (min-width: 1440px) {
  .insurance_Slider .carouselPadding {
    padding-left: 4%;
    overflow-x: hidden;
  }
}
@media (min-width: 1600px) {
  .insurance_Slider .carouselPadding {
    padding-left: 9%;
    overflow-x: hidden;
  }
}
@media (min-width: 1680px) {
  .insurance_Slider .carouselPadding {
    padding-left: 10.5%;
    overflow-x: hidden;
  }
}
@media (min-width: 1920px) {
  .insurance_Slider .carouselPadding {
    padding-left: 15%;
    overflow-x: hidden;
  }
}
.insurance_Slider .insuranceBenefits {
  margin-bottom: 30px;
}
.insurance_Slider .owl-dots {
  padding-top: 30px;
  padding-bottom: 0px;
}
.insurance_Slider .contentSlider {
  background-color: #ffffff;
  margin-right: 30px;
  height: 318px;
  width: 99.8%;
  padding: 18px 20px 30px 20px;
}
.insurance_Slider .contentSlider .benefitsImage img {
  width: 43px;
}
.insurance_Slider .contentSlider .benefitsImage {
  margin-bottom: 13px;
}
.insurance_Slider .contentSlider .benefitsTitle {
  margin-bottom: 5px;
}
.insurance_Slider .contentSlider .ps-3 {
  color: #727271;
}
.insurance_Slider .edelRight {
  border: none;
  background: none;
  color: #3580f7;
  z-index: 999;
  position: absolute;
  margin-top: -210px;
  margin-left: 90%;
}
.insurance_Slider .edelRight span {
  display: none;
}
.insurance_Slider .edelLeft {
  border: none;
  background: none;
  color: #03002f;
  margin-top: -210px;
  position: absolute;
  margin-left: -58px;
}
@media (min-width: 1440px) {
  .insurance_Slider .edelLeft {
    margin-left: -48px !important;
  }
}
.insurance_Slider .edelLeft span {
  display: none;
}

.slide-pane__content .sidebar_protection {
  padding-inline: 20px;
  padding-block: 20px 425px;
}
.slide-pane__content .sidebar_protection .sidebarRow {
  border-bottom: 1px solid #e0e0e0;
}
.slide-pane__content .sidebar_protection .sidebarRow .sdiebarTitle_protection {
  align-items: center;
}
.slide-pane__content .sidebar_protection .sidebarRow .sdiebarTitle_protection .ele_hdfc_img i {
  font-size: 20px;
}
.slide-pane__content .sidebar_protection .elementTitle_name {
  margin: 13px 33px 9px 10px;
  color: #03002f;
}
.slide-pane__content .sidebar_protection .elementTitle_content {
  margin-bottom: 5px;
}
.slide-pane__content .sidebar_protection .know_more {
  margin-bottom: 10px;
  color: #03002f;
  text-decoration: underline;
}

.insuranceRequestCall-form {
  background-color: #ffffff;
  padding: 15px;
}
.insuranceRequestCall-form .margin_request {
  margin-bottom: 18px;
  color: #cdcdcd;
}
.insuranceRequestCall-form .margin_request_field {
  margin-bottom: 20px;
  color: #cdcdcd;
}
.insuranceRequestCall-form .radio_form_field {
  padding: 15px;
  background-color: #f4fafd;
  margin-bottom: 30px;
}
.insuranceRequestCall-form .radio_form_field .group_type_form {
  margin-bottom: 15px;
}
.insuranceRequestCall-form .ed_button.padding-10 {
  padding: 10px 30px;
}
.insuranceRequestCall-form .insurance_Button {
  text-align: center;
  margin-inline: 20px;
  margin-bottom: 30px;
}

.head-bgcolor .stock-details-head {
  background-color: #f2f2f5 !important;
  background: #f2f2f5 !important;
}
.head-bgcolor .stock-details-switch-key {
  color: #03002f;
}

.margin_request {
  margin-bottom: 0px !important;
}
.margin_request .form-control {
  margin-bottom: 18px;
}

.types-content-Drawer {
  padding: 0px;
  padding-top: 10px !important;
  padding-inline: 15px !important;
  padding-bottom: 25px;
}

.img-10 {
  margin-right: 6px;
}

.tabOfInsurance .nav-link {
  padding: 0px;
  padding-block: 10px !important;
  padding-inline: 16px !important;
}

.banner_HdfcDes {
  border: 11px solid #f4fafd;
  border-radius: 5px;
}
.banner_HdfcDes img {
  padding: 0px;
  padding-inline: 5px !important;
}
.banner_HdfcDes {
  margin-inline: 3px !important;
}

.banner_HdfcMob {
  border: 5px solid #f4fafd;
  border-radius: 5px;
}
.banner_HdfcMob img {
  padding: 0px;
  padding-inline: 5px !important;
}
.banner_HdfcMob {
  margin-inline: 3px !important;
}

.investInMfSliderbar {
  padding: 0px;
  padding-inline: 15px !important;
}

.ProtectionLife {
  padding-left: 9px !important;
  padding-block: 19px !important;
}

.headingOfInput .help_text {
  margin-top: 0px !important;
}
@media screen and (max-width: 660px) {
  .headingOfInput .help_text {
    display: flex;
    align-items: start;
  }
  .headingOfInput .custom-form-control label {
    display: flex;
    align-items: start;
  }
}
.headingOfInput .custom-form-control {
  margin-block: 18px;
}
.headingOfInput .floating-label label {
  margin-top: 22px;
}
.headingOfInput .form-control {
  width: 360px;
  margin-right: 10px;
}

.InformationInsurance {
  margin-bottom: 18px !important;
  color: #444444 !important;
}

.requestInsurance .TitleCol {
  padding: 0px;
}

.insurance-is p {
  margin-bottom: 0px !important;
  padding-bottom: 9px;
}

.insuranceList {
  margin-bottom: 30px !important;
}

.banner_HdfcMob {
  margin-top: 0px !important;
}

@media screen and (max-width: 660px) {
  .carouselPadding {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
}@media screen and (max-width: 1023px) {
  .frame-mobile-imgsize img {
    height: 28px !important;
    width: 25px !important;
  }
  .top-insurance-container {
    margin-top: unset;
  }
  .padingTopRemove {
    padding-top: 20px !important;
    padding-bottom: 25px;
  }
  .InsuranceContainer {
    background-color: #ffffff;
  }
  .InsuranceContainer .types-tabs-main .nav-tabs {
    padding-left: 15px !important;
  }
  .InsuranceContainer .types-content-Drawer {
    padding: 20px 15px 25px 15px;
  }
  .InsuranceContainer .types-content-Drawer .typesDrawer-content {
    line-height: 140%;
    color: #727271;
  }
  .InsuranceContainer .types-content-Drawer .typesDrawer-img {
    align-items: center;
    margin-bottom: 5px;
  }
  .InsuranceContainer .types-content-Drawer .typesDrawer-img .img-10 img {
    height: 20px;
    width: 20px;
    margin-right: 5px;
  }
  .InsuranceContainer .types-content-Drawer .typesDrawer-img .Insurance-head-type {
    color: #03002f;
  }
  .InsuranceContainer .whats-head {
    text-align: left;
  }
  .InsuranceContainer .requestbottomInsuranceBar {
    text-align: center;
    justify-content: space-around;
    align-items: center;
    background-color: #ffffff;
    height: 80px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    box-shadow: 10px 0px 20px 0px rgba(53, 128, 247, 0.16);
  }
  .InsuranceContainer .requestbottomInsuranceBar .request_policy {
    text-decoration: underline;
  }
  .InsuranceContainer .requestDrawer-generic {
    text-align: left;
  }
  .InsuranceContainer .requestInsurance {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-top: 20px;
  }
  .InsuranceContainer .requestInsurance .Insurance_bgImg {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    z-index: 2000;
    background-size: cover;
    object-fit: contain;
    position: absolute;
    margin-top: -80px;
  }
  .InsuranceContainer .requestInsurance .Insurance_bgImg img {
    max-width: 100%;
  }
  .InsuranceContainer .requestInsurance .whatsInsurance {
    padding: 15px 15px 30px 15px;
    text-align: left;
  }
  .InsuranceContainer .requestInsurance .whatsInsurance .whats-2 {
    margin-top: 10px;
  }
  .InsuranceContainer .requestInsurance .insuranceRequestCall-form {
    padding: 20px 15px 40px 15px !important;
  }
  .InsuranceContainer .requestInsurance .insuranceRequestCall-form .form-control {
    border: 1px solid #e7e7e7;
  }
  .InsuranceContainer .requestInsurance .insuranceRequestCall-form .provide-request {
    color: #727271;
    text-align: left;
    margin-bottom: 30px;
  }
  .InsuranceContainer .requestInsurance .insuranceEdbuttton {
    margin-top: 10px !important;
    margin-bottom: 10px;
  }
  .InsuranceContainer .requestInsurance .insurance_bottommargin {
    margin-bottom: 10px;
  }
  .InsuranceContainer .requestInsurance .insurance_what {
    text-decoration: underline;
    margin-bottom: unset !important;
  }
  .InsuranceContainer .thingsToKeep {
    padding: 0 15px !important;
    border: unset !important;
  }
  .InsuranceContainer .thingsToKeep .things_Container {
    flex-direction: column !important;
    padding: 0px 0px !important;
  }
  .InsuranceContainer .thingsToKeep .things_Container .apply_grey {
    margin-right: unset !important;
  }
  .InsuranceContainer .thingsToKeep .things_Container .apply_orange {
    margin-right: unset !important;
  }
  .InsuranceContainer .thingsToKeep .things_Container .things_Element {
    margin-top: 15px;
    padding: 20px 17px 20px 21px !important;
  }
  .InsuranceContainer .thingsToKeep .things_Container .things_Element .things_contents {
    line-height: 140%;
  }
  .InsuranceContainer .financial_row .financial_protection {
    flex-direction: column !important;
    padding: 20px 15px !important;
    border: 1px solid #e7e7e7;
  }
  .InsuranceContainer .financial_row .financial_protection .contingencies_call {
    margin-top: 20px;
    width: 100% !important;
  }
  .InsuranceContainer .financial_row .financial_protection .contingencies_call .contingencies-padding-15 {
    width: 100% !important;
  }
  .InsuranceContainer .financial_row .financial_protection .contingencies_call .padding-20 {
    text-align: center;
    width: 100%;
    padding: 9px 17px;
  }
  .InsuranceContainer .financial_row .financial_protection .contingencies_call .ed_button.tomato {
    border-radius: 6px !important;
  }
  .InsuranceContainer .equity_Insurance {
    margin-top: 20px !important;
    flex-direction: column !important;
  }
  .InsuranceContainer .equity_Insurance .left_equityInsurance {
    margin-right: unset !important;
  }
  .InsuranceContainer .equity_Insurance .insurance_include {
    margin-bottom: 10px;
  }
  .InsuranceContainer .equity_Insurance .investInEquity_Insurance {
    padding: 15px !important;
  }
  .InsuranceContainer .equity_Insurance .investInEquity_Insurance .invest_img {
    margin-right: 18px !important;
  }
  .InsuranceContainer .equity_Insurance .investInEquity_Insurance .invest_img img {
    height: 25px;
    width: 25px;
  }
  .InsuranceContainer .equity_Insurance .ourPartnerMobile {
    margin-top: 20px;
  }
  .InsuranceContainer .equity_Insurance .ourPartnerMobile .partnerInsurance {
    height: unset !important;
    padding: 20px 30px !important;
  }
  .InsuranceContainer .equity_Insurance .ourPartnerMobile .partnerInsurance .ourpartnersColumn .ourPartnersImage img {
    height: 63px;
    width: 63px;
  }
  .InsuranceContainer .equity_Insurance .ourPartnerMobile .partnerInsurance .partnersInsuranceMargin {
    margin-bottom: 21px !important;
  }
  .InsuranceContainer .financial_row {
    margin-top: 20px !important;
    line-height: 140%;
  }
  .InsuranceContainer .financial_row .requestFinancial {
    margin-top: 5px;
  }
  .InsuranceContainer .banner_Hdfc img {
    height: 117px;
  }
  .InsuranceContainer .thingsToKeep {
    margin-top: 25px !important;
    padding-bottom: 20px !important;
  }
  .InsuranceContainer .bottomInsuranceBar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .InsuranceContainer .insurance_Slider {
    margin-top: unset !important;
    border-radius: 10px;
  }
  .InsuranceContainer .insurance_Slider .carouselPadding {
    padding: 20px 0 20px 20px !important;
  }
  .InsuranceContainer .insurance_Slider .carouselPadding .owl-dots {
    padding-top: unset !important;
    margin-top: 20px !important;
  }
  .InsuranceContainer .insurance_Slider .carouselPadding .contentSlider {
    border-radius: 7px;
    height: 207px;
  }
  .InsuranceContainer .insurance_Slider .carouselPadding .contentSlider .ps-3 {
    padding-left: unset !important;
    line-height: 140%;
  }
  .InsuranceContainer .insurance_Slider .carouselPadding .contentSlider .benefitsImage {
    margin-bottom: 10px;
  }
  .InsuranceContainer .insurance_Slider .carouselPadding .contentSlider .benefitsTitle {
    margin-bottom: 5px;
  }
  .InsuranceContainer .hdfcdrawer-accordion {
    border-bottom: 1px solid #e0e0e0;
  }
  .InsuranceContainer .hdfcdrawer-accordion .ele-content-hdfc {
    line-height: 140%;
    color: #727271;
  }
  .InsuranceContainer .hdfcdrawer-accordion .content-knowmore {
    text-decoration: underline;
    margin-top: 5px;
  }
  .InsuranceContainer .hdfcdrawer-accordion .headerhdfc .accordion-button::after {
    background-color: #e7e7e7;
    color: #03002f;
    padding-left: 0px;
    height: 30px;
    width: 30px;
    text-align: center;
  }
  .InsuranceContainer .hdfcdrawer-accordion .headerhdfc .accordion-button:not(.collapsed) {
    color: #03002f;
    background-color: #ffffff;
  }
  .InsuranceContainer .hdfcdrawer-accordion .accordion-body {
    padding: 15px;
  }
  .InsuranceContainer .draweraccordion_hdfc {
    align-items: center;
  }
  .InsuranceContainer .draweraccordion_hdfc .accordion_ele_img {
    margin-right: 5px;
  }
  .InsuranceContainer .draweraccordion_hdfc .accordion_ele_img i {
    font-size: 20px;
  }
}
.orderbook-section .order-book-marketcard-desk .marketCard {
  border: none !important;
  padding: 0px !important;
}
.orderbook-section .order-book-marketcard-desk .common-EdButtonIcon-icon .filterasset-drop .filterasset-drop-footer .clear_all {
  padding: 12px;
}
.orderbook-section .Outer-transaction-box {
  border: 1px solid #e7e7e7;
  padding: 15px;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}
.orderbook-section .Outer-transaction-box span {
  width: 100%;
  display: flex;
  text-align: left;
}
@media (max-width: 1023px) {
  .orderbook-section .Outer-transaction-box span {
    font-size: 0.875rem;
  }
}
.orderbook-section .Outer-box {
  border: 1px solid #e7e7e7;
  padding: 15px;
  border-radius: 5px;
}
.orderbook-section .Outer-box .grid-2 .grid-1:last-child {
  text-align: right;
}
.orderbook-section .Relatedorder-btn {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium";
  position: relative;
  cursor: pointer;
}
@media (max-width: 768px) {
  .orderbook-section .Relatedorder-btn {
    font-size: 0.75rem !important;
    font-family: "DMSansMedium" !important;
    text-transform: lowercase;
  }
}
.orderbook-section .orderbook-table table tbody tr {
  cursor: pointer;
}
.orderbook-section .orderbook-table table thead tr th {
  padding: 0px 20px !important;
}
.orderbook-section .orderbook-table th:nth-child(1),
.orderbook-section .orderbook-table td:nth-child(1) {
  text-align: left;
}
.orderbook-section .orderbook-table th:nth-child(2),
.orderbook-section .orderbook-table td:nth-child(2) {
  text-align: left;
}
.orderbook-section .orderbook-table .status {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.orderbook-section .orderbook-table th:nth-child(3),
.orderbook-section .orderbook-table td:nth-child(3) {
  text-align: center;
}
.orderbook-section .orderbook-table th:nth-child(4) {
  text-align: center;
}
.orderbook-section .orderbook-table td:nth-child(4) {
  text-align: right;
}
.orderbook-section .orderbook-table th:nth-child(5) {
  text-align: center;
}
.orderbook-section .orderbook-table td:nth-child(5) {
  text-align: right;
}
.orderbook-section .orderbook-table th:nth-child(6) {
  text-align: center;
}
.orderbook-section .orderbook-table td:nth-child(6) {
  text-align: left;
}
.orderbook-section .orderbook-table th:nth-child(7) {
  display: flex;
  justify-content: end;
}
.orderbook-section .orderbook-table td:nth-child(7) .modifyCancel {
  width: 60px;
  height: 27px;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #03002f;
}
.orderbook-section .orderbook-table td:nth-child(8) .modifyCancel,
.orderbook-section .orderbook-table td:nth-child(9) .modifyCancel {
  width: 50px;
  height: 27px;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #f04e45;
}
.orderbook-section .orderbook-table-esip table thead tr th {
  padding: 0px 20px !important;
}
.orderbook-section .orderbook-table-esip th:nth-child(1),
.orderbook-section .orderbook-table-esip td:nth-child(1) {
  text-align: left;
}
.orderbook-section .orderbook-table-esip th:nth-child(2),
.orderbook-section .orderbook-table-esip td:nth-child(2) {
  text-align: right;
}
.orderbook-section .orderbook-table-esip .status {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.orderbook-section .orderbook-table-esip th:nth-child(3),
.orderbook-section .orderbook-table-esip td:nth-child(3) {
  text-align: right;
}
.orderbook-section .orderbook-table-esip th:nth-child(4),
.orderbook-section .orderbook-table-esip td:nth-child(4) {
  text-align: right;
}
.orderbook-section .orderbook-table-esip th:nth-child(5),
.orderbook-section .orderbook-table-esip td:nth-child(5) {
  text-align: left;
}
.orderbook-section .orderbook-table-esip th:nth-child(6),
.orderbook-section .orderbook-table-esip td:nth-child(6) {
  text-align: right;
}
.orderbook-section .orderbook-table-esip td:nth-child(7) .modifyCancel {
  width: 60px;
  height: 27px;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #03002f;
}
.orderbook-section .orderbook-table-esip td:nth-child(8) .modifyCancel,
.orderbook-section .orderbook-table-esip td:nth-child(9) .modifyCancel {
  width: 50px;
  height: 27px;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #f04e45;
}
.orderbook-section .im-line::before {
  content: "/";
  color: #1b1b1b;
}

.common-sliding-drawer .stock-details-footer .action-button-center {
  width: 160px;
  padding: 10px;
  border-radius: 5px;
}

.marketaction-display {
  display: grid;
  grid-template-columns: 20% 32% 28% 20%;
}
.marketaction-display > div:nth-child(2) {
  color: #dfa717;
}
.marketaction-display > div:nth-child(2) > div[data-attr=OFS] {
  color: #03002f;
}
.marketaction-display > div:nth-child(1) > div[data-attr=Sell] {
  color: #f83c3c;
}
.marketaction-display > div:nth-child(1) > div[data-attr=Buy] {
  color: #51b255;
}
.marketaction-display > div:nth-child(1) > div[data-attr=BUY] {
  color: #51b255;
}
.marketaction-display > div:nth-child(1) > div[data-attr=SELL] {
  color: #f83c3c;
}
.marketaction-display > div:nth-child(3) {
  display: grid;
  flex-direction: column;
  justify-content: center;
  align-content: start;
}

.marketaction-pivot {
  background-color: #f5f5f5 !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
.marketaction-pivot .market-action-pivot-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 8px;
  border: none !important;
}
@media (max-width: 768px) {
  .marketaction-pivot .market-action-pivot-grid {
    grid-template-columns: 35% 33% 32% !important;
  }
}
@media (max-width: 768px) {
  .marketaction-pivot .market-action-pivot-grid .col-3 {
    width: 100% !important;
  }
}
.marketaction-pivot .market-action-pivot-grid .py-3 {
  padding-top: 0px !important;
  padding-bottom: 5px !important;
}
.marketaction-pivot .market-action-pivot-grid .pivotName {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}
.marketaction-pivot .market-action-pivot-grid .pivotValue {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
}

span[data-attr=BUY] {
  color: #51b255 !important;
  text-transform: capitalize;
}

span[data-attr=SELL] {
  color: #f83c3c !important;
  text-transform: capitalize;
}

span[data-attr=complete],
span[data-attr=Complete],
span[data-attr=completed],
span[data-attr=Completed],
span[data-attr=COMPLETED],
span[data-attr=Closed] {
  color: #1c9ad6 !important;
  text-transform: capitalize;
}

span[data-attr=approved] {
  color: #51b255;
  text-transform: capitalize;
}

span[data-attr="In progress"],
span[data-attr="In Progress"],
span[data-attr=processing] span[data-attr=OPEN],
span[data-attr=open],
span[data-attr=Open],
span[data-attr=InProgress] {
  color: #f7943e !important;
  text-transform: capitalize;
}

span[data-attr=rejected],
span[data-attr=Rejected],
span[data-attr=REJECTED],
span[data-attr=cancelled],
span[data-attr=Cancelled],
span[data-attr=CANCELLED],
span[data-attr=Failed],
span[data-attr=failed],
span[data-attr="not approved"] {
  color: #f83c3c;
  text-transform: capitalize;
}

.imCircle::before {
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 8px;
  color: #e7e7e7;
  padding-left: 5px;
  padding-right: 5px;
}

.related-order-sidebar .edel-icon-arrow-left1 {
  font-size: 0.75rem;
  margin-right: 10px;
}

.orderook-section-mobile .orderbook-mobile-drawer .market-drawer .__content {
  padding: 0px !important;
  max-height: calc(100vh - 7rem);
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 0px;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #03002f transparent;
  /* Hide default IE scrollbar */
  -ms-overflow-style: auto;
}
.orderook-section-mobile .orderbook-mobile-drawer .ed_button.button {
  padding: 8.21px 20px !important;
}
.orderook-section-mobile .orderbook-mobile-drawer {
  /* Chrome, Edge, Safari */
}
.orderook-section-mobile .orderbook-mobile-drawer .market-drawer__content::-webkit-scrollbar {
  width: 6px;
}
.orderook-section-mobile .orderbook-mobile-drawer .market-drawer__content::-webkit-scrollbar-track {
  background: transparent;
}
.orderook-section-mobile .orderbook-mobile-drawer .market-drawer__content::-webkit-scrollbar-thumb {
  background-color: #03002f;
  border-radius: 4px;
}
.orderook-section-mobile .marketgroup {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.orderook-section-mobile .marketgroup .marketCard {
  padding: 0px !important;
  margin-bottom: 0px;
  border: none;
}
.orderook-section-mobile .marketgroup .marketCard .marketcardhead {
  padding: 15px !important;
}
@media (max-width: 1023px) {
  .orderook-section-mobile .marketgroup .marketCard .marketcardhead {
    padding-top: 20px !important;
  }
}
.orderook-section-mobile .marketgroup .marketCard .marketcardbody {
  padding-top: 0px;
}
.orderook-section-mobile .generic-tabs.common-tab-color .nav-tabs {
  margin: 0px 15px !important;
  height: 34px;
}
@media (max-width: 768px) {
  .orderook-section-mobile .generic-tabs.common-tab-color .nav-tabs {
    margin: 0px auto !important;
  }
}
.orderook-section-mobile .drawer-bottom {
  position: fixed;
  width: 100%;
}
.orderook-section-mobile .order-clear-all {
  display: flex;
  justify-content: end;
}
.orderook-section-mobile .order-clear-all .ed_button {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
  position: relative;
  top: 21px;
}
.orderook-section-mobile .orderbook-sorting .drawer-header {
  padding: 8px;
}
@media (max-width: 1023px) {
  .orderook-section-mobile .search-sort-filter {
    margin: 15px 5px;
  }
}
.orderook-section-mobile .container .back-button i {
  color: #03002f;
}

.orderbookMobgap {
  gap: 4px;
}

.sortPadding {
  padding-right: 25px !important;
}

.overflow-scroll-340 {
  height: 340px;
  overflow: scroll;
  padding-bottom: 20px;
}

.orderbookFilterSection.footer-sidebar-generic .leftsidebar {
  background-color: #f5f5f5;
}
.orderbookFilterSection.footer-sidebar-generic .leftsidebar .nav .nav-item {
  margin-bottom: 0px;
}
.orderbookFilterSection.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  text-align: center;
  padding: 15px 15px 15px 12px;
}
.orderbookFilterSection.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link.active {
  border: none !important;
  background-color: #ffffff;
}
.orderbookFilterSection.footer-sidebar-generic .rightsidebar {
  background-color: #ffffff;
  padding-left: 0px !important;
}
.orderbookFilterSection.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist {
  margin-top: 10px;
}
.orderbookFilterSection.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist .bodylist-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  padding-left: 10px;
}
.orderbookFilterSection.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist .inside-list {
  margin-bottom: 10px;
}

.summary-details_buySell {
  background-color: rgba(28, 26, 69, 0.0392156863);
  padding: 7px 10px;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  margin: 18px 0px 18px 0px;
}
.summary-details_buySell .main-content {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.summary-details_buySell .main-content-inside,
.summary-details_buySell .main-content-inside-two {
  display: flex;
  flex-direction: column;
}
.summary-details_buySell .summary-col {
  width: fit-content;
}
.summary-details_buySell .contentText {
  color: #adadad;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
}
.summary-details_buySell .contentNumber {
  color: #444444;
  font-size: 1rem;
  font-family: "RobotoRegular";
  font-style: normal;
  font-weight: 700;
  line-height: 16.8px;
}

.mobHeight {
  min-height: 24px;
}

.desktopHeight {
  height: 73px;
  padding: 17px 0px 17px 23px;
}

.responsive-grid {
  display: grid;
  gap: 16px;
}

@media (min-width: 768px) {
  /* Desktop: 3 groups of 2 items in 1 row */
  .responsive-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.order-buy-sell.responsive-grid {
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin: 7px -4px 7px -4px;
  padding: 7px 10px;
  height: 82px;
}
.order-buy-sell .main-content {
  gap: 10px !important;
}
.order-buy-sell .main-content-inside {
  flex-direction: row !important;
  min-width: 55%;
  justify-content: space-between;
}
.order-buy-sell .main-content-inside-two {
  display: flex;
  flex-direction: row !important;
  min-width: 40%;
  justify-content: space-between;
}
.order-buy-sell .contentNumber {
  font-size: 12px !important;
}
.order-buy-sell .contentText {
  font-size: 11px !important;
}

@media (max-width: 767px) {
  /* Mobile: 3 columns × 2 rows */
  .responsive-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    margin: 7px -4px 7px -4px;
  }
  .main-content {
    gap: 10px !important;
  }
  .main-content-inside {
    flex-direction: row !important;
    min-width: 55%;
    justify-content: space-between;
  }
  .main-content-inside-two {
    display: flex;
    flex-direction: row !important;
    min-width: 40%;
    justify-content: space-between;
  }
  .contentNumber {
    font-size: 12px !important;
  }
  .contentText {
    font-size: 11px !important;
  }
}
.z-index-high {
  z-index: 100 !important;
}

.item {
  background: #e0e0e0;
  padding: 10px;
  text-align: center;
  border-radius: 8px;
}

.orderbook-dropdown .equity-dropdown-block {
  display: flex;
  justify-content: end;
}
@media (max-width: 1023px) {
  .orderbook-dropdown .equity-dropdown-block {
    display: flex;
    justify-content: start;
  }
}
.orderbook-dropdown .equity-dropdown-block .equitydrop {
  line-height: 140%;
  font-family: "DMSansMedium";
  font-size: 1rem;
  padding: 9px 10px;
}
.orderbook-dropdown .equity-dropdown-block .dropdown-menu {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  min-width: 85px;
  inset: 0px 0px auto auto !important;
}
@media (max-width: 1023px) {
  .orderbook-dropdown .equity-dropdown-block .dropdown-menu {
    inset: 0px auto 0px 0px !important;
  }
}
.orderbook-dropdown .equity-dropdown-block .dropdown-menu a {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #444444;
}
.orderbook-dropdown span.sort-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 28px;
  top: -34px;
  position: relative;
  display: flex;
}

.search-sort-filter.orderbook .sort-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 28px;
  top: -34px;
  position: relative;
  display: flex;
}

.orderbook-filtertabs {
  display: flex;
  justify-content: end;
  gap: 10px;
  margin-bottom: -47px;
}

.product-btn-tabs .generic-tabs.common-tab-color .nav-item .nav-link.active {
  border-bottom: 0.5 px solid #03002f !important;
  border: 0.5 px solid #03002f !important;
  border-radius: 5px;
}
.product-btn-tabs .generic-tabs .nav-tabs {
  gap: 10px;
  border-bottom: none !important;
}
.product-btn-tabs .generic-tabs .nav-tabs .nav {
  border-bottom: none;
}
.product-btn-tabs .generic-tabs .nav-tabs .nav-item:active {
  border-bottom: 0.5 px solid #03002f !important;
  border: 0.5 px solid #03002f !important;
  border-radius: 5px;
}
.product-btn-tabs .generic-tabs .nav-tabs {
  border: 1px solid #e7e7e7;
}

.orderbook-white-bg .bottom-contents {
  background: #ffffff;
  z-index: 999;
  padding-top: 15px;
}

.mf-eqsip-pivot-points .marketactipivot {
  display: flex;
  justify-content: space-between;
}

.convertposi-cta {
  padding: 16px 15px;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
}

.orderbook-transaction {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
}
.orderbook-transaction .Outer-transaction-box {
  border: none;
}
.orderbook-transaction .Outer-transaction-box:last-child {
  justify-content: end;
}

.orderbook-related-data {
  border-top: 1px solid #e7e7e7;
}

.orderbook-brd-bottom {
  padding-bottom: 15px;
}
.orderbook-brd-bottom:last-child {
  padding-bottom: 0px;
  border-bottom: 0px solid #e7e7e7;
}

.mf-orderbook-mobileview .related-order-data,
.equity-orderbook-mobileview .related-order-data {
  border-top: 1px solid #e7e7e7;
}
.mf-orderbook-mobileview .related-order-data .NFO-grid,
.equity-orderbook-mobileview .related-order-data .NFO-grid {
  display: grid;
  grid-template-columns: 1fr 0.5fr;
}
.mf-orderbook-mobileview .pending,
.equity-orderbook-mobileview .pending {
  white-space: nowrap;
}

.mf-orderbook-retry-btn .ed_button.button {
  padding: 9px 35px;
}

.orderbook-imcircle .imCircle::before {
  font-size: 6px;
}

.d-flex-end-10 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.order-book-equity .bottom-contents {
  background: #ffffff;
  box-shadow: 0px 4px 17px 0px rgba(60, 60, 60, 0.11);
  padding: 20px 0px 10px 0px;
}
.order-book-equity .common-drawer-scroll {
  overflow-x: hidden;
  padding-bottom: 80px;
}
.order-book-equity .pivotpointsweek {
  border-top: 0px;
}

.generic-tabs.orderbook-tab .nav-item .nav-link {
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
  padding: 11px 16px 5px 10px !important;
}

.orderbook-pivot-points {
  display: flex;
  justify-content: space-between;
}

span[data-attr=RETRY],
span[data-attr=PENDING],
span[data-attr=INVALID] {
  color: #dd504d;
}

span[data-attr=SUCCESS] {
  color: #1c9ad6;
}
@media (max-width: 1023px) {
  span[data-attr=SUCCESS] {
    color: #51b255;
  }
}

span[data-attr="Fresh Purchase"],
span[data-attr="Add. Purchase"],
span[data-attr=XSIP],
span[data-attr=Redeem] {
  color: #51b255;
}

.Equity-esip-orderbook .marketaction-pivot .pivot-points .pivotDate,
.Equity-esip-orderbook .marketaction-pivot .pivot-points .pivotValue {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444 !important;
}
.Equity-esip-orderbook .marketaction-pivot .market-action-pivot-grid .col-3 {
  width: 100% !important;
}

.orderbookFilterSort-mobile .edel-icon-settings {
  font-size: 1.25rem;
  color: #444444;
}
.orderbookFilterSort-mobile .p-9px {
  padding: 9px !important;
}

.common-filter-height .rightsidebar {
  min-height: 320px !important;
  max-height: 400px !important;
}
.common-filter-height .rightsidebar .common-radio-button-custom input[type=checkbox] {
  width: 18px;
  height: 18px;
  border-radius: 5px;
}

.sip-history {
  display: inline-block;
  margin: 18px 0 0 18px;
}

.mf-orderbook-pivot-points {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
  row-gap: 2px !important;
}

.order-book-equity .Equity-esip-orderbook .marketaction-pivot .market-action-pivot-grid {
  margin: 0px;
}
.order-book-equity .Equity-esip-orderbook .marketaction-pivot .market-action-pivot-grid .col-3 {
  padding: 0px 0px 5px 0px !important;
}
.order-book-equity .Equity-esip-orderbook .marketaction-pivot .market-action-pivot-grid .col-3 .pivotDate {
  white-space: normal;
  overflow: unset;
  width: auto !important;
}

.ipo-sidebar-head {
  margin: 0px -6px;
}
@media (max-width: 768px) {
  .ipo-sidebar-head {
    line-height: normal;
    margin: 0px auto !important;
  }
  .ipo-sidebar-head .head {
    font-size: 0.875rem !important;
    font-family: "DMSansMedium" !important;
  }
  .ipo-sidebar-head .desc {
    font-size: 0.75rem !important;
    font-family: "DMSansMedium" !important;
  }
}

.customaccordian.customaccordian-new.ipo-orderbook .accordion-button {
  padding-left: 16px;
  background-color: #f5f5f7 !important;
}
.customaccordian.customaccordian-new.ipo-orderbook .accordion-button::after, .customaccordian.customaccordian-new.ipo-orderbook .accordion-button:not(.collapsed) {
  background-color: #f5f5f7 !important;
  margin-right: 20px;
}

.last-modified-orderbook-ipo {
  margin-top: 15px;
  margin-left: 20px;
}
.last-modified-orderbook-ipo .lastwrappar-orderbook-ipo-mob {
  margin-bottom: 5px;
}

.value-bid-ipo-orderbook {
  text-align: right;
}

.bid-value-orderbook-ipo {
  margin-inline: 20px;
}

.bid-value-orderbook-ipo-mob {
  margin-inline: 15px;
  margin-bottom: 20px;
}

.bid-success-row {
  margin-right: 15px;
}

.right-statusbar-wrappar {
  margin-bottom: 15px;
}
.right-statusbar-wrappar .order-track {
  justify-content: end;
}

.ipo-applicationpopup-section.ipo-application-custom {
  margin-left: 0px !important;
}
.ipo-applicationpopup-section.ipo-application-custom .Box-radiobutton .radio_btn {
  grid-template-columns: 20px auto !important;
}
.ipo-applicationpopup-section .adhar-input .form-control {
  border: 1px solid #e7e7e7;
  width: 100%;
}
@media (min-width: 1023px) {
  .ipo-applicationpopup-section .adhar-input .form-control {
    height: 60px;
  }
}
.ipo-applicationpopup-section .adhar-input .form-control.otp {
  width: 100%;
}
.ipo-applicationpopup-section .adhar-input .form-control::placeholder {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
}
.ipo-applicationpopup-section .otp-resend {
  display: flex;
  align-items: end;
  justify-content: end;
}

.btn-orderbook-ipo {
  width: 50%;
}

.ipo-orderbook .commonmodal.gray-modal .modal-header .modal-title {
  font-size: 28px !important;
}
.ipo-orderbook .filter-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 26px;
  top: -36px;
  position: relative;
  display: flex;
}
.ipo-orderbook .ipo-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
}
.ipo-orderbook .orderbook-table th:nth-child(5),
.ipo-orderbook .orderbook-table td:nth-child(5) {
  text-align: left !important;
}

.ipo-margin-left-common {
  display: flex;
  justify-content: flex-start;
}

.ipo-applicationpopup-buttons {
  justify-content: center;
  align-items: center;
  margin-top: 3rem !important;
}

.retry-payment-btn-nfo {
  text-wrap: nowrap;
}

.mutualfund-orderbook .orderbook-table th:nth-child(5),
.mutualfund-orderbook .orderbook-table td:nth-child(5) {
  text-align: left !important;
}

.nfo-orderbook-main .orderbook-table th:nth-child(5),
.nfo-orderbook-main .orderbook-table td:nth-child(5) {
  text-align: left !important;
}

.orderbook-brd-bottom .orderbook-related-data {
  margin-top: -16px !important;
}
.orderbook-brd-bottom .orderbook-related-data .text-orderbook-mf {
  margin-top: 15px;
}

.mf-orderbook-related .related-order-data {
  margin-top: -16px !important;
}
.mf-orderbook-related .text-orderbook-mf {
  margin-top: 15px;
}

.ofs-orderbook-main table tr th:nth-child(7) {
  display: unset !important;
}
.ofs-orderbook-main table tr th:nth-child(1),
.ofs-orderbook-main table tr td:nth-child(1) {
  width: 20%;
}
.ofs-orderbook-main table tr th:nth-child(2),
.ofs-orderbook-main table tr td:nth-child(2) {
  width: 13%;
}
.ofs-orderbook-main table tr th:nth-child(3),
.ofs-orderbook-main table tr td:nth-child(3) {
  width: 13%;
}
.ofs-orderbook-main table tr th:nth-child(4),
.ofs-orderbook-main table tr td:nth-child(4) {
  width: 13%;
}
.ofs-orderbook-main table tr th:nth-child(5),
.ofs-orderbook-main table tr td:nth-child(5) {
  width: 13%;
  text-align: left !important;
}
.ofs-orderbook-main table tr th:nth-child(6),
.ofs-orderbook-main table tr td:nth-child(6) {
  width: 13%;
  text-align: left !important;
}
.ofs-orderbook-main table tr th:nth-child(7),
.ofs-orderbook-main table tr td:nth-child(7) {
  width: 8%;
}
.ofs-orderbook-main table tr th:nth-child(8),
.ofs-orderbook-main table tr td:nth-child(8) {
  width: 8%;
}

.ofsorder-mob-ui .data-head {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
}
.ofsorder-mob-ui .data-value {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
  color: #444444;
  padding-left: 10px;
}

.ofs-order-book .ofsorder-mob-ui:first-child {
  border-top: none !important;
  padding-top: 0px !important;
}
.ofs-order-book .ofsorder-mob-ui:last-child {
  border-bottom: 1px solid #e7e7e7;
}

.corporate-toc-flow-drawer .drawer-body {
  height: 65vh !important;
}
.corporate-toc-flow-drawer .drawer-body .order-confirmation + .bottom-contents .bottombtnsection .midnight-blue-border {
  border: none !important;
  text-decoration: underline !important;
}
.corporate-toc-flow-drawer.isexits .drawer-body {
  height: 40vh !important;
}

.add-scroll-parentclass {
  max-height: calc(100vh - 10rem) !important;
  padding-bottom: 25px !important;
  overflow-y: scroll;
}
.add-scroll-parentclass::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.add-scroll-parentclass {
  /* Track */
}
.add-scroll-parentclass::-webkit-scrollbar-track {
  background: transparent;
}
.add-scroll-parentclass {
  /* Handle */
}
.add-scroll-parentclass::-webkit-scrollbar-thumb {
  background: #03002f !important;
}

.grid-order-data {
  display: grid;
  grid-template-columns: 70% auto;
  padding: 10px;
}

#watchlist-integrated-orders .order-book-hover-actions {
  gap: 10px;
}
#watchlist-integrated-orders .order-book-hover-actions div {
  padding: 7.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  height: 30px;
  width: 30px;
}
#watchlist-integrated-orders .order-book-hover-actions div.blue-border {
  border: 1px solid #03002f;
}
#watchlist-integrated-orders .set-fixed-height {
  height: 38px;
}

.progress-status {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr !important;
}

.progress {
  height: 0px !important;
}

.Relatedorder-btn {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium";
  position: relative;
  cursor: pointer;
}

.commodity-orderbook .orderbook-related-data.comodity-mobile .comodity-mobile-grid-2.grid-2 {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
}
.commodity-orderbook .orderbook-related-data.comodity-mobile .comodity-mobile-grid-2.grid-2:last-child {
  margin-bottom: 10px;
}.Heading-section {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  color: #444444;
  display: flex;
  align-items: center;
}

.grid-5-pld {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1.5fr 1.5fr 1fr;
}

.grid-4-pld {
  display: flex;
  justify-content: space-between;
}

.grid-2-pld {
  display: grid;
  grid-template-columns: 60% 37%;
  gap: 3%;
}

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

.Stocks {
  background: #f9aa67 !important;
}

.bg-orange {
  background: #f9aa67 !important;
}

.bg-dark-blue {
  background-color: #0378a6 !important;
}

.bg-sky-blue {
  background-color: #49aee2 !important;
}

.bg-pink {
  background-color: #ca70ad !important;
}

.bg-ligh-bg {
  background-color: #a5d9f1 !important;
}

.orange {
  color: #f9aa67 !important;
}

.dark-blue {
  color: #0378a6 !important;
}

.sky-blue {
  color: #49aee2 !important;
}

.pink {
  color: #ca70ad !important;
}

.ligh-bg {
  color: #a5d9f1;
}

.edbtn-alerts-12 {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}

.common-stock-cards h4 {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.common-stock-cards .generic-stock-card-date .generic-stock-date,
.common-stock-cards .generic-stock-card-date .generic-stock-time,
.common-stock-cards .generic-stock-card-date .period {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}
.common-stock-cards .generic-stock-card-date .period {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.main-data-section .dataHead {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
  display: flex;
  align-items: baseline;
}
.main-data-section .dataValue {
  font-size: 1.25rem;
  font-family: "RobotoBold";
  color: #ffffff;
  display: flex;
  margin-top: 5px;
}
.main-data-section .dataValue.txt_green {
  color: #51b255 !important;
}
.main-data-section .dataValue .edbutton-open {
  font-size: 1.25rem !important;
  font-family: "DMSansMedium" !important;
}
@media screen and (max-width: 1023px) {
  .main-data-section .dataValue .edbutton-open {
    font-size: 0.875rem !important;
  }
}

.authorize-section {
  background-color: #fff0e5;
}
@media screen and (max-width: 1023px) {
  .authorize-section {
    margin: 16px;
    border-radius: 5px;
  }
}

.horizontalSection-tab {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 10px;
}
.horizontalSection-tab .common-offering-box {
  max-width: 290px;
  min-width: 290px;
  height: 78px;
  margin: 15px 15px 15px 10px;
}

@media (max-width: 1023px) {
  .alerts-section-block {
    padding: 15px;
  }
}
.alerts-section-block .alerts-section-subblock {
  gap: 15px;
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e7e7e7;
}
.alerts-section-block .alerts-section-subblock:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
.alerts-section-block .edel-icon-alerts-notes {
  font-size: 28px;
}

.alerts-sidebar .stock-details-head label {
  padding: 25px 0px 13px 20px;
}
.alerts-sidebar .stock-details-body .alerts-section-block {
  padding-left: 11px;
}

.alerts-drawer .drawer-head {
  padding: 10px 0px 20px 15px;
}
.alerts-drawer .drawer-body .alerts-section-subblock:first-child {
  margin-top: 0px;
}

@media (max-width: 1023px) {
  .stock-indices-data-mainblock {
    background: white;
  }
}
.stock-indices-data-mainblock .index-head {
  padding: 25px 15px 33px;
  border-bottom: 1px solid #e7e7e7;
}
.stock-indices-data-mainblock .stock-indices-data-subblock {
  padding: 14px 37px 16px 13px;
  border-bottom: 1px solid #e7e7e7;
}
.stock-indices-data-mainblock .bottombtnsection {
  padding: 15px;
}

.progressbar-gray-section.inner .progress {
  height: 40px !important;
}
.progressbar-gray-section .progress .progress-bar {
  border-left: 3px solid #03002f !important;
  background-color: #f2f2f5 !important;
}
.progressbar-gray-section .common-eqt-drp-withoutborder.common-new-drp .equitydrop {
  border: none !important;
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
  background-color: transparent !important;
  gap: 0px !important;
  padding-left: 0px !important;
}
.progressbar-gray-section .commondatanumberpositive.change-green {
  color: #03002f !important;
}

.progressBar-60 .progress {
  height: 30px !important;
}

.progressBar-1 .progress {
  height: 0px !important;
}

.ExploreTrading-slider .owl-dots {
  padding: 10px !important;
}
.ExploreTrading-slider .owl-dots .owl-dot.active span {
  border: 2px solid #03002f !important;
}

.eventboxPLD-section {
  display: flex;
  align-items: center;
}
.eventboxPLD-section .Circle-data {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.pl-reqStatus span {
  padding: 5px 10px;
  line-height: 120%;
}
.pl-reqStatus span[data-attr=Rejected] {
  color: #f83c3c !important;
}
.pl-reqStatus span[data-attr=Rejected].showBg {
  background-color: rgba(229, 32, 32, 0.1);
}
.pl-reqStatus span[data-attr=Completed] {
  color: #51b255 !important;
}
.pl-reqStatus span[data-attr=Completed].showBg {
  background-color: #f6fbf6;
}
.pl-reqStatus span[data-attr=Pending] {
  color: #f7943e;
}
.pl-reqStatus span[data-attr=Pending].showBg {
  background-color: #fef4ec;
}

span[data-attr="Small Cap"] {
  color: #0378a6;
  border-bottom: 1px solid #0378a6;
}

span[data-attr="Mid Cap"] {
  color: #49aee2;
  border-bottom: 1px solid #49aee2;
}

span[data-attr="Large Cap"] {
  color: #f9aa67;
  border-bottom: 1px solid #f9aa67;
}

.post-login-index .displayFlex.stockValues {
  padding: 10px 16px;
  border-top: 1px solid #e7e7e7;
}
.post-login-index .displayFlex.stockValues .main-stock-values p {
  padding-bottom: 8px;
}

.index-select-tabs .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
  margin: 0 !important;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  flex-flow: row;
}
.index-select-tabs .nav-tabs .nav-item {
  padding: 0;
  margin: 0;
}
.index-select-tabs .nav-tabs .nav-item .nav-link {
  padding: 15px 9px 10px;
  font-size: 0.875rem;
  color: #727271;
  border: 0;
  font-family: "DMSansNormal";
}
.index-select-tabs .nav-tabs .nav-item .nav-link.active {
  font-family: "DMSansMedium";
  color: #03002f;
  border-bottom: 2px solid #03002f;
}
.index-select-tabs .tab-content {
  display: block !important;
}
.index-select-tabs .tab-content .index-list:last-child {
  border-bottom: none;
}
.index-select-tabs .tab-content .index-list-item {
  padding: 17px 0px 19px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.index-select-tabs .tab-content .index-list-item:last-child {
  border-bottom: none;
}
.index-select-tabs .tab-content .index-list-item:hover {
  background: #f2f2f5;
}
.index-select-tabs .nav-tabs::-webkit-scrollbar {
  display: none;
}

.mgt-9 {
  margin-top: 9px;
}

.error-block-fix .error-msg {
  height: inherit;
}

.content-progress .Small.progress-bar {
  background-color: #f9aa67 !important;
}
.content-progress .Large.progress-bar {
  background-color: #0378a6 !important;
}
.content-progress .Mid.progress-bar {
  background-color: #49aee2 !important;
}
.content-progress.zero-data .progress {
  height: unset !important;
}

.variant-border div[data-attr=sky-blue] {
  border-bottom: 1px solid #0378a6;
}
.variant-border div[data-attr=dark-blue] {
  border-bottom: 1px solid #49aee2;
}
.variant-border div[data-attr=orange] {
  border-bottom: 1px solid #f9aa67;
}

.grid-custom-variant-border {
  display: grid;
  grid-template-columns: 80% 20%;
  align-items: center;
}

.sectorwise-entity-section .edel-icon-arrow-down-big {
  font-size: 0.5rem;
}
.sectorwise-entity-section .edel-icon-arrow-up {
  font-size: 0.625rem;
}

@media (min-width: 1023px) {
  .contribution-tabs.generic-tabs .nav.nav-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-bottom: 1px solid #e7e7e7;
    place-items: center;
  }
  .contribution-tabs.generic-tabs .nav.nav-tabs .nav-item {
    margin: 0 5px;
  }
  .contribution-tabs.generic-tabs .nav.nav-tabs .nav-item .nav-link {
    text-wrap: nowrap;
    padding: 10px 0px 5px 8px;
    font-family: "DMSansMedium";
  }
  .contribution-tabs.generic-tabs .nav.nav-tabs .nav-item:nth-child(1) .active {
    border-bottom: 2px solid #f7943e;
  }
  .contribution-tabs.generic-tabs .nav.nav-tabs .nav-item:nth-child(2) .active {
    border-bottom: 2px solid #0378a6;
  }
  .contribution-tabs.generic-tabs .nav.nav-tabs .nav-item:nth-child(3) .active {
    border-bottom: 2px solid #49aee2;
  }
  .contribution-tabs.generic-tabs .nav.nav-tabs .contribution-stocklist {
    background-color: #e7e7e7;
    border-radius: 50%;
    color: #03002f;
    height: 15px;
    width: 15px;
  }
  .mkt-map-tabs.generic-tabs {
    margin-top: 1rem;
  }
  .mkt-map-tabs.generic-tabs .tab-content {
    margin-top: 1rem;
  }
  .mkt-map-tabs.generic-tabs .nav.nav-tabs {
    border-bottom: 1px solid #e7e7e7;
  }
  .mkt-map-tabs.generic-tabs .nav.nav-tabs .contribution-stocklist {
    background-color: #e7e7e7;
    border-radius: 50%;
    color: #03002f;
    height: 15px;
    width: 15px;
    text-align: center;
    font-size: 0.625rem;
    font-family: "RobotoMedium";
  }
  .mkt-map-tabs.generic-tabs .nav.nav-tabs .nav-item .nav-link {
    text-align: justify;
    padding: 5px 0 !important;
  }
  .mkt-map-tabs.generic-tabs .nav.nav-tabs .nav-item:nth-child(1) .active {
    border-bottom: 2px solid #f7943e;
  }
  .mkt-map-tabs.generic-tabs .nav.nav-tabs .nav-item:nth-child(2) .active {
    border-bottom: 2px solid #0378a6;
  }
  .mkt-map-tabs.generic-tabs .nav.nav-tabs .nav-item:nth-child(3) .active {
    border-bottom: 2px solid #49aee2;
  }
}
@media (max-width: 1023px) {
  .contribution-stocklist {
    background-color: #e7e7e7;
    border-radius: 5px;
    color: #03002f;
    height: 10px;
    width: 20px;
  }
}
.public-offering-mob .Heading-section {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
  margin-bottom: 20px;
}

.progressbarBox-PLD {
  min-width: 150px;
  max-width: 150px;
  padding: 10px;
  border-radius: 5px;
  display: grid;
  align-items: center;
  justify-content: center;
}
.progressbarBox-PLD .data-content {
  color: #179d55;
}
.progressbarBox-PLD.green-bg {
  background-color: #9cdfbb;
}
.progressbarBox-PLD.red-bg {
  background-color: rgba(241, 67, 67, 0.4);
}

.portfoliosection-mobview .border-box-common .mgt-20 {
  margin-top: 0px !important;
}
.portfoliosection-mobview .border-box-common .aligncenteritem {
  justify-content: end !important;
}

.pld-newssection .d-livenews-container {
  margin: 0px !important;
}

.DiversifyPortfolio-box {
  display: grid;
  grid-template-columns: 40% auto;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  align-items: center;
  padding: 10px;
}
.DiversifyPortfolio-box img {
  width: 40px;
}

.upcoming-events-mobile .Heading-section {
  line-height: 30px;
}
.upcoming-events-mobile .mgt-40 {
  margin-top: 20px;
}

.rmdetails-section-mobile .mob-mgt-top {
  margin-top: 10px;
}
.rmdetails-section-mobile .grid-2 {
  justify-content: space-between !important;
}

.servicerequest-section .mob-mgt-top {
  margin-top: 5x;
}
.servicerequest-section .mgt-150 {
  margin-top: 20px;
}

.post-login-diversify .ed-card-secondary .ed-secondary-body {
  display: contents;
}

.portfolio-snapshot .low-opacity {
  opacity: 0.7;
}
.portfolio-snapshot .reports-dashboard-head {
  border: 0px !important;
  background: rgba(28, 26, 69, 0.04);
}
.portfolio-snapshot .reports-dashboard-head .empty-val {
  line-height: unset !important;
}
.portfolio-snapshot .orderbook-table tbody tr td:first-child {
  border-left: 1px solid #e7e7e7;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.portfolio-snapshot .orderbook-table tbody tr td:last-child {
  border-right: 1px solid #e7e7e7;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.portfolio-snapshot .orderbook-table tbody tr td:nth-child(2), .portfolio-snapshot .orderbook-table tbody tr td:nth-child(3),
.portfolio-snapshot .orderbook-table thead tr th:nth-child(2),
.portfolio-snapshot .orderbook-table thead tr th:nth-child(3) {
  text-align: right;
  padding-right: 10px !important;
}
@media screen and (max-width: 1023px) {
  .portfolio-snapshot .equity-portfolio-analytics-main .contribution-tabs.generic-tabs .nav-item .nav-link {
    padding: 6px 10px 7px !important;
  }
  .portfolio-snapshot .equity-portfolio-analytics-main .mkt-map-tabs.generic-tabs .nav-item .nav-link {
    padding: 0px 10px 7px !important;
  }
}
.portfolio-snapshot .midnight-blue-underline.ed-color-black {
  color: #444444 !important;
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
}

.stock-news .d-livenews-container {
  max-height: 370px !important;
  border: 0px !important;
  background-color: #f5f5f5 !important;
  margin: 15px 0px 0px 0px;
}
.stock-news .d-livenews-container::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.stock-news .d-livenews-container::-webkit-scrollbar-track {
  background: transparent;
}
.stock-news .d-livenews-container::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.stock-news .d-livenews-container::-webkit-scrollbar-track-piece {
  margin-top: 0px !important;
}
.stock-news .d-livenews-container .d-ln-tiles {
  padding: 20px 0px;
}
.stock-news .d-livenews-container #error {
  height: 100%;
}
.stock-news .d-livenews-container #error .error-msg .error-msg-wrapper {
  gap: 50px;
}

.event-holding {
  row-gap: 23px;
  column-gap: 10px;
}
.event-holding .client-event-calendar-container {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 10px 15px;
}
@media screen and (max-width: 1023px) {
  .event-holding .client-event-calendar-container {
    margin-bottom: 10px;
  }
}

.webinar-contents {
  background: rgba(217, 217, 217, 0.3);
}
.webinar-contents .webinar-container {
  background: none;
}
.webinar-contents .webinar-container .mob-webinar-cards-container .m-webcards-heading {
  padding: 0px 15px 15px 5px;
}
.webinar-contents .new-on-nuvama > .main-heading {
  display: none;
}
.webinar-contents .d-webcards-heading-left {
  font-size: 1.75rem !important;
}
.webinar-contents .d-webcards-heading-left label {
  font-size: 1.75rem;
}

.explore-trading .trading-heading {
  background: linear-gradient(112deg, #fff 2.05%, rgba(217, 217, 217, 0) 181.56%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 115%;
  letter-spacing: -0.84px;
}
.explore-trading .landscape-text {
  color: rgba(255, 255, 255, 0.6);
}

.mob-holdings-block .below-value,
.mob-holdings-block .dataValue {
  font-size: 0.875rem !important;
  padding-top: 8px;
  padding-bottom: 10px;
}

.positions-block {
  border-radius: 5px;
  border: 1px solid rgba(231, 231, 231, 0.2);
  background: #3d3b61;
  margin-bottom: 30px;
}
@media screen and (min-width: 1023px) {
  .positions-block {
    height: 160px;
    margin-bottom: 45px;
  }
}

.alerts-block {
  margin-bottom: 50px;
}
@media screen and (min-width: 1023px) {
  .alerts-block {
    height: 160px;
    margin-bottom: 0px;
  }
}
.alerts-block {
  border-radius: 5px;
  border: 1px solid #f04e45 !important;
  background: linear-gradient(0deg, rgba(240, 78, 69, 0.1) 0%, rgba(240, 78, 69, 0.1) 100%), #02012d;
}

.alert-block {
  border-bottom: 1px solid #e7e7e7;
  margin: 0px 20px;
  padding: 15px 0px;
}
.alert-block .edel-icon-alerts span:not(.path1)::before {
  color: #03002f;
}

.portfolio-section {
  padding-top: 75px;
}
@media screen and (max-width: 1023px) {
  .portfolio-section {
    padding-top: 25px;
  }
}
@media screen and (min-width: 1023px) {
  .portfolio-section .portfolio-tabs {
    margin-top: -60px;
  }
  .portfolio-section .portfolio-tabs > .nav.nav-tabs {
    justify-content: end;
  }
}
.portfolio-section .portfolio-tabs > .nav.nav-tabs {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 1023px) {
  .portfolio-section .portfolio-tabs > .nav.nav-tabs {
    height: 40px;
    flex-direction: column;
    border-bottom: 1px solid #e7e7e7;
  }
  .portfolio-section .portfolio-tabs > .nav.nav-tabs .nav-link {
    padding: 10px 20px 10px 20px !important;
  }
}
.portfolio-section .portfolio-tabs > .nav.nav-tabs .nav-item .nav-link {
  font-size: 1.125rem;
  margin-right: 20px;
}
.portfolio-section .portfolio-tabs > .nav.nav-tabs .nav-item .nav-link.active {
  background-color: #03002f;
  color: #ffffff;
}
.portfolio-section .portfolio-tabs .stacktop .commondatanumberpositive {
  text-align: end !important;
}

@media screen and (max-width: 1023px) {
  .explore-trading {
    margin: 15px;
  }
}
.explore-trading .explore-trading-block {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1023px) {
  .explore-trading .explore-trading-block {
    background-color: #22204a;
    border-radius: 5px;
  }
  .explore-trading .explore-trading-block img {
    margin-top: -40px;
  }
}

.exploretrading-btn {
  font-family: "DMSansBold" !important;
  width: max-content !important;
  padding: 13px 40px !important;
}

.show-btn {
  color: rgb(200, 200, 200) !important;
}

.view-more-composition .border-box-common,
.view-more-composition .border-box-nopadding {
  border: 0px;
}
.view-more-composition .basicprofile-mb-tab > .nav.nav-tabs {
  margin: 0px 20px !important;
  border-bottom: 1px solid #e7e7e7;
}
.view-more-composition .head-main-title {
  font-size: 0.75rem;
  color: #b8b8b8 !important;
}
.view-more-composition .commonscroll-new.heightMinMax300 {
  min-height: 60vh !important;
  max-height: 60vh !important;
}
.view-more-composition .commonscroll-new.heightMinMax200 {
  min-height: 45vh !important;
  max-height: 45vh !important;
}

.account-alerts-sidebar .stock-details-body {
  height: calc(100vh - 100px);
}
.account-alerts-sidebar .stock-details-body::-webkit-scrollbar {
  display: block;
  width: 1px !important;
  height: 5px !important;
}
.account-alerts-sidebar .stock-details-body {
  /* Track */
}
.account-alerts-sidebar .stock-details-body::-webkit-scrollbar-track {
  background: transparent;
}
.account-alerts-sidebar .stock-details-body {
  /* Handle */
}
.account-alerts-sidebar .stock-details-body::-webkit-scrollbar-thumb {
  background: #03002f !important;
}

.view-more-composition.mb-genericSidebar .z-index-high {
  height: calc(100vh - 200px);
}

.rm-details-popup {
  min-width: max-content !important;
}
@media (max-width: 768px) {
  .rm-details-popup {
    right: -5px;
  }
}

.stock-news-mobile {
  background-color: #f5f5f5;
  border-radius: 5px;
}
.stock-news-mobile .add-border {
  border-bottom: 1px solid #e7e7e7;
}
.stock-news-mobile .d-livenews-container {
  margin-top: 0px;
  background-color: #f5f5f5 !important;
  height: auto;
  max-height: unset;
  overflow-y: hidden;
  border: 0px;
  padding: 16px 0px;
  margin: 15px;
}
.stock-news-mobile .d-livenews-container .d-ln-tiles.commonscroll-new.height500 {
  padding: 0px !important;
  height: unset;
  overflow-y: hidden;
}
.stock-news-mobile .d-livenews-container .slick-list {
  padding-bottom: 0px;
}

.post-login-equity-dashboard .commonscroll-new.heightMinMax300 {
  min-height: 312px !important;
  max-height: 312px !important;
}
.post-login-equity-dashboard .contribution-tabs .tab-content .tab-pane > div.d-flex,
.post-login-equity-dashboard .mkt-map-tabs .tab-content .tab-pane > div.d-flex {
  min-height: 195px;
  max-height: 195px;
}

.error-msg.event-error .error-msg-text span {
  font-family: "DMSansNormal";
}

.more-z-index.generic-sidebar-overlayblock {
  z-index: 999 !important;
}

.mb-genericSidebar.view-more-composition .more-z-index {
  z-index: 9999 !important;
}
.mb-genericSidebar.view-more-composition .market-drawer {
  z-index: 9999 !important;
}

.portfolio-com-tab.basicprofile-mb-tab ul.nav-tabs {
  height: 30px;
}

.report-section-error {
  width: 100%;
  height: 187px;
  background-color: #f6f6f8;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .report-section-error {
    padding: 10px 10px 20px 20px;
    height: unset;
  }
}
.report-section-error .custom-msg-ui {
  display: flex;
  flex-direction: column;
}
.report-section-error .custom-msg-ui .error-msg-1 {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #03002f;
  margin-top: 12px;
}
.report-section-error .custom-msg-ui .error-msg-wrapper .mgt-18 {
  margin-top: 0px;
}
@media (max-width: 768px) {
  .report-section-error .mgt-18 {
    margin-top: 0px;
  }
}

.drivingmarket-title-head {
  display: flex;
  justify-content: space-between;
  margin: 5px 0px 10px;
  color: #b8b8b8;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.marketcardtitlewithpadding .company-name {
  padding-left: 10px;
}
.marketcardtitlewithpadding .changeperc {
  padding-right: 10px;
}

.accout-overview-table .common-table-border table thead th {
  padding-top: 0px;
  padding-bottom: 4px;
}
.accout-overview-table .common-table-border table tbody tr td {
  font-size: 0.875rem;
}
.accout-overview-table .common-table-border table tbody tr td:first-child {
  font-family: "DMSansMedium";
}
.accout-overview-table .common-table-border table tbody tr td:last-child {
  font-family: "DMSansNormal";
  color: #03002f;
}

.font-20 {
  font-size: 1.25rem;
}

@media (max-width: 1023px) {
  .order-holdings-mainblock {
    padding-top: 25px;
    margin-bottom: 20px;
  }
}
.order-holdings-mainblock .reports-dashboard-head {
  border: 1px solid #e7e7e7;
  padding: 20px;
  border-radius: 5px;
  align-items: center;
}
.order-holdings-mainblock .reports-dashboard-head .title {
  font-family: "DMSansBold";
  font-size: 1.125rem;
  color: #444444;
}
.order-holdings-mainblock .reports-dashboard-head .inner-title > div:first-child {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
}
.order-holdings-mainblock .reports-dashboard-head .below-value {
  font-size: 1.25rem;
  font-family: "RobotoMedium";
}
.order-holdings-mainblock .reports-mobile-openorders-block {
  border: 1px solid #e7e7e7;
  background: #ffffff;
  padding: 20px 15px;
}
.order-holdings-mainblock .reports-mobile-openorders-block .toggle-switch-switch.e-switch-active {
  background: #03002f;
}
.order-holdings-mainblock .reports-mobile-openorders-block .toggle-switch-label.e-switch-active {
  border: 1px solid #03002f;
}
.order-holdings-mainblock .reports-mobile-openorders-block .toggle-switch-label {
  border: 1px solid #03002f;
}
.order-holdings-mainblock .reports-mobile-openorders-block .toggle-switch-switch {
  background: #03002f;
}
.order-holdings-mainblock .reports-mobile-openorders-block .toggle-switch-switch.big-switch {
  height: 10px;
  width: 10px;
}
.order-holdings-mainblock .reports-mobile-openorders-block .new-circle {
  height: 16px;
  width: 16px;
  border-radius: 50%;
}

.main-chart-dashboard-report {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  background: #ffffff;
}
.main-chart-dashboard-report .chart-dashboard-report {
  padding: 0px 20px 10px;
  justify-content: center;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 3fr;
}
@media (max-width: 1023px) {
  .main-chart-dashboard-report .chart-dashboard-report {
    padding: 20px 15px 5px;
  }
}
.main-chart-dashboard-report .chart-dashboard-report .common-table-border.table thead th {
  padding-top: 10px;
  padding-bottom: 4px;
  font-family: "DMSansNormal";
}
.main-chart-dashboard-report .chart-dashboard-report .table {
  margin-bottom: 0px;
}
.main-chart-dashboard-report .chart-dashboard-report .table td {
  white-space: nowrap;
  padding: 12px 10px;
}
.main-chart-dashboard-report .chart-dashboard-report .main-overview-compositon-table {
  grid-row-start: 1;
  grid-column-start: 2;
  height: 100%;
}
.main-chart-dashboard-report .mobile-data-block .sub-blocks {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 15px;
  margin: 15px 15px 0px;
}
.main-chart-dashboard-report .mobile-data-block .sub-blocks:last-child {
  margin-bottom: 24px;
}
.main-chart-dashboard-report .side-name {
  border-radius: 5px;
  padding: 5px;
  color: #03002f;
  text-wrap: nowrap;
  white-space: nowrap;
}

.sub-chart-inside .chart-dashboard-report {
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .sub-chart-inside .chart-dashboard-report {
    padding-top: 0px;
    padding-bottom: 0px;
    align-items: center;
  }
}
.sub-chart-inside .mobile-data-block .sub-blocks:first-child {
  margin-top: 0px;
}
.sub-chart-inside .mobile-data-block .sub-blocks:last-child {
  margin-bottom: 20px;
}
.sub-chart-inside .table thead th {
  padding-top: 0px !important;
}

.color-report-main {
  height: 15px;
  width: 15px;
  border-radius: 50%;
}
@media (max-width: 1023px) {
  .color-report-main {
    height: 12px;
    width: 12px;
  }
}

.cust-color-report.color-report-main {
  height: 10px;
  width: 10px;
}

.ratingPecentages {
  display: flex;
  justify-content: center;
  position: relative;
  bottom: -1rem;
  gap: 10px;
}
@media (max-width: 1023px) {
  .ratingPecentages {
    gap: 20px;
    bottom: 2rem;
    display: grid;
    padding: 0px 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.gap4 {
  gap: 4px;
}

.data-block-common {
  border: 1px solid #e7e7e7;
  padding: 15px;
  background: #ffffff;
  border-radius: 5px;
}
.data-block-common .title {
  color: #727271;
  font-family: "DMSansMedium";
  line-height: 140%;
  font-size: 1rem;
}
@media (max-width: 1023px) {
  .data-block-common .title {
    font-family: "DMSansNormal";
    font-size: 0.625rem;
  }
}
.data-block-common .value {
  line-height: 140%;
  color: #444444;
  font-family: "RobotoBold";
  font-size: 1.5rem;
}
@media (max-width: 1023px) {
  .data-block-common .value {
    font-family: "RobotoMedium";
    font-size: 0.75rem;
  }
}

@media (max-width: 1023px) {
  .equity-portfolio-analytics-main {
    padding-top: 30px;
  }
  .equity-portfolio-analytics-main .equity-dropdown-block > .btn-primary.dropdown-toggle {
    padding: 5px 8px;
    font-family: "DMSansMedium";
    border: 1px solid #e7e7e7;
  }
  .equity-portfolio-analytics-main .equity-dropdown-block .equitydrop i:before {
    color: #03002f;
  }
  .equity-portfolio-analytics-main .contribution-tabs .nav-tabs {
    height: 44px !important;
  }
  .equity-portfolio-analytics-main .generic-tabs .nav-tabs {
    gap: 10px;
    height: 29px;
    border-bottom: 1px solid #e7e7e7;
    justify-content: space-around;
  }
  .equity-portfolio-analytics-main .generic-tabs .nav-item .nav-link {
    padding: 0px 10px 10px !important;
  }
  .equity-portfolio-analytics-main .border-box-common {
    border: none;
    border-radius: 5px;
    padding-bottom: 20px;
  }
}
.equity-portfolio-analytics-main .portfoliosection-mobview .head {
  padding: 15px 15px 0px;
}
.equity-portfolio-analytics-main .portfoliosection-mobview .dropdown-section {
  padding-right: 15px;
}
.equity-portfolio-analytics-main .portfoliosection-mobview .drivingmarket-title-head {
  display: flex;
  justify-content: space-between;
  color: #b8b8b8;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  padding-bottom: 10px;
}
.equity-portfolio-analytics-main .portfoliosection-mobview .portfolio-composition-dd {
  width: auto !important;
}
.equity-portfolio-analytics-main .portfoliosection-mobview .portfolio-composition-dd .dropdown-item {
  padding: 20px 0 0 10px;
}
.equity-portfolio-analytics-main .dashboard-portfolio-composition {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.equity-portfolio-analytics-main .dashboard-portfolio-composition .title {
  padding: 20px 20px 0px;
}
.equity-portfolio-analytics-main .dashboard-portfolio-composition .portfolio-tiles {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.equity-portfolio-analytics-main .dashboard-portfolio-composition .border-box-common {
  border-right: 1px solid #e7e7e7 !important;
  border: none;
  border-radius: 0px;
}
.equity-portfolio-analytics-main .dashboard-portfolio-composition .border-box-common:last-child {
  border-right: none !important;
}
.equity-portfolio-analytics-main .dashboard-portfolio-composition .equity-dropdown-block .equitydrop {
  padding: 9px 10px;
  line-height: 140%;
}
.equity-portfolio-analytics-main .dashboard-portfolio-composition .equity-dropdown-block.show .dropdown-menu {
  height: auto;
  margin-top: 7px;
  min-height: unset;
}
.equity-portfolio-analytics-main .dashboard-portfolio-composition .equity-dropdown-block.show .dropdown-menu .dropdown-item {
  padding: 14px;
}
.equity-portfolio-analytics-main .dashboard-portfolio-composition .drivingmarket-title-head {
  display: flex;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  color: #b8b8b8;
  padding-bottom: 10px;
  justify-content: space-between;
}
.equity-portfolio-analytics-main .dashboard-portfolio-composition .head-main-title {
  font-family: "DMSansBold";
  font-size: 1.125rem;
  color: #444444;
}
.equity-portfolio-analytics-main .grid-custom-variant-border {
  display: flex;
  gap: 10px;
}
.equity-portfolio-analytics-main .variant-border {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e7e7e7;
}

.heat-map-main-block {
  display: grid;
  padding: 20px 0px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1023px) {
  .heat-map-main-block {
    grid-template-columns: 1fr;
    padding: 0px;
  }
}
.heat-map-main-block .container {
  padding: 0px;
}
@media (max-width: 1023px) {
  .heat-map-main-block .marketgroup .marketCard {
    padding: 0px 15px 15px;
  }
}
.heat-map-main-block .marketgroup .marketCard .marketcardhead {
  justify-content: flex-start;
  gap: 10px;
}
.heat-map-main-block .marketgroup .marketCard .marketcardbody {
  padding-bottom: 0px !important;
}
.heat-map-main-block .mk-card-topleftmain1 {
  font-family: "DMSansBold";
  color: #03002f;
}
.heat-map-main-block .equity-dropdown-block .dropdown-menu {
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  width: 100%;
  padding: 10px;
  height: auto !important;
}
.heat-map-main-block .equity-dropdown-block .dropdown-menu .dropdown-item {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #444444;
}
.heat-map-main-block .equity-dropdown-block .dropdown-menu .dropdown-item:last-child {
  margin-bottom: 0px;
}
.heat-map-main-block .equity-dropdown-block .dropdown-menu .dropdown-item:hover {
  color: #03002f;
}
.heat-map-main-block .equity-dropdown-block .equitydrop {
  line-height: 140%;
  padding: 5px 10px;
  font-family: "DMSansMedium";
  font-size: 1rem;
  border-radius: 5px;
}
@media (max-width: 1023px) {
  .heat-map-main-block .equity-dropdown-block .equitydrop {
    padding-bottom: 5px 8px;
  }
}
.heat-map-main-block .equity-dropdown-block .equitydrop i:before {
  color: #03002f;
}
.heat-map-main-block .equity-dropdown-block > .btn-primary.dropdown-toggle {
  border: 1px solid #f2f2f5;
}
.heat-map-main-block .equity-dropdown-block.show .dropdown-menu .dropdown-item {
  padding: 0px 0px 15px;
}
.heat-map-main-block .equity-dropdown-block.show .dropdown-menu .dropdown-item:last-child {
  padding: 0px;
}
.heat-map-main-block .dropdown-block {
  padding-bottom: 9px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .heat-map-main-block .dropdown-block {
    padding-bottom: 20px;
  }
}
.heat-map-main-block .table-blocks {
  grid-gap: 5px;
}
.heat-map-main-block .table-blocks .block-chunk {
  padding: 10px;
}
.heat-map-main-block .table-blocks .block-chunk:first-child {
  border-top-left-radius: 5px;
}
.heat-map-main-block .table-blocks .block-chunk:last-child {
  border-bottom-right-radius: 5px;
}
.heat-map-main-block .box-container {
  display: flex;
  flex-wrap: wrap;
}
.heat-map-main-block .box {
  width: 100%;
  height: 15px;
}
.heat-map-main-block .box:nth-child(5) {
  border-color: 1px solid #e7e7e7;
}

.mgt-26 {
  margin-top: 26px;
}

.grid-2-1-custom {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

.mgt-71 {
  margin-top: 71px;
}

.mgt-53 {
  margin-top: 53px;
}

.chart-main-head {
  padding: 20px 20px 32px;
  font-family: "DMSansMedium";
  font-size: 1.25rem;
  color: #03002f;
}
@media (max-width: 1023px) {
  .chart-main-head {
    padding: 15px;
  }
}

.mgr-7 {
  margin-right: 7px;
}

.coupon-payment-mainblock {
  padding-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 401px;
}
@media (max-width: 1023px) {
  .coupon-payment-mainblock {
    height: auto;
    display: block;
  }
}

.upcoming-table-mob {
  padding: 15px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.upcoming-table-mob .copoun-title {
  font-family: "DMSansNormal";
  font-size: 0.625rem;
  color: #b8b8b8;
}
.upcoming-table-mob .copoun-value {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  color: #444444;
}

.coupon-payment-block {
  padding: 20px 0px 20px 15px;
  border-radius: 5px;
}
.coupon-payment-block .UpcomingCouponData {
  overflow-y: scroll;
  max-height: 310px;
}
@media (max-width: 768px) {
  .coupon-payment-block .UpcomingCouponData {
    max-height: 381px;
  }
}
@media (max-width: 1023px) {
  .coupon-payment-block {
    background-color: #ffffff;
    padding: 20px 0px 20px 15px;
  }
}
.coupon-payment-block .bond-table tbody td {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
}
.coupon-payment-block .bond-table tbody td:nth-child(1), .coupon-payment-block .bond-table tbody td:nth-child(3) {
  font-family: "DMSansMedium";
}
.coupon-payment-block .common-table-border.table thead th {
  padding-top: 10px;
  padding-bottom: 4px;
  white-space: nowrap;
  font-family: "DMSansNormal";
  text-align: right;
}
.coupon-payment-block .common-table-border.table thead th:first-child {
  text-align: left;
}
.coupon-payment-block .table {
  margin-bottom: 0px;
}
.coupon-payment-block .table td {
  text-align: right;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
}
.coupon-payment-block .table td:last-child {
  font-family: "RobotoRegular";
}
.coupon-payment-block .table td:first-child {
  text-align: left;
}
.coupon-payment-block .bonds-worth-dashboard {
  padding: 9px 20px 10px;
  border-radius: 5px;
  display: flex;
  gap: 15px;
  color: #444444;
}
.coupon-payment-block .bonds-worth-dashboard .edel-icon-warning-bold:before {
  color: red;
}
@media (max-width: 1023px) {
  .coupon-payment-block .bonds-worth-dashboard {
    display: flex;
    gap: 4px;
    align-items: flex-start;
    line-height: 16px;
    padding: 5px 20px 5px 10px;
    color: #03002f;
  }
}

.mbt-8 {
  margin-bottom: 8px;
}

.bdr-rad-5 {
  border-radius: 5px;
}

@media (max-width: 1023px) {
  .fixedincome-mob-blockdata .sub-blocks:first-child {
    margin-top: 0px;
  }
}
@media (max-width: 1023px) {
  .fixedincome-mob-blockdata .sub-blocks:last-child {
    margin-bottom: 15px !important;
  }
}

@media (min-width: 1023px) {
  .drivingmarket-overview-mainPage {
    display: flex;
    justify-content: space-between;
    height: 521px;
    width: 100%;
    gap: 30px;
  }
}

.alerts-overview-main-block .reports-equity-dropdown .equity-dropdown-block.show .dropdown-menu {
  width: 176px;
}

.alerts-overview-block {
  border: 1px solid #e7e7e7;
  padding: 20px 15px;
  border-radius: 5px;
}
@media (min-width: 1023px) {
  .alerts-overview-block {
    width: 33%;
  }
}
.alerts-overview-block .overview-alert-singleData {
  overflow-y: scroll;
  max-height: 400px;
}
.alerts-overview-block .overview-alert-singleData::-webkit-scrollbar-thumb {
  scrollbar-color: #03002f;
}
@media (max-width: 1023px) {
  .alerts-overview-block .overview-alert-singleData {
    max-height: 250px;
  }
}
.alerts-overview-block .dropdown-menu {
  max-height: unset !important;
}
@media (max-width: 1023px) {
  .alerts-overview-block .dropdown-menu {
    margin-top: 0 !important;
    width: 150px !important;
  }
}
.alerts-overview-block .overview-alldata {
  overflow-y: scroll;
  height: 90%;
}
@media (max-width: 1023px) {
  .alerts-overview-block .overview-alldata {
    max-height: 300px;
  }
}
.alerts-overview-block .alerts-data-blocks {
  border-bottom: 1px solid #e7e7e7;
  padding: 15px 0px;
}
.alerts-overview-block .alerts-data-blocks:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}
.alerts-overview-block .alerts-data-blocks .description {
  padding-top: 10px;
}
@media (max-width: 1023px) {
  .alerts-overview-block {
    background: #ffffff;
    padding: 15px;
    min-height: 370px;
    height: 100%;
  }
}

.drivingmarket-overview-mob {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding-top: 15px;
  margin-top: 20px !important;
}
.drivingmarket-overview-mob .equity-dropdown-block {
  display: flex;
  justify-content: flex-end;
  padding-top: 15px;
}

@media (min-width: 1023px) {
  .whats-driving-block {
    width: 67%;
  }
}
@media (min-width: 1023px) {
  .whats-driving-block .dashboard-progress-bar {
    width: 50%;
  }
}
.whats-driving-block .overview-driving-market-tabs .progress.progresscontainer .progressbox.stacktop,
.whats-driving-block .wdyp-acc-overview .progress.progresscontainer .progressbox.stacktop {
  padding-right: 12px;
}
.whats-driving-block .overview-driving-market-tabs .progress.progresscontainer .progressbox.stacktop .ml-auto,
.whats-driving-block .wdyp-acc-overview .progress.progresscontainer .progressbox.stacktop .ml-auto {
  text-align: right;
}
@media (min-width: 1023px) {
  .whats-driving-block {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
  }
  .whats-driving-block .wdyp {
    max-height: 460px;
  }
  .whats-driving-block .overview-driving-market-tabs .progress-bar .progressbox.stacktop {
    padding-right: 12px;
    text-align: right;
  }
  .whats-driving-block .overview-driving-market-tabs .nav-tabs {
    border-bottom: 1px solid #e7e7e7;
    flex-wrap: nowrap;
  }
  .whats-driving-block .overview-driving-market-tabs .nav-tabs .nav-item {
    flex-wrap: wrap;
  }
  .whats-driving-block .overview-driving-market-tabs .nav-tabs .nav-item button {
    text-wrap: nowrap;
    white-space: nowrap;
  }
}
.whats-driving-block .wdyp-dropdown {
  min-height: unset !important;
}
@media (max-width: 1023px) {
  .whats-driving-block .wdyp-dropdown {
    max-width: 7rem;
  }
}
@media (max-width: 1023px) {
  .whats-driving-block .wdyp-acc-overview .nav.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
  }
  .whats-driving-block .wdyp-acc-overview .nav.nav-tabs .nav-item {
    white-space: nowrap;
  }
  .whats-driving-block .wdyp-acc-overview .nav.nav-tabs {
    overflow: hidden;
  }
  .whats-driving-block .wdyp-acc-overview .progress {
    height: 50px !important;
  }
  .whats-driving-block .progresscontainer.progressbox {
    width: 90% !important;
  }
}

.mkt-map-tabs .nav-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: self-end;
  gap: 10px;
}
@media (max-width: 1023px) {
  .mkt-map-tabs .nav-tabs {
    padding: 7px 0 !important;
    gap: 0 !important;
  }
}

@media (max-width: 1023px) {
  .data-block-common .title {
    color: #b8b8b8;
  }
}
.grid-1-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.grid-1-1 .child-end {
  justify-self: end;
}

.investment-based-on-rating {
  padding: 1.5rem;
  padding-bottom: 0;
  height: 381px;
  border-radius: 5px;
}
.investment-based-on-rating .error-msg {
  height: 50%;
}
@media (max-width: 1023px) {
  .investment-based-on-rating {
    padding: 0;
    background-color: #ffffff;
    max-height: 381px;
    height: 100%;
  }
  .investment-based-on-rating .investment-head {
    background-color: #ffffff;
    padding: 15px;
    color: #03002f;
  }
}
.investment-based-on-rating .bonds-worth-dashboard {
  padding: 9px 20px 10px;
  border-radius: 5px;
  display: flex;
  gap: 15px;
  color: #444444;
}
.investment-based-on-rating .bonds-worth-dashboard .edel-icon-warning-bold:before {
  color: red;
}
@media (max-width: 1023px) {
  .investment-based-on-rating .bonds-worth-dashboard {
    display: flex;
    gap: 4px;
    align-items: flex-start;
    line-height: 16px;
    padding: 5px 20px 5px 10px;
    color: #03002f;
    width: 90%;
    margin: auto;
  }
}

.text-underline-offset-2 {
  text-underline-offset: 2px;
}

.mgl-3 {
  margin-left: 3px;
}

.arrow-fix i:before {
  font-size: 0.938rem;
}.custom-width-pricing {
  flex: 0 0 auto;
  width: 30% !important;
}

.custom-width-pricing-4 {
  flex: 0 0 auto;
  width: 35% !important;
}

.pricing-page-ui .invest-label img {
  max-width: 100%;
  position: absolute;
  top: -15px;
  left: 0;
}
.pricing-page-ui .invest-label {
  padding: 60px 0px 30px 120px;
}
@media (max-width: 1023px) {
  .pricing-page-ui .invest-label {
    padding: 60px 0px 30px 0px;
  }
}
.pricing-page-ui .padding-compare-plans {
  padding: 0px 15px 0px 15px;
}
.pricing-page-ui .px-compare-plans {
  padding: 20px 15px 20px 15px;
}
.pricing-page-ui .jc-flex-end {
  justify-content: flex-end;
}
.pricing-page-ui .lol-pricing-compare {
  z-index: 9;
  position: relative;
}
.pricing-page-ui .cross-icon-pricing i {
  font-size: 15px;
  font-weight: 600;
}
.pricing-page-ui .tick-icon-pricing i {
  color: #51b255;
  font-size: 30px;
  font-weight: 0;
}
.pricing-page-ui .compareplan-lite {
  padding: 20px 25px 30px 26px;
  flex-shrink: 0;
  border-radius: 5px 5px 0px 0px !important;
  background: linear-gradient(213deg, #1c9ad6 0%, rgba(28, 154, 214, 0) 100%);
}
.pricing-page-ui .compareplan-lite .lite-button {
  height: 50px;
  flex-shrink: 0;
  border-radius: 5px;
  background: #333333;
  color: #ffffff;
}
.pricing-page-ui .compareplan-lite .plan-lite {
  padding-top: 26px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.pricing-page-ui .compareplan-lite .plan-lite .lite-bton {
  font-size: 1rem;
  font-family: "DMSansMedium";
  border-radius: 5px;
  text-wrap: nowrap;
}
.pricing-page-ui .compareplan-lite .plan-lite .lite-btn.ed_button.button {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  text-wrap: nowrap;
}
.pricing-page-ui .compareplan-lite .edel-icon-arrow-down-big {
  font-size: 0.563rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing-page-ui .compareplan-elite {
  padding: 20px 25px 30px 26px;
  flex-shrink: 0;
  border-radius: 5px 5px 0px 0px !important;
  background: linear-gradient(152deg, #f04e45 0%, rgba(240, 78, 69, 0) 100%);
}
.pricing-page-ui .compareplan-elite .elite-button {
  height: 50px;
  flex-shrink: 0;
  border-radius: 5px;
  background: #03002f;
  color: #ffffff;
}
.pricing-page-ui .compareplan-elite .plan-elite {
  padding-top: 26px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.pricing-page-ui .compareplan-elite .plan-elite .lite-bton {
  font-size: 1rem;
  font-family: "DMSansMedium";
  text-wrap: nowrap;
  text-transform: none !important;
}
.pricing-page-ui .compareplan-elite .plan-elite .lite-btn.ed_button.button {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  text-wrap: nowrap;
}
.pricing-page-ui .compareplan-elite .edel-icon-arrow-down-big {
  font-size: 0.563rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing-page-ui .pricing-table {
  width: 100%;
}
.pricing-page-ui .pricing-table .row {
  border-spacing: 25px 0px;
}
.pricing-page-ui .pricing-table .row .col-4:first-child {
  padding-right: 5px;
  border: 0px;
}
.pricing-page-ui .pricing-table .row:nth-child(odd) .col-4:not(:first-child) {
  background-color: #f2f2f5;
}
.pricing-page-ui .pricing-table .row {
  padding: 0px 0px 0px 0px;
}
.pricing-page-ui .pricing-table .col-4 {
  padding: 20px 40px 20px 30px;
  margin-left: 23px;
}
.pricing-page-ui .pricing-table.row:nth-child(n+2) {
  border-right: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-radius: 0px;
}
.pricing-page-ui .pricing-table .col-4:nth-child(n+2) {
  border-right: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0px;
}
.pricing-page-ui .head-stick {
  position: sticky;
  top: 165px;
  z-index: 9;
  background-color: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
}
.pricing-page-ui .row_pricing.row {
  margin-left: 13px;
  margin-right: 13px;
  border-bottom: 1px solid #e7e7e7;
}
.pricing-page-ui .price-mobile-css .edel-icon-tick {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #51b255;
  font-size: 20px;
  font-weight: 0;
}
.pricing-page-ui .price-mobile-css .edel-icon-close {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #dd504d;
  font-size: 11px;
  font-weight: 0;
}
.pricing-page-ui .price-mobile-css div {
  padding: 10px;
}
.pricing-page-ui .price-mobi-border.row {
  margin-left: 13px;
  margin-right: 13px;
  border: 1px solid #e7e7e7;
}
.pricing-page-ui .price-mobi-border .row {
  padding: 0px;
}
.pricing-page-ui .price-mobi-border .col-4 {
  border-right: 1px solid #e7e7e7;
  padding: 10px 20px 10px 15px;
}
.pricing-page-ui .price-mobi-border .col-4 .col-4:first-child {
  background-color: #f2f2f5;
}
.pricing-page-ui .price-head-features.row {
  padding: 0px 26px 0px;
  box-shadow: 0px 15px 20px -10px rgba(110, 104, 104, 0.2);
}
.pricing-page-ui .price-head-features.row div {
  padding: 20px 10px 10px 10px;
}
.pricing-page-ui .lite-elite-row.row {
  margin: 20px 20px 0px 20px;
}
.pricing-page-ui .lite-elite-row.row .nav-item {
  padding: 20px;
  opacity: 0.5;
}
.pricing-page-ui .lite-border,
.pricing-page-ui .elite-border {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.pricing-page-ui .lite-mobile .edel-icon-value-money {
  font-size: 34px;
}
.pricing-page-ui .elite-mobile .edel-icon-value-diamond {
  font-size: 34px;
}
.pricing-page-ui .lite-color {
  border-radius: 10px 10px 0px 0px;
  background: #ffffff;
  box-shadow: -1px -15px 20px 0px rgba(248, 60, 60, 0.2);
  opacity: 1 !important;
}
.pricing-page-ui .elite-color {
  border-radius: 10px 10px 0px 0px;
  background: #ffffff;
  box-shadow: -3px -10px 20px 0px rgba(248, 60, 60, 0.2);
  opacity: 1 !important;
}
.pricing-page-ui .mobile-price-butt {
  width: 90px;
  height: 30px;
  flex-shrink: 0;
  padding: 7px 14px 7px 14px !important;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  text-wrap: nowrap;
  border-radius: 5px;
}
@media (max-width: 1023px) {
  .pricing-page-ui .mobile-price-butt.ed_button.button {
    font-size: 0.75rem;
    font-family: "DMSansMedium";
  }
}
.pricing-page-ui .mobile-price-butt-lite {
  background: linear-gradient(236deg, #1c9ad6 -40.6%, rgba(28, 154, 214, 0) 135.83%);
}
.pricing-page-ui .mobile-price-butt-elite {
  background: linear-gradient(130deg, #f04e45 -62.67%, rgba(240, 78, 69, 0) 159.92%);
}
.pricing-page-ui .price-icon-arr {
  font-size: 9px;
  font-weight: 700px;
}
.pricing-page-ui .tomato-pricing {
  margin: 15px;
  padding: 11px 37px 11px 37px;
  border-radius: 5px;
}
.pricing-page-ui .sticky-mobile-pricing {
  width: 100%;
  background: #ffffff;
  box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.25);
  position: fixed;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing-page-ui .custom-width-pricing {
  flex: 0 0 auto;
  width: 30% !important;
}
.pricing-page-ui .custom-width-pricing-4 {
  flex: 0 0 auto;
  width: 35% !important;
}
.pricing-page-ui .drawer-pricing {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 13px;
}
.pricing-page-ui .accordian-pricing {
  border-bottom: 1px solid #e7e7e7;
  padding: 0px;
}
.pricing-page-ui .pricing-drop-button.ed_button.button {
  text-transform: none !important;
  padding: 10px 27px 10px 27px;
  font-size: 0.875rem;
  font-family: "DMSansBold";
}
@media (max-width: 1600px) {
  .pricing-page-ui .pricing-drop-button.ed_button.button {
    padding: 10px 20px 10px 20px;
    text-transform: none !important;
  }
}
.pricing-page-ui .pricing-drop-button {
  text-transform: none !important;
  padding: 10px 27px 10px 27px;
  font-size: 0.875rem;
  font-family: "DMSansBold";
  border-radius: 5px;
}
@media (max-width: 1600px) {
  .pricing-page-ui .pricing-drop-button {
    padding: 10px 20px 10px 20px;
  }
}
.pricing-page-ui .notes-padding {
  padding: 0px 130px 0px 50px;
}
.pricing-page-ui .customaccordian .accordion-body {
  padding: 0px 0px 15px 0px;
}
.pricing-page-ui .customaccordian-new .accordion-header .accordion-button::after {
  font-size: 25px;
  font-weight: 600;
  background-color: #ffffff !important;
  padding-right: 10px;
  padding-left: 10px;
}
.pricing-page-ui .overflow-y-scroll-pricing {
  overflow-y: scroll;
  height: 400px;
  padding-bottom: 150px;
}
.pricing-page-ui .bg_greyLight {
  background: rgba(173, 173, 173, 0.5);
}
.pricing-page-ui .pricing-linear {
  background: #fff;
  padding: 10px;
  box-shadow: 0px -20px 20px -7px rgba(248, 60, 60, 0.2);
}

.sticky-pricing {
  height: 136px;
  width: 100%;
  background: #fbfbfb;
  position: sticky;
  box-shadow: 1px 20px 20px 0px rgba(0, 0, 0, 0.25);
  top: 92px;
  z-index: 9;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.sticky-pricing .edel-icon-value-money {
  font-size: 30px;
}
.sticky-pricing .edel-icon-value-diamond {
  font-size: 30px;
}

.txt-green-imp {
  color: #51b255 !important;
}

.sticky-box-lite.col-4 {
  margin-left: 23px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 10px 15px 10px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #1c9ad6;
}

.sticky-box-elite.col-4 {
  display: flex;
  margin-top: 10px;
  margin-left: 23px;
  align-items: center;
  justify-content: space-between;
  padding: 15px 10px 15px 10px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #f04e45;
}

.elite-lite-section {
  padding-bottom: 20px;
  margin-bottom: 0px;
}
.elite-lite-section li {
  list-style-type: disc;
  margin-bottom: 20px;
}
.elite-lite-section li::marker {
  color: #727271;
  font-size: 0.75rem;
}

.pricecompare-box {
  padding: 0px 15px !important;
}
.pricecompare-box div {
  border-bottom: unset !important;
}
.pricecompare-box .price-mobi-border {
  border-bottom: 1px solid #e7e7e7 !important;
}
.pricecompare-box .price-mobi-border div {
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 1px solid #e7e7e7;
}
.pricecompare-box .price-mobi-border div:first-child {
  background-color: #f2f2f5;
  border-left: 1px solid #e7e7e7;
}
.pricecompare-box .price-mobi-border:last-child div {
  border-bottom: 1px solid #e7e7e7 !important;
}
.pricecompare-box .price-mobi-border:first-child {
  border-top: 1px solid #e7e7e7;
}

.note-icon-pricing {
  padding-right: 5px !important;
}

.line-height-twenty {
  line-height: 20px;
}

.pricing-page-ui {
  transition: top 0.5s ease;
}

.pricing-page-ui.sticky-pricing {
  position: fixed;
  width: 100%;
  z-index: 9;
}

.opacity-none {
  opacity: 0;
  position: absolute;
}

.custom-width-lhs {
  width: 229px;
}

ul.pricing-notes li {
  list-style-type: disc;
  font-size: 1.375rem;
  font-family: "DMSansNormal";
  color: #727271;
  padding: 15px;
}.price-mobile-border {
  border: 1px solid var(--separator-border, #e7e7e7);
  background: var(--background, #f2f2f5);
}:root {
  font-size: 16px;
}

@media (min-width: 1023px) {
  .edelinvestor .owl-nav button {
    border: none;
    background: none;
    color: #3580f7;
  }
  .edelinvestor .owl-nav button span {
    display: none;
  }
  .edelinvestor .owl-nav .investLeft {
    border: none;
    background: none;
    color: #3580f7;
    margin-top: -430px;
    margin-left: -30px;
    z-index: 999;
  }
}
@media (min-width: 1023px) and (min-width: 1360px) {
  .edelinvestor .owl-nav .investLeft {
    margin-left: -43px;
  }
}
@media (min-width: 1023px) and (min-width: 1600px) {
  .edelinvestor .owl-nav .investLeft {
    margin-left: -58px;
  }
}
@media (min-width: 1023px) and (min-width: 1680px) {
  .edelinvestor .owl-nav .investLeft {
    margin-left: -58px;
  }
}
@media (min-width: 1023px) and (min-width: 1920px) {
  .edelinvestor .owl-nav .investLeft {
    margin-left: -58px;
  }
}
@media (min-width: 1023px) {
  .edelinvestor .owl-nav .investLeft span {
    display: none;
  }
  .edelinvestor .owl-nav .investRight {
    border: none;
    z-index: 999;
    background: none;
    color: #3580f7;
    margin-top: -387px;
    margin-right: 50px;
  }
}
@media (min-width: 1023px) and (min-width: 1360px) {
  .edelinvestor .owl-nav .investRight {
    margin-right: 93px;
  }
}
@media (min-width: 1023px) and (min-width: 1440px) {
  .edelinvestor .owl-nav .investRight {
    margin-right: 110px;
  }
}
@media (min-width: 1023px) and (min-width: 1600px) {
  .edelinvestor .owl-nav .investRight {
    margin-right: 118px;
  }
}
@media (min-width: 1023px) and (min-width: 1680px) {
  .edelinvestor .owl-nav .investRight {
    margin-right: 124px;
  }
}
@media (min-width: 1023px) and (min-width: 1920px) {
  .edelinvestor .owl-nav .investRight {
    margin-right: 110px;
  }
}
@media (min-width: 1023px) {
  .edelinvestor .owl-nav .investRight span {
    display: none;
  }
}

@media (min-width: 1024px) {
  .edelinvestor {
    padding-left: 7%;
    overflow-x: hidden;
  }
}
@media (min-width: 1400px) {
  .edelinvestor {
    padding-left: 3%;
    overflow-x: hidden;
  }
}
@media (min-width: 1440px) {
  .edelinvestor {
    padding-left: 4%;
    overflow-x: hidden;
  }
}
@media (min-width: 1600px) {
  .edelinvestor {
    padding-left: 9%;
    overflow-x: hidden;
  }
}
@media (min-width: 1680px) {
  .edelinvestor {
    padding-left: 10.5%;
    overflow-x: hidden;
  }
}
@media (min-width: 1920px) {
  .edelinvestor {
    padding-left: 15%;
    overflow-x: hidden;
  }
}
.edelinvestor .owl-dots {
  padding: 0px;
  padding-top: 50px;
}

.edelinvestor .owl-theme .owl-nav {
  margin-top: 0px;
}

.edel-investor-edel-heading .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.edel-investor-edel-heading .row .investor-heading-right a {
  align-items: center;
}
.edel-investor-edel-heading .row .investor-heading-right .m-inv-view-all {
  color: #3580f7;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  line-height: 22px;
}
.edel-investor-edel-heading .row .investor-heading-right .icon-container {
  height: 41px;
  width: 41px;
  border-radius: 50%;
  border: 1px solid rgba(53, 128, 247, 0.05);
  margin-left: 10px;
}
.edel-investor-edel-heading .row .investor-heading-right .icon-container .icon-box {
  height: 30.5px;
  width: 30.5px;
  border-radius: 50%;
  background: rgba(53, 128, 247, 0.1);
  position: relative;
  top: 5px;
  left: 5px;
}
.edel-investor-edel-heading .row .investor-heading-right .icon-container .icon-box .icon {
  height: 23px;
  width: 23px;
  background: #3580f7;
  color: #ffffff;
  border-radius: 50%;
  position: relative;
  top: 3.7px;
  left: 3.7px;
}
.edel-investor-edel-heading .row .investor-heading-right .icon-container .icon-box .icon .edel-icon-arrow-right::before {
  left: 3px;
  top: 3px;
  position: relative;
}

@media screen and (min-width: 1023px) {
  .edelinvestor {
    min-height: 357px !important;
  }
  .ed-card-investor {
    height: 357px !important;
  }
}
h3.InvestorHeading {
  float: none;
  font-family: "EncodeSansLight";
  font-style: normal;
  font-size: font_twentyEight;
  line-height: 25px;
  margin-left: 2.2rem;
}
h3.InvestorHeading .highLight {
  font-family: "EncodeSansBold";
}

@media screen and (max-width: 1225px) and (min-width: 1100px) {
  .ed-card-investor {
    min-height: 357px !important;
  }
}
.edelinvestor .owl-stage-outer .owl-item:nth-child(3n+3) > div,
.edelinvestor .owl-stage-outer .owl-item:nth-of-type(odd) > div {
  background-color: transparent;
  border: none !important;
  border-radius: 5px !important;
}

.edelinvestor .owl-stage-outer .owl-item {
  border: 0px !important;
  border-radius: 5px !important;
}

@media (max-width: 640px) {
  .edelinvestor .owl-stage-outer .owl-item .ed-card-investorLoaderMob {
    display: block;
    width: 94%;
  }
  .edelinvestor .owl-stage-outer .owl-item:nth-child(3n+3) > .ed-card-investorLoaderMob {
    background: #ffffff !important;
    border: 1px solid #e7e7e7;
  }
}
.ed-investor-media-icon img {
  width: auto !important;
}

.edel-investor-edel-heading {
  padding-top: 20px !important;
}

@media screen and (max-width: 640px) {
  .edel-investor-edel-heading {
    padding-top: 13px !important;
  }
  .edel-investor-edel-heading .pd-t50 {
    padding-top: 0px;
  }
  .edel-investor-edel-heading .pd-t50 .d-flex {
    align-items: center;
  }
  .edel-investor-edel-heading .investor-heading-right a .investor-view-all {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    line-height: 21.6px !important;
  }
  .edelinvestor {
    margin-top: 0px !important;
    width: 353px;
    padding-top: 30px !important;
    padding-bottom: 64px;
  }
  .edelinvestor .owl-dots {
    padding-top: 20px !important;
    margin-top: 0px !important;
  }
  .edelinvestor .ed-card-investor .ed-investor-media-icon img {
    position: absolute;
    bottom: 11px;
  }
  .edelinvestor .col-100 .row .owl-carousel {
    padding-left: 10px;
    padding-right: 0px;
  }
  h3.InvestorHeading {
    margin-left: 0px !important;
    font-family: Encode Sans;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0px;
  }
  h3.InvestorHeading span {
    font-family: Encode Sans;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
  }
  .edelinvestor .col-100.pd-b50 {
    padding-bottom: 0px !important;
  }
  .edel-investor-edel-heading {
    margin: 0px !important;
  }
}
@media screen and (max-width: 360px) {
  h3.InvestorHeading {
    max-width: 43%;
    margin: auto;
  }
}
@media screen and (max-width: 375px) and (min-width: 361px) {
  h3.InvestorHeading {
    max-width: 42%;
    margin: auto;
  }
}
@media screen and (max-width: 393px) and (min-width: 376px) {
  h3.InvestorHeading {
    max-width: 40%;
    margin: auto;
  }
}
@media screen and (max-width: 416px) and (min-width: 394px) {
  h3.InvestorHeading {
    max-width: 38%;
    margin: auto;
  }
}
@media screen and (min-width: 1400px) {
  section.edelinvestor .owl-carousel {
    padding: 0px;
  }
  section.edelinvestor .owl-carousel .investor-wrap {
    width: 100%;
  }
  .ed-card-investor {
    width: 94%;
    height: 340px !important;
    min-height: 340px !important;
  }
  .edel-investor-edel-heading h3 {
    margin-left: 0px;
  }
}
@media screen and (max-width: 640px) {
  .investor-wrap {
    width: 94%;
  }
}
@media screen and (min-width: 1500px) {
  .ed-card-investor {
    width: 90%;
    height: 368px !important;
  }
  section.edelinvestor .owl-carousel {
    padding: 0px;
  }
  section.edelinvestor .owl-carousel .investor-wrap {
    width: 100%;
  }
  h3.InvestorHeading {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 1400px) {
  .edel-investor-edel-heading h3 {
    margin-left: 0px;
  }
}
@media screen and (max-width: 1350px) and (min-width: 1301px) {
  .ed-card-investor {
    width: 90% !important;
    margin: auto;
  }
  h3.InvestorHeading {
    margin-left: 8px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 1341px) {
  .ed-card-investor {
    width: 90% !important;
    margin: auto;
  }
  h3.InvestorHeading {
    margin-left: 0px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1183px) {
  .ed-card-investor {
    width: 242px;
    padding-bottom: 0px !important;
    height: 330px;
    margin: auto;
  }
  .edelinvestor #item {
    width: 100%;
  }
  h3.InvestorHeading {
    margin-left: 14px;
  }
}
.ed-card-investor {
  background: #ffffff;
}

@media screen and (max-width: 1250px) and (min-width: 1201px) {
  .ed-card-investor {
    width: 232px;
    padding-bottom: 0px !important;
    height: 330px;
    margin: auto;
  }
  .edelinvestor #item {
    width: 100%;
  }
  h3.InvestorHeading {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1300px) and (min-width: 1251px) {
  .ed-card-investor {
    width: 90%;
    padding-bottom: 0px !important;
    height: 330px;
    margin: auto;
  }
  .edelinvestor #item {
    width: 100%;
  }
  h3.InvestorHeading {
    margin-left: 14px !important;
  }
}
@media screen and (max-width: 1180px) and (min-width: 1023px) {
  .ed-card-investor {
    width: 90% !important;
    margin: auto;
  }
  h3.InvestorHeading {
    margin-left: -5px !important;
  }
  .ed-card-investor {
    height: 316px !important;
  }
}
.investor-block .owl-stage-outer .owl-item:nth-of-type(odd) > div {
  border: none;
}:root {
  font-size: 16px;
}

.ed-card-investor {
  border: 1px solid #e7e7e7;
  padding: 20px;
  border-radius: 5px;
}
.ed-card-investor .media-container {
  margin-bottom: 20px;
  height: 130px;
}
.ed-card-investor .media-container img {
  width: 100%;
  height: 130px;
  border-radius: 5px;
  max-width: 100%;
}
.ed-card-investor .media-container video {
  width: 100%;
  height: auto;
}
.ed-card-investor .ed-card-meta-container {
  display: block;
}
.ed-card-investor .ed-card-meta-container .ed-date-title {
  flex: 2;
}
.ed-card-investor .ed-card-meta-container .ed-date-title p.meta-date {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  color: #a2a2a2;
  margin-bottom: 0px;
}
.ed-card-investor .ed-cardinvestor-body {
  position: relative;
  margin-top: 5px;
}
.ed-card-investor .ed-cardinvestor-body .ed-card-investor-description {
  font-family: "encodesans_normal";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: left;
  color: #333333;
  margin-bottom: 57px;
}
.ed-card-investor .ed-cardinvestor-body .ed-card-investor-description .ed-readmore-btn {
  margin-left: 5px;
}
.ed-card-investor .ed-investor-media-icon {
  margin-top: 32px;
}
.ed-card-investor .ed-investor-media-icon img {
  position: absolute;
  bottom: 21px;
}

@media screen and (max-width: 640px) {
  .ed-card-investor {
    width: 100%;
    border: 1px solid #e7e7e7;
    padding: 10px;
    border-radius: 5px;
    max-width: 100%;
  }
  .ed-card-investor .media-container {
    margin-bottom: 10px;
    height: 100px;
  }
  .ed-card-investor .media-container img {
    width: 100%;
    border-radius: 5px;
    height: 100px;
    max-width: 100%;
  }
  .ed-card-investor .media-container video {
    width: 100%;
    height: auto;
  }
  .ed-card-investor .ed-card-meta-container {
    display: block;
  }
  .ed-card-investor .ed-card-meta-container .ed-date-title {
    flex: 2;
  }
  .ed-card-investor .ed-card-meta-container .ed-date-title p.meta-date {
    font-family: "encodesans_normal";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 12.5px;
    letter-spacing: 0em;
    text-align: left;
    color: #a2a2a2;
    margin-bottom: 0px;
  }
  .ed-card-investor .ed-cardinvestor-body {
    position: relative;
    margin-top: 10px;
  }
  .ed-card-investor .ed-cardinvestor-body .ed-card-investor-description {
    font-family: "encodesans_normal";
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 17.1px;
    letter-spacing: 0px;
    text-align: left;
    color: #333333;
    margin-bottom: 40px;
    height: 62px;
  }
  .ed-card-investor .ed-cardinvestor-body .ed-card-investor-description .ed-readmore-btn {
    margin-left: 5px;
  }
  .ed-card-investor .ed-investor-media-icon {
    margin-top: 20px;
  }
}
.ed-card-investorLoader {
  width: 95% !important;
}
.bgColorChange {
  background-color: #ffffff !important;
}

.border-none-p {
  border: none !important;
}

.below-eq-blue-box {
  border: 1px solid #e7e7e7;
  padding: 20px 20px 30px 30px;
  margin-top: 30px;
  border-radius: 5px;
}

.owl-equity-pp {
  margin-top: 80px;
}
.owl-equity-pp .gts-generic-card {
  width: 90%;
  height: 84px;
  padding: 20px;
  margin: 0px;
}

@media (max-width: 1023px) {
  .owl-equity-pp .mobile-card-style-eq {
    padding: 10px;
    width: 100% x;
    height: 78px;
    flex-shrink: 0;
  }
  .mobile-card-style-eq:not(:last-child) {
    margin-right: 10px;
  }
}
.equity-invest-tb {
  width: 100%;
  margin-top: 15px;
  margin-left: 8px;
}

.eq-invest-table-a {
  border: 1px solid #e7e7e7;
  padding-left: 15px;
  padding-right: 15px;
}

.eq-invest-table-ab {
  border-bottom: 1px solid #e7e7e7;
}

.eq-box-icons {
  border-radius: 5px;
  background: #fef4ec;
  border: 0px;
}

.eq-buybacks-rights .gts-table-container {
  border: 1px solid #e7e7e7;
  padding-top: 10px;
  padding-bottom: 24px;
  margin-top: 15px;
}

.equity-pp-five {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 30px;
  margin-top: 50px;
  margin-right: 0px;
  margin-left: 0px;
}
.equity-pp-five .infinity-product-eq .gts-bullet-points {
  margin-bottom: 83px;
}

.product-eq-table {
  margin-top: 0;
}

.dropdown-eq-pp .equitydrop {
  font-size: 1.875rem;
  font-family: "DMSansNormal";
  padding: 10px 20px 10px 20px;
}
@media (max-width: 1023px) {
  .dropdown-eq-pp .equitydrop {
    font-size: 1.5rem;
    font-family: "DMSansNormal";
  }
}
.dropdown-eq-pp .equitydrop .edel-icon-arrow-down {
  color: #03002f;
}

.dropdown-eq-pp .equity-dropdown-block {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.card-container {
  display: flex;
  justify-content: space-between;
}

.eq-blue-box {
  border: 0px;
  background-color: #f4fafd;
  text-align: center;
}

.best-tools-eq {
  padding-top: 10px;
  padding-bottom: 36px;
}

.infinity-product-eq .ed_button {
  margin-top: 82px;
}

.eq-slidebar-box {
  border-bottom: 1px solid #e7e7e7;
  padding: 0px;
  margin: 0px;
}

.bluebox-equity-pp .gts-generic-card {
  padding: 40px;
  width: 100%;
  height: 284px;
}

.desktop-card-container {
  display: flex;
}
.desktop-card-container .gts-card-text {
  display: flex;
  align-items: flex-start;
}
.desktop-card-container .gts-card-text .DMSansMedium_16_500 div:first-child {
  margin-bottom: 15px;
}

@media (max-width: 1023px) {
  .owl-equity-pp .mobile-card-style-eq {
    padding: 10px;
    width: 100% x;
    height: 78px;
    flex-shrink: 0;
  }
  .mobile-card-style-eq:not(:last-child) {
    margin-right: 10px;
  }
}
@media (max-width: 1023px) {
  .owl-equity-pp .gts-generic-card {
    padding: 10px;
    font-size: 14px;
  }
  .owl-equity-pp .DMSansMedium_16_500 {
    display: grid;
    align-items: start;
    font-size: 0.75rem;
    font-family: "DMSansMedium";
  }
  .owl-equity-pp .DMSanN_16_400.txt_primaryGrey {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
@media (max-width: 1023px) {
  .equity-pp-one .DMsanR_32_400 {
    text-align: center;
    font-size: 1.5rem;
    font-family: "DMSansNormal";
  }
  .equity-pp-one .DMsanR_32_700 {
    text-align: center;
    font-size: 1.5rem;
    font-family: "DMSansBold";
  }
}
.product-equities-p {
  padding: 0px;
}
@media (max-width: 1023px) {
  .product-equities-p {
    padding-right: 15px;
    padding-left: 15px;
  }
  .product-equities-p .hide-on-mobile {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1600px) {
  .product-offering-AIF div[title="Private Equity - Early Stage"] {
    height: 64px;
  }
  .product-offering-AIF div[title="Inflection Point Ventures (IPV)"] {
    height: 64px;
  }
  .product-offering-AIF div[title="Investment across Debt & Equity"] {
    height: 64px;
  }
  .product-offering-AIF div[title="Listed Equity"] {
    height: 64px;
  }
  .product-offering-AIF div[title="Mid Stage Private Equity"] {
    height: 64px;
  }
  .product-offering-AIF div[title="Mid Stage Private Equity"] {
    height: 64px;
  }
  .product-offering-AIF div[title="Nuvama Asset Management"] {
    height: 64px;
  }
  .product-offering-AIF div[title="5 years from first close;Extendable by 2 years"] {
    height: 64px;
  }
  .product-offering-AIF div[title="Open Ended --> ₹~2000 Cr"] {
    height: 48px;
  }
}.gts-table-container {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 35px 15px 35px 15px;
  gap: 35px;
  border-radius: 5px;
}

.gts-icon-container {
  flex-shrink: 0;
  font-size: 30px;
}

.gts-title-description {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.gts-title-description .title {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
  line-height: 18px;
}

.gts-title-description .description {
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #727271;
  line-height: 18px;
}

.gts-button-container {
  flex-shrink: 0;
}

/* Default styles for desktop */
.gts-generic-card {
  width: 33.33%;
  height: 200px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  margin-right: 10px;
  justify-content: space-between;
}

.gts-card-text {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: left;
}

/* Media query for smaller screens (e.g., mobile) */
@media (max-width: 1023px) {
  .gts-generic-card {
    width: calc(33.33% - 10px); /* 1/3 of col xs={6} minus some padding */
    margin: 5px; /* Add some space around the card on mobile */
  }
}
.generic-card-pricing {
  flex-shrink: 0;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.generic-card-pricing .text1 {
  height: 42px;
}

.gts-card-header {
  display: flex;
  justify-content: space-between;
}

.gts-icon-lines {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: 30px;
  gap: 33px;
}

.gts-icon-line {
  display: flex;
  margin-top: 30px;
  margin-bottom: 30px;
  align-items: center;
  gap: 33px;
}

.gts-sub-point {
  margin-left: 18px;
  margin-bottom: 15px;
}

.gts-centered-heading {
  text-align: left;
}

.pricing-g-icon {
  font-size: 10px;
  padding-right: 10px;
}

/* Media query for mobile view*/
@media (max-width: 1023px) {
  .generic-card-pricing {
    width: 90%;
    margin: 0 auto;
  }
}
.gpb-box-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 100px 24px 100px;
  border-radius: 5px;
  border: 0px;
}

.gpb-sentence {
  display: flex;
  align-items: center;
}

.gpb-sentence.left {
  justify-content: flex-start;
}

.gpb-sentence.center {
  justify-content: center;
}

.gpb-sentence.right {
  justify-content: flex-end;
}

/* For mobile devices */
@media (max-width: 768px) {
  .gpb-box-container {
    flex-direction: column;
  }
  .gpb-sentence {
    justify-content: center;
    margin-bottom: 10px;
  }
}
/* Mobile-specific styles */.bgColorChange {
  background-color: #ffffff !important;
}

.section-1 {
  display: flex;
  align-items: center;
}
.section-1 .heading-of-cd {
  width: 550px;
  margin-top: 44px !important;
}
.section-1 .heading-of-cd .startInvesting-Btn {
  background-color: #f04e45;
  padding: 16px 26px;
  margin-top: 30px;
}

.mobMainSection .headingpart {
  text-align: center;
}
.mobMainSection .headingpart label {
  margin-top: 30px;
}
.mobMainSection .headingpart .CDLink {
  margin-top: 34px;
  text-decoration: underline;
}
.mobMainSection .headingpart .mob-Btn1 {
  margin-top: 17px;
  padding: 9px 17px;
  background-color: #f04e45;
  border-radius: 6px;
}

.drawerofmob .drawerhead label {
  text-align: start;
  margin-left: 0px !important;
  margin-block: 20px !important;
}
.drawerofmob .drawerpara {
  text-align: left;
  padding-block: 30px !important;
  padding: 30px 20px 30px 10px !important;
  line-height: 20px;
}
.drawerofmob .drawerpara ul {
  list-style: disc;
}

.mf-carousel {
  margin-top: 100px;
}
.mf-carousel .caurl-1 {
  background-color: #fef4ec;
}
.mf-carousel .caurl-2 {
  background-color: #e8f5fb;
}
.mf-carousel .caurl-3 {
  background-color: #fffce5;
}
.mf-carousel .caurl-4 {
  background-color: #e5f7f1;
}
.mf-carousel .caurl-5 {
  background-color: #fef4ec;
}
.mf-carousel .caurl-6 {
  background-color: #e8f5fb;
}
.mf-carousel .mfcolorCarul .carousel-1 {
  margin-block: 10px !important;
}

.mf-carouselmob {
  margin-top: 30px;
}
.mf-carouselmob .caurl-1 {
  background-color: #fef4ec;
}
.mf-carouselmob .caurl-2 {
  background-color: #e8f5fb;
}
.mf-carouselmob .caurl-3 {
  background-color: #fffce5;
}
.mf-carouselmob .caurl-4 {
  background-color: #e5f7f1;
}
.mf-carouselmob .caurl-5 {
  background-color: #fef4ec;
}
.mf-carouselmob .caurl-6 {
  background-color: #e8f5fb;
}
.mf-carouselmob .mfcolorCarul .carousel-1 {
  margin-block: auto;
}
.mf-carouselmob .mfcolorCarul .carousel-1 .textcolor {
  margin-bottom: 0px !important;
}

.CarouselHead {
  margin-top: 20px;
}
.CarouselHead .orgCaurl {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fef4ec;
}
.CarouselHead .orgCaurl img {
  width: 27px !important;
  margin-right: 10px;
}
.CarouselHead .orgCaurl p {
  margin-top: 25px;
  margin-bottom: 25px;
}

.colorCardofDetailWrapper {
  margin-bottom: 50px;
  padding: 20px 30px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
}
.colorCardofDetailWrapper label {
  margin-block: 20px;
}
.colorCardofDetailWrapper .colorCardofDetail {
  margin-inline: 15px 15px;
  display: flex;
  gap: 30px;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardLabel {
  margin-block: 30px;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD {
  border-radius: 5px !important;
  width: 341px !important;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD label {
  margin-top: 20px;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD .listOfDetails {
  list-style-type: disc;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD .listOfDetails li {
  margin-inline: 15px 15px !important;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD .listOfDetails .lastListContent {
  margin-bottom: 66px !important;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD .listOfDetails .textUnderline span {
  text-decoration: underline;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD .headingOfDetail {
  margin-left: 20px;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD .headingColorOfDetail {
  margin-left: 20px;
}

.WrapperofSold {
  display: flex;
  margin-top: 50px;
}
.WrapperofSold .wrapperheading {
  margin-bottom: 20px;
}
.WrapperofSold .Soldsection1 {
  display: flex;
  margin-left: 0px !important;
}
.WrapperofSold .Soldsection1 .Soldsectionsub {
  width: 279px;
  height: 154px;
  margin-bottom: 32px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin-right: 20px;
}
.WrapperofSold .Soldsection1 .Soldsectionsub img {
  width: 20px;
  margin-left: 20px;
  margin-top: 19px;
}
.WrapperofSold .Soldsection1 .Soldsectionsub label {
  padding: 15px 20px 30px 20px;
}
.WrapperofSold .soldsection2 {
  margin-left: 10px;
  width: 568px;
  border: 1px solid #e7e7e7;
  height: 216px;
  border-radius: 5px;
}
.WrapperofSold .soldsection2 .headingofCD label {
  padding: 18px 30px 18px 20px;
}
.WrapperofSold .soldsection2 .contentofcd label {
  padding: 25px 37px 15px 23px;
}
.WrapperofSold .soldsection2 .startInvestingBtn {
  margin-left: 20px;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
.WrapperofSold .soldsection2 .startInvestingBtn .startInvesting-Btn {
  padding: 9px 17px;
}

.mobCardBlue {
  background-color: #f4fafd;
  padding-bottom: 20px;
  border-radius: 5px;
}
.mobCardBlue label {
  margin-block: 15px;
  margin-left: 15px;
}
.mobCardBlue .ulOfmobCardBlue ul {
  padding-right: 17px;
}
.mobCardBlue .ulOfmobCardBlue ul li {
  list-style-type: disc;
  color: #03002f;
  margin-bottom: 10px;
}

.whyMFhead {
  background-color: #f2f2f5;
  margin-top: 20px;
}
.whyMFhead .whyMFheadpart-1 {
  margin-right: 15px;
  margin-left: 15px;
}
.whyMFhead .whyMFheadpart-1 label {
  margin-top: 20px;
  margin-bottom: 15px;
}
.whyMFhead .WhyMFCaul {
  margin-left: 15px !important;
  margin-top: 20px !important;
}
.whyMFhead .WhyMFCaul .carouselmob {
  gap: 10px;
}
.whyMFhead .WhyMFCaul .iconBox {
  background-color: #ffffff;
  width: 182px;
  height: 180px;
  border-radius: 7px;
}
.whyMFhead .WhyMFCaul .iconBox .genericCardMF {
  padding-top: 15px;
}
.whyMFhead .WhyMFCaul .iconBox img {
  width: 35px !important;
  margin-left: 15px !important;
}
.whyMFhead .WhyMFCaul .iconBox .sub2Section-5-text {
  margin: 15px 13px 0px 10px;
}

.checkoutMob {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin-block: 22px 20px;
}
.checkoutMob .checkoutMobpart1 {
  background-color: #f4fafd;
}
.checkoutMob .checkoutMobpart1 span {
  text-decoration: underline;
}
.checkoutMob .checkoutMobpart1 label {
  margin: 20px 20px 20px 15px;
}
.checkoutMob .checkoutMobpart2 {
  margin-inline: 12px 15px;
  margin-top: 15px;
}
.checkoutMob .checkoutMob-btn {
  margin-top: 25px;
  margin-bottom: 20px;
  margin-left: 15px;
}

.CDWrapper {
  display: flex;
}
.CDWrapper .sub2Section-5 {
  margin-right: 30px !important;
}

.investOfCd label {
  margin-bottom: 15px;
}

.guestWrapper {
  margin-inline: 0px !important;
  border-radius: 5px;
}
.guestWrapper ul {
  list-style-type: disc;
}
.guestWrapper ul li {
  margin-bottom: 10px;
  margin-right: 15px;
}
.guestWrapper {
  margin-inline: 15px;
  padding-block: 20px 70px;
}

.liteWrapper {
  margin-inline: 0px !important;
  border-radius: 5px;
}
.liteWrapper ul {
  list-style-type: disc;
}
.liteWrapper ul li {
  margin-bottom: 10px;
  margin-right: 15px;
}
.liteWrapper {
  margin-inline: 15px;
  padding-block: 20px 20px;
}

.EliteWrapper {
  margin-inline: 0px !important;
  border-radius: 5px;
}
.EliteWrapper ul {
  list-style-type: disc;
}
.EliteWrapper ul li {
  margin-bottom: 10px;
  margin-right: 15px;
}
.EliteWrapper {
  margin-inline: 15px;
  padding-block: 20px 20px;
}.carousel-1 {
  padding: 10px 15px 10px 15px;
  height: 84px;
  border-radius: 5px;
  align-items: center;
}

@media only screen and (max-width: 600px) {
  .carousel-1 {
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    height: 75px;
    align-items: center;
  }
  .carousel-1 label {
    margin-bottom: 5px;
  }
}.blueCard {
  background-color: #f4fafd;
}
.blueCard .iconBox {
  border-radius: 5px;
  margin: auto;
}.bgColorChange {
  background-color: #ffffff !important;
}

.section-1 {
  display: flex;
  align-items: center;
}
.section-1 .heading-of-Crop {
  margin-top: 44px !important;
}
.section-1 .heading-of-Crop .startInvesting-Btn {
  background-color: #f04e45;
  padding: 16px 26px;
  margin-top: 30px;
}
.section-1 .section-2-sub {
  width: 547px;
  height: 176px;
}
.section-1 .section-2-sub p {
  color: #727271;
}
.section-1 .section-2-sub p a {
  color: #03002f;
}

.mobMainSection .headingpart {
  text-align: center;
}
.mobMainSection .headingpart label {
  margin-top: 30px;
}
.mobMainSection .headingpart .cropLink {
  margin-top: 34px;
  text-decoration: underline;
}
.mobMainSection .headingpart .mob-Btn1 {
  margin-top: 17px;
  padding: 9px 17px;
  background-color: #f04e45;
  border-radius: 6px;
}

.drawerofmob-crop .drawerhead label {
  text-align: start !important;
  margin: 30px 20px !important;
}
.drawerofmob-crop .drawerpara {
  text-align: left;
  padding: 30px 20px !important;
  padding-block: 30px !important;
  line-height: 20px;
}

.mf-carousel {
  margin-top: 100px;
}
.mf-carousel .caurl-1 {
  background-color: #fef4ec;
}
.mf-carousel .caurl-2 {
  background-color: #e8f5fb;
}
.mf-carousel .caurl-3 {
  background-color: #fffce5;
}
.mf-carousel .caurl-4 {
  background-color: #e5f7f1;
}
.mf-carousel .caurl-5 {
  background-color: #fef4ec;
}
.mf-carousel .caurl-6 {
  background-color: #e8f5fb;
}
.mf-carousel .mfcolorCarul .carousel-1 {
  margin-block: 10px !important;
}

.mf-carouselmob {
  margin-top: 30px;
}
.mf-carouselmob .caurl-1 {
  background-color: #fef4ec;
}
.mf-carouselmob .caurl-2 {
  background-color: #e8f5fb;
}
.mf-carouselmob .caurl-3 {
  background-color: #fffce5;
}
.mf-carouselmob .caurl-4 {
  background-color: #e5f7f1;
}
.mf-carouselmob .caurl-5 {
  background-color: #fef4ec;
}
.mf-carouselmob .caurl-6 {
  background-color: #e8f5fb;
}
.mf-carouselmob .mfcolorCarul .carousel-1 {
  margin-block: auto;
}
.mf-carouselmob .mfcolorCarul .carousel-1 .textcolor {
  margin-bottom: 0px !important;
}

.CarouselHead {
  margin-top: 20px;
}
.CarouselHead .orgCaurl {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fef4ec;
}
.CarouselHead .orgCaurl img {
  width: 27px !important;
  margin-right: 10px;
}
.CarouselHead .orgCaurl p {
  margin-top: 25px;
  margin-bottom: 25px;
}

.section-2 {
  margin-top: 80px;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  gap: 20px;
  width: 1440px;
  padding-left: 0px !important;
}
.section-2 .CDSection2 .Carousel-3 {
  width: 174px;
  height: 184px !important;
}
.section-2 .subsection1 {
  width: 592px;
  height: 483px;
}
.section-2 .subsection1 .sub1section-2 {
  margin-bottom: 30px;
}
.section-2 .subsection1 .sub1section-2 li {
  margin-bottom: 30px;
}
.section-2 .subsection1 .sub1section-2 ul {
  padding-bottom: 31px;
}
.section-2 .subsection1 .listofCD {
  list-style-type: disc;
}
.section-2 .subsection1 .corpLabel {
  margin-block: 20px 50px;
  margin-left: 30px;
}
.section-2 .subsection1 {
  width: 50%;
}
.section-2 .subsection1 .sub2section-2 {
  margin-bottom: 50px;
  padding: 0px 15px;
}
.section-2 .subsection2 {
  width: 50%;
}
.section-2 .subsection2 .Perks {
  margin-top: 30px;
}
.section-2 .subsection2 .Perks .Carousel-3 {
  padding-left: 20px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  height: 250px;
  padding-right: 5px;
}
.section-2 .subsection2 .Perks .Carousel-3 img {
  width: 40px;
  margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.section-2 .subsection2 .checkoutMf {
  border: 1px solid #e7e7e7;
  width: 550px !important;
  border-radius: 5px;
}
.section-2 .subsection2 .checkoutMf .headingwrapper {
  margin-bottom: 33px;
}
.section-2 .subsection2 .checkoutMf .headingwrapper .titlecheckout {
  background-color: #f7f7f7;
  padding-top: 19px;
  padding-bottom: 16px;
  padding-left: 22px;
  border-radius: 5px;
}
.section-2 .subsection2 .checkoutMf .contentMf {
  padding-left: 23px;
  padding-right: 37px;
  margin-bottom: 15px;
}
.section-2 .subsection2 .startInvestingBtn {
  margin-bottom: 22px;
}
.section-2 .subsection2 .startInvestingBtn .startInvesting-Btn {
  background-color: #f04e45;
  padding: 9px 17px !important;
  margin-left: 23px;
}
.section-2 .subsection2 .subsection2 label {
  align-items: start;
  text-align: start;
  padding-right: 25px;
}

.colorCardofDetailWrapper {
  margin-bottom: 50px;
  padding: 20px 30px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
}
.colorCardofDetailWrapper label {
  margin-block: 20px;
}
.colorCardofDetailWrapper .colorCardofDetail {
  margin-inline: 15px 15px;
  display: flex;
  gap: 40px;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardLabel {
  margin-block: 30px;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD {
  border-radius: 5px !important;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD label {
  margin-top: 20px;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD .listOfDetails {
  list-style-type: disc;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD .listOfDetails li {
  margin-bottom: 15px !important;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD .listOfDetails .lastListContent {
  margin-bottom: 66px !important;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD .listOfDetails .textUnderline span {
  text-decoration: underline;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD .headingOfDetail {
  margin-left: 20px;
}
.colorCardofDetailWrapper .colorCardofDetail .colorCardsofCD .headingColorOfDetail {
  margin-left: 20px;
}

.sub2Section-5 {
  display: flex;
  justify-content: start;
  flex-flow: row;
  margin-top: 20px;
  margin-bottom: 52px;
  margin-left: 0px !important;
  width: 100%;
  gap: 15px;
}
.sub2Section-5 .iconBox {
  width: 23%;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  display: flex;
  justify-content: start;
  flex-flow: column;
  align-items: start;
}
.sub2Section-5 .iconBox img {
  width: 42px;
  margin-top: 26px;
  margin-left: 20px;
}
.sub2Section-5 .iconBox .sub2Section-5-text {
  margin-left: 20px;
  padding-right: 10px;
  text-align: start;
  padding-top: 19px;
  margin-bottom: 0px !important;
  margin-right: 23px;
}

.mobCardBlue {
  background-color: #f4fafd;
  padding-bottom: 20px;
  border-radius: 5px;
}
.mobCardBlue label {
  margin-block: 15px;
  margin-left: 15px;
}
.mobCardBlue .ulOfmobCardBlue ul {
  padding-right: 17px;
}
.mobCardBlue .ulOfmobCardBlue ul li {
  list-style-type: disc;
  color: #03002f;
  margin-bottom: 10px;
}

.whyMFhead {
  background-color: #f2f2f5;
  margin-top: 20px;
}
.whyMFhead .whyMFheadpart-1 {
  margin-right: 15px;
  margin-left: 15px;
}
.whyMFhead .whyMFheadpart-1 label {
  margin-top: 20px;
  margin-bottom: 15px;
}
.whyMFhead .WhyMFCaul {
  margin-left: 15px !important;
  margin-top: 20px !important;
}
.whyMFhead .WhyMFCaul .carouselmob {
  gap: 10px;
}
.whyMFhead .WhyMFCaul .iconBox {
  background-color: #ffffff;
  width: 182px;
  height: 180px;
  border-radius: 7px;
}
.whyMFhead .WhyMFCaul .iconBox .genericCardMF {
  padding-top: 15px;
}
.whyMFhead .WhyMFCaul .iconBox img {
  width: 35px !important;
  margin-left: 15px !important;
}
.whyMFhead .WhyMFCaul .iconBox .sub2Section-5-text {
  margin: 15px 13px 0px 10px;
}

.checkoutMob {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin-block: 22px 20px;
}
.checkoutMob .checkoutMobpart1 {
  background-color: #f4fafd;
}
.checkoutMob .checkoutMobpart1 span {
  text-decoration: underline;
}
.checkoutMob .checkoutMobpart1 label {
  margin: 20px 20px 20px 15px;
}
.checkoutMob .checkoutMobpart2 {
  margin-inline: 12px 15px;
  margin-top: 15px;
}
.checkoutMob .checkoutMob-btn {
  margin-top: 25px;
  margin-bottom: 20px;
  margin-left: 15px;
}

.equityFund-Btn {
  padding: 9px 17px !important;
}.bgColorChange {
  background-color: #ffffff !important;
}

.section-1 {
  display: flex;
  align-items: center;
}
.section-1 .section-1-sub {
  margin-top: 44px;
}
.section-1 .section-1-sub .startInvesting-Btn {
  background-color: #f04e45;
  padding: 16px 26px;
  margin-top: 30px;
}
.section-1 .section-2-sub {
  width: 547px;
  height: 176px;
  margin-top: 55px;
}
.section-1 .section-2-sub p {
  color: #727271;
}
.section-1 .section-2-sub p a {
  color: #03002f;
}

.mobMainSection .headingpart {
  text-align: center;
}
.mobMainSection .headingpart .EtfLink {
  margin-top: 30px;
}
.mobMainSection .headingpart .EtfLink {
  margin-top: 34px;
  text-decoration: underline;
}
.mobMainSection .headingpart .mob-Btn1 {
  margin-top: 17px;
  padding: 9px 17px;
  background-color: #f04e45;
  border-radius: 6px;
}

.drawerofmob .drawerhead {
  text-align: left;
}
.drawerofmob .drawerhead label {
  margin-left: 0px !important;
  margin-block: 20px !important;
}
.drawerofmob .drawerpara {
  text-align: start;
  padding: 30px 20px !important;
  line-height: 20px;
}

.mf-carousel .caurl-1 {
  background-color: #fef4ec;
}
.mf-carousel .caurl-2 {
  background-color: #e8f5fb;
}
.mf-carousel .caurl-3 {
  background-color: #fffce5;
}
.mf-carousel .caurl-4 {
  background-color: #e5f7f1;
}
.mf-carousel .caurl-5 {
  background-color: #fef4ec;
}
.mf-carousel .caurl-6 {
  background-color: #e8f5fb;
}
.mf-carousel .mfcolorCarul .carousel-1 {
  margin-block: 10px !important;
}

.mf-carouselmob {
  margin-top: 30px;
}
.mf-carouselmob .caurl-1 {
  background-color: #fef4ec;
}
.mf-carouselmob .caurl-2 {
  background-color: #e8f5fb;
}
.mf-carouselmob .caurl-3 {
  background-color: #fffce5;
}
.mf-carouselmob .caurl-4 {
  background-color: #e5f7f1;
}
.mf-carouselmob .caurl-5 {
  background-color: #fef4ec;
}
.mf-carouselmob .caurl-6 {
  background-color: #e8f5fb;
}

.CarouselHead {
  margin-top: 20px;
}
.CarouselHead .orgCaurl {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fef4ec;
}
.CarouselHead .orgCaurl img {
  width: 27px !important;
  margin-right: 10px;
}
.CarouselHead .orgCaurl p {
  margin-top: 25px;
  margin-bottom: 25px;
}

.CarouselHead {
  margin-top: 20px;
}
.CarouselHead .orgCaurl {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fef4ec;
}
.CarouselHead .orgCaurl img {
  width: 27px !important;
  margin-right: 10px;
}
.CarouselHead .orgCaurl p {
  margin-top: 25px;
  margin-bottom: 25px;
}

.section-3 {
  display: flex;
  justify-content: start;
  background-color: #fef4ec;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  margin-bottom: 50px;
}
.section-3 img {
  margin-right: 10px;
}
.section-3 .org-middle-1 {
  margin-left: 104px;
  margin-right: 150px;
}
.section-3 .org-middle-2 {
  padding-right: 120px;
}
.section-3 .org-middle-3 {
  padding-right: 100px;
}

.sub2Section-6 {
  display: flex;
  justify-content: start;
  flex-flow: row;
  margin-top: 20px;
  gap: 30px;
}
.sub2Section-6 .iconBox {
  width: 350px;
  height: 284px;
}
.sub2Section-6 .iconBox .sub2Section-6-text {
  padding: 0px 23px 0px 40px;
}
.sub2Section-6 .iconBox .sub3Section-6-text {
  padding: 40px 53px 0 40px;
}
.sub2Section-6 .iconBox {
  height: 286px;
}

.sub2section-2 {
  margin-bottom: 50px;
  border: 1px solid #e7e7e7;
  padding: 0px 15px;
}

.tableofhead {
  display: flex;
}

.checkoutMf {
  margin-bottom: 50px;
  width: 510px;
  border: 1px solid #e7e7e7;
}
.checkoutMf .headingwrapper {
  margin-bottom: 15px;
}
.checkoutMf .headingwrapper .titlecheckout {
  background-color: #f7f7f7;
  padding-top: 19px;
  padding-bottom: 16px;
  padding-left: 22px;
  border-radius: 5px;
}
.checkoutMf .contentMf {
  padding-left: 23px;
  padding-right: 37px;
  margin-bottom: 15px;
}
.checkoutMf .startInvestingBtn {
  margin-left: 23px;
  margin-bottom: 23px;
}

.bluecard-section {
  margin-bottom: 50px;
}

.doyoukonw {
  margin-inline: 50px 20px !important;
  margin-left: 0px !important;
}

@media only screen and (max-width: 600px) {
  .sub2sectionmob-2 {
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
  }
  .sub2sectionmob-2 .imgdiv img {
    width: 25px;
  }
  .sub2sectionmob-2 .imgdiv {
    margin-left: 15px;
  }
  .sub2sectionmob-2 .arrowimg img {
    width: 41px;
  }
  .sub2sectionmob-2 .arrowimg {
    margin-right: 15px;
  }
}
.checkoutMob {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.checkoutMob .checkoutMobpart1 {
  background-color: #f4fafd;
}
.checkoutMob .checkoutMobpart1 span {
  text-decoration: underline;
}
.checkoutMob .checkoutMobpart1 label {
  margin: 20px 20px 20px 15px;
}
.checkoutMob .checkoutMobpart2 {
  margin-inline: 12px 15px;
  margin-top: 15px;
}
.checkoutMob .checkoutMob-btn {
  margin-top: 25px;
  margin-bottom: 20px;
  margin-left: 15px;
}

.majorCategories {
  margin-bottom: 10px;
}

.grey-table {
  display: flex;
}
.grey-table .contentoftable {
  padding: 20px;
}

.tableLabel {
  margin-bottom: 20px;
}

.firstCol,
.secondCol,
.thirdCol {
  padding-inline: 30px;
  padding-block: 26.5px;
  text-align: center;
}

.tableAndCheckout {
  display: inline-flex;
}
.tableAndCheckout label {
  margin-bottom: 20px;
}

.tableWrapper .row .col1 {
  width: 200px;
  text-align: center;
}
.tableWrapper .row .col2,
.tableWrapper .row .col3 {
  width: 182px;
  text-align: center;
}
.tableWrapper .row {
  border: 1px solid #e7e7e7;
}

.etfRightside .iconbox-2 {
  width: 450px;
  margin-block: 20px 20px !important;
}
.etfRightside {
  margin-right: 15px;
}.arrowandcontent .hr {
  margin: 0px;
  height: 2px;
  background-color: #e7e7e7;
}
.arrowandcontent .sliderheading {
  margin-block: 30px;
  margin-left: 30px;
  background-color: #f4fafd;
}
.arrowandcontent .iconbox-2 {
  margin-block: 52px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 4px !important;
}
.arrowandcontent .iconbox-2 .imgdiv {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 15px;
}
.arrowandcontent .iconbox-2 .paraofcaurosal {
  flex: 9;
  margin-left: 15px !important;
}
.arrowandcontent .iconbox-2 .paraofcaurosal .arrowimg {
  padding-right: 20px !important;
}
.arrowandcontent .iconbox-2 .paraofcaurosal .nametext {
  margin-bottom: 0px !important;
}

.sliderbarofMf .stock-details-body {
  padding: 15px !important;
}

.sliderbarofMf .tab-pane {
  padding: 15px !important;
}.bgColorChange {
  background-color: #ffffff !important;
}

.section-1 {
  display: flex;
  margin-top: 30px !important;
  align-items: center;
}
.section-1 .section-1-sub {
  margin-right: 80px;
  margin-top: 10px !important;
}
.section-1 .section-1-sub .startInvesting-Btn {
  background-color: #f04e45;
  padding: 16px 26px;
  margin-top: 30px;
}
.section-1 .mfcolorCarul .carousel-1 {
  width: 100%;
}
.section-1 .section-2-sub {
  width: 547px;
  margin-top: 55px;
}
.section-1 .section-2-sub p {
  color: #727271;
}
.section-1 .section-2-sub p a {
  color: #03002f;
}

.mf-carousel .caurl-1 {
  background-color: #fef4ec;
}
.mf-carousel .caurl-2 {
  background-color: #e8f5fb;
}
.mf-carousel .caurl-3 {
  background-color: #fffce5;
}
.mf-carousel .caurl-4 {
  background-color: #e5f7f1;
}
.mf-carousel .caurl-5 {
  background-color: #fef4ec;
}
.mf-carousel .caurl-6 {
  background-color: #e8f5fb;
}

.mf-carouselmob {
  margin-top: 30px;
}
.mf-carouselmob .caurl-1 {
  background-color: #fef4ec;
}
.mf-carouselmob .caurl-2 {
  background-color: #e8f5fb;
}
.mf-carouselmob .caurl-3 {
  background-color: #fffce5;
}
.mf-carouselmob .caurl-4 {
  background-color: #e5f7f1;
}
.mf-carouselmob .caurl-5 {
  background-color: #fef4ec;
}
.mf-carouselmob .caurl-6 {
  background-color: #e8f5fb;
}

.section-3 {
  display: flex;
  justify-content: start;
  background-color: #fef4ec;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  margin-bottom: 50px;
}
.section-3 img {
  margin-right: 10px;
}
.section-3 .org-middle-1 {
  margin-left: 104px;
  margin-right: 150px;
}
.section-3 .org-middle-2 {
  padding-right: 120px;
}
.section-3 .org-middle-3 {
  padding-right: 100px;
}

.section-5 .sub2Section-5 {
  display: flex;
  justify-content: start;
  flex-flow: row;
  margin-top: 20px;
  margin-bottom: 52px;
  margin-left: 0px !important;
  width: 100%;
  gap: 15px;
}
.section-5 .sub2Section-5 .iconBox {
  width: 23%;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  display: flex;
  justify-content: start;
  flex-flow: column;
  align-items: start;
}
.section-5 .sub2Section-5 .iconBox img {
  width: 42px;
  margin-top: 26px;
  margin-left: 20px;
}
.section-5 .sub2Section-5 .iconBox .sub2Section-5-text {
  margin-left: 20px;
  padding-right: 10px;
  text-align: start;
  padding-top: 19px;
  margin-bottom: 0px !important;
  margin-right: 23px;
}

.section-6 {
  margin-bottom: 20px;
}
.section-6 .sub2Section-6 {
  display: flex;
  justify-content: start;
  flex-flow: row;
  margin-top: 20px;
}
.section-6 .sub2Section-6 .iconBox .sub2Section-6-text {
  padding: 0px 23px 0px 40px;
  margin-right: 20px !important;
}
.section-6 .sub2Section-6 .iconBox .sub3Section-6-text {
  padding: 40px 53px 0 40px;
}
.section-6 .sub2Section-6 .iconBox {
  height: 286px;
}

.section-2 {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  gap: 20px;
  width: 1440px;
}
.section-2 .subsection1 .sub1section-2 {
  margin-bottom: 30px;
}
.section-2 .subsection1 {
  width: 50%;
}
.section-2 .subsection1 .sub2section-2 {
  margin-bottom: 50px;
  border: 1px solid #e7e7e7;
  padding: 0px 15px;
}
.section-2 .subsection2 {
  width: 50%;
}
.section-2 .subsection2 .Perks {
  margin-top: 30px;
}
.section-2 .subsection2 .Perks .Carousel-3 {
  padding-left: 20px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  height: 250px;
  padding-right: 5px;
}
.section-2 .subsection2 .Perks .Carousel-3 img {
  width: 40px;
  margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.section-2 .subsection2 .checkoutMf {
  border: 1px solid #e7e7e7;
}
.section-2 .subsection2 .checkoutMf .headingwrapper {
  margin-bottom: 33px;
}
.section-2 .subsection2 .checkoutMf .headingwrapper .titlecheckout {
  background-color: #f7f7f7;
  padding-top: 19px;
  padding-bottom: 16px;
  padding-left: 22px;
  border-radius: 5px;
}
.section-2 .subsection2 .checkoutMf .contentMf {
  padding-left: 23px;
  padding-right: 37px;
  margin-bottom: 15px;
}
.section-2 .subsection2 .startInvestingBtn {
  margin-bottom: 23px;
}
.section-2 .subsection2 .startInvestingBtn .startInvesting-Btn {
  background-color: #f04e45;
  padding: 9px 17px !important;
  margin-left: 23px;
}
.section-2 .subsection2 .subsection2 label {
  align-items: start;
  text-align: start;
  padding-right: 25px;
}

.owl-dots {
  padding-top: 16px !important;
}

.mobMainSection .headingpart {
  text-align: center;
}
.mobMainSection .headingpart label {
  margin-top: 30px;
}
.mobMainSection .headingpart .mflink {
  margin-top: 34px;
  text-decoration: underline;
}
.mobMainSection .headingpart .mob-Btn1 {
  margin-top: 17px;
  padding: 9px 17px;
  background-color: #f04e45;
  border-radius: 6px;
}

.mobsection-of-mf .drawerhead {
  text-align: left;
}
.mobsection-of-mf .drawerhead label {
  margin-left: 0px !important;
  margin-block: 20px !important;
}
.mobsection-of-mf .drawerpara {
  text-align: start !important;
  padding: 30px 20px;
  line-height: 20px;
}
.mobsection-of-mf .drawerpara p {
  text-decoration: none;
}

.mutualcarousel .Carousel-3 {
  margin-top: 15px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  height: 165px;
}
.mutualcarousel .Carousel-3 img {
  width: 22px;
  margin-top: 15px;
}
.mutualcarousel .Carousel-3 p {
  margin-left: 10px;
  margin-right: 7px;
  margin-bottom: 44px;
}

.section-4 {
  display: flex;
  margin-bottom: 50px;
}
.section-4 .leftside {
  width: 550px;
}
.section-4 .leftside .flex-right {
  display: flex;
  border: 1px solid #e7e7e7;
}
.section-4 .leftside .paraLeft {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 15px;
}
.section-4 .leftside .paraLeft .headingofleft {
  margin-bottom: 0px;
}
.section-4 .leftside .group-img {
  width: 48px;
  margin-top: 30px;
  margin-left: 15px;
}
.section-4 .leftside .arrowimg-left {
  margin-top: 40px !important;
  margin-right: 30px !important;
}
.section-4 .rightside-1 {
  border: 1px solid #e7e7e7;
  background-color: #f7f7f7;
  margin-left: 20px !important;
}
.section-4 .rightside-1 .right-label {
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 22px !important;
}
.section-4 .rightside-1 .rightside {
  display: flex;
  width: 520px;
  margin-left: 20px;
}
.section-4 .rightside-1 .rightside .paraofright {
  margin-bottom: 10px !important;
}
.section-4 .rightside-1 .rightside .rightsideimg img {
  width: 40px;
  margin-top: 30px;
}
.section-4 .rightside-1 .rightside .rightpara {
  margin-left: 20px;
  margin-bottom: 15px !important;
}
.section-4 .rightside-1 .rightside .rightpara .paraofright {
  margin-top: 5px !important;
}

.leftside-1 .paraofleft {
  margin-bottom: 22px;
}
.leftside-1 .flex-right {
  margin-bottom: 14px;
}
.leftside-1 .flex-right:last-child {
  margin-bottom: 0px;
}

.Perksmob img {
  margin-top: 15px;
  margin-left: 10px;
  margin-bottom: 15px;
}
.Perksmob .Carousel-3 {
  height: 120px !important;
}

.CarouselHead {
  margin-top: 20px;
}

.orgCaurl {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fef4ec;
}
.orgCaurl img {
  width: 27px !important;
  margin-right: 10px;
}
.orgCaurl p {
  margin-top: 25px;
  margin-bottom: 25px;
}

.cardofinfo {
  margin-top: 20px;
}
.cardofinfo img {
  width: 18px;
}
.cardofinfo .rightsideimg {
  margin-right: 16px;
  margin-left: 15px;
  margin-top: 15px;
}
.cardofinfo .rightpara-head {
  margin-top: 15px;
}
.cardofinfo .rightside {
  display: flex;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  background: #ffffff;
  margin-top: 10px;
  margin-bottom: 20px !important;
}

.directPlanMainBox {
  background-color: #f2f2f5;
  border-radius: 10px;
  margin-bottom: 20px;
}
.directPlanMainBox .directPlan {
  margin-bottom: 20px !important;
}
.directPlanMainBox .directPlan .right-label {
  margin-top: 15px !important;
  margin-left: 15px;
}
.directPlanMainBox .directplanMObWrapper {
  display: flex;
  flex-direction: row;
  margin-left: 10px;
  margin-right: 10px;
  gap: 10px;
  height: 223px;
}
.directPlanMainBox .directplanMObWrapper .directplanMOb {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 7px;
  margin-bottom: 15px;
}
.directPlanMainBox .directplanMObWrapper .directplanMOb p {
  margin-left: 15px;
  margin-right: 15px;
}
.directPlanMainBox .directplanMObWrapper .directplanMOb img {
  margin-bottom: 15px;
  margin-left: 15px;
  margin-top: 15px;
}
.directPlanMainBox .directplanMObWrapper .directplanMOb label {
  margin-top: 19px;
  margin-left: 15px;
}
.directPlanMainBox .directplanMObWrapper .directplanMOb .directMobFirst {
  display: flex;
  flex-direction: row;
}
.directPlanMainBox .directplanMObWrapper .directplanMOb .directMobSec {
  margin-right: 15px !important;
}

.checkoutMob {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.checkoutMob .checkoutMobpart1 {
  background-color: #f4fafd;
}
.checkoutMob .checkoutMobpart1 span {
  text-decoration: underline;
}
.checkoutMob .checkoutMobpart1 label {
  margin: 20px 20px 20px 15px;
}
.checkoutMob .checkoutMobpart2 {
  margin-inline: 12px 15px;
  margin-top: 15px;
}
.checkoutMob .checkoutMob-btn {
  margin-top: 25px;
  margin-bottom: 20px;
  margin-left: 15px;
}

.whyMFhead {
  background-color: #f2f2f5;
  margin-top: 20px;
}
.whyMFhead .whyMFheadpart-1 {
  margin-right: 15px;
  margin-left: 15px;
}
.whyMFhead .whyMFheadpart-1 label {
  margin-top: 20px;
  margin-bottom: 15px;
}
.whyMFhead .WhyMFCaul {
  margin-left: 15px !important;
}
.whyMFhead .WhyMFCaul .carouselmob {
  gap: 10px;
}
.whyMFhead .WhyMFCaul .iconBox {
  background-color: #ffffff;
  width: 182px;
  height: 180px;
  border-radius: 7px;
}
.whyMFhead .WhyMFCaul .iconBox .genericCardMF {
  padding-top: 15px;
}
.whyMFhead .WhyMFCaul .iconBox img {
  width: 35px !important;
  margin-left: 15px !important;
}
.whyMFhead .WhyMFCaul .iconBox .sub2Section-5-text {
  margin: 15px 13px 0px 10px;
}

.sub2Sectionmob-6 {
  border-radius: 5px;
  border-radius: 5px;
  margin-top: 12px;
}
.sub2Sectionmob-6 .sub3Section-6-text {
  padding-top: 15px !important;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
}
.sub2Sectionmob-6 .sub2Section-6-text {
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.sub2Sectionmob-6 .iconBox {
  background-color: #f4fafd;
}

.didyouHead {
  margin-top: 20px;
  margin-bottom: 12px;
}

.majorCategories {
  margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {
  .sub2sectionmob-2 {
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
  }
  .sub2sectionmob-2 .imgdiv img {
    width: 25px;
  }
  .sub2sectionmob-2 .imgdiv {
    margin-left: 15px;
  }
  .sub2sectionmob-2 .arrowimg img {
    width: 41px;
  }
  .sub2sectionmob-2 .arrowimg {
    margin-right: 15px;
  }
  .iconbox-2 {
    margin-block: 15px !important;
  }
  .rightpara-head {
    margin-top: 15px !important;
    margin-bottom: 5px !important;
  }
  .paraofright {
    margin-right: 15px !important;
  }
}
.mainWrapper {
  border: 1px solid #e7e7e7;
  border-radius: 6px;
}
.mainWrapper .equityFund {
  margin-block: 15px 10px;
  margin-left: 15px;
}
.mainWrapper .equityFund img {
  width: 20px;
}
.mainWrapper label {
  margin: 0px 15px 13px 15px !important;
}
.mainWrapper .equityFundBtn {
  margin-bottom: 16px;
  margin-left: 15px;
}

.listofEquityWrapper {
  margin-left: 15px;
  margin-top: 6px;
}

.listofEquity {
  list-style-type: disc;
}

.equityInfo {
  margin-bottom: 15px;
}

.ulContent .listofEquity {
  margin-bottom: 5px;
}
.ulContent .listofEquity li {
  margin-bottom: 5px;
}

.liofBalanced li {
  padding-left: 0px !important;
}

.ulContent .hr-blurry {
  height: 1px !important;
}.product-breadcrumbs {
  padding: 31px 0px;
}
@media screen and (max-width: 1023px) {
  .product-breadcrumbs {
    margin-bottom: -1px;
  }
}
.product-breadcrumbs .breadcrumb {
  margin-bottom: 0px;
}
.product-breadcrumbs .breadcrumb .breadcrumb-item {
  font-size: 0.875rem;
  font-family: "DMSansNormal" !important;
  color: #b2b2c2 !important;
}
.product-breadcrumbs .breadcrumb .breadcrumb-item a {
  color: #b2b2c2 !important;
}
.product-breadcrumbs .breadcrumb .breadcrumb-item.active {
  color: #f2f2f5 !important;
  cursor: default;
}
.product-breadcrumbs .breadcrumb-item.highlighted a {
  font-family: "DMSansMedium" !important;
  color: #f2f2f5 !important;
}
.product-breadcrumbs .breadcrumb-item.highlighted.active {
  color: #f2f2f5 !important;
  cursor: default;
}

.product-main-section-pms {
  border-radius: 60px 60px 0px 0px;
  position: relative;
  top: -50px;
}
@media screen and (max-width: 1023px) {
  .product-main-section-pms {
    border-radius: 30px 30px 0px 0px;
  }
}

.product-main-section {
  border-radius: 60px 60px 0px 0px;
  position: relative;
  top: -100px;
}
@media screen and (min-width: 1023px) {
  .product-main-section .slick-list .slick-slide .common-desc {
    padding-right: 20px;
  }
}

.active-content-minimobile {
  width: 370px;
  height: 95px;
  line-height: normal;
}
@media screen and (max-width: 1023px) {
  .active-content-minimobile {
    width: 295px;
    height: 65px;
  }
}

.active-content-minimobile-assets {
  width: 370px;
  height: 55px;
  line-height: normal;
}
@media screen and (max-width: 1023px) {
  .active-content-minimobile-assets {
    width: 295px;
    height: 65px;
  }
}

.active-content-minimobile-insurance {
  width: 295px;
  height: 88px;
  line-height: normal;
}
@media screen and (max-width: 1023px) {
  .active-content-minimobile-insurance {
    width: 295px;
    height: 65px;
  }
}

.mobile-banner .product-mobile {
  border-bottom: 0px !important;
  border: 8px solid #ffffff;
  border-radius: 50px 50px 0px 0px;
  min-width: 340px;
  padding: 50px 30px 70px 30px;
}
.mobile-banner .product-mobile .block-item {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: transform 6s ease-in-out;
}
.mobile-banner .product-mobile .block-item.active {
  transform: translateY(0);
  width: calc(100% + 150px);
  height: auto;
  border-radius: 15px;
  background: rgba(72, 69, 133, 0.44);
  box-shadow: 0px 14px 26.6px 0px rgba(0, 0, 0, 0.1), 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(45px);
  backdrop-filter: blur(45px);
  margin: 0px -75px 20px -91px;
}
.mobile-banner .insurance-product-mobile {
  min-width: 364px;
  max-width: 364px;
}
.mobile-banner .top-star img {
  height: 38px;
  width: 36px;
}
.mobile-banner .bottom-star img {
  width: 31px;
  height: 29px;
}
.mobile-banner .bottom-star {
  align-items: end;
  bottom: 100px;
  position: relative;
}
.mobile-banner .dots button {
  opacity: 0.5;
  background: #ffffff;
  width: 8px;
  height: 15px;
  border-radius: 50px;
}
.mobile-banner .dots button.active {
  height: 41px;
  opacity: 1;
}

.banner-gap {
  gap: 168px;
}

.carousel-banner .main-row {
  padding-bottom: 100px;
  gap: 50px;
  min-height: 475px;
}
@media screen and (min-width: 1600px) {
  .carousel-banner .main-row {
    gap: 15%;
  }
}
.carousel-banner .main-row > *:last-child {
  position: relative;
}
.carousel-banner .banner-carousel {
  width: 100%;
  padding-left: 10% !important;
  overflow: hidden;
}
.carousel-banner .banner-carousel .banner-offerings > div {
  margin-left: 20px !important;
}
.carousel-banner .banner-carousel .banner-offerings > div .offeringboxsection {
  background-color: #ffffff;
}
.carousel-banner .banner-carousel .slick-list {
  padding: 0px 25px !important;
}
.carousel-banner .custom-arrows {
  padding: 12px 0px;
}

@media screen and (max-width: 1023px) {
  .product-main-section {
    border-radius: 30px 30px 0px 0px;
  }
  .banner-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .mobile-banner {
    padding: 60px 12px 0px 12px;
  }
  .mobile-banner .product-mobile {
    min-width: 250px;
  }
  .mobile-banner .top-star img {
    width: 28px;
    height: 27px;
  }
  .mobile-banner .bottom-star img {
    width: 23px;
    height: 22px;
  }
  .block-row {
    overflow-x: auto;
    width: 100%;
  }
  .block-row::-webkit-scrollbar {
    display: none;
  }
  .block-row .blocks {
    min-width: 210px;
  }
}
@keyframes slidein {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes slideout {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-180%);
    width: 100%;
  }
}
@media screen and (min-width: 1023px) {
  .product-head .headTop > div {
    background-color: #1c1a45;
  }
  .product-head .main-custom-stock {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .product-head .main-custom-stock .stockValues .main-stock-values {
    align-items: baseline !important;
  }
  .product-head .main-custom-stock .stockValues .main-stock-values p,
  .product-head .main-custom-stock .stockValues .main-stock-values .ltp-value {
    color: rgba(255, 255, 255, 0.6) !important;
  }
  .product-head .container-bg {
    background: #1c1a45;
  }
  .product-head .refactor-header-section {
    background: #1c1a45;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
  }
  .product-head .refactor-header-section .header-info {
    border: 0px;
    border-radius: 5px;
  }
  .product-head .refactor-header-section .navigation-menu .nav-menu-outer .nav-head {
    color: #ffffff;
    font-family: "DMSansMedium";
  }
  .product-head .refactor-header-section .navigation-menu .nav-menu-outer .edel-icon-arrow-down {
    color: #ffffff;
  }
  .product-head .refactor-header-section .supportNotify i.edel-icon-bold-search::before,
  .product-head .refactor-header-section .supportNotify span.edel-icon-bold-search::before {
    color: #ffffff !important;
  }
  .product-head .refactor-header-section .supportNotify span {
    position: relative;
    margin-top: -2px;
  }
  .product-head .refactor-header-section .supportNotify .edel-icon-user2 {
    display: none;
  }
  .product-head .refactor-header-section .supportNotify .support .edel-icon-support-2::before {
    font-size: 1.375rem;
    color: #ffffff !important;
  }
  .product-head .refactor-header-section .supportNotify .sign-up-text {
    color: #ffffff;
    background: #f04e45;
    border-radius: 60px;
    padding: 8px 15px;
    display: flex;
    justify-content: center;
    font-family: "DMSansBold";
    font-size: 0.75rem;
  }
  .product-head .refactor-header-section .supportNotify .sign-up-text:hover {
    color: #ffffff !important;
    background-color: #f2736b;
  }
}
@media screen and (min-width: 1023px) and (min-width: 768px) and (max-width: 3000px) {
  .product-head .loginregister-drawer .drawer-body::after {
    content: "";
    position: absolute;
    right: 0%;
  }
}
@media screen and (min-width: 1023px) and (min-width: 768px) and (max-width: 3000px) and (min-width: 1600px) {
  .product-head .loginregister-drawer .drawer-body::after {
    top: -4%;
  }
}
@media screen and (min-width: 1023px) and (min-width: 768px) and (max-width: 1600px) {
  .product-head .support-content-drp .drawer-body::after {
    right: 32% !important;
  }
}
.product-curve .ed-footer-inner-wrapper {
  border-radius: 60px 60px 0px 0px;
}
@media screen and (max-width: 1023px) {
  .product-curve .ed-footer-inner-wrapper {
    border-radius: 30px 30px 0px 0px;
  }
}

.edel-icon-asset-etf::before {
  font-size: 2rem;
}
.edel-icon-asset-wallet::before {
  font-size: 2rem;
}
.edel-icon-asset-aif::before {
  font-size: 2rem;
}
.edel-icon-asset-pms::before {
  font-size: 2rem;
}
.edel-icon-asset-gold::before {
  font-size: 2rem;
}
.edel-icon-asset-rbi::before {
  font-size: 2rem;
}
.edel-icon-asset-ecbonds::before {
  font-size: 2rem;
}
.edel-icon-asset-corpfd::before {
  font-size: 2rem;
}.products-owl-carousal {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  width: 100%;
}
.products-owl-carousal .SliderIcon {
  margin-top: 30px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .products-owl-carousal .SliderIcon.disabled {
    display: none !important;
  }
}
.products-owl-carousal .SliderIcon button {
  border-radius: 50% !important;
  font-size: 0.625rem;
  width: 32px;
  height: 32px;
  font-weight: 800;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
  border: 2px solid #03002f !important;
  background-color: transparent;
  transition: color 0.3s, background-color 0.3s;
}
@media (max-width: 768px) {
  .products-owl-carousal .SliderIcon button {
    display: none !important;
    margin-top: 30px;
  }
}
.products-owl-carousal .SliderIcon button span {
  display: none;
}
.products-owl-carousal .SliderIcon button:hover {
  background-color: #03002f;
  color: #ffffff;
}
.products-owl-carousal .owl-dots {
  position: absolute;
  bottom: -4px;
}
@media (max-width: 768px) {
  .products-owl-carousal .owl-dots {
    bottom: -10px;
  }
}
.products-owl-carousal .owl-dots {
  left: 50%;
  transform: translateX(-50%);
}
.products-owl-carousal .owl-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  cursor: pointer;
}
.products-owl-carousal .owl-dots {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.products-owl-carousal .owl-theme .owl-dots .owl-dot.active span,
.products-owl-carousal .owl-theme .owl-dots .owl-dot:hover span {
  border: 2px solid #03002f !important;
  background: #03002f;
}
.products-owl-carousal div.owl-nav.SliderIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 150px;
}
.products-owl-carousal .owl-theme .owl-dots .owl-dot span {
  width: inherit !important;
  height: inherit !important;
}
.products-owl-carousal .owl-carousel .owl-item img {
  width: auto;
}.rc-slider {
  position: relative;
  width: 97% !important;
  margin: 0px auto !important;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  touch-action: none;
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 0px !important;
  border-radius: 6px;
  border: 2px dashed #e7e7e7 !important;
}
.rc-slider-track {
  position: absolute;
  height: 0px !important;
  border-radius: 6px;
  background-color: none !important;
}
.rc-slider-handle {
  position: absolute;
  background-color: #ffffff;
  width: 35px !important;
  height: 35px !important;
  border: 8px solid #03002f !important;
  box-shadow: none !important;
  border-radius: 50%;
  z-index: 1;
  top: -15px !important;
  cursor: pointer;
  touch-action: pan-x;
}
@media (max-width: 768px) {
  .rc-slider-handle {
    width: 24px !important;
    height: 24px !important;
    border: 5px solid #03002f !important;
    top: -6px !important;
  }
}
.rc-slider-handle:focus {
  outline: none;
  box-shadow: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  box-shadow: 0 0 0 3px tint(#2db7f5, 50%);
}
.rc-slider-handle-click-focused:focus {
  border-color: tint(#2db7f5, 50%);
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: tint(#2db7f5, 20%);
}
.rc-slider-handle:active {
  border-color: tint(#2db7f5, 20%);
  box-shadow: 0 0 5px tint(#2db7f5, 20%);
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 25px !important;
  left: 0;
  width: 100%;
  color: #727271 !important;
  font-size: 14px !important;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #727271 !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
@media (max-width: 768px) {
  .rc-slider-mark-text {
    font-size: 0.688rem;
  }
}
.rc-slider-mark-text-active {
  color: #727271 !important;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -4px;
  width: 15px !important;
  height: 15px !important;
  vertical-align: middle;
  background-color: #fff;
  border: solid 2px #03002f;
  box-shadow: unset;
  z-index: 1;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 768px) {
  .rc-slider-dot {
    width: 7px !important;
    height: 7px !important;
    border: solid 1px #03002f;
    bottom: 0px;
  }
}
.rc-slider-dot-active {
  border-color: tint(#2db7f5, 50%);
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}

.boxoutersection {
  border: 1px solid #e7e7e7;
  padding: 30px 20px 50px 20px;
  border-radius: 5px;
}
.boxoutersection .boxinnerSection {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
}
.boxoutersection .boxinnerSection h1 {
  margin-bottom: 10px;
}
.boxoutersection .horizontalline {
  border: 1px solid #e7e7e7;
  margin: 2rem 0px;
}
.boxoutersection > div:last-child .horizontalline {
  display: none;
}

.boxoutersectionview {
  border: 1px solid #e7e7e7;
  padding: 20px 20px 20px 20px;
  border-radius: 5px;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 23px;
  align-items: center;
  justify-items: center;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  width: 100%;
  padding: 23px;
  text-align: center;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox img {
  width: 43px;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox .headingtitle {
  line-height: 20px;
  margin-top: 20px;
}

.topperforming-experience {
  width: 100%;
  background-color: #fffbf2;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 32px;
  font-family: "EncodeSansLight";
  font-style: normal;
  height: 280px;
}
.topperforming-experience .topperforming-experience-body {
  font-weight: 300;
  font-size: 1rem;
  line-height: 20px;
  padding-top: 24px;
}
.topperforming-experience .topperforming-experience-body .Btntopperforming {
  float: left;
  margin-top: 3.14rem;
}
.topperforming-experience .topperforming-experience-body p {
  max-width: 310px;
}
.topperforming-experience .startlumpsumsection {
  justify-content: end;
  display: flex;
  align-items: end;
}
@media (max-width: 768px) {
  .topperforming-experience .startlumpsumsection .text-right {
    display: grid;
    grid-template-columns: 60% auto;
    grid-column-start: none;
  }
  .topperforming-experience .startlumpsumsection .text-right img {
    width: 45px;
  }
}
.topperforming-experience .startlumpsumsection .ed_button {
  text-transform: unset !important;
  width: 182px;
}
@media (max-width: 768px) {
  .topperforming-experience .startlumpsumsection .ed_button {
    width: 130px !important;
  }
}

.mfradiobox-mob-section .disp_val {
  color: #b8b8b8 !important;
}
.mfradiobox-mob-section .radio_btn input[type=radio]:checked + .disp_val {
  color: #444444 !important;
}

@media (max-width: 768px) {
  .mfradiobox-mob-section .disp_val {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}
.explorefundmainSection {
  background-color: #f2f2f5;
  padding: 30px 20px 30px 30px;
  border-radius: 5px;
}
.explorefundmainSection strong {
  margin-right: 5px;
}
.explorefundmainSection .fdreturn {
  margin-top: 39px;
  margin-bottom: 30px;
}
.explorefundmainSection .progressbarsection .progressbox {
  background-color: #ffffff;
  border-radius: 5px;
  height: 40px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.explorefundmainSection .progressbarsection .progressbox div:last-child {
  text-align: right;
}
.explorefundmainSection .progressbarsection .progressbox .mf-main,
.explorefundmainSection .progressbarsection .progressbox .mf-invest,
.explorefundmainSection .progressbarsection .progressbox .mf-gains {
  height: 10px;
}
.explorefundmainSection .progressbarsection .progressbox {
  background-color: #ffffff;
  border-radius: 5px;
  height: 40px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media (max-width: 768px) {
  .explorefundmainSection .progressbarsection .progressbox {
    padding-left: 12px !important;
    padding-right: 12px !important;
    grid-template-columns: 2fr 1.5fr;
  }
}
.explorefundmainSection .progressbarsection .progressbox div:last-child {
  text-align: right;
}
.explorefundmainSection .progressbarsection .progressbox .mf-main,
.explorefundmainSection .progressbarsection .progressbox .mf-invest,
.explorefundmainSection .progressbarsection .progressbox .mf-gains,
.explorefundmainSection .progressbarsection .progressbox .fd-gains {
  height: 10px;
}
.explorefundmainSection .outerprogresssection {
  display: flex;
  justify-content: space-between;
}
.explorefundmainSection .outerprogresssection .progressiconbox:last-child {
  grid-column-end: none;
}
.explorefundmainSection .outerprogresssection .progressiconbox {
  display: grid;
  grid-template-columns: 20px auto;
  gap: 8px;
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox {
    grid-template-columns: 11px auto;
    gap: 4px;
  }
}
.explorefundmainSection .outerprogresssection .progressiconbox .icondata div {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  position: relative;
  top: 5px;
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox .icondata div {
    width: 10px;
    height: 10px;
    top: 0px;
  }
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox div:last-child span:last-child {
    margin-top: 8px;
  }
}
.explorefundmainSection .mf-invest {
  background-color: #03002f;
}
.explorefundmainSection .mf-gains {
  background-color: #51b255;
}
.explorefundmainSection .fd-gains {
  background-color: #dfa717;
}
.explorefundmainSection .mt-36 {
  margin-top: 36px;
}
@media (max-width: 768px) {
  .explorefundmainSection .Roboto_36_600 {
    font-size: 1.875rem;
  }
  .explorefundmainSection .EncodeSansM_18_500 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSans_14_500 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .EncodeSans_16_600 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSansR_14_400 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .RobotoM_18_500 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSans_14_500 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .RobotoM_14_700 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .EncodeSansR_12_400 {
    font-size: 0.688rem;
  }
  .explorefundmainSection .EncodeSans_16_500 {
    font-size: 0.875rem;
  }
}

.blurdesign {
  opacity: 0.5;
}

.growthCalculator-section .height40 {
  height: 40px;
}
@media (max-width: 768px) {
  .growthCalculator-section .mb-ui p {
    text-align: center;
    margin-bottom: 10px !important;
  }
}
.growthCalculator-section .marketgroup {
  padding: 0px;
}
.growthCalculator-section .marketgroup .marketCard {
  padding-bottom: 0px !important;
}
.growthCalculator-section .marketgroup .marketCard .mk-card-topright.gap {
  margin-left: 9px !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .marketgroup .marketCard .mk-card-topleftmain {
    font-size: 1rem !important;
  }
}
.growthCalculator-section .calculatortab .nav-item:last-child .nav-link {
  padding: 11px 15px 11px 15px !important;
}
.growthCalculator-section .calculatortab .nav-item .nav-link {
  font-size: 1rem !important;
  padding: 11px 15px 11px 11px !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatortab .nav-item .nav-link {
    font-size: 0.875rem !important;
    margin-bottom: 0px !important;
  }
}
.growthCalculator-section .calculatortab .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.growthCalculator-section .radioBoxsection {
  display: grid;
  grid-template-columns: 35% 35% auto;
  gap: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .radioBoxsection {
    grid-template-columns: 55% 45%;
    gap: 0px;
  }
}
.growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
  height: 17px;
  width: 17px;
}
@media screen and (max-width: 1023px) {
  .growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}
.growthCalculator-section .calculatorTextbox {
  border-bottom: 1px solid #e7e7e7;
}
.growthCalculator-section .calculatorTextbox .input_prefix {
  font-size: 2.625rem;
  font-family: "RobotoBold";
  font-weight: bolder;
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatorTextbox .input_prefix {
    font-size: 2.25rem;
  }
}
.growthCalculator-section .calculatorTextbox .form-control {
  border: none;
  line-height: 40px;
  padding: 0 0 0 10px;
  border-radius: 0px;
  font-size: 2.5rem;
  font-family: "RobotoBold";
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatorTextbox .form-control {
    font-size: 2.25rem;
    text-align: center;
  }
}
.growthCalculator-section .timeperiodSection {
  display: grid;
  grid-template-columns: 85% 15%;
  align-items: center;
  margin-top: 38px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection {
    grid-template-columns: 75% 25%;
  }
}
.growthCalculator-section .timeperiodSection.assumedreturn {
  grid-template-columns: 80% 20%;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.assumedreturn {
    grid-template-columns: 72% 28%;
  }
}
.growthCalculator-section .timeperiodSection.recommendation {
  grid-template-columns: 75% 25% !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.recommendation {
    grid-template-columns: 68% 32% !important;
  }
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.recommendation .slider-input-group .slidervalue {
    width: 100px;
  }
  .growthCalculator-section .timeperiodSection.recommendation .slider-input-group .slidervalue .form-control {
    padding-right: 4px;
    padding-left: 7px;
  }
}
.growthCalculator-section .timeperiodSection.recommendation .input_suffix::before {
  content: "%/";
  margin-right: 5px;
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue {
  display: flex;
  align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue {
    padding-right: 10px;
  }
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control {
  border: none !important;
  font-size: 1.25rem;
  font-family: "RobotoRegular";
  text-align: right;
  padding-right: 6px;
  color: #444444;
  background-color: #ffffff;
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control:disabled {
  color: #b8b8b8;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control {
    font-size: 1rem;
  }
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .input_suffix {
  grid-column-end: none;
  color: #b8b8b8;
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .input_suffix {
    font-size: 0.875rem;
  }
}
.growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-input {
  width: 25px;
  height: 25px;
  accent-color: #03002f;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-input {
    width: 16px;
    height: 16px;
    position: relative;
    margin-top: 0px;
  }
}
.growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-label {
  line-height: 30px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-label {
    line-height: 35px;
    margin-left: 0px;
  }
}
.growthCalculator-section .radioBoxsectionfundtype {
  display: grid;
  grid-template-columns: 20% 20% 20% auto;
  gap: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .radioBoxsectionfundtype {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button {
  border: 1px solid #e7e7e7;
  padding: 7px 8px 7px 9px;
  border-radius: 3px;
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button.active {
  background-color: #f2f2f5;
  border: 1px solid #03002f;
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button input[type=radio]:checked::after {
  height: 17px;
  width: 17px;
}
@media screen and (max-width: 1023px) {
  .growthCalculator-section .radioBoxsectionfundtype .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatortab .mb-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 367px) and (max-width: 768px) {
  .mfradiobox-mob-section .radio-button .radio_btn {
    align-items: center !important;
  }
}
.investment-card {
  border: 1px solid #e7e7e7;
  border-radius: 15px;
  padding: 20px;
  height: 430px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #ffffff;
  margin-right: 20px;
  overflow: hidden;
}
.investment-card .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  flex-wrap: nowrap;
}
.investment-card .col {
  display: flex;
  flex-direction: column;
}
.investment-card .card-header {
  gap: 15px;
  background-color: transparent;
  border-bottom: none;
}
.investment-card .card-header .icon-box {
  background: #f4e6ef;
  border-radius: 20px;
  padding: 10px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.investment-card .card-header .icon-box .icon {
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ca6eae;
}
.investment-card .card-header .title {
  font-size: 20px;
  font-weight: 700;
  color: #444444;
}
.investment-card .card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: normal;
}
.investment-card .card-body .permitted-section .permitted-title {
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .investment-card .card-body .permitted-section .permitted-title {
    font-size: 1rem;
  }
}
.investment-card .card-body .permitted-section .permitted-title {
  font-weight: 700;
  color: #27ae60;
}
.investment-card .card-body .permitted-section .permitted-desc {
  font-size: 1rem;
  color: rgba(68, 68, 68, 0.7);
}
@media (max-width: 768px) {
  .investment-card .card-body .permitted-section .permitted-desc {
    font-size: 0.875rem;
  }
}
.investment-card .card-body .permitted-section .payment-info {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .investment-card .card-body .permitted-section .payment-info {
    font-size: 0.75rem;
  }
}
.investment-card .card-body .permitted-section .payment-info {
  color: #444444;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.investment-card .card-body .permitted-section .payment-info p {
  margin-bottom: 0px;
}
.investment-card .card-body .permitted-section .payment-info p .label {
  font-weight: 500;
}
.investment-card .card-body .permitted-section .payment-info p .value {
  font-weight: 400;
}
.investment-card .card-body .non-permitted-section {
  padding-top: 20px;
}
.investment-card .card-body .non-permitted-section .non-permitted-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #f0512d;
}
@media (max-width: 768px) {
  .investment-card .card-body .non-permitted-section .non-permitted-title {
    font-size: 1rem;
  }
}
.investment-card .card-body .non-permitted-section .non-permitted-desc {
  font-size: 1rem;
  color: #444444;
}
@media (max-width: 768px) {
  .investment-card .card-body .non-permitted-section .non-permitted-desc {
    font-size: 0.75rem;
  }
}
.investment-card .card-body .non-permittedDesc-extra {
  font-size: 1rem;
  color: #444444;
}
@media (max-width: 768px) {
  .investment-card .card-body .non-permittedDesc-extra {
    font-size: 0.75rem;
  }
}

.investment-cardoption {
  width: max-content;
  height: 200px;
  position: absolute;
  background-color: #ffffff;
  z-index: 1;
}
@media (max-width: 768px) {
  .investment-cardoption {
    background-color: transparent;
  }
}
.investment-cardoption:nth-child(1) {
  left: 0%;
}
@media (max-width: 768px) {
  .investment-cardoption:nth-child(1) {
    left: 3%;
  }
}
.investment-cardoption:nth-child(2) {
  left: 23%;
  top: 45%;
}
@media (min-width: 1441px) and (max-width: 2000px) {
  .investment-cardoption:nth-child(2) {
    left: 25%;
    top: 50%;
  }
}
@media (min-width: 1300px) and (max-width: 1440px) {
  .investment-cardoption:nth-child(2) {
    left: 20%;
    top: 44%;
  }
}
@media (max-width: 768px) {
  .investment-cardoption:nth-child(2) {
    left: 1%;
    top: 62%;
    z-index: -1;
  }
}
.investment-cardoption:nth-child(3) {
  left: 60%;
  top: 30%;
}
.investment-cardoption:nth-child(4) {
  left: 85%;
  top: 50%;
}
@media (max-width: 768px) {
  .investment-cardoption:nth-child(4) {
    left: 60%;
    top: 64%;
    z-index: 2;
  }
}
.investment-cardoption__rectangle {
  background: #ffffff;
  border-radius: 40px;
  padding: 30px;
}
@media (max-width: 768px) {
  .investment-cardoption__rectangle {
    padding: 15px;
  }
}
.investment-cardoption__rectangle {
  border: 2px solid #f4f1f0;
  width: 200px;
  height: 200px;
}
@media (max-width: 768px) {
  .investment-cardoption__rectangle {
    height: 120px;
    width: 120px;
    border-radius: 24px;
  }
}
.investment-cardoption__rectangle {
  position: relative;
  z-index: 4;
  box-shadow: -1px -1px 4px rgba(243, 241, 240, 0.01), -6px -6px 8px rgba(243, 241, 240, 0.01), -13px -13px 11px rgba(243, 241, 240, 0.01), -23px -22px 13px rgba(243, 241, 240, 0), -35px -35px 14px rgba(243, 241, 240, 0);
}
.investment-cardoption__mask {
  height: 50px;
  width: 50px;
  background-color: #ca6eae;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  left: -15px;
}
@media (max-width: 768px) {
  .investment-cardoption__mask {
    height: 30px;
    width: 30px;
    top: -6px;
    left: -14px;
  }
}
.investment-cardoption__number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.313rem;
  font-family: "RobotoMedium";
  height: 50px;
}
@media (max-width: 768px) {
  .investment-cardoption__number {
    font-size: 0.813rem;
    height: 30px;
  }
}
.investment-cardoption__title {
  color: #000;
  text-align: left;
  font-size: 1rem;
  font-family: "DMSansMedium";
  position: absolute;
  left: 20px;
  top: 40%;
  bottom: 5%;
  width: 160px;
  display: flex;
  line-height: normal;
  align-items: center;
}
@media (max-width: 768px) {
  .investment-cardoption__title {
    font-size: 0.688rem;
    top: 45%;
    width: 100px;
    left: 5px;
    line-height: normal;
  }
}
.investment-cardoption__extra {
  opacity: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 159px;
  top: 36px;
}
.investment-cardoption__icon {
  font-size: 3.125rem;
  color: #7b7882;
}
@media (max-width: 768px) {
  .investment-cardoption__icon {
    font-size: 1.875rem;
  }
}

.investment-section-options {
  position: relative;
  height: 100vh;
}
@media (max-width: 768px) {
  .investment-section-options {
    height: 60vh;
  }
}
.investment-section-options .bg-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.investment-section-options .bg-image img {
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 90vh;
}
@media (max-width: 768px) {
  .investment-section-options .bg-image img {
    height: 42vh;
  }
}
.investment-section-options .bg-image img {
  bottom: 0px;
}
.investment-section-options .bg-image img:nth-child(1) {
  z-index: 2;
  height: 80vh;
}
@media (max-width: 768px) {
  .investment-section-options .bg-image img:nth-child(1) {
    left: 25%;
    height: 35vh;
  }
}
.investment-section-options .bg-image img:nth-child(2) {
  z-index: 1;
}
.investment-section-options .options-investment {
  height: 100vh;
}
@media (max-width: 768px) {
  .investment-section-options .options-investment {
    height: 60vh;
  }
}

.account-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* Header */
.account-card__header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  text-align: center;
}

.account-card__title {
  font-size: 1.5rem;
  font-family: "DMSansBold";
  color: #000000;
  line-height: normal;
}

.account-card__description {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #000000;
  line-height: normal;
  max-width: 360px;
}
@media (max-width: 768px) {
  .account-card__description {
    text-align: left;
  }
}

/* Options Toggle */
.account-card__options {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 21px;
  background: #ffffff;
  border-radius: 100px;
  height: 48px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
}

.account-card__option {
  font-family: "DMSansBold";
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 100px;
  height: 48px;
}

.account-card__option.active {
  background: #03002f;
  color: #ffffff;
}

.account-card__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #f04e45;
}

.account-card__features {
  display: flex;
  flex-direction: column;
  gap: 0px;
  width: 100%;
  max-width: 360px;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
}
.account-card__features td {
  border: 1px solid #e7e7e7;
}
@media (max-width: 768px) {
  .account-card__features td {
    padding: 15px;
  }
}
.account-card__features td:nth-child(1) {
  width: 40% !important;
}
.account-card__features td:nth-child(2) {
  width: 60% !important;
}

.account-card__features tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

.account-card__features tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

.account-card__features tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.account-card__features tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.account-card__feature-heading {
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #000000;
  padding: 0px !important;
  line-height: normal;
}

.account-card__feature-text {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #444444;
  opacity: 0.8;
  line-height: normal;
}

.download-app-section {
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  position: relative;
}
.download-app-section .app-mockups {
  display: flex;
  gap: 20px;
}
.download-app-section .app-mockups .phone-mockup {
  position: relative;
  width: 200px;
  height: 170px;
}
.download-app-section .app-mockups .phone-mockup .shadow {
  position: absolute;
  opacity: 0.7;
  mix-blend-mode: multiply;
  object-fit: cover;
}
.download-app-section .app-mockups .phone-mockup .shadow.small {
  width: 5%;
  height: 45%;
  top: 35%;
  left: 80%;
}
.download-app-section .app-mockups .phone-mockup .shadow.large {
  width: 50%;
  height: 12%;
  top: 74%;
  left: 40%;
}
.download-app-section .app-mockups .phone-mockup .phone {
  position: absolute;
  width: 35%;
  height: 56%;
  top: 25%;
  left: 45%;
  object-fit: cover;
}
.download-app-section .app-mockups .phone-mockup .screen {
  position: absolute;
  width: 35%;
  height: 55%;
  top: 28%;
  left: 46%;
}
.download-app-section .app-info {
  margin-top: 10px;
}
.download-app-section .app-info .title {
  color: #19183e;
  font-size: 1.5rem;
  font-family: "DMSansBold";
  line-height: 100%;
}
.download-app-section .app-info .subtitle {
  margin-top: 8px;
  color: #444444;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.download-app-section .qr-download {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}
.download-app-section .qr-download .qr-text {
  font-size: 0.75rem;
  font-family: "DMSansBold";
}
.download-app-section .qr-download .qr-text .highlight {
  color: #51b255;
  line-height: normal;
}
.download-app-section .qr-download .qr-code {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.download-app-section .qr-code-left {
  height: 200px;
}
.download-app-section .store-buttons {
  display: flex;
  gap: 12px;
  margin-top: 15px;
}
.download-app-section .store-buttons .store-btn {
  width: 100px;
  height: 28px;
  border-radius: 2px;
  object-fit: cover;
}

.h-80 {
  height: 80%;
}

.section-pinkbg {
  background-color: #f4e6ef;
}

.product-acc-main-pink-container {
  display: flex;
  justify-content: center;
}

.product-acc-main-pink {
  background-color: #f4e6ef;
}
.product-acc-main-pink .Product-accordian-common .accordion-item .accordion-header .accordion-button {
  background-color: #f4e6ef !important;
}
.product-acc-main-pink .Product-accordian-common .accordion-item .accordion-collapse .accordion-body {
  background-color: #f4e6ef !important;
}

.carousel-banner-Nri {
  height: 600px;
}
.carousel-banner-Nri .nribanner-section-main {
  position: absolute;
}
.carousel-banner-Nri .nribanner-section-main img {
  position: absolute;
  bottom: 0px;
}
@media (max-width: 768px) {
  .carousel-banner-Nri .nribanner-section-main .banner-image {
    height: 400px;
  }
}
.carousel-banner-Nri .nribanner-section-main .banner-img-nri {
  height: 560px;
}
@media (max-width: 768px) {
  .carousel-banner-Nri .nribanner-section-main .banner-img-nri {
    bottom: 0%;
    height: 400px;
    right: 0% !important;
  }
}
.carousel-banner-Nri .nribanner-section-main .banner-img-nri {
  z-index: 1;
  position: absolute;
  right: 7%;
}

.bannertext-section {
  display: flex;
  align-items: self-start;
  justify-content: start;
  flex-direction: column;
  margin-top: 10%;
}
@media (max-width: 768px) {
  .bannertext-section {
    margin-top: 0%;
  }
}

.Reachform-us-section {
  position: relative;
}
.Reachform-us-section .DMSans_16_400 {
  font-size: 0.875rem;
}
@media screen and (min-width: 1360px) {
  .Reachform-us-section .DMSans_16_400 {
    font-size: 0.875rem !important;
  }
}
.Reachform-us-section .reach-form input::placeholder,
.Reachform-us-section .reach-form textarea::placeholder {
  color: rgba(68, 68, 68, 0.54);
  opacity: 1;
}
.Reachform-us-section .reach-form input,
.Reachform-us-section .reach-form textarea,
.Reachform-us-section .reach-form select {
  color: #03002f !important;
}
.Reachform-us-section .reach-form-sussess .back-to-form {
  color: var(--Color-Link-Blue-Link-Blue-500, #6374d4);
  text-align: center;
  margin-top: 14px;
  font-family: "DMSansMedium";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  display: flex;
  align-items: center;
  justify-content: center;
}
.Reachform-us-section .reach-form-sussess {
  height: 600px;
}
.Reachform-us-section .reach-form-sussess .success-failed-container {
  margin-top: 45%;
}
.Reachform-us-section .otp-content-wrappar .verify-otp-btn {
  margin-top: 31px;
}
.Reachform-us-section .otp-content-wrappar .form-inline {
  margin-inline: 40px;
}
.Reachform-us-section .otp-content-wrappar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 16px;
  padding: 20px;
}
.Reachform-us-section .otp-content-wrappar .otp-image {
  width: 100% !important;
  width: 70px;
  height: 70px;
  margin-bottom: 24px;
}
.Reachform-us-section .otp-content-wrappar .otp-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.Reachform-us-section .otp-content-wrappar .otp-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  line-height: 150%;
}
.Reachform-us-section .otp-content-wrappar .otp-wrapper .Otp-title {
  font-family: "DMSansNormal";
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000000;
}
.Reachform-us-section .otp-content-wrappar .otp-wrapper .mail-id,
.Reachform-us-section .otp-content-wrappar .otp-wrapper .mobile-number {
  font-family: "DMSansNormal";
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #6374d4;
  cursor: pointer;
  text-decoration: underline;
}
.Reachform-us-section .otp-content-wrappar .otp-wrapper .mail-id span,
.Reachform-us-section .otp-content-wrappar .otp-wrapper .mobile-number span {
  margin-left: 5px;
}
.Reachform-us-section .otp-content-wrappar .otp-wrapper .mail-id span img,
.Reachform-us-section .otp-content-wrappar .otp-wrapper .mobile-number span img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.Reachform-us-section .otp-content-wrappar .otp-wrapper .mobile-number {
  margin-top: 4px;
}
.Reachform-us-section .otp-content-wrappar .form-control {
  margin: 8px auto;
  text-align: center;
  font-family: "DMSansNormal";
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  height: 60px;
}
.Reachform-us-section .otp-content-wrappar .error-border {
  border: 1.5px solid #e71e04 !important;
}
.Reachform-us-section .otp-content-wrappar .error-text {
  color: #e71e04;
  font-size: 12px;
  margin-top: 4px;
  text-align: center;
}
.Reachform-us-section .otp-content-wrappar .ed-button {
  margin-top: 12px;
}
.Reachform-us-section .all-products {
  color: rgba(0, 0, 0, 0.2);
  font-family: "DMSansNormal";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
  padding: 10px 10px 10px 10px;
}
.Reachform-us-section {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}
.Reachform-us-section .reachus-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #323238;
}
.Reachform-us-section .reachus-title .sub-text {
  color: var(--Nuvama-Blue-Nuvama-Blue-500, #696682);
  text-align: center;
  margin-top: 8px;
  /* H5 */
  font-family: "DMSansNormal";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 18.2px */
}
.Reachform-us-section .reachus-title .thankyou-text {
  color: #444444;
  text-align: center;
  /* H3 */
  font-family: "DMSansBold";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.Reachform-us-section {
  /* Error states */
}
.Reachform-us-section .error-border {
  border: 1px solid #e71e04 !important;
}
.Reachform-us-section .error-text {
  color: #e71e04;
  font-size: 12px;
  margin-top: 4px;
}
.Reachform-us-section {
  /* Dropdown wrapper */
}
.Reachform-us-section .dropdown-wrapper {
  position: relative;
  width: 100%;
}
.Reachform-us-section .dropdown-wrapper .dropdown-toggle {
  height: 60px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: #ffffff;
  padding: 8px;
  cursor: pointer;
  font-size: 1rem;
  font-family: "DMSansNormal";
}
.Reachform-us-section .dropdown-wrapper .dropdown-toggle .placeholder-text {
  color: rgba(41, 41, 41, 0.5);
  font-size: 1rem;
  font-family: "DMSansNormal";
}
.Reachform-us-section .dropdown-wrapper .dropdown-toggle span {
  flex: 1;
}
.Reachform-us-section .dropdown-wrapper .dropdown-toggle i {
  font-size: 24px;
  margin-left: 8px;
}
.Reachform-us-section .dropdown-wrapper .dropdown-menu .quick-list-title {
  color: rgba(68, 68, 68, 0.5);
  font-family: "DMSansMedium";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.12px;
  padding: 10px;
}
.Reachform-us-section .dropdown-wrapper .dropdown-menu {
  display: block;
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  max-height: 450px;
  overflow-y: auto;
  border: 1px solid #f1f1f4;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 25px 37px rgba(0, 0, 0, 0.05);
  z-index: 1;
}
.Reachform-us-section .dropdown-wrapper .dropdown-menu::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.Reachform-us-section .dropdown-wrapper .dropdown-menu::-webkit-scrollbar-track {
  background: transparent;
}
.Reachform-us-section .dropdown-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
  background: #03002f;
}
.Reachform-us-section .dropdown-wrapper .dropdown-item {
  margin-inline: 10px;
  overflow-x: hidden;
  width: -webkit-fill-available;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  cursor: pointer;
}
.Reachform-us-section .dropdown-wrapper .dropdown-item img {
  width: 20px;
  margin-right: 12px;
}
.Reachform-us-section .dropdown-wrapper .dropdown-item input {
  margin-right: 8px;
  width: 16px;
  height: 16px;
}
.Reachform-us-section .dropdown-wrapper .dropdown-item span {
  font-size: 16px;
  color: #353359;
}
.Reachform-us-section .dropdown-wrapper .dropdown-item.active {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  margin-inline: 10px;
}
.Reachform-us-section .dropdown-wrapper .dropdown-item:hover {
  background: rgba(0, 0, 0, 0.05);
}
.Reachform-us-section .dropdown-wrapper .dropdown-item:focus {
  background: none;
  outline: none;
}
.Reachform-us-section {
  /* Phone wrapper */
}
.Reachform-us-section .phone-wrapper {
  display: flex;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.Reachform-us-section .phone-wrapper .form-control {
  border: none !important;
}
.Reachform-us-section .phone-wrapper .phone-code {
  width: 100px;
  text-align: center;
  color: #aeaeae !important;
  font-family: "RobotoRegular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  text-align: left;
  margin-left: 12px;
}
.Reachform-us-section .phone-wrapper .phone-input {
  flex: 1;
  color: #353359;
  font-family: "RobotoRegular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  right: 12%;
}
.Reachform-us-section {
  /* Terms */
}
.Reachform-us-section .terms-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.Reachform-us-section .terms-wrapper .terms-link-text {
  color: #8d8d99;
  font-family: "DMSansMedium";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 18px */
}
.Reachform-us-section .terms-wrapper .terms-link {
  color: #8d8d99;
  font-family: "DMSansMedium";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 18px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.Reachform-us-section .terms-wrapper span {
  font-family: "DM Sans";
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  color: #8d8d99;
}
.Reachform-us-section .terms-wrapper .terms-link {
  text-decoration: underline;
  cursor: pointer;
}
.Reachform-us-section .terms-checkbox {
  appearance: none; /* Remove default checkbox */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px !important;
  height: 18px !important;
  border-radius: 4px;
  border: 1.6px solid var(--Color-Link-Blue-Link-Blue-500, #6374d4);
  background: var(--Color-Background-Selection-White-100, #ffffff);
  cursor: pointer;
  position: relative;
}
.Reachform-us-section .terms-checkbox:checked {
  border-color: #6374d4 !important;
}
.Reachform-us-section .terms-checkbox:checked::after {
  content: "✔";
  color: #6374d4; /* tick color */
  font-size: 12px;
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -55%);
}
.Reachform-us-section .terms-checkbox.error-border {
  border-color: #e71e04;
}
.Reachform-us-section .product-dropdown .investing-dropdown-text {
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.Reachform-us-section .product-dropdown .dropdown-item {
  margin-inline: 10px;
  margin-bottom: 12px;
}
.Reachform-us-section .product-dropdown .dropdown-item input {
  height: auto !important;
}
.Reachform-us-section {
  /* Custom checkbox styling */
}
.Reachform-us-section .product-dropdown .active input {
  appearance: none; /* remove default checkbox */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px !important;
  height: 16px !important;
  border-radius: 4px;
  border: 1.6px solid #6374d4;
  background: #ffffff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.Reachform-us-section .product-dropdown .dropdown-item input[type=checkbox] {
  appearance: none; /* remove default checkbox */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px !important;
  height: 16px !important;
  border-radius: 4px;
  border: 2px solid #e1e0f8;
  background: #ffffff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.Reachform-us-section {
  /* Checked state */
}
.Reachform-us-section .product-dropdown .dropdown-item input[type=checkbox]:checked {
  background: #ffffff;
  border: 2px solid #6374d4;
}
.Reachform-us-section {
  /* Tick mark */
}
.Reachform-us-section .product-dropdown .dropdown-item input[type=checkbox]:checked::after {
  content: "✔";
  color: #6374d4;
  font-size: 8px;
  font-weight: bold;
  position: absolute;
  line-height: 1;
}
.Reachform-us-section {
  /* Form wrapper */
}
@media (max-width: 768px) {
  .Reachform-us-section {
    position: relative;
    top: 20px;
  }
}
.Reachform-us-section .reach-form {
  background: #ffffff;
  padding: 40px;
  border-radius: 15px;
  width: 420px;
}
@media (max-width: 768px) {
  .Reachform-us-section .reach-form {
    width: 100%;
    padding: 30px 15px;
  }
}
.Reachform-us-section .reach-form {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.Reachform-us-section .reach-form .interested-let-us-reach-you {
  font-size: 1rem;
  font-family: "RobotoBold";
  color: #323238;
  padding-bottom: 24px;
}
.Reachform-us-section .reach-form .reach-input-form {
  padding-bottom: 20px;
}
.Reachform-us-section .reach-form .reach-input-form .txt-arrow-down-icon {
  font-size: 24px;
}
.Reachform-us-section .reach-form .reach-input-form input {
  height: 60px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #ffffff;
}
.Reachform-us-section {
  /* Contact container */
}
.Reachform-us-section .contact-container {
  width: 420px;
}
@media (max-width: 768px) {
  .Reachform-us-section .contact-container {
    width: 100%;
  }
}
.Reachform-us-section .contact-container {
  border-radius: 15px;
  padding: 20px 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.Reachform-us-section .contact-container .contact-card {
  line-height: normal;
}
.Reachform-us-section .contact-container .contact-card .contact-header {
  color: #323238;
  font-size: 1rem;
  font-family: "RobotoBold";
}
.Reachform-us-section .contact-container .contact-card .contact-details {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 10px;
}
.Reachform-us-section .contact-container .contact-card .contact-details .contact-phone span.icon {
  color: #444444;
}
.Reachform-us-section .contact-container .contact-card .contact-details .contact-email {
  display: flex;
}
.Reachform-us-section .contact-container .contact-card .contact-details .contact-email span.icon {
  color: #444444;
}
.Reachform-us-section .contact-container .contact-card .phone-numbers,
.Reachform-us-section .contact-container .contact-card .email-address {
  color: #4f5665;
  font-size: 0.875rem;
  font-family: "RobotoMedium";
}

.tool-tip-nri-offers .tool-tip-header {
  color: var(--Color-Primary-Blue-700, #4f4d6e);
  text-align: start;
  font-family: "DMSansBold";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 16.8px */
  margin-bottom: 20px;
}
.tool-tip-nri-offers .tool-tip-body {
  color: var(--Color-Primary-Blue-700, #4f4d6e);
  font-family: "DMSansNormalExtraLight";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  text-align: start;
}

.desk-tooltips.tool-tip-nri-offers {
  pointer-events: fill;
  z-index: 9 !important;
}
.desk-tooltips.tool-tip-nri-offers .tooltip-inner::after {
  border-color: #ebe9ff;
  left: 16px;
}
.desk-tooltips.tool-tip-nri-offers .tooltip-inner {
  max-width: 330px !important;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  background: #ebe9ff;
  padding: 12px;
}
@media (max-width: 768px) {
  .desk-tooltips.tool-tip-nri-offers .tooltip-inner {
    margin-left: 17px;
  }
}
.desk-tooltips.tool-tip-nri-offers .tooltip-inner {
  margin-left: 53px;
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  .state-section-main {
    margin: 0px !important;
    padding: 0px !important;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    flex-wrap: nowrap;
  }
}
.state-section-main .stats-section {
  display: flex;
  flex-direction: row;
  gap: 50px;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 1440px) {
  .state-section-main .stats-section {
    gap: 20px;
  }
}
.state-section-main {
  /* Individual stat card */
}
.state-section-main .stat-card {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
}
.state-section-main {
  /* Icon */
}
.state-section-main .stat-icon {
  font-size: 3.438rem;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .state-section-main .stat-icon {
    font-size: 1.875rem;
  }
}
.state-section-main {
  /* Content wrapper */
}
.state-section-main .stat-content {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
}
.state-section-main {
  /* Number */
}
.state-section-main .stat-number {
  color: #000000;
  font-size: 2rem;
  font-family: "DMSansBold";
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.state-section-main {
  /* Label */
}
.state-section-main .stat-label {
  color: #666666;
  font-size: 0.938rem;
  font-family: "DMSansNormal";
  text-align: left;
}
@media (max-width: 768px) {
  .state-section-main .stat-label {
    white-space: nowrap;
  }
}

/* Main container */
.products-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .products-container {
    padding: 10px;
  }
}
.products-container .products-column {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
}
.products-container .products-column.product-column-legency {
  display: grid;
  grid-template-columns: 392px 392px;
  align-items: center;
  justify-content: center;
}
.products-container .product-card {
  position: relative;
  height: 120px;
  border-radius: 15px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  padding: 20px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.products-container .product-title {
  color: #444444;
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .products-container .product-title {
    font-size: 1rem;
  }
}
.products-container .product-title {
  font-family: "DMSansBold";
  display: flex;
  align-items: center;
}
.products-container .product-icon-wrapper {
  background: #f4e6ef;
  border-radius: 20px;
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-container .product-icon-wrapper .product-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
  font-size: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ca6eae;
}
.products-container .product-card:hover .product-card-inner {
  transform: rotateY(180deg);
}
.products-container .product-card-front,
.products-container .product-card-back {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden; /* hide back when flipped */
  border: 1px solid #dddddd;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.products-container .product-card-front {
  background: #ffffff;
}
.products-container .product-card-back {
  background: #fff4fc;
  transform: rotateY(180deg);
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #bd4b9b;
}
@media (max-width: 768px) {
  .products-container .product-card-back {
    font-size: 0.938rem;
  }
}

/*document card*/
.document-card {
  background: #ffffff;
  border-radius: 6px;
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 40px;
  position: relative;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
}
.document-card .document-icon {
  font-size: 1.25rem;
}
.document-card .document-title {
  color: #292929;
  text-align: left;
  font-size: 1rem;
  font-family: "DMSansNormal";
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .document-card .document-title {
    font-size: 0.75rem;
    font-family: "DMSansMedium";
  }
}
.document-card .document-subtitle {
  color: #b7a6b3;
  text-align: left;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.document-wrapper {
  display: flex;
  justify-content: center;
}
.document-wrapper .documents-section {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  max-width: 1000px;
}
@media (max-width: 768px) {
  .document-wrapper .documents-section {
    justify-content: flex-start;
  }
}
.document-wrapper .documents-section > * {
  flex: 0 0 calc(33.33% - 20px);
  max-width: max-content;
}
.document-wrapper .documents-section > :nth-child(4),
.document-wrapper .documents-section > :nth-child(5) {
  flex: 0 0 calc(50% - 20px);
}
.document-wrapper .documents-section > :nth-child(6) {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .document-wrapper .documents-section > :nth-child(1),
  .document-wrapper .documents-section > :nth-child(2),
  .document-wrapper .documents-section > :nth-child(3) {
    flex: 0 0 calc(33.33% - 15px);
    max-width: max-content;
    min-width: 0px;
    gap: 5px;
    padding: 10px;
  }
  .document-wrapper .documents-section > :nth-child(4),
  .document-wrapper .documents-section > :nth-child(5),
  .document-wrapper .documents-section > :nth-child(6) {
    flex: 0 0 100%;
  }
}

/* AccountComparison */
.account-comparison {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  padding: 20px;
}
.account-comparison .comparison-header {
  text-align: center;
}
.account-comparison .comparison-header .comparison-title {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #444444;
}
.account-comparison .comparison-header .comparison-subtitle {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
}
.account-comparison .comparison-table {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  border-collapse: collapse;
}
.account-comparison .comparison-table .row {
  display: contents;
}
.account-comparison .comparison-table .row > div {
  padding: 15px 20px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 1.125rem;
  font-family: "DMSansMedium";
  color: #444444;
}
.account-comparison .comparison-table .row > div.content {
  position: relative;
}
.account-comparison .comparison-table .row > div.content::before {
  content: "\f28b";
  position: absolute;
  color: #27ae60;
  font-family: "edel_icon" !important;
  left: 0px;
  font-size: 1rem;
}
.account-comparison .comparison-table .row.header > div {
  font-size: 1.25rem;
  font-family: "DMSansBold";
  background: #f4f4f4;
  color: #444444;
}
.account-comparison .comparison-table .label {
  font-weight: 600;
  color: #444444;
}

/* Download nuvama app */
.download-app {
  position: relative;
  padding: 60px 20px;
  display: flex;
  justify-content: center;
}
.download-app .background-bar {
  position: absolute;
  top: 150px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 326px;
  background: #f9f0f7;
  border-radius: 12px;
  z-index: -1;
}
.download-app__content {
  display: grid;
  grid-template-columns: 45% 50%;
  align-items: start;
  justify-content: space-between;
  gap: 5%;
  width: 100%;
}
.download-app__mockups {
  display: flex;
  gap: 40px;
}
.download-app__mockups .mockup {
  position: relative;
}
.download-app__mockups .mockup .shadow {
  position: absolute;
  bottom: -10px;
  left: 20px;
  width: 80%;
  opacity: 0.6;
}
.download-app__mockups .mockup .device {
  width: 100%;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
.download-app__mockups .mockup .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.download-app__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  top: 120px;
}
.download-app__info .qr-section {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
.download-app__info .qr-section .arrow {
  width: 40px;
  position: absolute;
  left: -30px;
  top: -14px;
  opacity: 1;
}
.download-app__info .qr-section .qr-text {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  margin-bottom: 0px;
}
.download-app__info .qr-section .qr-text .highlight {
  color: #00b274;
}
.download-app__info .qr-section .qr-image {
  width: 100px;
  height: 100px;
}
.download-app__info .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  color: #19183e;
}
.download-app__info .subtitle {
  font-size: 18px;
  color: #444;
}
.download-app__info .store-buttons {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.download-app__info .store-buttons img {
  width: 160px;
  height: auto;
  border-radius: 6px;
}
.download-app__info .bottom-qr-section {
  display: flex;
  align-items: self-start;
  justify-content: start;
  gap: 20px;
}

.products-container-main {
  margin-left: 10px;
}

.investment-card-wrappar {
  margin-left: 10px;
}
@media (max-width: 768px) {
  .investment-card-wrappar .investment-card {
    height: 440px !important;
  }
  .investment-card-wrappar .investment-card .title {
    width: 80% !important;
  }
}

@media (max-width: 768px) {
  .product-acc-main-pink-container .section-common-spacing-nri {
    padding-inline: 0px !important;
  }
  .product-acc-main-pink-container .section-common-spacing-nri .investment-card .title {
    width: 80% !important;
  }
}

.section-common-spacing-nri table {
  max-width: 100% !important;
}
.section-common-spacing-nri table tr td {
  width: 50% !important;
}
.section-common-spacing-nri .nri-banner-container {
  display: flex;
  justify-content: center;
}

.product-heading-main-nri .heading-main-nri {
  font-size: 2.5rem;
  font-family: "DMSansBold";
  color: #292929;
}
@media (max-width: 768px) {
  .product-heading-main-nri .heading-main-nri {
    font-size: 1.5rem !important;
  }
}
.product-heading-main-nri .heading-desc-nri {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
}
@media (max-width: 768px) {
  .product-heading-main-nri .heading-desc-nri {
    font-size: 0.875rem !important;
  }
}

.section-common-spacing-nri-mb {
  margin-top: 200px;
}

.nribanner-mobile-section {
  border-radius: 30px 30px 0px 0px;
  top: -100px;
  position: relative;
  z-index: 2;
  background-color: #ffffff;
}

.start-investing-code {
  padding: 7px 20px !important;
  margin-top: 10px !important;
  cursor: pointer;
}

@media (min-width: 381px) and (max-width: 500px) {
  .nribanner-section-outer .carousel-banner-Nri {
    position: relative;
  }
}
.nribanner-section-outer .nribanner-section-main {
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative;
}
.nribanner-section-outer .nribanner-section-main .banner-image.banner-image-person {
  height: 530px !important;
}
@media (min-width: 320px) and (max-width: 369px) {
  .nribanner-section-outer .nribanner-section-main .banner-image.banner-image-person {
    height: 311px !important;
    left: unset !important;
    bottom: 50px !important;
  }
}
@media (min-width: 370px) and (max-width: 389px) {
  .nribanner-section-outer .nribanner-section-main .banner-image.banner-image-person {
    height: 311px !important;
    left: unset !important;
    bottom: 0px !important;
  }
}
@media (min-width: 390px) and (max-width: 429px) {
  .nribanner-section-outer .nribanner-section-main .banner-image.banner-image-person {
    height: 311px !important;
    width: 100% !important;
    left: unset !important;
    bottom: 50px !important;
  }
}
@media (min-width: 430px) and (max-width: 500px) {
  .nribanner-section-outer .nribanner-section-main .banner-image.banner-image-person {
    height: 311px !important;
    width: 100% !important;
    bottom: 50px !important;
  }
}
@media (max-width: 768px) {
  .nribanner-section-outer .nribanner-section-main .banner-image.banner-image-person {
    left: unset !important;
  }
}
.nribanner-section-outer .nribanner-section-main .banner-image.banner-image-person {
  z-index: 1;
  left: 10%;
}
@media (min-width: 1440px) and (max-width: 3000px) {
  .nribanner-section-outer .nribanner-section-main .banner-image.banner-image-person {
    height: 580px !important;
    z-index: 1;
    left: 15%;
  }
}
@media screen and (min-width: 390px) and (max-width: 480px) {
  .nribanner-section-outer .nribanner-section-main.h-80 {
    height: 100% !important;
  }
}
.nribanner-section-outer .banner-img-nri {
  height: 730px;
}
@media screen and (min-width: 391px) and (max-width: 480px) {
  .nribanner-section-outer .banner-img-nri {
    right: 0% !important;
    height: 50% !important;
    bottom: 30% !important;
    z-index: 1;
  }
}
@media (min-width: 320) and (max-width: 390px) {
  .nribanner-section-outer .banner-img-nri {
    bottom: 14%;
    height: 50% !important;
    right: 0% !important;
    z-index: 1;
  }
}
@media (min-width: 1440px) and (max-width: 3000px) {
  .nribanner-section-outer .banner-img-nri {
    height: 700px !important;
  }
}
.nribanner-section-outer .banner-img-nri {
  z-index: 1;
  position: absolute;
  left: 0%;
}

.faq-section-nri .faq-heading-padding {
  padding-left: 0px;
  padding-right: 0px;
}

.no-flip .no-flip-container {
  transform: none !important;
}
.no-flip .no-flip-container:hover {
  transform: none !important;
}

.nrioffering-section-wrappar .account-card__features td:nth-child(1) {
  width: 45% !important;
}
.nrioffering-section-wrappar .padding-inline-0 {
  padding-inline: 0px !important;
}
.nrioffering-section-wrappar {
  overflow: hidden;
}

.reach-us-form-wrappar .second-word {
  text-transform: lowercase;
}

/* Staggered animation delays */
@keyframes scroll-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes moveLeftToRightNri {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
.animation-section5 .slick-initialized {
  animation: moveLeftToRightNri 2s forwards;
  animation-delay: 2s;
}

.fade-in-bottom.visible0 {
  visibility: visible;
}

.fade-in-bottom {
  opacity: 0;
  transform: translateY(15px) scale(0.99);
  will-change: transform, opacity;
  animation: fadeInBottom 0.8s ease-out forwards;
  animation-fill-mode: both;
}

.fade-in-bottom-1 {
  animation-delay: 0.3s;
}

.fade-in-bottom-2 {
  animation-delay: 0.5s;
}

.fade-in-bottom-3 {
  animation-delay: 0.7s;
}

.fade-in-bottom-4 {
  animation-delay: 0.9s;
}

.fade-in-bottom-5 {
  animation-delay: 1s;
}

.fade-in-bottom-6 {
  animation-delay: 1.2s;
}

.fade-in-bottom-7 {
  animation-delay: 1.3s;
}

.fade-in-bottom-8 {
  animation-delay: 1.5s;
}

.fade-in-bottom-9 {
  animation-delay: 1.7s;
}

.fade-in-bottom-10 {
  animation-delay: 1.9s;
}

.fade-in-bottom-11 {
  animation-delay: 2.1s;
}

.fade-in-bottom-12 {
  animation-delay: 2.3s;
}

.fade-in-bottom-13 {
  animation-delay: 2.5s;
}

.fade-in-bottom-14 {
  animation-delay: 2.7s;
}

.fade-in-bottom-15 {
  animation-delay: 2.9s;
}

@media (min-width: 767px) {
  .stats-banner-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 400px;
  }
}
@media (max-width: 768px) {
  .stats-banner {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
  }
  .stats-banner-inner > div {
    padding-left: 10px;
  }
  /* Keyframes for infinite horizontal scroll */
  @keyframes scroll-left {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%); /* scroll half, because content is duplicated */
    }
  }
  /* Mobile version */
}
@media (max-width: 768px) and (max-width: 767px) {
  .stats-banner-inner {
    display: flex;
    white-space: nowrap;
    animation: scroll-left 15s linear infinite;
  }
}
.stats-banner {
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
}

.investment-carsoual-button-ui .slick-dots.custom-dots {
  display: flex;
  align-items: center;
  justify-content: center;
}
.investment-carsoual-button-ui .slick-dots.custom-dots ul {
  padding-left: 4px !important;
}
.investment-carsoual-button-ui .slick-arrow {
  bottom: -9px !important;
}
.investment-carsoual-button-ui .slick-arrow.slick-next {
  left: 53%;
}
.investment-carsoual-button-ui .slick-arrow.slick-prev {
  left: 45%;
}

.docking-form-section .reach-input-form .form-control {
  height: 40px !important;
}

.docking-form-section-form .dropdown-wrapper .dropdown-toggle::after {
  display: none;
  visibility: hidden;
}
.docking-form-section-form .dropdown-wrapper .dropdown-toggle::after {
  display: none;
  visibility: hidden;
}

.reach-out-to-us-wrappar-main-desktop {
  padding-block: 50px;
  border-radius: 16px;
  background: linear-gradient(144deg, #02022d 35.58%, #f04e45 225.14%);
}
.reach-out-to-us-wrappar-main-desktop .reach-out-to-us-heading {
  color: #ffffff;
  font-family: "DMSansBold";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 48px */
  text-align: center;
}
.reach-out-to-us-wrappar-main-desktop .reach-out-to-us-phoneNo {
  color: #ffffff;
  font-family: "DMSansMedium";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 24px */
}
.reach-out-to-us-wrappar-main-desktop .reach-out-to-us-section2 {
  gap: 50px;
  margin-top: 40px;
}
.reach-out-to-us-wrappar-main-desktop .reach-out-to-us-mail-id {
  color: #ffffff;
  font-family: "DMSansMedium";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 24px */
}
.reach-out-to-us-wrappar-main-desktop .icon-width {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.reach-out-to-us-wrappar-main-mobile {
  padding-block: 24px;
  border-radius: 16px;
  background: linear-gradient(144deg, #02022d 35.58%, #f04e45 225.14%);
}
.reach-out-to-us-wrappar-main-mobile .reach-out-to-us-heading {
  color: #ffffff;
  padding-inline: 24px;
  text-align: center;
  font-family: "DMSansMedium";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%; /* 32.4px */
}
.reach-out-to-us-wrappar-main-mobile .reach-out-to-us-phoneNo {
  color: #ffffff;
  font-family: "DMSansMedium";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
}
.reach-out-to-us-wrappar-main-mobile .reach-out-to-us-section2 {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
}
.reach-out-to-us-wrappar-main-mobile .reach-out-to-us-mail-id {
  color: #ffffff;
  font-family: "DMSansMedium";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
}
.reach-out-to-us-wrappar-main-mobile .icon-width {
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.reach-out-to-us-wrappar-main-mobile .margin-bottom-18 {
  margin-bottom: 18px;
}

.ReachusOut-handle-hide {
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #6374d4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ReachusOut-handle-hide::after {
  content: "\e911";
  font-family: "edel_icon";
}

.ReachusOut-handle-unhide {
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #0751a0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ReachusOut-handle-unhide::after {
  content: "\e911";
  font-family: "edel_icon";
  transform: rotate(180deg);
}

.reach-form-container {
  transform: translateY(-1000px); /* start below */
  transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out;
  opacity: 0.7;
}
.reach-form-container.open {
  transform: translateY(0px);
  transition: transform 2.5s ease-in-out, opacity 2.5s ease-in-out;
  opacity: 1;
}
.reach-form-container.open .contact-container {
  background-color: #ffffff;
}

.docking-callback-btn .ed_button {
  padding: 5px 15px !important;
}
.docking-callback-btn .button-callback-content.text-nowrap {
  font-size: 0.75rem;
}

.docking-form-section .Reachform-us-section .reach-us-form-wrappar {
  padding: 10px 40px !important;
  border-radius: 0px;
}
.docking-form-section .Reachform-us-section .reach-form {
  width: 100%;
}
.docking-form-section .Reachform-us-section .contact-container {
  width: 100%;
}

.docking-form-section-form .Reachform-us-section .reach-us-form-wrappar.reach-form {
  width: 100%;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.docking-form-section-form .docking-arrow-toggle .toggle-arrow-container .toggle-arrow-icon {
  background: #ffffff;
  padding: 1%;
  border-radius: 100px;
  font-size: 1.375rem;
  position: absolute;
  left: 46%;
  top: -15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.docking-form-section-form .request-a-call-walkthrough {
  box-shadow: unset !important;
}
.docking-form-section-form .reach-us-form.Reachform-us-section.hidden {
  transform: translateY(-1000px); /* start below */
  transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out;
}

.docking-callback-btn {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}
.docking-callback-btn .ed_button {
  padding: 5px 15px !important;
}
.docking-callback-btn .button-callback-content.text-nowrap {
  font-size: 0.75rem;
}

.request-a-call-walkthrough-wrapper {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.request-a-call-walkthrough-wrapper .request-a-call-walkthrough {
  position: relative;
  z-index: 3;
}
.request-a-call-walkthrough-wrapper .reach-form-container {
  position: relative;
  z-index: 2;
}

.contact-visible {
  opacity: 1 !important;
  transition: transform 0.4s ease;
}

.reach-form-container-new .contact-container {
  width: 420px;
}
@media (max-width: 768px) {
  .reach-form-container-new .contact-container {
    width: 100%;
  }
}
.reach-form-container-new .contact-container {
  border-radius: 15px;
  padding: 20px 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  box-shadow: 0 10px 38px rgba(0, 0, 0, 0.1);
}
.reach-form-container-new .contact-container .contact-card {
  line-height: normal;
}
.reach-form-container-new .contact-container .contact-card .contact-header {
  color: #323238;
  font-size: 1rem;
  font-family: "RobotoBold";
}
.reach-form-container-new .contact-container .contact-card .contact-details {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 10px;
}
.reach-form-container-new .contact-container .contact-card .contact-details .contact-phone span.icon {
  color: #444444;
}
.reach-form-container-new .contact-container .contact-card .contact-details .contact-email {
  display: flex;
}
.reach-form-container-new .contact-container .contact-card .contact-details .contact-email span.icon {
  color: #444444;
}
.reach-form-container-new .contact-container .contact-card .phone-numbers,
.reach-form-container-new .contact-container .contact-card .email-address {
  color: #4f5665;
  font-size: 0.875rem;
  font-family: "RobotoMedium";
}

.reach-form-container-new {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.9s ease, transform 0.9s ease;
  transition-delay: 0s;
}

.reach-form-container-new.d-block {
  opacity: 1;
  transform: translateY(-147px);
  transition-delay: 0.9s;
}

@media (max-width: 768px) {
  .reach-form-container {
    transform: translateY(-100%);
  }
  .reach-form-container.open {
    transform: translateY(-30px);
  }
}@media (min-width: 381px) and (max-width: 500px) {
  .legency-banner-ui .carousel-banner-Nri {
    position: relative;
  }
}
.legency-banner-ui .carousel-banner-Nri .nribanner-section-main .banner-image.banner-img-nri {
  right: 0% !important;
}
@media (min-width: 320px) and (max-width: 369px) {
  .legency-banner-ui .carousel-banner-Nri .nribanner-section-main .banner-image.banner-img-nri {
    height: 290px !important;
    left: unset !important;
    bottom: 50px !important;
  }
}
@media (min-width: 370px) and (max-width: 389px) {
  .legency-banner-ui .carousel-banner-Nri .nribanner-section-main .banner-image.banner-img-nri {
    height: 300px !important;
    left: unset !important;
    bottom: 0px !important;
  }
}
@media (min-width: 390px) and (max-width: 429px) {
  .legency-banner-ui .carousel-banner-Nri .nribanner-section-main .banner-image.banner-img-nri {
    height: 326px !important;
    width: 100% !important;
    left: unset !important;
    bottom: 50px !important;
  }
}
@media (min-width: 430px) and (max-width: 500px) {
  .legency-banner-ui .carousel-banner-Nri .nribanner-section-main .banner-image.banner-img-nri {
    height: 340px !important;
    width: 100% !important;
    left: unset !important;
    bottom: 50px !important;
  }
}
@media screen and (min-width: 390px) and (max-width: 480px) {
  .legency-banner-ui .carousel-banner-Nri .nribanner-section-main.h-80 {
    height: 100% !important;
  }
}
.legency-banner-ui .maintext-section.DMSansMedium_48_500 {
  font-size: 2rem;
  font-family: "DMSansBold";
}
@media (min-width: 1300px) and (max-width: 1440px) {
  .legency-banner-ui .Reachform-us-section .reach-form {
    width: 375px;
  }
  .legency-banner-ui .Reachform-us-section .contact-container {
    width: 375px;
  }
}

.myth-card {
  border: 1px solid #e7e7e7;
  border-radius: 15px;
  padding: 24px;
  background: #ffffff;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-right: 25px;
  height: 100%;
}
.myth-card .myth-header {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: self-start;
  gap: 15px;
  line-height: 22px;
}
.myth-card .myth-header .myth-icon-wrapper {
  background: #f1daea;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.myth-card .myth-header .myth-icon-wrapper .myth-icon {
  font-size: 1.688rem;
  color: #ca6eae;
  line-height: normal;
}
.myth-card .myth-header .myth-title {
  font-size: 1.25rem;
  font-family: "DMSansBold";
  color: #444444;
}
.myth-card .myth-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.myth-card .myth-content .myth-subtitle {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  color: #444444;
}
.myth-card .myth-content .myth-description {
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #444444;
  line-height: 1.5;
}

.carsoual-main-height .slick-prev {
  z-index: 1;
}
.carsoual-main-height .slick-track {
  display: flex !important;
  align-items: stretch;
}
.carsoual-main-height .slick-slide {
  height: auto;
}
.carsoual-main-height .slick-slide > div {
  height: 100%;
}
.carsoual-main-height .slick-slide .myth-card {
  height: 100%;
}

.desc-lengency-planning span {
  padding-bottom: 16px;
  display: flex;
  padding-left: 25px;
}

.section-common-spacing-legency {
  padding-top: 100px;
  padding-bottom: 100px;
}
.section-common-spacing-legency.fifty-space {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 768px) {
  .section-common-spacing-legency {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .section-common-spacing-legency.fifty-space {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-common-spacing-legency.fifty-space-bottom {
    padding-bottom: 30px;
  }
}

.persoanlized-plan-section .personalizedplanning-section {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
  color: rgba(68, 68, 68, 0.8);
}
@media (max-width: 768px) {
  .persoanlized-plan-section .personalizedplanning-section {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}
.persoanlized-plan-section .personalized-inner-section {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 25px;
}
.persoanlized-plan-section .personalized-inner-section img {
  height: 600px;
}
@media (max-width: 768px) {
  .persoanlized-plan-section .personalized-inner-section {
    display: grid;
    grid-template-columns: 1fr;
  }
  .persoanlized-plan-section .personalized-inner-section img {
    height: 330px;
  }
}
.persoanlized-plan-section .personalizedplanning-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  position: relative;
  top: 17%;
}
@media (max-width: 768px) {
  .persoanlized-plan-section .personalizedplanning-section {
    top: 0%;
    line-height: normal;
  }
}

.disclaimer-box {
  background: #fff6ec;
  border-radius: 15px;
  padding: 28px 50px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin-bottom: 30px;
}
.disclaimer-box .disclaimer-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  width: 100%;
}
.disclaimer-box .disclaimer-content .disclaimer-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}
.disclaimer-box .disclaimer-content .disclaimer-title {
  color: #e6a154;
  font-size: 1rem;
  font-family: "DMSansBold";
  line-height: normal;
}
.disclaimer-box .disclaimer-content .disclaimer-text {
  color: Gray21;
  font-size: 1rem;
  font-family: "DMSansNormal";
  text-align: left;
  line-height: normal;
}

.faq-section-legency .faq-heading-padding {
  padding-left: 0px;
  padding-right: 0px;
}

.section-common-spacing-legency .animation-section5.legcy-plan-section {
  margin-left: 20px;
}
.section-common-spacing-legency .product-heading-main-nri .heading-main-nri {
  font-size: 2.5rem;
  font-family: "DMSansBold";
  color: #292929;
}
@media (max-width: 768px) {
  .section-common-spacing-legency .product-heading-main-nri .heading-main-nri {
    font-size: 1.5rem !important;
  }
}
.section-common-spacing-legency .product-heading-main-nri .heading-desc-nri {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
  color: #444444;
}
@media (max-width: 768px) {
  .section-common-spacing-legency .product-heading-main-nri .heading-desc-nri {
    font-size: 0.875rem !important;
  }
}

/* Staggered animation delays */
.animation-section5 .slick-initialized {
  animation: moveLeftToRight 2s forwards;
  animation-delay: 2s;
}

.fade-in-bottom.visible0 {
  visibility: visible;
}

.fade-in-bottom {
  opacity: 0;
  transform: translateY(15px) scale(0.99);
  will-change: transform, opacity;
  animation: fadeInBottom 0.8s ease-out forwards;
  animation-fill-mode: both;
}

.fade-in-bottom-1 {
  animation-delay: 0.3s;
}

.fade-in-bottom-2 {
  animation-delay: 0.5s;
}

.fade-in-bottom-3 {
  animation-delay: 0.7s;
}

.fade-in-bottom-4 {
  animation-delay: 0.9s;
}

.fade-in-bottom-5 {
  animation-delay: 1s;
}

.fade-in-bottom-6 {
  animation-delay: 1.2s;
}

.fade-in-bottom-7 {
  animation-delay: 1.3s;
}

.fade-in-bottom-8 {
  animation-delay: 1.5s;
}

.fade-in-bottom-9 {
  animation-delay: 1.7s;
}

.fade-in-bottom-10 {
  animation-delay: 1.9s;
}

.fade-in-bottom-11 {
  animation-delay: 2.1s;
}

.fade-in-bottom-12 {
  animation-delay: 2.3s;
}

.fade-in-bottom-13 {
  animation-delay: 2.5s;
}

.fade-in-bottom-14 {
  animation-delay: 2.7s;
}

.fade-in-bottom-15 {
  animation-delay: 2.9s;
}

.request-a-call-walkthrough-wrapper .lowercase-text {
  text-transform: lowercase;
}
.request-a-call-walkthrough-wrapper .dark-peach-rounded {
  padding: 5px 15px !important;
}
.request-a-call-walkthrough-wrapper {
  position: absolute;
  right: 0;
}
@media (max-width: 768px) {
  .request-a-call-walkthrough-wrapper {
    right: 15px;
    left: 15px;
  }
}
@media (min-width: 768px) {
  .request-a-call-walkthrough-wrapper {
    width: 36%;
  }
}
.request-a-call-walkthrough-wrapper .request-a-call-walkthrough {
  padding: 12px 24px;
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.request-a-call-walkthrough-wrapper .request-a-call-walkthrough.open {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.request-a-call-walkthrough-wrapper .request-a-call-walkthrough .let-us-reach-text {
  color: #323238;
  font-size: 0.875rem;
  font-family: "RobotoBold";
  line-height: normal;
}

.docking-form-section {
  position: fixed;
  top: 116px;
  right: 10%;
  width: 100%;
  z-index: 1200;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.docking-form-section .down-up-icon {
  position: absolute;
  right: 48%;
  background-color: #ffffff;
  border-radius: 100px;
  padding: 5px;
  bottom: -10px;
}

.dflex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.down-up-icon-hidden {
  position: absolute;
  left: calc(100% - 210px);
  background-color: #ffffff;
  border-radius: 100px;
  padding: 5px;
  top: -15%;
}

.docking-form-section-form .dropdown-wrapper .dropdown-menu {
  height: 215px !important;
}
.docking-form-section-form {
  position: fixed;
  top: 116px;
  right: 10%;
  width: 100%;
  z-index: 1200;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.docking-form-section-form .down-up-icon {
  position: absolute;
  right: 48%;
  background-color: #ffffff;
  border-radius: 100px;
  padding: 5px;
  top: 47px;
}
@media (max-width: 768px) {
  .docking-form-section-form .down-up-icon {
    top: 49px !important;
  }
}
.docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .reach-us-form-wrappar {
  padding: 0px 25px 25px 25px;
}
@media (max-width: 768px) {
  .docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .reach-us-form-wrappar {
    padding: 12px 25px 25px 25px;
  }
}
.docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .reach-input-form {
  padding-bottom: 12px;
}
.docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .reach-input-form .form-control {
  height: 50px !important;
}
@media (min-width: 1440px) and (max-width: 2000px) {
  .docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .reach-input-form .form-control {
    height: 50px !important;
  }
}
.docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .dropdown-wrapper .dropdown-toggle {
  height: 50px !important;
}
@media (min-width: 1440px) and (max-width: 2000px) {
  .docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .dropdown-wrapper .dropdown-toggle {
    height: 50px !important;
  }
}
.docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .reach-input-form .ed_button .dark-peach-rounded {
  padding: 8px 30px !important;
}
.docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .contact-container {
  padding: 10px 40px;
  width: 100%;
}
.docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .contact-container .contact-card .contact-header {
  font-size: 0.875rem;
}
@media (min-width: 1440px) and (max-width: 2000px) {
  .docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .contact-container .contact-card .contact-header {
    font-size: 1rem;
  }
}
.docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .contact-container .contact-card .contact-phone .phone-numbers {
  font-size: 0.875rem;
}
@media (min-width: 1440px) and (max-width: 2000px) {
  .docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .contact-container .contact-card .contact-phone .phone-numbers {
    font-size: 0.75rem;
  }
}
.docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .contact-container .contact-card .contact-email .email-address {
  font-size: 0.875rem;
}
@media (min-width: 1440px) and (max-width: 2000px) {
  .docking-form-section-form .request-a-call-walkthrough-wrapper .Reachform-us-section .contact-container .contact-card .contact-email .email-address {
    font-size: 0.75rem;
  }
}

@media (max-width: 768px) {
  .docking-form-section {
    left: 0%;
    right: 0%;
    position: fixed;
    top: 59px;
    /* right: 61%; */
    width: unset;
    z-index: 1200;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }
  .docking-form-section .down-up-icon {
    position: absolute;
    right: 48%;
    background-color: #ffffff;
    border-radius: 100px;
    padding: 5px;
    top: 47px;
  }
  .docking-form-section-form {
    left: 0%;
    right: 0%;
    position: fixed;
    top: 50px;
    /* right: 61%; */
    width: unset;
    z-index: 1200;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }
  .docking-form-section-form .down-up-icon-hidden {
    position: absolute;
    right: 47%;
    background-color: #ffffff;
    border-radius: 100px;
    padding: 5px;
    top: -15%;
  }
}
.docking-form-section .reach-input-form .form-control {
  height: 50px !important;
}

.docking-form-section-form .dropdown-wrapper .dropdown-toggle::after {
  display: none;
  visibility: hidden;
}
.docking-form-section-form .dropdown-wrapper .dropdown-toggle::after {
  display: none;
  visibility: hidden;
}.common-search-input-sr {
  width: 277px;
  height: 44px;
}

.toogle-switch-sr .toggle-switch-label.e-switch-active {
  border-color: #e7e7e7 !important;
}
.toogle-switch-sr .toggle-switch-label.midnight-blue {
  border: 1px solid #e7e7e7 !important;
}
.toogle-switch-sr .toggle-switch-label .e-switch-active {
  background: #e7e7e7 !important;
}

.service-request-content {
  position: relative;
}
.service-request-content .status-div {
  width: 96px;
  text-align: center;
}
@media (max-width: 768px) {
  .service-request-content .status-div {
    width: 70px;
  }
}
.service-request-content .txt-active,
.service-request-content .txt-InProcess {
  background-color: rgba(53, 128, 247, 0.2);
  color: #3580f7;
  border-radius: 2px;
}
.service-request-content .txt-rejected,
.service-request-content .txt-Rejected {
  background-color: rgba(240, 78, 69, 0.2);
  color: #f04e45;
  border-radius: 2px;
}
.service-request-content .txt-closed,
.service-request-content .txt-Closed,
.service-request-content .txt-Delivered,
.service-request-content .txt-Completed {
  background-color: rgba(28, 252, 131, 0.2);
  color: #1cfc83;
  border-radius: 2px;
}
.service-request-content .txt-Submit,
.service-request-content .txt-Submit,
.service-request-content .txt-Pending {
  background-color: #f9dc75;
  color: #ffb800;
  border-radius: 2px;
}
.service-request-content .edel-icon-table-chat {
  font-size: 1.563rem;
  position: relative;
}

.service-request-mobile .edel-icon-arrow-left1 {
  font-size: 1rem;
  padding-right: 10px;
}
.service-request-mobile .common-search-input-sr {
  width: 100%;
}
.service-request-mobile .service-request-search .common-search-bar {
  width: 50px;
  height: 50px;
}
.service-request-mobile .service-request-search .common-search-bar .edel-icon-search1 {
  padding-left: 19px;
}
.service-request-mobile .service-request-search .common-search-bar.open-search {
  width: 100%;
  height: 40px;
}
.service-request-mobile .service-request-search .common-search-bar input {
  padding: 0px;
}

.service-request-row.service-request-row-mb:nth-child(1) {
  border-top: 1px solid #e7e7e7;
}
.service-request-row.service-request-row-mb {
  padding-top: 10px;
  border-bottom: 1px solid #e7e7e7;
}

.sr-genericD-table .data-head {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
  display: flex;
}
.sr-genericD-table .data-value {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  display: flex;
  padding-top: 10px;
}

.accordiab-sr-content .accordion-item {
  border: none !important;
  margin-top: 10px !important;
}
.accordiab-sr-content .accordion-item .arrow-down-sr {
  font-size: 1.25rem;
}

.SR-table_ui table {
  border-spacing: 0px !important;
}
.SR-table_ui table tr th:nth-child(1),
.SR-table_ui table tr td:nth-child(1) {
  width: 19%;
}
.SR-table_ui table tr th:nth-child(2),
.SR-table_ui table tr td:nth-child(2) {
  width: 10%;
}
.SR-table_ui table tr th:nth-child(3),
.SR-table_ui table tr td:nth-child(3) {
  width: 15%;
}
.SR-table_ui table tr th:nth-child(4),
.SR-table_ui table tr td:nth-child(4) {
  width: 20%;
}
.SR-table_ui table tr th:nth-child(5),
.SR-table_ui table tr td:nth-child(5) {
  width: 20%;
  text-align: left;
}
.SR-table_ui table tr th:nth-child(6),
.SR-table_ui table tr td:nth-child(6) {
  width: 15%;
}
.SR-table_ui.SR-table_ui-acc-body table {
  border-spacing: 0px;
}
.SR-table_ui.SR-table_ui-acc-body table tbody tr {
  background-color: #f2f2f5;
}
.SR-table_ui.SR-table_ui-acc-body table tbody tr td {
  border-radius: 0px !important;
}
.SR-table_ui.SR-table_ui-acc-body table thead {
  display: none !important;
}

.SR-table_ui .edel-icon-arrow-down.down {
  transform: rotate(180deg);
}

.AccountPopupData-section .title-name {
  font-size: 1.5rem;
  font-family: "DMSansBold";
}
.AccountPopupData-section .desc-data {
  font-size: 1rem;
  font-family: "DMSansNormal";
}

.service-request-desktop .sr-button-ed {
  padding: 15px 30px !important;
  font-size: 1.125rem !important;
  font-family: "DMSansMedium" !important;
}
@media (max-width: 768px) {
  .tab-border-mobile .nav-tabs {
    height: 32px !important;
  }
}.icon-background {
  background-color: #03002f !important;
}

@media (max-width: 768px) {
  .ticketportal-tab-content li {
    padding-left: 23px !important;
  }
}
.ticketportal-tab-content .tab-content {
  height: 440px;
  overflow: scroll;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .ticketportal-tab-content .tab-content {
    height: unset !important;
    padding-bottom: 0px;
  }
}
.fileupload-view .card {
  box-shadow: 0px 4px 8px #e7e7e7;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 30px;
  background-color: #fff;
  border: none;
}
.fileupload-view .card-body {
  padding: 30px;
}
.fileupload-view .btn-primary {
  border-color: #5a8dee !important;
  background-color: #5a8dee !important;
  color: #fff;
}
.fileupload-view .form-submit {
  padding: 13px 30px;
  font-size: 15px;
  letter-spacing: 0.3px;
  font-weight: 400;
}
.fileupload-view .kb-data-box {
  width: 100%;
  flex: 1;
}
.fileupload-view .kb-modal-data-title {
  margin-bottom: 10px;
}
.fileupload-view .kb-data-title h6 {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
}
.fileupload-view .kb-file-upload {
  margin-bottom: 0px;
}
.fileupload-view .file-upload-box {
  position: relative;
  overflow: hidden;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fileupload-view .file-upload-box .file-upload-input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.fileupload-view .file-link {
  color: #475f7b;
  text-decoration: underline;
  margin-left: 3px;
}
.fileupload-view .file-upload-box .file-link:hover {
  text-decoration: none;
}
.fileupload-view .file-atc-box {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.fileupload-view .file-image {
  /* width: 130px;
      min-width: 130px;
      height: 85px;
      min-height: 85px; */
  width: 130px;
  height: 85px;
  background-size: cover;
  border-radius: 5px;
  margin-right: 15px;
  background-color: #eaecf1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #475f7b;
  padding: 3px;
}
.fileupload-view .file-image img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
}
.fileupload-view .file-detail {
  flex: 1;
  width: calc(100% - 210px);
}
.fileupload-view .file-detail h6 {
  word-break: break-all;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
}
.fileupload-view .file-detail p {
  font-size: 12px;
  color: #8194aa;
  line-height: initial;
  font-weight: 400;
  margin-bottom: 8px;
}
.fileupload-view .file-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
.fileupload-view .file-action-btn {
  font-size: 12px;
  color: #8194aa;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  text-decoration: underline;
  margin-right: 15px;
  cursor: pointer;
}
.fileupload-view .file-action-btn:hover {
  color: #3d546f;
  text-decoration: underline;
}
.fileupload-view .file-atc-box:last-child {
  margin-bottom: 0;
}

.ticketportal-padding {
  padding: 15px 9px 12px 9px;
}
@media (max-width: 768px) {
  .ticketportal-padding {
    padding: 15px 11px 15px 11px;
  }
}
.ticketportal-padding:hover {
  background-color: #f2f2f5;
  cursor: pointer;
}

.attchecd-content {
  display: flex;
  align-items: center;
}
.attchecd-content .edel-icon-attachement {
  font-size: 1rem;
}

.with-bg .box-span-status {
  height: 18px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.with-bg span[data-attr=Open] {
  color: #f04e45;
  background-color: rgba(240, 78, 69, 0.2);
  text-transform: uppercase;
}
.with-bg span[data-attr="In Progress"],
.with-bg span[data-attr="In Process"],
.with-bg span[data-attr=Pending] {
  color: #f7943e;
  background-color: rgba(247, 148, 62, 0.3);
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .with-bg span[data-attr="In Progress"],
  .with-bg span[data-attr="In Process"],
  .with-bg span[data-attr=Pending] {
    font-size: 0.625rem !important;
  }
}
.with-bg span[data-attr=Closed],
.with-bg span[data-attr=Close],
.with-bg span[data-attr=closed],
.with-bg span[data-attr=close] {
  color: #1cfc83;
  background-color: rgba(28, 252, 131, 0.2);
  text-transform: uppercase;
}

.ed-hei-37 {
  height: 37px;
  display: flex;
  align-items: center;
}

.tp-padding-p {
  padding: 20px 25px;
}
@media (max-width: 768px) {
  .tp-padding-p {
    padding: 20px 15px;
  }
}

.attachedgrid {
  display: grid !important;
  grid-template-columns: repeat(5, 135px) !important;
  gap: 21px;
  align-items: center;
  justify-content: center;
}

.attachedimgbox {
  height: 39px;
  width: 39px;
  background-color: #f2f2f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.attachedimgbox span {
  font-size: 1.375rem;
}
.attachedimgbox img {
  height: 20px;
}

.customer-support-section {
  display: grid;
  grid-template-columns: 20px auto;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
@media (max-width: 768px) {
  .customer-support-section .edel-icon-comment1 {
    font-size: 25px;
    position: relative;
    top: 5px;
  }
}

.newticket-btn {
  background-color: #03002f;
  color: #ffffff;
  height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
}
.newticket-btn .edel-icon-ticket {
  font-size: 1.375rem;
}

.edel-icon-Folder.font-42 {
  font-size: 2.625rem;
  color: #b8b8b8;
}
.edel-icon-Folder.font-71 {
  font-size: 4.438rem;
  color: #b8b8b8;
}

.newticket-section {
  padding: 23px 41px;
  position: relative;
}
.newticket-section .main-textarea {
  position: relative;
}
.newticket-section .main-textarea .textarea-common {
  width: 100%;
  height: 250px;
  border: 1px solid #e7e7e7;
  padding: 10px 12px;
  resize: none;
  overflow-y: scroll;
  border-radius: 5px;
}
.newticket-section .main-textarea .words-letter {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.newticket-section .grid-2-maxexceed {
  display: grid;
  grid-template-columns: 15% 85%;
  gap: 0px;
  justify-content: center;
  align-items: center;
}

.ticket-portal-dotted-filesection {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px dashed #b8b8b8;
  height: 70px;
}
@media (max-width: 768px) {
  .ticket-portal-dotted-filesection {
    height: 51px;
    border: 1px solid #e7e7e7;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: none !important;
    display: flex;
    justify-content: left;
    align-items: center;
  }
}
.ticket-portal-dotted-filesection .file-upload-section-generic {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .ticket-portal-dotted-filesection .file-upload-section-generic .upload-content {
    margin-top: 0px;
  }
}
.ticket-portal-dotted-filesection .file-upload-section-generic img {
  width: 23px;
}
@media (max-width: 768px) {
  .ticket-portal-dotted-filesection .file-upload-section-generic img {
    width: 18px;
  }
}

.btn-newticket {
  padding: 17px;
}
.btn-newticket .small-edbutton {
  width: 124px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.grid-3-uploadContent {
  display: grid;
  grid-template-columns: 25% 65% 10%;
  justify-content: center;
  align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 5px;
}

.overlay {
  background-color: rgba(255, 255, 255, 0.85);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
}

.overlay-mb {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0%;
  text-align: center;
  display: grid;
  align-items: center;
  justify-content: çenter;
  background-color: rgba(243, 241, 241, 0.9);
  transition: 0.5s;
}

.height680 {
  height: 680px;
}

.height400 {
  height: 420px;
}
@media (max-width: 768px) {
  .height400 {
    height: 100vh;
  }
}

.height460 {
  height: 460px;
  overflow: scroll;
}

.errormsg-ticketpotal {
  background: #fef4ec;
  padding: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.errormsg-ticketpotal .ticket-grid-1-2 {
  display: grid;
  grid-template-columns: 30px auto;
  align-items: center;
}

@media (max-width: 768px) {
  .commonlineheight-mb span,
  .commonlineheight-mb div {
    line-height: 20px;
  }
}
.grid-2-1 {
  display: grid;
  grid-template-columns: 3fr 0.5fr;
}

.grid-2-1-mb {
  display: grid;
  grid-template-columns: 3fr 1.2fr;
}

@media (max-width: 768px) {
  .ed_button.createservicereq-btn {
    padding: 8px 0px !important;
    font-size: 0.813rem !important;
  }
  .mb-brd-all-none {
    border-bottom: none !important;
  }
  .mx-mob-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mobile-pd > div:last-child {
    padding-bottom: 40px;
  }
}
.newticket-back .edel-icon-arrow-left1 {
  font-size: 0.75rem;
}

.mb-view-all .word-break-100 {
  word-break: unset !important;
  width: unset !important;
}
.mb-view-all .attachedimgbox {
  background: transparent !important;
}
.mb-view-all .attachedimgbox img {
  height: 20px;
}

.active-bg-gray {
  background-color: #f2f2f5;
}

.loader-height {
  height: 50px;
}

.is-invalid {
  border: 1px solid #dd504d !important;
}

.ticketerror-msg .p-2 {
  padding: 0px !important;
}

.small-cancel-btn {
  padding-inline: 78px !important;
}

.twobutton-of-popup {
  margin-top: 30px;
  margin-bottom: 14px;
}

.yes-button .ed_button {
  padding: 15px 50px !important;
}

.text-popup {
  margin-top: 34px;
}

.no-button .ed_button {
  padding: 15px 50px !important;
}

@media only screen and (max-width: 768px) {
  .no-button .ed_button {
    padding: 11px 76px !important;
  }
  .yes-button .ed_button {
    padding: 11px 76px !important;
  }
  .twobutton-of-popup {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
  }
  .text-popup {
    margin-top: 20px !important;
    margin-left: 15px;
    margin-right: 97px;
    line-height: normal;
  }
}.toc-sliding-pane .slide-pane__content {
  padding: 0;
}

.topforApp {
  top: 0px !important;
}

.toc.stock-details-head {
  padding: 10px 12px;
}
.toc.stock-details-head .stock-details-switch-key {
  margin-left: -21px;
}
@media (max-width: 1023px) {
  .toc.stock-details-head {
    position: sticky;
    max-width: 100%;
    top: 60px;
  }
}
.toc.stock-details-head .stock-details-switch-key {
  top: 35px;
}
.toc.stock-details-head .toc-eq-header {
  padding: 8px 4px 0px 4px;
}
.toc.stock-details-head .toc-eq-header .left-content i {
  font-size: 0.75rem;
  margin: 0 4px 0px 7px;
}
.toc.stock-details-head .toc-eq-header .left-content .ed_button.midnight-blue-underline {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  margin-top: 15px;
}
.toc.stock-details-head .toc-eq-header .change-percentage {
  color: #00b274;
}

.chart-button {
  color: #3580f7 !important;
}

.common-radio-button.nse-bse-buttons.radio-button label {
  display: flex;
  align-items: start;
}
.common-radio-button.nse-bse-buttons .radio_btn input[type=radio] {
  margin-top: 2px;
}
.common-radio-button.nse-bse-buttons .radio_btn input[type=radio]::before {
  background: #ffffff !important;
}
.common-radio-button.nse-bse-buttons .radio_btn .disp_val {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
}
.common-radio-button.nse-bse-buttons.not-selected .disp_val,
.common-radio-button.nse-bse-buttons.not-selected .ltp-val {
  color: #9b9b9d !important;
}

.buyer-block {
  margin: 10px -16px -10px -16px;
  padding: 10px 0px;
  background: #ebecf0;
}

.equity-product-order {
  height: 100%;
  max-height: calc(95vh - 7rem);
  overflow-y: scroll;
  padding: 30px 20px 50px 20px;
  line-height: normal;
}
.equity-product-order.padding-cautions {
  display: block !important;
  padding: 30px 0px 30px 0px;
}
.equity-product-order.max-height-10rem {
  max-height: calc(100vh - 10rem) !important;
}
.equity-product-order.max-height-13rem {
  max-height: calc(100vh - 13rem) !important;
}
.equity-product-order.max-height-15rem {
  max-height: calc(100vh - 15rem) !important;
}
@media (max-width: 768px) {
  .equity-product-order {
    max-height: calc(100vh - 7rem);
    padding-bottom: 300px !important;
  }
}
.equity-product-order::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.equity-product-order {
  /* Track */
}
.equity-product-order::-webkit-scrollbar-track {
  background: transparent;
}
.equity-product-order {
  /* Handle */
}
.equity-product-order::-webkit-scrollbar-thumb {
  background: #03002f;
}
.equity-product-order .DMSansNormal_12_400 {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}
@media (max-width: 1023px) {
  .equity-product-order {
    padding: 15px 20px;
  }
}
.equity-product-order .bottom-contents .refreshOuterDiv {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.equity-product-order .bottom-contents .refreshOuterDiv.left-align > span {
  padding-left: 0px !important;
}
.equity-product-order .prod-ord-buttons {
  padding-bottom: 25px;
}
.equity-product-order .grid-container-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}
.equity-product-order .disclosed-inputfield .form-control {
  padding-right: 0px;
}
.equity-product-order .grid-container-1-gap-25 {
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 25px;
}
@media (max-width: 768px) {
  .equity-product-order .grid-container-1-gap-25 {
    grid-template-columns: 1.3fr 1fr;
  }
}
.equity-product-order .grid-container-1-gap-5 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}
@media (max-width: 768px) {
  .equity-product-order .grid-container-1-gap-5 {
    grid-template-columns: 1.5fr 1fr;
  }
}
.equity-product-order .disclosed-quantiy-placeholder .form-control::placeholder {
  font-size: 0.813rem !important;
  color: #b8b8b8;
}
.equity-product-order .input-text .form-control {
  font-size: 15px !important;
  padding-top: 5px !important;
}
.equity-product-order .input-feild .form-control {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.equity-product-order .share-wrapper-input {
  border: 1px solid #e7e7e7;
  border-radius: 0.25rem;
}
.equity-product-order .share-wrapper-input .form-control {
  border: none !important;
  margin-left: 0px !important;
}
@media (max-width: 768px) {
  .equity-product-order .share-wrapper-input .form-control {
    padding-top: 4px !important;
  }
}
.equity-product-order .share-wrapper-input .suffixes-both {
  display: flex;
}
.equity-product-order .share-wrapper-input .suffixes-both .input_suffix {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
  display: flex;
  align-items: center;
  padding-right: 10px;
  padding-left: 2px;
}
.equity-product-order .share-wrapper-input.rupeeAmountTextbox {
  vertical-align: middle !important;
}
.equity-product-order .share-wrapper-input.rupeeAmountTextbox .form-control {
  padding-left: 5px !important;
  padding-top: 8px !important;
}
@media (max-width: 768px) {
  .equity-product-order .share-wrapper-input.rupeeAmountTextbox .form-control {
    padding-top: 8px !important;
  }
}

.understanding-icon {
  cursor: pointer;
  border: 0.5px solid #03002f;
  width: 15px;
  height: 15px;
  margin-left: 10px;
}
.understanding-icon i {
  font-size: 0.375rem;
  color: #03002f;
}

.understanding-icon-secondary {
  cursor: pointer;
  border: 0.5px solid #f7943e;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  background-color: #f7943e;
}
.understanding-icon-secondary i {
  font-size: 0.375rem;
  color: #ffffff;
}

.limit-stoploss {
  gap: 40px;
  padding: 30px 0px;
}
.limit-stoploss.grid-container-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.limit-stoploss.grid-container-2.grid-container-2-condition {
  grid-template-columns: 1.5fr 1fr;
}
.limit-stoploss .form-control.disabled {
  background-color: #e7e7e7;
  color: #b8b8b8;
}
.limit-stoploss.showStopLoss-section .refreshOuterDiv.lineh-35 {
  line-height: unset !important;
}
.limit-stoploss.showTargetPrice-section .refreshOuterDiv.lineh-35 {
  line-height: unset !important;
}

.check-agree {
  padding: 17px 0px 22px 0px;
  border-bottom: 1px solid #e7e7e7;
  gap: 5px;
}
.check-agree.brdbottom-none {
  border-bottom: none !important;
}
.check-agree input {
  margin-top: -3px;
  height: 16px;
  width: 16px;
}
.check-agree input:checked {
  color: #03002f;
  background-color: #03002f;
  border-color: #03002f;
}
.check-agree .agree-button {
  align-items: baseline;
}
.check-agree .agree-button .ed_button.button {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.advanced-toggle {
  gap: 5px;
  padding: 20px 0px;
}

.toc-heading {
  padding: 20px 8px;
}
.toc-heading i {
  cursor: pointer;
  font-size: 1rem;
  color: #727271;
  font-weight: 600;
}

.term-heading {
  padding: 20px 15px;
}

.terms-content {
  padding: 30px 33px 30px 20px;
  line-height: 22px;
}
@media (max-width: 1023px) {
  .terms-content {
    padding: 20px 45px 30px 15px;
  }
}

.bottom-contents {
  position: fixed;
  bottom: 0;
  background: #ffffff;
  z-index: 999;
  width: 390px !important;
}
@media (max-width: 1023px) {
  .bottom-contents {
    width: 100vw !important;
  }
}
.bottom-contents.low-index {
  z-index: 1;
}
.bottom-contents .row {
  margin: 0;
}
.bottom-contents .row.toc-margin {
  background-color: #f2f2f5;
}
.bottom-contents .row.toc-margin .ed_button.midnight-blue-underline.commonlink {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  margin-left: 5px;
}
.bottom-contents .row.toc-margin .ed_button.midnight-blue-underline.commonlink.with-underline {
  text-decoration: underline;
}
.bottom-contents .row.toc-margin .ed_button.midnight-blue-underline.commonlink.without-underline {
  text-decoration: none;
}

.understanding-content {
  padding: 20px;
}
@media (max-width: 1023px) {
  .understanding-content {
    padding: 20px 15px;
  }
}
.understanding-content .ed_button.button {
  width: 100%;
}
.understanding-content.understanding-content-toc .tocaccordian {
  margin-bottom: 60px;
}
.understanding-content.understanding-content-toc .generic-tabs .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}

.charges-content {
  padding: 0px 20px;
}

.toc-close-button {
  right: 0;
  position: fixed;
  bottom: 0;
  padding: 17px 20px;
  box-shadow: 0px 4px 17px rgba(60, 60, 60, 0.11);
  background: #ffffff;
  z-index: 1;
  width: 390px !important;
}
@media (max-width: 1023px) {
  .toc-close-button {
    width: 100vw !important;
  }
}
.toc-close-button .ed_button.midnight-blue-border.button {
  width: 100%;
  font-size: 0.875rem;
  font-family: "DMSansBold";
}

.mainScroll {
  overflow-y: scroll;
}
@media screen and (max-width: 768px) {
  .mainScroll {
    height: 70vh;
    overflow-y: scroll;
  }
}

.span-grid-container-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.span-grid-container-2-5 {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 5px;
}

.bottom-contents .refreshOuterDiv {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.date-drawer.drawer__handle-wrapper.backgroundcolor_bluedrawer {
  z-index: 9999;
}

.refresh-icon-mf {
  margin-left: 27px;
}

.common-datepicker.toc .react-datepicker__day.react-datepicker__day--outside-month {
  color: #000000;
}

.toc-datepicker-section .date-drawer.drawer__handle-wrapper {
  width: 390px !important;
}
@media (max-width: 1023px) {
  .toc-datepicker-section .date-drawer.drawer__handle-wrapper {
    width: 100vw !important;
  }
}
.toc-datepicker-section .date-drawer.drawer__handle-wrapper {
  right: 0px;
  left: unset;
}

.radioBoxsection {
  display: grid;
  grid-template-columns: 35% 20% 20%;
  align-items: center;
}

.lineh-40 {
  line-height: 40px;
}

.lineh-35 {
  line-height: 35px;
}

.lineh-25 {
  line-height: 25px;
}

.lineh-20 {
  line-height: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.mb-10 {
  margin-bottom: 10px;
}

.charges-table table {
  width: 100%;
  margin: 30px auto;
}
.charges-table table tr {
  padding: 0px;
}
.charges-table table tr th {
  font-size: 1rem;
  font-family: "DMSansBold";
  color: #444444;
}
@media (max-width: 768px) {
  .charges-table table tr th {
    padding: 20px 15px;
  }
}
.charges-table table tr th:last-child {
  padding-left: 20px;
}
.charges-table table tr td {
  height: unset;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #727271;
  padding: 7px 20px;
}
@media (max-width: 768px) {
  .charges-table table tr td {
    padding-left: 30px;
    padding-right: 15px;
  }
}
.charges-table table tr td {
  border-radius: 0px !important;
}
.charges-table table tr td:last-child {
  color: #444444;
  font-family: "DMSansBold";
}
.charges-table table tr:last-child td {
  color: #444444;
  border-bottom: 1px solid #e7e7e7 !important;
}
.charges-table table tr:last-child td:first-child {
  padding-left: 0px !important;
}
@media (max-width: 768px) {
  .charges-table table tr:last-child td:first-child {
    padding-left: 15px !important;
  }
}
.charges-table table tr:hover {
  background-color: #ffffff !important;
}

.tocaccordian .accordion-header .accordion-button {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.tocaccordian .accordion-header .accordion-button::after {
  color: #03002f !important;
  background-color: #f2f2f5;
}
.tocaccordian .accordion-body p {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}
@media (max-width: 768px) {
  .tocaccordian .accordion-body p {
    line-height: 20px;
  }
}

.marginouter {
  display: grid;
  grid-template-columns: 2.5fr 1fr;
  height: 40px;
  background-color: #f2f2f5;
  align-items: center;
}
.marginouter .leftSection .edel-icon-double-refresh {
  font-size: 8px;
  color: #03002f;
  margin-right: 6px;
}

.bottombtnsection .ed_button.button {
  padding: 8.5px !important;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  height: 40px;
}
@media (max-width: 360px) {
  .bottombtnsection .ed_button.button {
    font-size: 0.75rem;
  }
}
.bottombtnsection .ed_button.btn-position {
  position: fixed;
  bottom: 0px;
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .convert-options {
    padding-bottom: 100px;
  }
}
.convert-options ul {
  padding: 0px 15px;
  margin: 0;
}
.convert-options ul .convert-li {
  padding: 15px 0px;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #444444;
  line-height: 140%;
  border-bottom: 1px solid #e7e7e7;
}
.convert-options ul .convert-li .edel-icon-arrow-right1 {
  font-size: 0.625rem;
  color: #03002f;
}

.sell-stock-block {
  padding: 10px 15px;
  background-color: #fef4ec;
}
.sell-stock-block > div {
  line-height: 19.6px;
}
.sell-stock-block .buttons-block {
  gap: 30px;
  padding-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.sell-stock-block .buttons-block button {
  padding: 10px;
  line-height: 19.6px;
}

.sell-stock-block {
  padding: 10px 15px;
  position: fixed;
  bottom: 0;
  background-color: #fef4ec;
}
.sell-stock-block > div {
  line-height: 19.6px;
}
.sell-stock-block .buttons-block {
  gap: 30px;
  padding-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.sell-stock-block .buttons-block button {
  padding: 10px;
  line-height: 19.6px;
}

.common_close {
  padding: 15px;
}

.buy-sell-col {
  padding: 0px 7px !important;
}
.buy-sell-col .mtg-10 {
  padding: 10px 8px;
}
.buy-sell-col .toc-buy-sell .refresh-align {
  display: grid !important;
  justify-items: center !important;
}
.buy-sell-col .toc-buy-sell .text {
  margin: 0px !important;
}
@media (max-width: 360px) {
  .buy-sell-col .toc-buy-sell .text {
    font-size: 0.75rem;
  }
}
@media (max-width: 768px) {
  .buy-sell-col .toc-buy-sell .text {
    margin-top: -8px !important;
  }
}

.single-toggle .toggle-switch-switch {
  display: none;
}
.single-toggle .toggle-switch-inner:after {
  text-align: center !important;
}

.grid-container-full {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  margin: 0px !important;
  justify-content: center;
}
.grid-container-full span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0px !important;
}

.outer-body-section {
  padding: 15px 20px;
}
.outer-body-section .common-drawer-scroll {
  max-height: calc(100vh - 7rem);
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 58px;
}
@media (min-width: 1023px) {
  .outer-body-section.common-drawer-scroll {
    max-height: calc(100vh - 4rem);
  }
}

.grid-container-1-gap-50 {
  grid-gap: 50px;
  grid-template-columns: 1.5fr 1fr;
  display: grid;
}

.grid-container-1-gap-10 {
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

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

.custom-download-btn .download {
  background-color: #03002f;
  padding: 7px;
  width: 100%;
  text-align: center;
  color: #ffffff;
  border-radius: 5px;
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
}
.custom-download-btn .download:hover {
  color: #ffffff;
}

.fileupload-common-section {
  text-align: center;
}
.fileupload-common-section .fileupload-section-ineer {
  border: 1px solid #e7e7e7;
  padding: 20px;
}
@media (max-width: 768px) {
  .fileupload-common-section .fileupload-section-ineer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    padding: 10px !important;
  }
}
.fileupload-common-section .fileupload-section-ineer .upload-content {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #03002f;
}

.notificationbox.paymentstatus-content {
  width: calc(100% - 20px);
  margin: 10px;
  display: grid;
  grid-template-columns: auto !important;
  padding: 8px 10px 8px 10px !important;
}
.notificationbox.paymentstatus-content .notificationbtn {
  width: 100% !important;
}
.notificationbox.paymentstatus-content .notit-rs h1 {
  margin-bottom: 0px !important;
}
.notificationbox.paymentstatus-content .notit-rs p {
  margin-bottom: 0px !important;
  color: #f7943e !important;
}

.callput.option-chain-tool-section .charges-table table tr th,
.callput-tabs .charges-table table tr th {
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
  text-align: left;
  vertical-align: bottom;
}
.callput.option-chain-tool-section .charges-table table tr:last-child td,
.callput-tabs .charges-table table tr:last-child td {
  text-align: left;
}
.callput.option-chain-tool-section .charges-table table tbody tr td,
.callput-tabs .charges-table table tbody tr td {
  text-align: left;
  padding: 7px 20px;
}

.input-group-datepicker .input-group-date-section {
  display: unset;
}
.input-group-datepicker .input-group-date-section .date-partition:hover {
  border-color: unset !important;
}
.input-group-datepicker .input-group-date-section .date-partition .form-control {
  height: 40px;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.input-group-datepicker .input-group-date-section .date-partition .edel-icon-calendar-report {
  font-size: 0.875rem;
  color: #03002f;
}
.input-group-datepicker .input-group-date-section .date-partition .input-group-text {
  height: 40px;
  line-height: 30px;
}

.common-datepicker .applyForOthers .react-datepicker .react-datepicker__month-container .react-datepicker__current-month {
  margin-top: 2px;
}
@media (max-width: 768px) {
  .common-datepicker .applyForOthers .react-datepicker .react-datepicker__month-container .react-datepicker__day-name,
  .common-datepicker .applyForOthers .react-datepicker .react-datepicker__month-container .react-datepicker__day {
    margin: 4px 0px;
    width: 2.8rem;
  }
}
.common-datepicker .applyForOthers .react-datepicker .react-datepicker__month-container .react-datepicker__day--today {
  color: #444444;
}
.common-datepicker .btn:hover {
  color: #ffffff;
}
.common-datepicker .react-datepicker {
  border: 1px solid #e7e7e7;
}
.common-datepicker .react-datepicker .react-datepicker__header {
  border: none !important;
}
.common-datepicker .react-datepicker .react-datepicker__month {
  border: none !important;
}
.common-datepicker .react-datepicker .react-datepicker__navigation-icon::before {
  border-width: 1px 1px 0 0;
  top: 15px;
}
@media (max-width: 576px) {
  .common-datepicker .react-datepicker .react-datepicker__navigation-icon::before {
    top: 0px;
  }
}
.common-datepicker .react-datepicker .react-datepicker__current-month {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.common-datepicker .react-datepicker .react-datepicker__day-name {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.common-datepicker .react-datepicker .react-datepicker__day {
  font-size: 14px;
  font-family: "RobotoRegular";
  line-height: 2.1rem;
}
.common-datepicker .react-datepicker .react-datepicker__day:hover {
  color: #ffffff !important;
  background-color: #03002f !important;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.common-datepicker .react-datepicker .react-datepicker__day--today {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #444444;
  font-weight: normal;
}
.common-datepicker .midnight-blue-custome {
  background-color: #03002f;
  padding: 7px;
  width: 100%;
  color: #ffffff;
}
.common-datepicker .midnight-blue-custome :hover,
.common-datepicker .midnight-blue-custome :active {
  color: #ffffff;
}

.ed-txt_bloodRed {
  color: #dd504d !important;
}

.esip-confirmation-page.common-drawer-scroll {
  max-height: calc(100% - 140px);
  padding-bottom: 5px;
}

.NFO-section .change-button-custom {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}

.stocksection {
  list-style: unset;
  position: relative;
}
.stocksection li {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  color: #727271;
  position: relative;
  list-style-type: none;
}
.stocksection li:first-child {
  padding-left: 0px;
}
.stocksection li:first-child::before {
  display: none;
}
.stocksection i {
  padding-top: 5px;
  font-size: 4px;
}
@media (max-width: 1023px) {
  .stocksection i {
    padding-top: 3px;
  }
}

.overflow-scroll-400 {
  height: 70%;
  overflow-y: scroll;
  padding-bottom: 20px;
}

.overflow-scroll-45vh {
  height: 50vh;
  overflow-y: scroll;
  padding-bottom: 20px;
}

.overflow-scroll-300 {
  height: 300px;
  overflow: scroll;
  padding-bottom: 70px;
}

.overflow-scroll-200 {
  height: 200px;
  overflow: scroll;
  padding-bottom: 20px;
}

.selectSchemesection {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  justify-content: space-between;
  align-items: center;
}
.selectSchemesection .schemerightsection {
  display: grid;
  grid-template-rows: auto;
}
.selectSchemesection .schemerightsection .rightside-data {
  display: grid;
  grid-template-rows: 1fr 1fr;
  justify-content: right;
}
@media (max-width: 768px) {
  .selectSchemesection .schemerightsection .rightside-data {
    display: flex;
    line-height: 25px;
    align-items: center;
  }
}
.selectSchemesection .schemerightsection span {
  justify-content: center;
}

.notificationsection {
  padding: 20px 30px;
}
.notificationsection .notificationbox {
  border-radius: 5px;
  padding: 15px;
  display: grid;
  grid-template-columns: 27px auto;
  align-items: baseline;
  border-width: 1px;
  border-style: solid;
}
.notificationsection .notificationbox h1 {
  margin-bottom: 9px !important;
}
.notificationsection .notificationbox p {
  margin-bottom: 15px !important;
}
.notificationsection .notificationbox .noti-10-small {
  font-size: 0.625rem !important;
  font-family: "DMSansNormal" !important;
}
.notificationsection .notificationbox .notificationbtn {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
  text-align: left;
}
@media (max-width: 350px) {
  .notificationsection .notificationbox .notificationbtn {
    font-size: 0.625rem !important;
  }
}
.notificationsection .notificationbox .notificationbtn.w-80 {
  width: 65%;
  text-align: left;
}
@media (max-width: 350px) {
  .notificationsection .notificationbox .notificationbtn.w-80 {
    width: 70% !important;
  }
}
.notificationsection .notificationbox.noti-small-section .notit-rs h1 {
  margin-bottom: 0px !important;
}
.notificationsection .notificationbox.noti-small-section .notit-rs p {
  margin-bottom: 0px !important;
}

.bankaccountsection {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  border: 1px solid #e7e7e7;
  padding: 15px;
  border-radius: 5px;
}
.bankaccountsection.payment-account {
  border: none !important;
  padding: 0px;
}
.bankaccountsection .accountNumber {
  align-self: end;
  display: grid;
}
@media screen and (max-width: 768px) {
  .bankaccountsection .accountNumber span {
    padding-bottom: 5px;
  }
}
.bankaccountsection .bankname {
  align-self: end;
  display: grid;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .bankaccountsection .bankname span {
    padding-bottom: 5px;
  }
}

.bank-account-sucess {
  padding: 15px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 1fr;
  justify-content: space-around;
}

.paymentmethodSection.accountNumber {
  height: calc(100vh - 130px);
  padding-bottom: 150px !important;
}
.paymentmethodSection .radio-btn-section {
  display: grid;
  grid-template-columns: 60% auto;
}
.paymentmethodSection .radio-btn-section .outer-payment-radio {
  display: grid;
  grid-template-columns: 1.3fr 0fr;
  gap: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.paymentmethodSection .radio-btn-section .outer-payment-radio .paymentmethodradio.radio-button label {
  display: grid;
  grid-template-columns: 17px 1fr;
  gap: 10px;
}
.paymentmethodSection .radio-btn-section .outer-payment-radio .paymentmethodradio.radio-button .radio_btn .disp_val {
  font-size: 1rem !important;
  text-align: left;
}
@media (max-width: 350px) {
  .paymentmethodSection .radio-btn-section .outer-payment-radio .paymentmethodradio.radio-button .radio_btn .disp_val {
    font-size: 0.875rem !important;
  }
}
.paymentmethodSection .radio-btn-section .radio-rs {
  padding-top: 30px;
}
.paymentmethodSection .radio-btn-section .radio-rs .recommended-section {
  background-color: #fef4ec;
  color: #f7943e;
  border-radius: 5px;
  height: 18px;
  padding: 2px 5px;
  margin-left: 5px;
}
@media (min-width: 1023px) {
  .paymentmethodSection.overflow-scroll-400 {
    height: calc(100% - 160px);
  }
}
.paymentmethodSection .diffrentbankAccountlink .ed_button {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}
.paymentmethodSection .upiIddropdownbox {
  width: 100%;
  padding: 12px;
  justify-content: space-between;
  border: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.paymentmethodSection .upiIddropdownbox span {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #03002f !important;
  text-decoration: underline;
}

.BankAccountSectionOuter .BankAccountSection {
  display: grid;
  grid-template-columns: 20px auto;
  align-items: start;
  gap: 10px;
  margin-bottom: 15px;
}
.BankAccountSectionOuter .BankAccountSection .radio-button .radio_btn {
  gap: 0px;
  display: unset;
}
.BankAccountSectionOuter .BankAccountSection .paymentmethodradio {
  padding-top: 4px;
}

.AddnewUpiSection .equity-dropdown-block.common-new-drp .equitydrop {
  width: 100%;
  height: 45px;
  justify-content: space-between;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #03002f !important;
}
.AddnewUpiSection .equity-dropdown-block.common-new-drp .equitydrop::after {
  content: "";
  text-decoration: underline;
}
.AddnewUpiSection .equity-dropdown-block.common-new-drp .equitydrop .edel-icon-arrow-down {
  text-decoration: none !important;
}
.AddnewUpiSection .equity-dropdown-block.common-new-drp .equitydrop .edel-icon-arrow-down::before {
  text-decoration: none !important;
}
.AddnewUpiSection .equity-dropdown-block.new-upi-drp .dropdown-menu {
  width: 100% !important;
  margin-top: 12px;
}
.AddnewUpiSection.sipday-icon-refresh .refreshOuterDiv img {
  display: none !important;
}

.hr-divider {
  border-bottom: 1px solid #e7e7e7;
  margin-top: 20px;
}

.common-dropdown-toc.equity-dropdown-block .equitydrop {
  height: 39px;
  font-size: 0.875rem !important;
  font-family: "DMSansNormal" !important;
  color: #03002f !important;
  border: 1px solid #e7e7e7 !important;
}
.common-dropdown-toc.equity-dropdown-block .equitydrop .edel-icon-arrow-down {
  color: #03002f !important;
}
.common-dropdown-toc.equity-dropdown-block .dropdown-menu {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  min-width: 85px;
}
.common-dropdown-toc.equity-dropdown-block .dropdown-menu a {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #444444;
}
.common-dropdown-toc.no-border.equity-dropdown-block .equitydrop {
  border: none !important;
}

.mutual-fund-section .equitydrop {
  width: 100%;
  justify-content: space-between !important;
}
.mutual-fund-section.mainScroll {
  height: calc(100% - 155px);
}
@media (min-width: 1023px) {
  .mutual-fund-section.mainScroll {
    max-height: calc(100% - 155px);
  }
}
@media (max-width: 1023px) {
  .mutual-fund-section.mainScroll {
    height: calc(100vh - 280px);
  }
}
.mutual-fund-section .Sipvalidatebox {
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 20px;
}
.mutual-fund-section .Sipvalidatebox .sipvalidate-grid {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .mutual-fund-section .Sipvalidatebox .sipvalidate-grid {
    grid-template-columns: 1.2fr 1.3fr;
  }
}
.mutual-fund-section .Sipvalidatebox .sipvalidate-grid .ed-btn-mutual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.mutual-fund-section .Sipvalidatebox .sipvalidate-grid .ed-btn-mutual .ed_button {
  width: 100% !important;
  padding: 3px 14px !important;
}
.mutual-fund-section .Sipvalidatebox .sipvalidate-grid .product-buttons.ed_button.button {
  background-color: #f2f2f5;
}
.mutual-fund-section .Sipvalidatebox .sipvalidate-grid .product-buttons.ed_button.button.active {
  background-color: #ffffff;
}
.mutual-fund-section .Sipvalidatebox .validate-undestand .understanding-icon {
  cursor: unset;
  margin-left: 0px !important;
}
.mutual-fund-section .Sipvalidatebox .vadity-textbox {
  border-radius: 5px;
}
.mutual-fund-section .Sipvalidatebox .vadity-textbox .form-control {
  font-size: 14px;
  padding-left: 10px;
  cursor: pointer;
}
.mutual-fund-section .Sipvalidatebox .vadity-textbox .input_suffix {
  background-color: #ffffff;
  border-radius: 5px;
}
.mutual-fund-section .Sipvalidatebox .vadity-textbox .input_suffix .edel-icon-Vector-6 {
  color: #03002f;
  top: 3px !important;
  position: relative;
  left: -2px !important;
}
.mutual-fund-section .manadte-section-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
}
.mutual-fund-section .nomandate-errormsg {
  padding: 30px 0px 30px 0px;
}
.mutual-fund-section .nomandate-errormsg .error-msg {
  padding: 0px;
}
.mutual-fund-section .nomandate-errormsg .error-msg .error-msg-wrapper .error-msg-text {
  margin-top: 2px;
}
.mutual-fund-section .nomandate-errormsg .error-msg .error-msg-wrapper .error-msg-text span {
  height: unset;
}

.overflow-scroll-300.iphone-scroll {
  height: 550px;
}

@media (max-width: 1023px) {
  .validity-mob-scroll {
    height: 85% !important;
    padding: 0 10px !important;
    overflow-y: scroll;
  }
}

.mf-validity.mainScroll {
  height: calc(100% - 185px);
}
@media (max-width: 1023px) {
  .mf-validity.mainScroll {
    height: calc(100vh - 165px);
  }
}

.mf-validity-radio.equity-product-order {
  padding: 0px;
  height: 100%;
}
.mf-validity-radio.equity-product-order .custom-input .form-control {
  background-color: #efefef;
  border-color: #e8e8e8;
}
.mf-validity-radio.equity-product-order .custom-input .form-control:focus {
  background-color: #ffffff;
  border-color: #efefef;
}
.mf-validity-radio.equity-product-order .custom-input .form-control::-webkit-input-placeholder {
  color: #b8b8b8;
  font-size: 14px;
  font-family: "RobotoRegular";
}

.mutual-fund-head .ed_button {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}
.mutual-fund-head .max-width226 {
  max-width: 226px;
}

.validty-radio {
  margin-top: 20px;
}
.validty-radio.common-radio-button .disp_val {
  margin-top: 2px;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}

.mf-select-scheme-grid {
  display: grid;
  grid-template-columns: 100px auto;
  gap: 20px;
  align-items: center;
}

@media (max-width: 768px) {
  .mb-overflow:last-child {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    overflow-x: auto !important;
    overflow-y: hidden;
  }
  .mb-overflow .ed_button {
    width: 100px;
  }
}
.diffmandate-head .toc-heading {
  padding-bottom: 0px;
}

.bankaccountsection .mandateleftsection {
  display: grid;
  align-self: self-start;
}
@media screen and (max-width: 768px) {
  .bankaccountsection .mandateleftsection div {
    line-height: 18px;
  }
}
.bankaccountsection .mandateleftsection .mandate-bottom {
  display: grid;
  grid-template-columns: 0.7fr 1fr 1fr;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .bankaccountsection .mandateleftsection .mandate-bottom {
    line-height: 25px;
  }
}
.bankaccountsection .mandaterightsection {
  display: grid;
  align-items: end;
  text-align: right;
}

.Mandatesection {
  padding: 10px 20px;
}

.new-mandate-section .recommended-highlight {
  font-size: 8px;
  margin-top: -6px;
  width: 75px;
  position: relative;
  left: 25px;
  z-index: 5;
  border-radius: 2px;
  font-family: "DMSansMedium";
  background: #f9dc75;
  padding: 2px 6px 0;
}
@media (max-width: 768px) {
  .new-mandate-section .recommended-highlight {
    margin-top: -5px;
  }
}
.new-mandate-section .mandate-radio-list .mandate-radio {
  max-width: 160px;
}
.new-mandate-section .radio-button.emandate-radio {
  padding: 10px;
  display: inline-block;
  height: 40px;
  width: 130px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  margin-right: 10px;
}
.new-mandate-section .radio-button.emandate-radio.active {
  border-color: #03002f;
  background-color: #f2f2f5;
}
.new-mandate-section .radio-button.emandate-radio label {
  grid-template-columns: 20px 1fr;
  gap: 10px;
}
.new-mandate-section .physical-span {
  width: 100%;
  display: inline-block;
}
.new-mandate-section .change-button-custom {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
  margin-left: 5px;
}
.new-mandate-section .recommended-data {
  background-color: #fef4ec;
  padding: 2px;
  color: #f7943e;
  border-radius: 2px;
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  border-radius: 5px;
}
.new-mandate-section .horizontal-divider {
  width: 100%;
  height: 20px;
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
}
.new-mandate-section .horizontal-divider span {
  background-color: #ffffff;
  padding: 0px 15px;
  line-height: 36px;
}

.btm-border {
  border-bottom: 1px solid #e7e7e7;
}

.loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999999;
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.loading.white {
  background: #ffffff !important;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 10%;
  margin: -15px 0 -15px;
  color: #ffffff;
  z-index: 99999999;
}

.loading-spinner-center-top {
  position: absolute;
  margin: -15px 0 -15px;
  color: #ffffff;
  z-index: 99999999;
  top: 20%;
  width: 100%;
}

/********************loader **************************/
.lds-spinner {
  display: inline-block;
  position: relative;
  width: auto;
  height: 80px;
  left: 40%;
}

.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #333333;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.height37 .equitydrop {
  height: 37px !important;
}

.miscellaneous-popup .txtde-none {
  text-decoration: none !important;
}
.miscellaneous-popup .intersted-btn {
  height: 53px !important;
  font-size: 1.125rem !important;
  font-family: "DMSansMedium" !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px !important;
}
.miscellaneous-popup.withoutheader .modal-header {
  background-color: transparent !important;
  display: none !important;
}
.miscellaneous-popup .modal-header {
  background-color: #f2f2f5 !important;
}
.miscellaneous-popup .modal-header .modal-title {
  font-size: 1.25rem !important;
  font-family: "DMSansNormal" !important;
  color: #0b243a !important;
}

.common-info-icon-section.info-icon-small {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 15px;
  width: 15px;
}
.common-info-icon-section.info-icon-small .edel-icon-info {
  height: 15px;
  width: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-info-icon-section.info-icon-small .edel-icon-info::before {
  font-size: 0.625rem;
}

.error-block-state {
  display: block;
  align-items: center;
  justify-content: center;
}
.error-block-state .edel-icon-blocked {
  font-size: 3.75rem;
  color: #dd504d;
}

.countable-box-section .outer-box {
  width: 100%;
  height: 70px;
  background: #f2f2f5;
  position: relative;
  border-radius: 5px;
}
.countable-box-section .outer-box .circle-box {
  width: 26px;
  height: 26px;
  background-color: #03002f;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 30%;
  left: -2%;
}
.countable-box-section.last-child-count .outer-box {
  height: 99px !important;
}

.center-content-countbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.center-content-countbox.height70 {
  height: 70px;
}
.center-content-countbox.height99 {
  height: 99px;
}
.center-content-countbox .iconcontent {
  font-size: 1.563rem;
  color: #333333;
}
.center-content-countbox .pincode-textbox {
  background-color: #f2f2f5;
  border: none;
}
.center-content-countbox .pincode-textbox::placeholder {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #333333;
}

.progress-bar-payment {
  height: 4px;
  background-color: #b8b8b8;
  width: 100%;
}
.progress-bar-payment .inner-progress {
  height: 4px;
  background-color: #f04e45;
}

.height99 {
  height: 99px;
}

.paymentorderscreen-section .bottom-content {
  position: fixed;
  bottom: 0px;
  background-color: #ffffff;
}
.paymentorderscreen-section .grid-2-bottom {
  display: grid;
  grid-template-columns: 45% auto;
}
@media (max-width: 768px) {
  .paymentorderscreen-section .grid-2-bottom {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.paymentorderscreen-section .grid-1-2-bottom {
  display: grid;
  grid-template-columns: 30% auto;
}

.grid-1-half-2-auto {
  display: grid;
  grid-template-columns: 10% auto;
}

.payment-waiting-page {
  padding: 150px;
  max-width: 1140px;
  background-color: #cccccc;
  margin: auto;
}
.payment-waiting-page table {
  width: unset;
  margin: auto;
  border-collapse: unset;
  border-spacing: unset;
  padding: unset;
  border: unset;
  background-color: unset;
  font: unset;
  vertical-align: unset;
  box-sizing: unset !important;
}
.payment-waiting-page table tbody {
  border: unset;
  border-color: unset;
  border-style: unset;
  border-width: unset;
  border-right: unset;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.payment-waiting-page table tbody td {
  height: unset;
  border: unset;
  border-top: unset;
  padding: unset;
  margin: unset;
  border-bottom: unset;
  position: unset;
  vertical-align: unset;
  box-sizing: unset !important;
}
.payment-waiting-page table tbody td:first-child {
  border-left: unset;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.payment-waiting-page table tbody td:last-child {
  border-right: unset;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.payment-waiting-page table tbody tr {
  border-right: unset;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
  border-color: unset;
  border-style: unset;
  border-width: unset;
  border: unset;
  font: unset;
  vertical-align: unset;
  box-sizing: unset !important;
}

@media (min-width: 992px) {
  .payment-waiting-page {
    max-width: 960px;
  }
}
.enach-info-page {
  padding: 20px;
  text-align: center;
  overflow-y: scroll;
  height: 86vh;
}
@media (min-width: 1023px) {
  .enach-info-page {
    height: calc(100% - 80px);
  }
}
.enach-info-page::-webkit-scrollbar {
  width: 20px;
}
.enach-info-page .info-block {
  padding-top: 10px;
}
.enach-info-page .info-block .info-icon {
  width: 65px;
  height: 65px;
  background-color: #f2f2f5;
  border-radius: 35px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.enach-info-page .info-block .info-icon i {
  font-size: 34px;
}
.enach-info-page .vertical-super {
  vertical-align: super;
}

.enach-loader {
  padding: 50px 20px 150px;
  text-align: center;
  max-width: 500px;
  margin: auto;
  background-color: #ffffff;
}
.enach-loader .loader-icon {
  padding: 20px 0 0;
}
.enach-loader .loader-icon i {
  font-size: 65px;
}

.mf-payment-status {
  padding: 20px 20px 40px;
}
@media (min-width: 1023px) {
  .mf-payment-status.scroll-height {
    max-height: calc(100% - 160px);
  }
}
@media (max-width: 768px) {
  .mf-payment-status.scroll-height {
    max-height: calc(100% - 200px);
    padding-bottom: 80px;
  }
}
.mf-payment-status .status-icon {
  text-align: center;
}
.mf-payment-status .status-icon .edel-icon-rounded-close {
  background-color: #dd504d;
  color: white;
  border-radius: 25px;
  border: 0.5px solid #dd504d;
  font-size: 50px;
}
.mf-payment-status .status-icon .edel-icon-success {
  font-size: 50px;
  border-radius: 25px;
  border: 0.5px solid #51b255;
}
.mf-payment-status .status-icon .edel-icon-pending {
  font-size: 50px;
}
.mf-payment-status .heading-block {
  text-align: center;
  padding-bottom: 20px;
}
.mf-payment-status .heading-block .success {
  color: #51b255;
}
.mf-payment-status .heading-block .pending {
  color: #ff9c54;
}
.mf-payment-status .heading-block .failed {
  color: #dd504d;
}

.scroll-height {
  height: calc(100% - 140px) !important;
}

@media (max-width: 768px) {
  .scroll-height {
    height: 86vh !important;
  }
}
@media (min-width: 1023px) {
  .Mf-order-confirmation .common-drawer-scroll {
    max-height: calc(100vh - 4rem);
  }
}
.rupeeAmountTextbox {
  vertical-align: middle;
}
.rupeeAmountTextbox .form-control {
  padding-left: 5px !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.notification-space {
  margin: 0 10px;
  width: calc(100% - 20px) !important;
}

@media (min-width: 1023px) {
  .diff-mandate-body.sidebar-body {
    height: calc(100% - 170px);
    overflow-y: scroll;
  }
}
.diff-mandate-drawer {
  position: fixed;
  z-index: 9;
  left: -5px;
  bottom: -10px;
  width: 100%;
}

.mf-mandate-upload .custom-download-btn .download:hover {
  color: #ffffff;
  border-color: #03002f;
}

.toc-sliding-pane .bottom-contents {
  box-shadow: 0px 4px 17px 0px rgba(60, 60, 60, 0.11);
}

.toc.stock-details .bottom-contents {
  box-shadow: 0px 4px 17px 0px rgba(60, 60, 60, 0.11);
}

.change-view-content {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-row-gap: 20px;
}

.sgb-section .view-order-btn {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.sgb-section .sgb-table tr td {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
  color: #727271 !important;
}
.sgb-section .btn-green-buy {
  width: 99px;
  height: 40px;
  padding: 0px !important;
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}

.sgb-heading-content .toc-heading label {
  font-size: 1rem !important;
  font-family: "DMSansBold" !important;
}

.grid-container-70 {
  display: grid;
  grid-template-columns: 70% auto;
}

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

.input-group-disabled {
  background-color: #e7e7e7;
}
.input-group-disabled .form-control :disabled {
  background-color: #efefef;
}

.countinput-class .btn.btn-primary {
  background-color: transparent !important;
  padding: 0px;
  border: none !important;
}

.countinput-tooltip {
  z-index: 99999 !important;
}

.payment-box-failed {
  background-color: #fef4ec;
  border-radius: 5px;
  padding: 10px;
}
.payment-box-failed span {
  color: #f7943e !important;
}

.sgb-error-msg label {
  justify-content: center;
}
.sgb-error-msg label span {
  color: #f7943e;
}

.paymentscreenmobile {
  background-color: #ffffff;
  margin-bottom: -1px;
}
.paymentscreenmobile img {
  width: 50px;
  margin-top: 10px;
}
.paymentscreenmobile .mgt-20 {
  margin-top: 0px;
  padding-top: 40px;
}

.sgbconfirmation-bottom .bottombtnsection .sgb-confirmBuy-btn {
  background: #51b255 !important;
}

.mgbottom-minus {
  margin-bottom: -1px;
}

.pricepergram-input {
  background-color: #f2f2f5 !important;
  font-size: 14px;
  font-family: "RobotoRegular";
}
.pricepergram-input .input_prefix {
  background-color: #f2f2f5 !important;
}
.pricepergram-input .input_prefix span {
  font-size: 1.25rem;
  color: #444444;
}
.pricepergram-input .form-control {
  padding-left: 5px;
}
.pricepergram-input .form-control:disabled {
  background-color: #f2f2f5;
}

.sgb-table tr th:nth-child(1),
.sgb-table tr td:nth-child(1) {
  width: 15%;
}
.sgb-table tr th:nth-child(2),
.sgb-table tr td:nth-child(2) {
  width: 11%;
}
.sgb-table tr th:nth-child(3),
.sgb-table tr td:nth-child(4) {
  width: 8%;
}
.sgb-table tr th:nth-child(4),
.sgb-table tr td:nth-child(4) {
  width: 8%;
}
.sgb-table tr th:nth-child(5),
.sgb-table tr td:nth-child(5) {
  width: 15%;
}
.sgb-table tr th:nth-child(6),
.sgb-table tr td:nth-child(6) {
  width: 10%;
}
.sgb-table tr th:nth-child(7),
.sgb-table tr td:nth-child(7) {
  width: 10%;
}
.sgb-table tr th:nth-child(8),
.sgb-table tr td:nth-child(8) {
  width: 9%;
}

.sgbbuy-color-error .invalidMsg {
  padding-left: 15px !important;
}
.sgbbuy-color-error .invalidMsg .edel-icon-validation {
  color: #f7943e !important;
}
@media (max-width: 768px) {
  .sgbbuy-color-error .invalidMsg .edel-icon-validation {
    margin-top: 0px !important;
    display: flex;
    align-items: center;
  }
}
.sgbbuy-color-error .invalidMsg .p-1 {
  color: #f7943e !important;
  padding-left: 20px;
}

.ipoapp-head .progress-bar-ipo {
  margin: 0px;
  padding: 0px;
}
.ipoapp-head .progress-bar-ipo li {
  height: 3px;
  background-color: #e7e7e7;
  width: 32%;
  margin-right: 4px;
  display: inline-block;
}
.ipoapp-head .progress-bar-ipo li:last-child {
  margin-right: 0px;
}
.ipoapp-head .progress-bar-ipo li.active {
  background-color: #f7943e;
}
.ipoapp-head .progress-bar-ipo li.completed {
  background-color: #51b255;
}
.ipoapp-head .cancel-btn {
  background-color: transparent;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #dd504d !important;
}

.common-data-section .data-head {
  display: flex;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
}
@media (max-width: 768px) {
  .common-data-section .data-head {
    line-height: 15px;
  }
}
.common-data-section .data-value {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  display: flex;
  margin-top: 5px;
}
@media (max-width: 768px) {
  .common-data-section .data-value {
    line-height: 15px;
  }
}

.application-category-section .appl-category-radiobtn .common-radio-button {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 15px;
  padding-top: 15px;
}
.application-category-section .appl-category-radiobtn .common-radio-button .description-content {
  padding-top: 5px;
}
.application-category-section .appl-category-radiobtn .common-radio-button:last-child {
  border-bottom: none !important;
}
.application-category-section .appl-category-radiobtn .radio-button .radio_btn {
  grid-template-columns: 16px 1fr !important;
}

.bid-count-input-section .input-group {
  border: none !important;
}
.bid-count-input-section .input-group .input_prefix {
  width: 40px;
  height: 40px;
  border: 1px solid #e7e7e7;
  margin-right: 15px !important;
}
.bid-count-input-section .input-group .input_prefix button {
  height: 35px !important;
}
.bid-count-input-section .input-group .input_suffix {
  width: 40px;
  height: 40px;
  border: 1px solid #e7e7e7;
  margin-left: 15px !important;
}
.bid-count-input-section .input-group .input_suffix button {
  height: 35px !important;
}
.bid-count-input-section .input-group .form-control {
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px !important;
}

.button-border-add {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 9px;
}
.button-border-add .edel-icon-rounded-plus {
  font-size: 1.25rem;
}

.divide-input-section .edel-icon-UI {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}
.divide-input-section .input_prefix,
.divide-input-section .input_suffix {
  border-radius: 5px !important;
}

.arrow-icon-with-btn {
  cursor: pointer;
}
.arrow-icon-with-btn .edel-icon-arrow-left1::before {
  font-size: 0.563rem;
  padding-right: 7px;
}

.grid-3-bid-content {
  display: grid;
  grid-template-columns: 20% 45% 35%;
}

.application-content-modify .edel-icon-Vector-6::before {
  font-size: 0.625rem;
}
.application-content-modify .edel-icon-bold-close::before {
  font-size: 0.563rem;
}

.edit-bid-section .edel-icon-delete-red1 {
  font-size: 0.875rem;
}
.edit-bid-section .edel-icon-Vector-6 {
  font-size: 0.875rem;
}

.otp-application .edbutton-resend-otp {
  color: #727271 !important;
  background-color: transparent !important;
  text-decoration: underline !important;
  padding: 0px !important;
  font-size: inherit !important;
}
.otp-application.disabled {
  opacity: 0.5 !important;
}
.otp-application .box-otp-ui {
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px !important;
  padding: 0px !important;
  height: 40px !important;
  width: 40px !important;
  margin: 5px 10px 0px 0px !important;
}
.otp-application .box-otp-ui-error {
  border: 1px solid #dd504d !important;
  border-radius: 5px !important;
  padding: 0px !important;
  height: 40px !important;
  width: 40px !important;
  margin: 5px 10px 0px 0px !important;
}
.otp-application .yob_inp_grp .yob_inp {
  font-size: 1.125rem;
  font-family: "RobotoRegular";
  color: #444444;
}

.ipo-application-calendar {
  width: 100%;
  border: 1px solid #e7e7e7;
  height: 40px;
  border-radius: 5px;
}
.ipo-application-calendar input {
  width: 100%;
  border: none !important;
  padding-left: 5px;
}
.ipo-application-calendar .react-datepicker-popper {
  z-index: 9;
}

.ipo-application-tooltip {
  z-index: 999999 !important;
}

.video-section .grid-2-videoSection {
  display: grid;
  grid-template-columns: 40% auto;
}

.exchange-app .edel-icon-application {
  font-size: 1.875rem;
}

.upimandate-section {
  padding-left: 0px;
}
@media (max-width: 768px) {
  .upimandate-section {
    padding: 20px;
    margin-bottom: 0px;
  }
}
.upimandate-section li {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  list-style-type: disc;
}
@media (max-width: 768px) {
  .upimandate-section li {
    line-height: 30px;
  }
}

.ipoapplication-section {
  background-color: #ffffff !important;
}
.ipoapplication-section .ipoapp-head span {
  line-height: 20px;
}
.ipoapplication-section .mob-bottom-content {
  margin-top: 15px;
}

@media (max-width: 768px) {
  .mob-section-content .line-mob-30 {
    line-height: 30px;
  }
  .mob-section-content .line-mob-20 {
    line-height: 20px;
  }
  .mob-section-content .line-mob-25 {
    line-height: 20px;
  }
}

.BottomBidDetails-section.bottom-contents {
  padding-left: 0px !important;
  padding-right: 0px !important;
  z-index: auto;
}
.BottomBidDetails-section .edel-icon-arrow-up {
  font-size: 0.688rem;
}
.BottomBidDetails-section .data-head {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #727271;
}
.BottomBidDetails-section .data-value {
  font-size: 1.125rem;
  font-family: "RobotoBold";
  color: #444444;
}

.textOverflow-twolines-app {
  display: -webkit-box !important;
  max-width: 328px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
}

.textOverflow-one-app {
  white-space: nowrap;
  min-width: 140px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.left-move .btn {
  text-align: left;
}

.blue-border-tooltip {
  display: inline-block;
  position: relative;
  border: 1px solid #777777;
  text-decoration: none;
  border-radius: 2px;
  padding: 20px;
  margin-top: 50px;
}
.blue-border-tooltip::before {
  content: "";
  display: block;
  position: absolute;
  left: 140px;
  bottom: 100%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: black;
}
.blue-border-tooltip::after {
  content: "";
  display: block;
  position: absolute;
  left: 141px;
  bottom: 100%;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-bottom-color: white;
}

.ipo-toc-flow-section {
  overflow-y: hidden;
}
.ipo-toc-flow-section .stock-details-head {
  top: 0px !important;
}

.button-ipo-wrappar .button-timer {
  margin-left: 5px;
}
.button-ipo-wrappar .icon-tick {
  margin-right: 5px;
}

.otp-received-wrappar {
  gap: 5px;
}

.ipo-bottom-buttons {
  box-shadow: 0px 4px 17px 0px rgba(60, 60, 60, 0.11);
  padding: 10px;
  position: fixed;
  bottom: 0;
  background: #ffffff;
  z-index: 999;
}
@media (max-width: 768px) {
  .ipo-bottom-buttons {
    width: 100%;
    justify-content: space-around;
    left: 0px;
  }
}

.ipo-toc-error-screen {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ipo-toc-error-screen img {
  width: 50px;
}

.ipo-toast {
  width: fit-content;
}
.ipo-toast .toast-container {
  width: fit-content;
  bottom: 30px !important;
  left: 10px ipo !important;
  position: fixed !important;
  padding: 0px 15px;
}
.ipo-toast .toast-container .toast {
  width: fit-content !important;
}
.ipo-toast .toast-container .toast .toast-body {
  background-color: #fceded !important;
  color: rgba(221, 80, 77, 0.1803921569) !important;
  border-radius: 5px;
}

@media (max-width: 557px) {
  .ipo-guest-button .ed_button.button {
    padding: 8.21px 38.66px;
  }
}

@media (max-width: 768px) {
  .compareseries-table tr td {
    height: 40px !important;
  }
}

.order-track {
  margin-block: 15px;
  padding: 0 1rem;
  padding-top: 0rem;
  display: flex;
  flex-direction: column;
  transform-origin: top center;
}
.order-track .show-more-status {
  margin-left: 1.5rem;
}
.order-track .order-track-step {
  display: flex;
}
.order-track .order-track-status {
  margin-right: 1.5rem;
  position: relative;
}
.order-track .order-track-status .order-track-status-dot {
  display: block;
  width: 17px;
  height: 17px;
  border: 3px solid transparent;
  border-radius: 50%;
  background: #e7e7e7;
}
.order-track .order-track-status .order-track-status-line {
  display: block;
  margin: 0 auto;
  width: 2px;
  min-height: 3rem;
  max-height: 10rem;
  background: #e7e7e7;
}
.order-track .order-track-status .order-track-status-line.horizontal {
  height: 2px;
  width: 20px;
  max-height: 2px;
  min-height: 2px;
}
.order-track .order-track-status .order-track-status-line.len-6 {
  min-height: 7rem;
}
.order-track .order-track-status .order-track-status-line.len-3 {
  min-height: 5rem;
}
.order-track .order-track-text-stat {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  color: #444444;
  margin-bottom: 0px;
  line-height: 15px;
}
.order-track .order-track-text-sub {
  font-size: 0.625rem;
  font-family: "DMSansBold";
}
.order-track .order-track-desc {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #444444;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
}
.order-track .is-complete .order-track-status-dot {
  position: relative;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  border: 1px solid #51b255;
}
.order-track .is-complete .order-track-status-dot::before {
  display: block;
  position: relative;
  content: "";
  height: 9px;
  width: 5px;
  top: 3px;
  bottom: 0;
  left: 6px;
  margin: auto 0;
  border: 0px solid #ffffff;
  border-width: 0px 2px 2px 0;
  transform: rotate(45deg);
  z-index: 1;
}
.order-track .is-complete .order-track-status-dot::after {
  display: block;
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  top: 0px;
  bottom: 0;
  border-radius: 50%;
  left: 2px;
  background: #51b255;
  margin: auto 0;
}
.order-track .is-failed .order-track-status-dot {
  position: relative;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  border: 1px solid #dd504d;
}
.order-track .is-failed .order-track-status-dot::after {
  display: block;
  position: relative;
  content: "";
  height: 18px;
  width: 18px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: 50%;
  background: #dd504d;
  margin: auto 0;
  border: 2px solid #ffffff;
}
.order-track .is-progress .order-track-status-dot {
  position: relative;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  border: 1px solid #f7943e;
}
.order-track .is-progress .order-track-status-dot::after {
  display: block;
  position: relative;
  content: "";
  height: 18px;
  width: 18px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: 50%;
  border: 3px solid #ffffff;
  background: #f7943e;
  margin: auto 0;
}
.order-track .is-pending .order-track-status-dot {
  position: relative;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  border: 1px solid #b8b8b8;
}
.order-track .is-pending .order-track-status-dot::after {
  display: block;
  position: relative;
  content: "";
  height: 18px;
  width: 18px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: 50%;
  background: #b8b8b8;
  margin: auto 0;
  border: 3px solid #ffffff;
}

.order-track-desc-section .order-track-status-line {
  height: 5rem;
}

.ipo-ob-scroll {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 0px;
}

.user-icon-size {
  font-size: 23px;
  margin-right: -10px;
}

.order-track.OrderStatus-small .order-track-step .order-track-status-line {
  width: 10px !important;
}

.order-track-generictooltip.common-tooltip-custom-ellipse .tooltip-inner {
  max-width: 90%;
  margin-right: 10%;
  margin-left: 10%;
}

.common-table-all-border.ncd-ipo-table {
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 5px;
  overflow: hidden;
}
.common-table-all-border.ncd-ipo-table table {
  border-radius: 8px;
}
.common-table-all-border.ncd-ipo-table table th {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
  text-align: center;
  border-radius: 5px;
  width: 20%;
}
.common-table-all-border.ncd-ipo-table table td {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #444444;
  text-align: center;
  border-radius: 5px;
  width: 20%;
}

.ncd-toc-flow-section {
  overflow-y: hidden;
}
@media (max-width: 768px) {
  .ncd-toc-flow-section .position-sticky {
    position: unset !important;
  }
}
.ncd-toc-flow-section .stock-details-head {
  padding-inline: 20px !important;
  padding-bottom: 5px;
}
@media (max-width: 768px) {
  .ncd-toc-flow-section .stock-details-head {
    padding: 0px 20px !important;
  }
}
.ncd-toc-flow-section .stock-details-head {
  background-color: #ffffff !important;
}

.ncd-common-head {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
}

.ncd-common-data {
  font-size: 0.813rem;
  color: #444444;
}
.ncd-common-data.font-string {
  font-family: "DMSansMedium";
}
.ncd-common-data.font-number {
  font-family: "RobotoMedium";
}

.ncd-common-textbox input {
  width: 150px;
  height: 30px;
  font-size: 0.875rem;
  font-family: "RobotoRegular";
}
.ncd-common-textbox input::-ms-input-placeholder {
  /* Edge 12-18 */
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
}
.ncd-common-textbox input::placeholder {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
}
.ncd-common-textbox input:focus {
  border: 1px solid #e7e7e7 !important;
}

.series-data-content .brd-top:last-child {
  border-bottom: 1px solid #e7e7e7;
}

.grid-4-seriesSelection {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1.4fr 0.9fr;
  gap: 8px;
}
.grid-4-seriesSelection div:last-child {
  display: grid;
  justify-content: end;
}

.UpiAuthenticationsection img {
  width: 40px;
}

.padding-20-15 {
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.depository-section.radio-button .radio_btn {
  display: flex;
  align-items: center;
}

.common-datepicker-drawer .date-container {
  background-color: #f2f2f5 !important;
}

.ncd-ipo-dropdown {
  width: 100%;
}
.ncd-ipo-dropdown .dropdown-menu {
  width: inherit;
}
.ncd-ipo-dropdown .btn {
  width: inherit;
  justify-content: space-between !important;
}

.small-search-implement .common-search-bar {
  width: 40px;
}
.small-search-implement .common-search-bar input {
  padding: 11px 6px;
}
.small-search-implement .common-search-bar.open-search {
  width: 100%;
  display: flex;
}

.failed-icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border: 1px solid #f04e45;
  border-radius: 50%;
}
.failed-icon-box .icon {
  font-size: 1.75rem;
}

.ipo-toc-flow-section .mob-max-height {
  max-height: calc(100vh - 9rem) !important;
}

.STRPPDDetails-wrappar {
  border-bottom: 1px solid #e7e7e7;
}
.STRPPDDetails-wrappar .STRPPDDetails-per {
  margin-top: 0px;
}

.login-form-wrappar .login-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.login-form-wrappar .Continue-without-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-form-wrappar .Continue-without-btn {
  margin-bottom: 110px;
}
.login-form-wrappar .section-loginform-1 {
  margin-top: 48px;
}
@media (max-width: 768px) {
  .login-form-wrappar .section-loginform-1 {
    margin-top: 5px;
  }
}
.login-form-wrappar .section-loginform-1 .account-login {
  margin-top: 10px;
  margin-right: 100px;
}
.login-form-wrappar .apply-for-ipo {
  margin-block: 60px 40px;
}
@media (max-width: 768px) {
  .login-form-wrappar {
    max-height: 360px;
  }
}

.investorcatagory-wrappar {
  margin-inline: 20px;
  border-bottom: 1px solid #e7e7e7;
}
.investorcatagory-wrappar .category-heading {
  margin-block: 10px 5px;
}
.investorcatagory-wrappar .category-text {
  margin-bottom: 10px;
}

.close-btn-wrappar {
  margin-top: 375px;
}
.close-btn-wrappar .close-btn {
  padding-inline: 161px;
}

.download-wrappar {
  padding-inline: 0px !important;
}
.download-wrappar .download-text {
  margin-bottom: 20px;
}
.download-wrappar .details-of-person {
  margin-left: 10px;
}
.download-wrappar .details-of-person .download-btn-wrappar {
  margin-bottom: 10px;
}
@media screen and (max-width: 380px) {
  .download-wrappar .details-of-person .download-btn-wrappar .edel-icon-download-1 {
    padding-right: 2px !important;
  }
}
.download-wrappar .details-of-person .download-btn {
  padding-inline: 41px !important;
  padding-block: 10px;
}
@media screen and (max-width: 380px) {
  .download-wrappar .details-of-person .download-btn {
    padding-inline: 20px 20px !important;
  }
}
@media screen and (max-width: 330px) {
  .download-wrappar .details-of-person .download-btn {
    padding-inline: 15px 15px !important;
  }
}
.download-wrappar .details-of-person .email-btn {
  padding-inline: 32px !important;
  padding-block: 10px;
}
.download-wrappar .section2-wrappar {
  border: 1px solid #e7e7e7;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.download-wrappar .section3-wrappar .namecontact-wrappar {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 11px;
}
.download-wrappar .section3-wrappar .rm-contact-text {
  margin-bottom: 21px;
}
.download-wrappar .section3-wrappar .number-text {
  text-decoration-line: underline;
}
.download-wrappar .section3-wrappar {
  padding: 15px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.download-wrappar .romanshu-wrappar {
  margin-top: 13px;
}.trash-div {
  height: 30px;
  width: 30px;
  background-color: #fceded;
  color: #dd504d;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .trash-div {
    height: 20px;
    width: 20px;
    font-size: 0.75rem;
  }
}

.strategy-box.row {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin: 30px 0px;
  padding: 20px;
}

.border-box-combined {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 16px 0px;
  background-color: #f5f8fd;
}

.bottom-bg {
  background-color: #f2f2f5;
}

.bgt-transfer {
  background-color: transparent !important;
}

.stratigies-edbtn {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
}

.margin-calculator-section .error-msg-margincal .edel-icon-emtpy_icon {
  font-size: 4.375rem !important;
}
@media (max-width: 768px) {
  .margin-calculator-section .error-msg-margincal .edel-icon-emtpy_icon {
    font-size: 1.5rem !important;
  }
}
.margin-calculator-section .stock-details-head {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #444444;
  background-color: #f2f2f5;
  padding: 28px 11px;
}
.margin-calculator-section .stock-details-head .stock-details-switch-key i {
  color: #03002f;
}
.margin-calculator-section .overflow-y-500 {
  height: calc(100vh - 7rem);
  padding-bottom: 0px;
  overflow-y: scroll;
}
.margin-calculator-section .overflow-y-500::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.margin-calculator-section .overflow-y-500 {
  /* Track */
}
.margin-calculator-section .overflow-y-500::-webkit-scrollbar-track {
  background: transparent;
}
.margin-calculator-section .overflow-y-500 {
  /* Handle */
}
.margin-calculator-section .overflow-y-500::-webkit-scrollbar-thumb {
  background: #03002f;
}
.margin-calculator-section .stock-details-body {
  padding-bottom: 0px;
}
.margin-calculator-section .margin-calculator {
  padding: 10px 30px 30px 30px;
}
.margin-calculator-section .margin-calculator .row {
  margin: 0;
  padding: 0 !important;
}
.margin-calculator-section .margin-calculator .row .dataHead {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
  padding: 20px 0px 10px 0px;
}
.margin-calculator-section .margin-calculator .row .radio-btn-section.margin-cal-radio {
  padding: 0;
}
.margin-calculator-section .margin-calculator .row .radio-btn-section.margin-cal-radio .radio-button.common-radio-button label {
  display: flex;
}
.margin-calculator-section .margin-calculator .row .radio-btn-section.margin-cal-radio .radio-button.common-radio-button label span {
  font-family: "DMSansNormal";
}
.margin-calculator-section .margin-calculator .row .margin-cal-serach .form-control {
  background-color: #ffffff !important;
}
.margin-calculator-section .margin-calculator .row .margin-cal-serach .common-search-bar {
  border: 1px solid #e7e7e7;
}
.margin-calculator-section .margin-calculator .row .margin-cal-serach .common-search-bar input {
  padding: 10px !important;
}
.margin-calculator-section .action-btns .ed_button.button {
  width: 47%;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 18px;
}
.margin-calculator-section .action-btns.strategy {
  width: 90%;
  gap: 15px;
}
.margin-calculator-section .info {
  border: 1px solid #f0f9ff;
  width: 30px;
  height: 30px;
}
.margin-calculator-section .info i {
  font-size: 0.75rem;
}
.margin-calculator-section .create-link.ed_button.link {
  color: #03002f;
}
.margin-calculator-section .common-radio-button .radio_btn input[type=radio] {
  width: 16px;
  height: 16px;
}
.margin-calculator-section .common-radio-button .radio_btn input[type=radio]::after {
  width: 15px;
  height: 14px;
}
.margin-calculator-section .common-radio-button .radio_btn input[type=radio]:checked {
  border: 1px solid #03002f;
}

.margin-popup .modal-header {
  background-color: #f2f2f5;
  border: 0;
  font-size: 1.25rem;
  font-family: "DMSansMedium";
}
.margin-popup .modal-header .edel-icon-bold-close {
  display: none;
}
.margin-popup .modal-content {
  border: 0px;
}

.symbol-popup {
  filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.15));
  padding: 15px;
}

.margin-toast .toast-container {
  position: fixed !important;
}
.margin-toast .toast-container .toast {
  border: 0;
  box-shadow: none;
}
.margin-toast .toast-container .toast-body {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  border-radius: 5px;
}

.margin_drawer.scroll {
  overflow-y: visible !important;
}
.margin_drawer .drawer-head {
  padding: 15px;
}
.margin_drawer .drawer-head .heading {
  gap: 11px;
}
.margin_drawer .drawer-head .heading i {
  font-size: 12px;
}
.margin_drawer .margin_btns {
  gap: 30px;
  padding: 20px 15px;
}
.margin_drawer .margin_btns .ed_button.button {
  padding: 10px;
  width: 100%;
}

.strategy-btn button {
  border-radius: 5px;
}

.margin_drawer__backdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

@media screen and (min-width: 1023px) {
  .margin-cal-wrapper {
    margin-left: -9px !important;
  }
  .error-msg-border {
    border: 1px solid #e7e7e7 !important;
    border-radius: 5px;
    margin: 30px 0px;
    padding: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .margin-calculator-section .margin-calculator {
    padding: 15px;
  }
  .margin-calculator-section .border-box-combined {
    margin-inline: -12px !important;
    margin-bottom: -25px !important;
  }
  .strategy-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background-color: #ffffff;
    z-index: 1;
  }
  .strategy-btn button {
    width: 100%;
    border-radius: 5px;
  }
  .fix-mob {
    position: fixed;
    bottom: 55px;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.1);
    padding: 15px 0px;
    z-index: 1;
  }
  .date-list {
    padding: 15px 18px;
    border-bottom: 1px solid #e7e7e7;
  }
}
.calc-loader {
  top: 65px;
}

.strike-select .css-qbdosj-Input input {
  font-size: 0.875rem !important;
  font-family: "RobotoMedium" !important;
}
.strike-select .css-1fdsijx-ValueContainer {
  margin-left: 5px;
}
.strike-select .css-10wo9uf-option,
.strike-select .css-d7l1ni-option,
.strike-select .css-tr4s17-option {
  padding: 5px 10px !important;
}

.margin-understanding .accordion-button:not(.collapsed) {
  color: #03002f;
  background-color: unset;
}
.margin-understanding .accordion-button::after {
  width: 30px;
  height: 30px;
  color: #03002f;
  background-color: #f2f2f5;
}
.margin-understanding .accordion-button {
  padding: 0px !important;
}

.margin-cal-data .help_text.red {
  font-size: 0.75rem;
}

.margin-calculator .form-control {
  font-size: 0.875rem !important;
  font-family: "RobotoMedium" !important;
}

.buy-button-margin-cal {
  color: #51b255;
  background-color: #e6fce7;
  padding: 5px 9px;
  line-height: 140%;
  border-radius: 3px;
  display: flex;
  justify-content: center;
}

.sell-button-margin-cal {
  color: #b83a29;
  background-color: #fcd4d2;
  padding: 5px 9px;
  line-height: 140%;
  border-radius: 3px;
  display: flex;
  justify-content: center;
}

.blue-card-margin-calculator {
  display: grid;
  grid-template-columns: 80% 19%;
  gap: 1%;
}
.blue-card-margin-calculator .blue-card-left {
  display: grid;
  grid-template-columns: 33% 33% 33%;
}
.blue-card-margin-calculator .Outer-transaction-box span {
  text-wrap: nowrap;
}
.blue-card-margin-calculator .Outer-transaction-box {
  padding: 15px 10px;
  border-radius: 5px;
  background-color: #f5f8fd;
}
.blue-card-margin-calculator .Outer-transaction-box span {
  width: 100%;
  display: flex;
  text-align: left;
}
@media (max-width: 1023px) {
  .blue-card-margin-calculator .Outer-transaction-box span {
    font-size: 0.875rem;
  }
}

.dark-blue-card .Outer-transaction-box {
  background-color: #e2edfe;
  border-radius: 5px;
}
.dark-blue-card .Outer-transaction-box span {
  text-wrap: nowrap;
}

.blue-card-color .Outer-transaction-box .txt_blackOne1 {
  color: #51b255 !important;
}

.strategyList-total {
  bottom: 7px;
  border-radius: 5px;
  padding-block: 12px;
}
.strategyList-total .total-span {
  padding-right: 40px;
}
.strategyList-total .total-value-span {
  padding-right: 193px;
}

.error-msg-margincal {
  padding-block: 90px;
  margin-top: 20px;
  border-radius: 10px;
}

.icon-width-margincal {
  width: 300px !important;
}

.bg_blue-backround-padding {
  background: #f5f8fd !important;
  margin-inline: 5px;
  border-radius: 5px;
  margin-block: 10px;
}

.total-value-col {
  background: #e2edfe;
  padding: 5px;
  border-radius: 5px;
  align-items: center;
}

.margin-cal-errormsg {
  padding: 10px 13px !important;
  background: #fef4ec;
  margin-top: 20px;
  color: #f7943e;
  border-radius: 5px;
}

.span-value-wrappar {
  background: #ecf3fd;
  padding: 18px 32px;
}

.span-value-wrappar-col {
  background: #e2edfe;
}

.strategies-wrapper-mob {
  margin-top: 18px;
}

.f-and-o-calculator {
  margin-left: 12px;
}

.total-margin-wrapper-container {
  position: fixed;
  bottom: 73px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 600px;
  background-color: #ffffff;
  padding: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  /* Adjust shadow as needed */
}

.total-margin-wrapper {
  display: flex;
  justify-content: space-between;
}

.margin-cal-strategy-btn {
  width: 100% !important;
}

.fnomarginsTable.common-table-border table tr td,
.fnomarginsTable.common-table-border table tr th {
  padding: 10px 10px;
}
.fnomarginsTable table tr td:nth-child(1),
.fnomarginsTable table tr th:nth-child(1) {
  width: 10%;
}
.fnomarginsTable table tr td:nth-child(2),
.fnomarginsTable table tr th:nth-child(2) {
  width: 17%;
}
.fnomarginsTable table tr td:nth-child(3),
.fnomarginsTable table tr th:nth-child(3) {
  width: 8%;
}
.fnomarginsTable table tr td:nth-child(4),
.fnomarginsTable table tr th:nth-child(4) {
  width: 8%;
}
.fnomarginsTable table tr td:nth-child(5),
.fnomarginsTable table tr th:nth-child(5) {
  width: 14%;
}
.fnomarginsTable table tr td:nth-child(6),
.fnomarginsTable table tr th:nth-child(6) {
  width: 11%;
}
.fnomarginsTable table tr td:nth-child(7),
.fnomarginsTable table tr th:nth-child(7) {
  width: 11%;
}
.fnomarginsTable table tr td:nth-child(8),
.fnomarginsTable table tr th:nth-child(8) {
  width: 11%;
}
.fnomarginsTable table tr td:nth-child(9),
.fnomarginsTable table tr th:nth-child(9) {
  width: 5%;
  text-align: center;
}
.fnomarginsTable table tr td:nth-child(10),
.fnomarginsTable table tr th:nth-child(10) {
  width: 5%;
  text-align: center;
}

.generic-table.table-total tr td {
  padding: 10px 10px;
}
.generic-table.table-total tr td:nth-child(1),
.generic-table.table-total tr th:nth-child(1) {
  width: 68%;
  text-align: right;
}
.generic-table.table-total tr td:nth-child(2),
.generic-table.table-total tr th:nth-child(2) {
  width: 11%;
  text-align: right;
}
.generic-table.table-total tr td:nth-child(2) span,
.generic-table.table-total tr th:nth-child(2) span {
  background-color: unset !important;
}
.generic-table.table-total tr td:nth-child(3),
.generic-table.table-total tr th:nth-child(3) {
  width: 11%;
  text-align: right;
}
.generic-table.table-total tr td:nth-child(3) span,
.generic-table.table-total tr th:nth-child(3) span {
  background-color: unset !important;
}
.generic-table.table-total tr td:nth-child(4),
.generic-table.table-total tr th:nth-child(4) {
  width: 10%;
}

.disabled-inputfield-sym {
  pointer-events: none;
  opacity: 0.5 !important;
}

@media (max-width: 768px) {
  .margin-calculator-section #react-select-2-listbox .css-1n6sfyn-MenuList {
    -webkit-overflow-scrolling: touch !important;
    max-height: 200px !important;
    overflow-y: scroll !important;
  }
}.marginfilesTabs .generic-tabs .nav-tabs .nav-item .nav-link.active {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
@media (max-width: 768px) {
  .marginfilesTabs .nav-tabs {
    height: 33px;
    flex-direction: column;
  }
}
.marginfilesTabs table .pin-unpin-popup {
  z-index: 1 !important;
  width: 1000px;
}
.marginfilesTabs .action-icon-mob {
  width: 50px;
  height: 50px;
  background-color: #f2f2f5 !important;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marginfiles-table .marginfileSearch {
  width: 290px;
}
.marginfiles-table table thead {
  background-color: #f1f3f9;
}
.marginfiles-table table thead th {
  color: #1d2433 !important;
}
.marginfiles-table table thead th .title {
  font-family: "DMSansBold";
  font-size: 0.875rem;
}
.marginfiles-table table thead .Isin .title {
  display: flex;
  justify-content: end;
  padding-right: 10px;
}
.marginfiles-table table tbody tr:nth-child(even) {
  background-color: #f8f9fc !important;
}
.marginfiles-table table tbody .Isin .grid-1 {
  display: flex;
  justify-content: end;
}

.MarginFileTableDesk .generic-tabs .nav-tabs .nav-item .nav-link.active {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.MarginFileTableDesk .generic-tabs .nav-tabs .nav-item .nav-link {
  font-size: 0.875rem !important;
  font-family: "DMSansNormal" !important;
}
.MarginFileTableDesk .marginfiles-table .totalMarginLongPos .title,
.MarginFileTableDesk .marginfiles-table .totalMarginPerLot .title,
.MarginFileTableDesk .marginfiles-table .misMargin .title,
.MarginFileTableDesk .marginfiles-table .finalMargin .title,
.MarginFileTableDesk .marginfiles-table .marginRequirement .title,
.MarginFileTableDesk .marginfiles-table .minimumStopLossMargin .title,
.MarginFileTableDesk .marginfiles-table .enterStopLoss .title,
.MarginFileTableDesk .marginfiles-table .times .title,
.MarginFileTableDesk .marginfiles-table .roundOff .title,
.MarginFileTableDesk .marginfiles-table .expMarginPerLot .title,
.MarginFileTableDesk .marginfiles-table .spanMarginPerLot .title,
.MarginFileTableDesk .marginfiles-table .totalMarginAmt .title,
.MarginFileTableDesk .marginfiles-table .expMarginAmt .title,
.MarginFileTableDesk .marginfiles-table .spanMarginAmt .title,
.MarginFileTableDesk .marginfiles-table .additionalMargin .title,
.MarginFileTableDesk .marginfiles-table .spreadBenefit .title,
.MarginFileTableDesk .marginfiles-table .expMargin .title,
.MarginFileTableDesk .marginfiles-table .spanMargin .title,
.MarginFileTableDesk .marginfiles-table .totalMargin .title,
.MarginFileTableDesk .marginfiles-table .lotSize .title,
.MarginFileTableDesk .marginfiles-table .haircut .title,
.MarginFileTableDesk .marginfiles-table .isin .title,
.MarginFileTableDesk .marginfiles-table .bseCode .title,
.MarginFileTableDesk .marginfiles-table .lot .title {
  display: flex;
  justify-content: end;
}
.MarginFileTableDesk .marginfiles-table .totalMarginLongPos span,
.MarginFileTableDesk .marginfiles-table .totalMarginPerLot span,
.MarginFileTableDesk .marginfiles-table .misMargin span,
.MarginFileTableDesk .marginfiles-table .finalMargin span,
.MarginFileTableDesk .marginfiles-table .marginRequirement span,
.MarginFileTableDesk .marginfiles-table .minimumStopLossMargin span,
.MarginFileTableDesk .marginfiles-table .enterStopLoss span,
.MarginFileTableDesk .marginfiles-table .times span,
.MarginFileTableDesk .marginfiles-table .roundOff span,
.MarginFileTableDesk .marginfiles-table .expMarginPerLot span,
.MarginFileTableDesk .marginfiles-table .spanMarginPerLot span,
.MarginFileTableDesk .marginfiles-table .totalMarginAmt span,
.MarginFileTableDesk .marginfiles-table .expMarginAmt span,
.MarginFileTableDesk .marginfiles-table .spanMarginAmt span,
.MarginFileTableDesk .marginfiles-table .additionalMargin span,
.MarginFileTableDesk .marginfiles-table .spreadBenefit span,
.MarginFileTableDesk .marginfiles-table .expMargin span,
.MarginFileTableDesk .marginfiles-table .spanMargin span,
.MarginFileTableDesk .marginfiles-table .totalMargin span,
.MarginFileTableDesk .marginfiles-table .lotSize span,
.MarginFileTableDesk .marginfiles-table .haircut span,
.MarginFileTableDesk .marginfiles-table .isin span,
.MarginFileTableDesk .marginfiles-table .bseCode span,
.MarginFileTableDesk .marginfiles-table .lot span {
  display: flex;
  justify-content: end;
}.mtb-60 {
  margin: 60px 0px;
}

.mb-40 {
  margin-bottom: 40px;
}

.approachcard {
  border-radius: 5px;
  padding: 30px 20px 20px 40px;
}
.approachcard .col-10 {
  padding-left: 0;
  align-self: flex-start;
}

.approachcardgeneric {
  display: grid;
  grid-template-columns: 47% 47%;
  column-gap: 30px;
  row-gap: 30px;
}
@media (max-width: 1023px) {
  .approachcardgeneric {
    grid-template-columns: 4fr;
    gap: 15px;
  }
}

.aboutUs-links .rightsidebar {
  padding-right: 0 !important;
  overflow-y: unset !important;
}
.aboutUs-links .rightsidebar .tab-content:nth-child(1)::-webkit-scrollbar {
  width: 0.12rem;
}
.aboutUs-links .rightsidebar .tab-content:nth-child(1)::-webkit-scrollbar-thumb {
  background-color: #03002f;
}
.aboutUs-links .rightsidebar .tab-content .our-company,
.aboutUs-links .rightsidebar .tab-content .our-approach {
  padding: 0px 40px 0px;
}
.aboutUs-links .rightsidebar .tab-content .our-company::-webkit-scrollbar,
.aboutUs-links .rightsidebar .tab-content .our-approach::-webkit-scrollbar {
  width: 0.12rem;
}
.aboutUs-links .rightsidebar .tab-content .our-company::-webkit-scrollbar-thumb,
.aboutUs-links .rightsidebar .tab-content .our-approach::-webkit-scrollbar-thumb {
  background-color: #03002f;
}

@media screen and (max-width: 1023px) {
  .aboutUs.container {
    padding: 0px 15px;
  }
  .aboutUs.container .aboutUs-fchild {
    padding: 10px 0px 13px;
    font-size: 1.25rem;
    margin: 0px;
  }
  .aboutUs.container .aboutUs-fchild span {
    font-size: 1.25rem;
  }
  .aboutUs.container .aboutus-accordion .accordion-item .accordion-header .accordion-button {
    font-size: 1rem;
  }
  .aboutUs.container .aboutus-accordion .accordion-item .aboutus-overview {
    line-height: 22px;
  }
  .aboutUs.container .aboutus-accordion .accordion-item .aboutus-overview a {
    text-decoration: underline !important;
  }
  .aboutUs.container .boardCommitteeBlock {
    line-height: 16.8px;
    margin: 0px;
    padding: 20px 2px 17px 15px;
  }
  .aboutUs.container .boardCommitteeBlock .col-2 i {
    font-size: 1rem;
  }
  .approachcard {
    padding: 18px 15px 12px 18px;
    min-height: 160px;
  }
  .approachcard .col-10 {
    line-height: 140%;
  }
}
.carddesc {
  display: flex;
  align-items: flex-end;
  margin-top: 20px;
}
.carddesc .col-10 {
  line-height: 140%;
}
@media (max-width: 1023px) {
  .carddesc {
    margin-top: 8px;
  }
}

.boardCommitteeBlock {
  line-height: 22.4px;
  border: 1px solid #e7e7e7;
  padding: 30px 20px 31px 30px;
  border-radius: 5px;
}
.boardCommitteeBlock .col-10 {
  padding-left: 0px;
}
.boardCommitteeBlock .col-2 i {
  font-size: 1.25rem;
}

.company-arrow-section {
  font-size: 9px;
  margin-right: 10px;
  margin-top: 10px;
}

.disclaimerssection .rightsidebar {
  overflow: unset;
  height: auto;
}
.disclaimerssection .hgtoverflow400 {
  overflow: scroll;
  height: 564px;
}
.disclaimerssection .hgtoverflow400::-webkit-scrollbar {
  width: 0.12rem;
}
.disclaimerssection .hgtoverflow400::-webkit-scrollbar-thumb {
  background-color: #03002f;
}

.Headingaccordian label {
  font-size: 1.75rem;
}
.Headingaccordian label .first {
  font-size: 1.75rem;
  font-family: "DMSansBold";
}
.Headingaccordian label .second {
  font-family: "DMSansNormal";
}

.disclaimers p {
  font-size: 1rem;
  font-family: "DMSansNormal";
  text-align: justify;
}
.disclaimers h6 {
  font-size: 1rem;
  font-family: "DMSansBold";
  margin-top: 30px;
  margin-bottom: 30px;
}
.disclaimers .list-unstyled li {
  margin-bottom: 15px;
  font-size: 1rem;
  font-family: "DMSansNormal";
  align-content: start;
  display: flex;
}
.disclaimers .list-unstyled li:before {
  content: "\e946";
  font-family: "edel_icon";
  font-size: 0.625rem;
  padding-right: 17px;
  color: #03002f;
  position: relative;
  top: 5px;
}

@media screen and (max-width: 1023px) {
  .disclaimers p {
    font-size: 0.875rem;
    line-height: 22px;
    text-align: unset;
    margin-bottom: 10px;
  }
  .disclaimers h6 {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
  }
  .disclaimers .list-unstyled li {
    font-size: 0.875rem;
    line-height: 22px;
    margin-bottom: 0px;
    padding-bottom: 30px;
  }
  .Headingaccordian {
    z-index: 0;
  }
  .Headingaccordian label .first,
  .Headingaccordian label .second {
    font-size: 1.25rem !important;
  }
}
.DisclaimerSection-accordion .accordion-item:nth-child(3) .accordion-collapse .accordion-body {
  padding-bottom: 0px;
}
.DisclaimerSection-accordion .disclaimer-accordain-docked {
  left: 0px;
}

.mx-15b-30 {
  margin: 0 15px 30px;
}

.py-80 {
  padding: 80px 0px;
}
@media (max-width: 1023px) {
  .py-80 {
    padding: 25px 0px 20px 15px !important;
  }
  .py-80 > div {
    padding-left: 15px;
  }
}

.platform-cards {
  border: 1px solid #e7e7e7;
  height: 255px;
}
.platform-cards:hover {
  box-shadow: 0px 4px 38px -5px rgba(0, 0, 0, 0.1);
}

.platform-logo {
  padding: 30px 0px;
  width: 60%;
}

.plarform-title {
  position: relative;
}

.plarform-desc {
  padding: 20px 15px 15px;
  margin: 0px;
  line-height: 22px;
}

@media screen and (max-width: 768px) {
  .platform-cards {
    height: auto;
    max-width: 365px;
    margin: auto;
  }
}
.grievance-redressal {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.grievance-redressal .redressal-table {
  border-bottom: 1px solid #e7e7e7;
  padding: 20px 20px 4px 20px;
}
.grievance-redressal .redressal-table:last-child {
  border: none;
}

@media screen and (max-width: 1023px) {
  .grievance-redressal .redressal-table {
    display: flex;
    flex-direction: column;
    padding: 20px 8px 4px 8px;
  }
  .grievance-redressal .redressal-table .col-3,
  .grievance-redressal .redressal-table label,
  .grievance-redressal .redressal-table p {
    width: 100%;
    line-height: 22px;
  }
  .grievance-redressal .redressal-table .col-9 {
    width: 100%;
    line-height: 22px;
    padding-top: 10px;
  }
  .grievance-redressal .redressal-table a {
    word-break: break-all;
  }
}
.grievance-redressal-scoreportal.grievance-redressal .redressal-table {
  display: flex;
  flex-direction: row;
}
.grievance-redressal-scoreportal.grievance-redressal .redressal-table .col-3 {
  width: 25% !important;
}
.grievance-redressal-scoreportal.grievance-redressal .grievance-redressal-mobile {
  display: grid;
  grid-template-columns: 25% 35% 40%;
  gap: 5px;
  padding-top: 10px;
}
.grievance-redressal-scoreportal.grievance-redressal .grievance-redressal-mobile a {
  overflow-wrap: break-word;
  line-height: 20px;
}
.grievance-redressal-scoreportal.grievance-redressal .grievance-redressal-mobile .col-3,
.grievance-redressal-scoreportal.grievance-redressal .grievance-redressal-mobile .col-4,
.grievance-redressal-scoreportal.grievance-redressal .grievance-redressal-mobile .col-5 {
  width: 100% !important;
}

.compliance {
  padding: 30px 0 20px 0 !important;
}

.compliance-table table {
  width: 100%;
  margin: 0;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  border-spacing: 0px;
}
.compliance-table table thead tr th {
  background-color: #f2f2f5;
  padding: 20px 13px;
  border-bottom: 1px solid #e7e7e7;
}
.compliance-table table tbody tr td {
  padding: 20px 13px;
  font-family: "DMSansNormal";
  font-size: 1rem;
  border: none !important;
}
.compliance-table table tbody tr:hover {
  background-color: unset !important;
}

@media screen and (max-width: 1023px) {
  .compliance {
    line-height: 140%;
    padding: 30px 15px 20px 15px !important;
  }
  .compliance-mob {
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    padding: 20px;
  }
  .compliance-mob .names {
    padding: 20px 8px;
  }
  .compliance-mob .details {
    padding-left: 20px;
  }
  .compliance-mob .details label {
    margin: 20px 0px;
  }
}
.management-team {
  display: grid !important;
  grid-template-columns: 30% 30% 30%;
  column-gap: 30px;
  row-gap: 30px;
}

.board {
  border-radius: 5px;
}

.policy-code {
  border-radius: 5px;
}
.policy-code .row {
  padding: 20px 8px;
  border-bottom: 1px solid #e7e7e7;
}
.policy-code .row:last-child {
  border-bottom: none;
}

.investor-contacts {
  line-height: 22.4px;
}

.contact-table {
  line-height: 22.4px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
}
.contact-table .col .row {
  padding: 20px 30px;
}
.contact-table .col .row.heading {
  border-bottom: 1px solid #e7e7e7;
}

@media screen and (max-width: 1023px) {
  .management-team {
    display: flex !important;
    gap: 15px;
  }
  .regulation-lodr-mob {
    margin-right: 45px;
    border-bottom: 1px solid #e7e7e7;
  }
  .regulation-lodr-mob .accordion-button:not(.collapsed) {
    color: #f04e45 !important;
  }
  .board {
    padding: 18px 3px;
  }
  .contact-table .col .row {
    padding: 16px 20px 16px 16px;
  }
  .contact-table .col:last-child {
    border-top: 1px solid #e7e7e7;
  }
}
.regularitydrop-div {
  min-height: 100px;
  max-height: 400px;
}
.regularitydrop-div .regularity-drp {
  margin-bottom: 15px;
}
.regularitydrop-div .regularity-drp .equitydrop {
  width: max-content !important;
}
@media (max-width: 768px) {
  .regularitydrop-div .regularity-drp .equitydrop {
    font-size: 12px !important;
  }
}
.regularitydrop-div {
  margin-bottom: 20px;
}
.regularitydrop-div .edel-icon-arrow-down::before {
  color: #03002f !important;
}
.regularitydrop-div .equitydrop.dropdown-toggle {
  background-color: #ededf0 !important;
  border: none;
  width: 277px;
  height: 44px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  justify-content: space-between;
}
.regularitydrop-div .equitydrop.dropdown-toggle i {
  color: #03002f;
}
.regularitydrop-div .dropdown-menu {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  background-color: #ededf0 !important;
}

.investor .investor-relations {
  margin: 0;
  padding: 60px 0;
}
.investor .investor-desk .row .leftsidebar .nav-pills .nav-item a {
  padding-right: 10px;
}
.investor .investor-desk .row .rightsidebar {
  height: auto;
  overflow-y: hidden;
}
.investor .investor-desk .row .rightsidebar .investor-overview {
  line-height: 30px;
}
.investor .investor-desk .row .rightsidebar p a {
  color: #03002f;
}
.investor .investor-desk .row .rightsidebar p a:hover {
  color: #f04e45;
}
.investor .valuation-table table {
  margin: 0;
  width: 100%;
  border-radius: 5px;
  border-spacing: 0px;
  border: 1px solid #e7e7e7;
}
.investor .valuation-table table thead tr th {
  padding: 10px 20px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}
.investor .valuation-table table tbody tr:hover {
  background: none !important;
}
.investor .valuation-table table tbody tr td {
  border-radius: 0px;
  border-top: 1px solid #e7e7e7;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  padding: 15px 20px;
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #444444;
}
.investor .valuation-table table tbody tr td:last-child {
  font-size: 0.875rem;
  cursor: pointer;
}
.investor .valuation-table table tbody tr td a:hover {
  color: #f04e45;
}
.investor .pdf-box {
  cursor: pointer;
  line-height: 22.4px;
  border: 1px solid #e7e7e7;
}
.investor .pdf-box .col-2 i {
  font-size: 1.25rem;
}
.investor .public-issue {
  padding: 20px 8px 20px 18px;
}
.investor .credit-ratings {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.investor .credit-ratings label {
  padding: 30px 20px 20px 10px;
}
.investor .credit-ratings .credit-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  font-family: "DMSansMedium";
}
.investor .credit-ratings .credit-table table thead tr th {
  font-size: 0.75rem;
  padding: 10px;
  line-height: 140%;
  color: #b8b8b8;
}
.investor .credit-ratings .credit-table table tbody {
  font-size: 1rem;
  line-height: 140%;
}
.investor .credit-ratings .credit-table table tbody tr td {
  border-top: 1px solid #e7e7e7;
  padding: 20px;
  border-radius: 0px;
  font-size: 1rem;
  color: #444444;
  border-width: 1px 0px 0px 0px;
}
.investor .credit-ratings .credit-table table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}
.investor .credit-ratings .credit-table table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}
.investor .credit-ratings .credit-table table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.investor .credit-ratings .credit-table table tbody tr:nth-child(odd) {
  background-color: #f2f2f5 !important;
}
.investor .credit-ratings .credit-table table tbody tr:hover {
  background-color: inherit !important;
}
.investor .credit-ratings .credit-table table tbody tr:hover:nth-child(odd) {
  background-color: #f2f2f5 !important;
}
.investor .credit-ratings .credit-table table tr td:nth-child(1),
.investor .credit-ratings .credit-table table tr th:nth-child(1) {
  width: 30%;
}
@media (max-width: 768px) {
  .investor .credit-ratings .credit-table table tr td:nth-child(1),
  .investor .credit-ratings .credit-table table tr th:nth-child(1) {
    width: 35%;
  }
}
.investor .credit-ratings .credit-table table tr td:nth-child(2),
.investor .credit-ratings .credit-table table tr th:nth-child(2) {
  width: 30%;
}
@media (max-width: 768px) {
  .investor .credit-ratings .credit-table table tr td:nth-child(2),
  .investor .credit-ratings .credit-table table tr th:nth-child(2) {
    width: 30%;
  }
}
.investor .credit-ratings .credit-table table tr td:nth-child(3),
.investor .credit-ratings .credit-table table tr th:nth-child(3) {
  width: 40%;
}
@media (max-width: 768px) {
  .investor .credit-ratings .credit-table table tr td:nth-child(3),
  .investor .credit-ratings .credit-table table tr th:nth-child(3) {
    width: 35%;
  }
}
.investor .investor-dropdown {
  margin-bottom: 20px;
}
.investor .investor-dropdown .edel-icon-arrow-down::before {
  color: #03002f !important;
}
.investor .investor-dropdown .equitydrop.dropdown-toggle {
  background-color: #ededf0 !important;
  border: none;
  width: 277px;
  height: 44px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  justify-content: space-between;
}
.investor .investor-dropdown .equitydrop.dropdown-toggle i {
  color: #03002f;
}
.investor .investor-dropdown .dropdown-menu {
  inset: 5px auto auto 192px !important;
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  background-color: #ededf0 !important;
}
.investor .finance-announce :first-child.row {
  background-color: #f2f2f5;
}

@media screen and (max-width: 1023px) {
  .investor.container {
    padding: 0px 15px;
  }
  .investor.container .investor-relations {
    padding: 10px 15px 13px 0px;
  }
  .investor.container .investor-relations label,
  .investor.container .investor-relations span {
    font-size: 1.25rem;
  }
  .investor.container .investor-accordion p {
    line-height: 22px;
  }
  .investor.container .investor-accordion .accordion-item .accordion-header .accordion-button {
    font-size: 1rem;
  }
  .investor.container .investor-accordion .accordion-item a {
    color: #03002f;
  }
  .investor.container .investor-accordion .accordion-item .investor-overview {
    line-height: 22px;
  }
  .investor.container .investor-accordion .accordion-item .investor-overview a {
    text-decoration: underline !important;
  }
  .investor.container .valuation-table thead tr th {
    padding-left: 8px;
  }
  .investor.container .valuation-table tbody tr td {
    padding: 13px 10px 9px 8px;
    font-size: 0.75rem;
  }
  .investor.container .valuation-table tbody tr td:last-child {
    font-size: 0.75rem;
  }
  .investor.container .pdf-box {
    line-height: 16.8px;
    margin: 0;
  }
  .investor.container .pdf-box .col-2 i {
    font-size: 1rem;
  }
  .investor.container .public-issue {
    padding: 10px 0px;
  }
  .investor.container .credit-ratings label,
  .investor.container .credit-ratings label span {
    font-size: 0.75rem;
  }
  .investor.container .credit-ratings label {
    padding: 30px 20px 20px 0px;
  }
  .investor.container .credit-ratings .credit-table table {
    line-height: 140%;
  }
  .investor.container .credit-ratings .credit-table table thead tr th {
    font-size: 0.75rem;
    padding: 0px;
  }
  .investor.container .credit-ratings .credit-table table tbody tr td {
    font-family: "DMSansNormal";
    font-size: 0.75rem;
    padding: 0px;
  }
  .investor.container .credit-ratings .credit-table table thead tr th:first-child,
  .investor.container .credit-ratings .credit-table table tbody tr td:first-child {
    padding-left: 20px;
  }
  .investor.container .credit-ratings .credit-table table thead tr th:last-child,
  .investor.container .credit-ratings .credit-table table tbody tr td:last-child {
    padding-right: 20px;
  }
}
#disclosure .blur-on-scroll {
  background: unset !important;
}

.most-imp-termsblock {
  padding: 60px 0px;
}

.importantMsgs .txt-midnight-blue {
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  line-height: 39.2px;
  color: #03002f;
}
.importantMsgs .head {
  line-height: 30.8px;
  font-size: 1.375rem;
  font-family: "DMSansBold";
  color: #444444;
  margin-bottom: 30px;
}
.importantMsgs .list-unstyled {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.importantMsgs .list-unstyled li {
  padding: 20px 15px 20px 30px;
}
.importantMsgs .list-unstyled li:nth-child(even) {
  background-color: #f2f2f5;
}
.importantMsgs .list-unstyled li a {
  color: #444444;
  line-height: 20.8px;
}
.importantMsgs .rightsidebar {
  height: unset;
  padding-right: 0;
  overflow-y: unset;
}
.importantMsgs .txt-midnight-blue {
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  line-height: 39.2px;
  color: #03002f;
}
.importantMsgs .cardBox {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  background-color: #ffffff;
}
.importantMsgs .cardBox .cardBoxHead {
  margin: 0;
  color: #444444;
  font-size: 1rem;
  line-height: 20.8px;
  padding: 23px 20px;
  font-family: "DMSansBold";
}
.importantMsgs .cardBox table {
  width: 100%;
  margin: 0 auto;
}
.importantMsgs .cardBox table p {
  margin: 0;
  padding: 20px;
  line-height: 20.8px;
}
.importantMsgs .cardBox table thead th {
  border: 1px solid #e7e7e7;
  border-left: unset;
  border-right: unset;
}
.importantMsgs .cardBox table thead th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 30%;
}
.importantMsgs .cardBox table thead th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 70%;
}
.importantMsgs .cardBox table thead th p {
  color: #727271;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansMedium";
  padding: 12px 20px;
}
.importantMsgs .cardBox table tbody tr td {
  border-top: unset;
  border-bottom: unset;
  border-radius: unset;
}
.importantMsgs .cardBox table tbody tr td:first-child {
  border-left: unset;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.importantMsgs .cardBox table tbody tr td:last-child {
  border-right: unset;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.importantMsgs .cardBox table tbody tr:nth-child(even) {
  background-color: #f0f9ff !important;
}

.exchangeHolidays {
  margin-bottom: 123px;
}
.exchangeHolidays .cardBox {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  background-color: #ffffff;
}
.exchangeHolidays .cardBox .cardBoxHead {
  margin: 0;
  color: #444444;
  font-size: 1rem;
  line-height: 20.8px;
  padding: 23px 20px;
  font-family: "DMSansBold";
}
.exchangeHolidays .cardBox table {
  width: 100%;
  margin: 0 auto;
}
.exchangeHolidays .cardBox table p {
  margin: 0;
  padding: 20px;
  line-height: 20.8px;
}
.exchangeHolidays .cardBox table thead th {
  border: 1px solid #e7e7e7;
  border-left: unset;
  border-right: unset;
}
.exchangeHolidays .cardBox table thead th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 30%;
}
.exchangeHolidays .cardBox table thead th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 70%;
}
.exchangeHolidays .cardBox table thead th p {
  color: #727271;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansMedium";
  padding: 12px 20px;
}
.exchangeHolidays .cardBox table tbody tr td {
  border-top: unset;
  border-bottom: unset;
  border-radius: unset;
}
.exchangeHolidays .cardBox table tbody tr td:first-child {
  border-left: unset;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.exchangeHolidays .cardBox table tbody tr td:last-child {
  border-right: unset;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.exchangeHolidays .cardBox table tbody tr:nth-child(even) {
  background-color: #f2f2f5 !important;
}

.exchangeChargeSheet {
  margin-bottom: 197px;
}
.exchangeChargeSheet p {
  margin-bottom: 0;
}
.exchangeChargeSheet .txt-midnight-blue {
  margin-bottom: 28px;
}
.exchangeChargeSheet .subHeading {
  font-size: 1.125rem;
  line-height: 23.4px;
  font-family: "DMSansBold";
  color: #444444;
  margin-bottom: 20px;
}
.exchangeChargeSheet table {
  margin: 0 auto;
  border-spacing: 0 0;
}
.exchangeChargeSheet table .head th {
  text-align: center;
}
.exchangeChargeSheet table .head th p {
  font-size: 0.875rem;
  line-height: 19.6px;
  font-family: "DMSansMedium";
  color: #727271;
  padding: 14px 2px;
}
.exchangeChargeSheet table .head th:first-child {
  text-align: left;
  padding-left: 14px;
  width: 15%;
}
.exchangeChargeSheet table .subHead {
  color: #b8b8b8;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansMedium";
}
.exchangeChargeSheet table .subHead th p {
  padding: 14px 0;
  white-space: nowrap;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}
.exchangeChargeSheet table tbody tr td {
  padding: 14px 0;
}
.exchangeChargeSheet table tbody tr td:first-child {
  border-left: unset;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 14px;
}
.exchangeChargeSheet table tbody tr td:last-child {
  border-right: unset;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.exchangeChargeSheet table tbody tr td p {
  font-size: 0.875rem;
  line-height: 22.4px;
  font-family: "DMSansNormal";
  color: #444444;
}
.exchangeChargeSheet table tbody tr:nth-child(odd) {
  background-color: #f2f2f5;
}
.exchangeChargeSheet .notes {
  margin-top: 30px;
}
.exchangeChargeSheet .notes ul {
  padding: 0;
  margin: 0;
}
.exchangeChargeSheet .notes ul li p {
  line-height: 30px;
  margin-bottom: 0;
}
.exchangeChargeSheet .notes ul:nth-child(2) {
  margin: 30px 0;
}

.cardBoxBorder {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  background-color: #ffffff;
}

.circular {
  margin-bottom: 200px;
}
.circular .txt-midnight-blue {
  margin-bottom: 30px;
}
.circular p {
  margin-bottom: 0;
}
.circular .cardBoxBorder {
  margin: 30px auto;
  margin-top: 0;
}
.circular .cardBoxBorder .url_hover :hover {
  color: #f04e45;
}
.circular .cardBlueBg {
  background: #f0f9ff;
  border-radius: 5px;
  margin: 30px auto;
  margin-top: 0;
}
.circular .cardBlueBg label {
  color: #444444;
  font-family: "DMSansMedium";
  font-size: 1.125rem;
  line-height: 25.2px;
  margin-bottom: 10px;
}
.circular .cardBlueBg .typing-text {
  display: none;
}
.circular .cardBlueBg .cardBlueBgWrap {
  display: flex;
  align-items: center;
  padding: 30px 0;
  justify-content: center;
}
.circular .cardBlueBg .cardBlueBgWrap .entityPeriod {
  display: flex;
  align-items: center;
}
.circular .cardBlueBg .searchWrap {
  margin: 0 15px;
}
.circular .cardBlueBg .searchWrap .search {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 7px 10px;
  background: #ffffff;
  position: relative;
}
.circular .cardBlueBg .searchWrap .search .edel-icon-search {
  position: absolute;
  top: 26%;
}
.circular .cardBlueBg .searchWrap .search .edel-icon-search.end-icon {
  margin-bottom: 0px;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 20px;
}
.circular .cardBlueBg .searchWrap .search input {
  border: unset;
  padding-right: 25px;
}
.circular .cardBlueBg .searchWrap .search span {
  color: #3580f7;
}
.circular .cardBlueBg .searchWrap .search span::before {
  font-size: 1.25rem;
}
.circular .cardBlueBg .entity {
  margin: 0 15px;
}
.circular .cardBlueBg .entity .equity-dropdown-block .dropdown-menu.show {
  background: #ffffff;
  border: 1px solid #ebf2fe;
  border-radius: 5px;
}
.circular .cardBlueBg .entity .equity-dropdown-block .btn {
  padding: 10px;
  border: 1px solid #e7e7e7;
}
.circular .cardBlueBg .period {
  margin: 0 15px;
}
.circular .cardBlueBg .period label {
  margin-bottom: 0;
}
.circular .cardBlueBg .period .input-group {
  margin-top: 10px;
}
.circular .cardBlueBg .period .periodWrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.circular .cardBlueBg .period .periodWrap .input-group {
  flex-wrap: nowrap;
  align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 2px 10px;
  background: #ffffff;
}
.circular .cardBlueBg .period .periodWrap .input-group .react-datepicker__input-container a {
  color: #727271;
  font-size: 1rem;
  line-height: 22.4px;
  font-family: "DMSansMedium";
}
.circular .cardBlueBg .period .periodWrap .input-group .input-group-append {
  padding-left: 40px;
}
.circular .cardBlueBg .period .periodWrap .input-group .input-group-append i {
  font-size: 14px;
  padding-right: 5px;
}
.circular .cardBlueBg .period .periodWrap .input-group .input-group-append a {
  font-size: 1rem;
  line-height: 22.4px;
  font-family: "DMSansMedium";
}
.circular .cardBlueBg .period .periodWrap .periodWrapFirstInput {
  margin-right: 15px;
}
.circular .cardBlueBg .submitBtn {
  margin: 0 15px;
}
.circular .cardBlueBg .submitBtn .ed_button {
  margin-top: 30px;
}
.circular .circulars_error {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 60px auto;
}
.circular .circulars_error i {
  font-size: 20px;
}
.circular .circulars_error p {
  line-height: 18.23px;
  margin-top: 8px;
}
.circular table {
  margin: 0 auto;
  border-spacing: 0 0;
}
.circular table td {
  border-bottom: unset;
}
.circular table td:first-child {
  border-left: unset;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.circular table td:last-child {
  border-right: unset;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.circular table thead th {
  border-bottom: unset;
}
.circular table thead th p {
  line-height: 16.8px;
  padding: 15px 15px;
}
.circular table tbody tr td p {
  line-height: 22.4px;
  padding: 10px 15px;
}
.circular .calendar_pnl_ui .inputFieldCalendarIcon .react-datepicker-wrapper .react-datepicker__input-container a {
  padding: 8px 10px;
}
.circular .react-datepicker__input-container {
  white-space: wrap;
}
.circular .circularMobView .drawer__handle-wrapper .heading {
  padding: 20px;
}
.circular .circularMobView .drawer__handle-wrapper .from_and_To_Container {
  height: unset;
}
.circular .circularMobView .drawer__handle-wrapper .from_and_To_Container .date_container {
  height: unset;
}
.circular .circularMobView .drawer__handle-wrapper .from_and_To_Container .custom_heading span {
  padding: 0;
  padding-right: 2px;
}
.circular .circularMobView .drawer__handle-wrapper .from_and_To_Container .custom_heading span.fromDate {
  margin-right: 10px;
}
.circular .circularMobView .drawer__handle-wrapper .from_and_To_Container .custom_heading span i {
  margin: 0;
  margin-right: 5px;
}

.vernacularLang {
  margin-bottom: 200px;
}
.vernacularLang .txt-midnight-blue {
  margin-bottom: 30px;
}
.vernacularLang .cardBox {
  width: 60%;
  margin: 0 auto;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.vernacularLang .cardBox .cardBoxHead {
  border-bottom: 1px solid #e7e7e7;
  margin: 0;
  color: #444444;
  font-size: 1rem;
  line-height: 20.8px;
  padding: 23px 20px;
  font-family: "DMSansBold";
}
.vernacularLang .cardBox .cardBoxWrap {
  width: 100%;
}
.vernacularLang .cardBox .cardBoxWrap ul {
  width: 50%;
  padding: 0;
  margin: 0;
}
.vernacularLang .cardBox .cardBoxWrap ul li {
  padding: 18px 30px;
  min-height: 59px;
}
.vernacularLang .cardBox .cardBoxWrap ul li:nth-child(even) {
  background-color: #f2f2f5;
}
.vernacularLang .cardBox .cardBoxWrap ul li a {
  margin: 0;
  color: #03002f;
  font-size: 1.125rem;
  line-height: 23.4px;
  font-family: "DMSansMedium";
}

.advisoryForInvestor {
  margin-bottom: 100px;
}
.advisoryForInvestor .txt-midnight-blue {
  margin-bottom: 30px;
}
.advisoryForInvestor .cardBoxHead {
  font-size: 1.125rem;
  line-height: 25.2px;
  font-family: "DMSansMedium";
  color: #444444;
}
.advisoryForInvestor .cardBoxWrap ul {
  padding: 0;
  margin: 0;
}
.advisoryForInvestor .cardBoxWrap ul li {
  display: flex;
  width: 100%;
}
.advisoryForInvestor .cardBoxWrap ul li div:first-child {
  width: 2%;
}
.advisoryForInvestor .cardBoxWrap ul li div:last-child {
  width: 98%;
}
.advisoryForInvestor .cardBoxWrap ul li i {
  font-size: 0.563rem;
  color: #03002f;
}
.advisoryForInvestor .cardBoxWrap ul li p {
  line-height: 30px;
  word-break: break-all;
}

@media (max-width: 991px) {
  .importantMsgs .cardBox.cardBox_nse {
    margin-top: 30px;
  }
  .exchangeChargeSheet table .head th:first-child {
    width: 20%;
  }
  .exchangeChargeSheet table tbody tr td {
    padding: 14px;
  }
  .exchangeChargeSheet .notes ul li p {
    font-size: 0.875rem;
  }
  .vernacularLang .cardBox {
    width: 100%;
  }
  .advisoryForInvestor {
    margin-bottom: 100px;
  }
  .advisoryForInvestor .txt-midnight-blue {
    margin-bottom: 30px;
  }
  .advisoryForInvestor .cardBoxHead {
    line-height: 25.2px;
  }
  .advisoryForInvestor .cardBoxWrap ul li div:first-child {
    width: 7%;
  }
  .advisoryForInvestor .cardBoxWrap ul li div:last-child {
    width: 93%;
  }
  .importantMsgs {
    background-color: #ffffff;
    padding: 10px 10px 30px;
  }
  .importantMsgs .txt-midnight-blue {
    margin: 0;
    padding-bottom: 13px;
  }
  .importantMsgs .head {
    display: none;
  }
  .importantMsgs .list-unstyled.firstul {
    margin: 0;
    border-bottom: unset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .importantMsgs .list-unstyled.lastul {
    margin: 0;
    border-top: unset;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .circular .txt-midnight-blue {
    margin-bottom: 20px;
  }
  .circular table tr td p {
    white-space: nowrap;
  }
  .circular .cardBlueBg {
    margin-top: 0;
  }
  .circular .cardBlueBg .cardBlueBgWrap {
    display: block;
    align-items: center;
    padding: 20px 0;
  }
  .circular .cardBlueBg .cardBlueBgWrap label {
    color: #b8b8b8;
  }
  .circular .cardBlueBg .cardBlueBgWrap .entityPeriod {
    margin-top: 18px;
  }
  .circular .cardBlueBg .cardBlueBgWrap .entityPeriod .input-group .input-group-append .input-group-text span {
    display: none;
  }
  .circular .cardBlueBg .cardBlueBgWrap .entityPeriod .input-group .input-group-append .input-group-text .edel-icon-calendar-report {
    color: #727271;
  }
  .circular .cardBlueBg .cardBlueBgWrap .submitBtn .ed_button {
    width: 100%;
  }
  .circular .circularMobView .drawer__handle-wrapper .from_and_To_Container .date_container {
    min-height: 500px;
    overflow-y: scroll;
  }
  .circular .circularMobView .drawer__handle-wrapper .from_and_To_Container .date_container .input-group-date-section {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }
  .circular .circularMobView .drawer__handle-wrapper .from_and_To_Container .date_container .custom_btn {
    width: 100%;
    padding: unset;
    display: flex;
    align-items: center;
  }
  .circular .circularMobView .react-datepicker__year-dropdown-container.react-datepicker__year-dropdown-container--scroll {
    margin: 0 20px;
  }
}
.pl-2 {
  padding-left: 20px !important;
}

@media (max-width: 576px) {
  .circular .cardBlueBg .period {
    margin: 10px 10px 10px 10px;
  }
  .circular .cardBlueBg .entity {
    margin: 10px 10px 10px 10px;
  }
  .circular .cardBlueBg .pl-2 {
    padding-left: 10px !important;
  }
}
.precautionforclient-section .cardBoxWrap ul li {
  font-size: 1rem;
  font-family: "DMSansNormal";
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.precautionforclient-section .cardBoxWrap ul li::before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #292929;
  border-radius: 50%;
}

.noticeBoard .firstul li:nth-child(9) {
  line-height: 45px;
}
@media (max-width: 768px) {
  .noticeBoard .firstul li:nth-child(9) {
    line-height: normal;
  }
}

.customScrollUi::-webkit-scrollbar {
  width: 0.12rem;
}
.customScrollUi::-webkit-scrollbar-thumb {
  background-color: #03002f !important;
}
.customScrollUi.height500 {
  height: 500px;
  overflow: scroll;
}

.dosAndDonts .customaccordian .accordion-item:nth-child(8) .accordion-collapse #accordion-content .customScrollUi .col-lg-12 .cardBoxWrap div:first-of-type p {
  line-height: 19px;
  margin-bottom: 20px;
}
.dosAndDonts .customaccordian .accordion-item:last-child .col-lg-6:first-child .ulCustom span a {
  color: unset;
}

.dosAndDonts p {
  margin-bottom: 0;
}
.dosAndDonts .ulCustom {
  padding: 0;
  margin: 0;
}
.dosAndDonts .ulCustom.ulCustomFirst {
  border-right: 1px solid #e7e7e7;
  padding-right: 30px;
}
.dosAndDonts .ulCustom li {
  display: flex;
  margin-bottom: 20px;
}
.dosAndDonts .ulCustom li i.edel-icon-right-arrow {
  margin-right: 17px;
}
.dosAndDonts .ulCustom li i.edel-icon-right-arrow::before {
  font-size: 0.563rem;
  color: #03002f;
}
.dosAndDonts .ulCustom li p {
  color: #444444;
  line-height: 140%;
}
.dosAndDonts .ulCustom .innerUl {
  margin-top: 20px;
}
.dosAndDonts .ulCustom .innerUl li {
  list-style-type: circle;
}
.dosAndDonts .ulCustom .innerUl p {
  position: relative;
}
.dosAndDonts .ulCustom .innerUl p::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #444444;
  position: absolute;
  left: -15px;
  border-radius: 50%;
  top: 20%;
}
.dosAndDonts .dosAndDonts_iconText {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .dosAndDonts .dosAndDonts_iconText {
    margin-bottom: 20px;
  }
}
.dosAndDonts .dosAndDonts_iconText .iconWrap {
  background-color: #f0f9ff;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  position: relative;
}
.dosAndDonts .dosAndDonts_iconText .iconWrap i {
  position: absolute;
  top: 10%;
  left: 10%;
}
.dosAndDonts .dosAndDonts_iconText .iconWrap i.edel-icon-tick::before {
  font-size: 1.875rem;
}
.dosAndDonts .dosAndDonts_iconText .iconWrap_close {
  position: relative;
  background-color: #fceded;
}
.dosAndDonts .dosAndDonts_iconText .iconWrap_close i {
  position: absolute;
  top: 25%;
  left: 30%;
}
.dosAndDonts .dosAndDonts_iconText .iconWrap_close i.edel-icon-bold-close::before {
  font-size: 0.875rem;
}
.dosAndDonts .dosAndDonts_iconText p {
  line-height: 28px;
  margin-left: 20px;
}

.dosAndDonts > p {
  margin-bottom: 60px;
}
@media (max-width: 1023px) {
  .dosAndDonts > p {
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 10px 0px 16px;
    border-bottom: 1px solid #e7e7e7;
  }
}
.dosAndDonts .customerAwareness .ulCustom.ulCustomFirst {
  border-right: unset;
}
.dosAndDonts .smoothTransfer .ulCustom.ulCustomFirst {
  border-right: unset;
}

.team-card {
  padding: 0;
}
.team-card .card-img-top {
  padding: 10px;
}
.team-card .card-body .card-subtitle div {
  cursor: pointer;
}

.content-body {
  padding: 30px;
  line-height: 22px;
  height: 600px;
  overflow-y: scroll;
}

.locateus-main-block {
  padding-bottom: 255px;
}
@media (min-width: 1023px) {
  .locateus-main-block {
    padding-bottom: 79px;
  }
}
.locateus-main-block .title-block {
  margin: 30px 0px;
  line-height: 41px;
  padding-right: 0px;
  padding-left: 0px;
}
@media (max-width: 1023px) {
  .locateus-main-block .title-block {
    margin: 20px 0px 16px;
    line-height: 29px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.locateus-main-block .nearbylabel {
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .locateus-main-block .nearbylabel {
    margin-bottom: 20px;
    margin-top: 21px;
  }
}
@media (min-width: 1023px) {
  .locateus-main-block .nearby-section-block {
    padding-right: 0px;
    padding-left: 40px;
  }
}
.locateus-main-block .dropdown-w-261 {
  width: 261px;
}
.locateus-main-block .dropdown-w-261 .edel-icon-arrow-down:before {
  float: right;
  margin-top: -27px;
  margin-right: 15px;
}
.locateus-main-block .dropdown-w-261 select option {
  padding: 20px;
  height: 50px;
}
@media (max-width: 1023px) {
  .locateus-main-block .map-block > div {
    width: 358px !important;
    height: 335.5px !important;
    margin: auto !important;
  }
}
.locateus-main-block .map-block .gm-style .gm-style-iw-c {
  border-radius: 0px !important;
  padding: 15px !important;
}
.locateus-main-block .address-block {
  border: 1px solid #f0f9ff;
  box-shadow: 0px 4px 15px rgba(53, 128, 247, 0.05);
  border-radius: 3px;
  margin: 29px 0px 30px;
  padding: 5px 20px;
  max-height: 237px;
  overflow-y: scroll;
}
@media (min-width: 1023px) {
  .locateus-main-block .address-block {
    margin-top: 20px;
  }
}
.locateus-main-block .address-block::-webkit-scrollbar {
  width: 2px !important;
}
.locateus-main-block .address-block::-webkit-scrollbar-thumb {
  background-color: #03002f;
}
.locateus-main-block .address-block ul {
  padding: 0px;
}
.locateus-main-block .address-block ul li {
  padding: 15px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.locateus-main-block .current-address-block {
  background: #ededf0;
  border: 1px solid #e7e7e7;
  box-shadow: 0px 4px 38px -5px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 20px;
}
.locateus-main-block .current-address-block .edel-house-lh {
  line-height: 20.83px;
}
@media (max-width: 1023px) {
  .locateus-main-block .current-address-block .edel-house-lh {
    line-height: 18.83px;
  }
}
.mbt-30 {
  margin-bottom: 30px;
}

.mbt-15 {
  margin-bottom: 15px;
}

.mbt-10 {
  margin-bottom: 10px;
}

.mbt-20 {
  margin-bottom: 20px;
}

.ptb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px;
}

.faq-page-container .mobileSearch {
  position: absolute;
  left: 4%;
  right: 0px;
  z-index: 1;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  width: 92%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2), -4px 0 10px -2px rgba(0, 0, 0, 0.1), 4px 0 10px -2px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border-radius: 6px;
}
.faq-page-container {
  position: relative;
}
@media (max-width: 768px) {
  .faq-page-container .mobileSearch {
    min-height: 0px !important;
    max-height: 400px !important;
  }
}
@media (max-width: 1023px) {
  .faq-page-container {
    padding: 0px !important;
  }
}
.faq-page-container .leftsidebar {
  height: auto;
}
@media (min-width: 1023px) {
  .faq-page-container .leftsidebar {
    min-height: 1716px;
  }
}
@media (max-width: 768px) {
  .faq-page-container .leftsidebar ul {
    padding-left: 0px;
  }
  .faq-page-container .leftsidebar ul li:not(:first-child) {
    border-top: 1px solid #e7e7e7;
  }
}
@media (max-width: 1023px) {
  .faq-page-container .watchlist-search {
    padding: 0px 15px 5px;
  }
}
.faq-page-container .faq-title {
  margin-left: 15px;
  margin-inline: 10px 15px;
  padding: 0px;
}
@media (max-width: 1023px) {
  .faq-page-container .faq-title {
    padding: 15px;
  }
}
.faq-page-container .faq-title-desk {
  margin-block: 30px;
}
.faq-page-container .faq-sidebar-block {
  position: relative;
}
.faq-page-container .faq-sidebar-block .rightsidebar {
  position: relative;
}
.faq-page-container .faq-sidebar-block .rightsidebar .faqSearchedList {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  width: 100%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2), -4px 0 10px -2px rgba(0, 0, 0, 0.1), 4px 0 10px -2px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border-radius: 6px;
}
.faq-page-container .faq-sidebar-block .accordion .accordion-body {
  padding: 0px;
}
.faq-page-container .faq-sidebar-block .accordion .accordion-collapse.show .accordion-body {
  padding: 0px;
}
.faq-page-container .faq-sidebar-block .accordion .accordion-collapse.show .accordion-body #accordion-content ul {
  padding: 0px;
  margin-bottom: 0px;
}
.faq-page-container .faq-sidebar-block .accordion .accordion-collapse.show .accordion-body #accordion-content li {
  margin-bottom: 15px;
}
.faq-page-container .faq-sidebar-block .accordion .accordion-collapse.show .accordion-body #accordion-content a {
  font-family: "DMSansNormal";
  font-size: 1rem;
  line-height: 140%;
  color: #727271;
}
.faq-page-container .faq-sidebar-block .accordion .accordion-collapse.show .accordion-body #accordion-content a:active {
  color: #03002f;
}
.faq-page-container .faq-sidebar-block .accordion .accordion-collapse.show .accordion-body #accordion-content a:focus {
  color: #03002f;
}
.faq-page-container .faq-sidebar-block .accordion .accordion-item {
  border: 0px;
  border-bottom: 1px solid #e7e7e7;
  padding-top: 15px !important;
  padding-bottom: 14px !important;
}
.faq-page-container .faq-sidebar-block .accordion .accordion-item ul {
  padding-left: 0px;
}
.faq-page-container .faq-sidebar-block .accordion .accordion-item ul li {
  margin-bottom: 15px;
}
.faq-page-container .faq-sidebar-block .accordion .accordion-item ul a {
  font-family: "DMSansNormal";
  font-size: 1rem;
  line-height: 140%;
  color: #03002f;
  border-bottom: 1px solid #03002f;
}
.faq-page-container .faq-sidebar-block .accordion .accordion-item ul a:active {
  color: #03002f;
}
.faq-page-container .faq-sidebar-block .accordion .accordion-item ul a:focus {
  color: #03002f;
}
.faq-page-container .faq-sidebar-block .sidebar-full-block {
  margin-bottom: 100px;
}
.faq-page-container .faq-sidebar-block .leftsidebar {
  box-shadow: none;
}
.faq-page-container .faq-sidebar-block .leftsidebar .flex-column {
  padding: 0px 20px;
}
.faq-page-container .faq-sidebar-block .leftsidebar .accordion {
  margin: 0px;
  border: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
}
.faq-page-container .faq-sidebar-block .leftsidebar .accordion:first-child {
  border-bottom: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.faq-page-container .faq-sidebar-block .leftsidebar .accordion:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: 1px solid #e7e7e7 !important;
}
.faq-page-container .faq-sidebar-block .leftsidebar .accordion-body {
  padding-top: 0px;
}
.faq-page-container .faq-sidebar-block .leftsidebar .accordion-item {
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #e7e7e7;
}
.faq-page-container .faq-sidebar-block .leftsidebar .accordion-item .accordion-collapse.show .accordion-body {
  padding-top: 0px;
  padding-left: 20px;
}
.faq-page-container .faq-sidebar-block .leftsidebar .faqTabList {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  z-index: 1;
  width: 100%;
}
@media (max-width: 768px) {
  .faq-page-container .faq-sidebar-block .leftsidebar .faqTabList {
    width: 100%;
    margin-left: 0px;
    border: none;
    max-height: 300px;
  }
}
.faq-page-container .faq-sidebar-block .leftsidebar .faqTabList ul li:not(:first-child) {
  border-top: 1px solid #e7e7e7;
}
.faq-page-container .faq-sidebar-block .rightsidebar {
  min-height: 200vh;
  height: auto;
  padding-right: 0px;
  margin-bottom: 0px;
}
.faq-page-container .faq-sidebar-block .rightsidebar .faqSearchedList {
  border-radius: 5px;
  box-shadow: 0px 3px 20px 2px rgba(0, 0, 0, 0.05);
  width: 100%;
  max-height: 300px;
  overflow-y: scroll;
  z-index: 1;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .faq-page-container .faq-sidebar-block .rightsidebar .faqSearchedList {
    width: 100%;
    margin-left: 0px;
    border: none;
    max-height: 300px;
  }
}
.faq-page-container .faq-sidebar-block .rightsidebar .faqSearchedList ul {
  padding: 0px;
}
.faq-page-container .faq-sidebar-block .rightsidebar .faqSearchedList ul li:not(:first-child) {
  border-top: 1px solid #e7e7e7;
}
.faq-page-container .faq-sidebar-block .rightsidebar .generic-tabs .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.faq-page-container .faq-sidebar-block .rightsidebar .generic-tabs .nav-tabs .nav-item:first-child .nav-link {
  padding-left: 0px;
}
.faq-page-container .faq-sidebar-block .rightsidebar .generic-tabs .nav-tabs .nav-item .nav-link.active {
  color: #03002f;
  border-bottom: 1px solid #03002f;
  font-family: "DMSansBold";
  font-size: 1rem;
}
.faq-page-container .faq-sidebar-block .rightsidebar .generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 30px 12.5px 10px 12.5px;
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 1rem;
}
@media (max-width: 1023px) {
  .faq-page-container {
    background: white;
  }
  .faq-page-container .generic-tabs .nav-tabs {
    flex-direction: row;
    padding: 15px 15px 0px;
    margin-bottom: 15px !important;
    flex-flow: row;
    overflow-x: scroll;
    display: flex;
    overflow-y: scroll;
    border-bottom: 1px solid #e7e7e7;
    white-space: nowrap;
  }
  .faq-page-container .generic-tabs .nav-tabs .nav-item .nav-link.active {
    color: #03002f;
    border-bottom: 1px solid #03002f;
    border-radius: none;
  }
  .faq-page-container .generic-tabs .nav-tabs .nav-link {
    margin-bottom: 0px;
  }
}
.faq-page-container .trendcard-main-block {
  display: grid;
  margin-top: 30px;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  padding: 0px;
}
@media (max-width: 1023px) {
  .faq-page-container .trendcard-main-block {
    grid-template-columns: 1fr;
    display: block;
    padding: 0px 15px;
    margin-top: 15px;
  }
}
.faq-page-container .trendcard-main-block .trendcard-block {
  border: 1px solid #e7e7e7;
  padding: 20px 29px 15px 20px;
}
@media (max-width: 1023px) {
  .faq-page-container .trendcard-main-block .trendcard-block {
    margin-bottom: 15px;
  }
}
.faq-page-container .trendcard-main-block .trendcard-block ul {
  padding-left: 30px;
  list-style: disc;
}
.faq-page-container .trendcard-main-block .trendcard-block ul li ::marker {
  font-size: 2px;
}
.faq-page-container .upcoming-feature-main-block {
  margin-top: 30px;
}
@media (max-width: 1023px) {
  .faq-page-container .upcoming-feature-main-block {
    margin-top: 15px;
  }
}
.faq-page-container .upcoming-feature-main-block .upcoming-feature-tile1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .faq-page-container .upcoming-feature-main-block .upcoming-feature-tile1 {
    display: block;
  }
}
@media (max-width: 1023px) {
  .faq-page-container .upcoming-feature-main-block .upcoming-text-2 {
    padding: 7px 0px;
  }
}
.faq-page-container .Tabsaccordiontable-mainblock {
  margin-top: 21px;
}
.faq-page-container .Tabsaccordiontable-mainblock .accordion {
  padding: 0px;
}
@media (max-width: 768px) {
  .faq-page-container .Tabsaccordiontable-mainblock .accordion {
    height: 400px;
    overflow: scroll;
  }
}
@media (max-width: 1023px) {
  .faq-page-container .Tabsaccordiontable-mainblock .accordion .accordion-header .accordion-button {
    padding: 15px 20px;
  }
}
.faq-page-container .Tabsaccordiontable-mainblock .tabsaccordion-mainhead {
  padding: 9px 0px;
  font-family: "DMSansMedium";
  font-size: 1.25rem;
  line-height: 28px;
  color: #444444;
}
@media (max-width: 1023px) {
  .faq-page-container .Tabsaccordiontable-mainblock {
    margin-top: 15px;
  }
  .faq-page-container .Tabsaccordiontable-mainblock .accordion {
    border-bottom: 1px solid #e7e7e7;
  }
  .faq-page-container .Tabsaccordiontable-mainblock .accordion .accordion-collapse.show .accordion-body {
    padding: 0px 20px;
  }
  .faq-page-container .Tabsaccordiontable-mainblock .accordion .accordion-collapse.show .accordion-body #accordion-content ul {
    padding: 0px;
    margin-bottom: 0px;
  }
  .faq-page-container .Tabsaccordiontable-mainblock .accordion .accordion-collapse.show .accordion-body #accordion-content li {
    margin-bottom: 15px;
  }
  .faq-page-container .Tabsaccordiontable-mainblock .accordion .accordion-collapse.show .accordion-body #accordion-content a {
    color: #03002f;
    border-bottom: 1px solid #03002f;
  }
  .faq-page-container .Tabsaccordiontable-mainblock .accordion .accordion-item {
    border: 0px;
    border-radius: 0px;
  }
}

.faq-backbutton-block {
  background: #ffffff;
  padding-top: 10px;
}
.faq-backbutton-block .back-button {
  color: #03002f;
  font-family: "DMSansBold";
  font-size: 1.25rem;
  padding: 0px 15px;
  display: flex;
  align-items: center;
}
.faq-backbutton-block .watchlist-search {
  padding: 15px 15px 5px;
}
.faq-backbutton-block .generic-tabs .nav-tabs {
  flex-direction: row;
  padding: 15px;
  gap: 5px;
  flex-flow: row;
  overflow-x: scroll;
  display: flex;
  overflow-y: scroll;
  white-space: nowrap;
}
.faq-backbutton-block .generic-tabs .nav-tabs .nav-item .nav-link {
  border: 1px solid #e7e7e7;
  padding: 4px 10px;
  border-radius: 5px;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.faq-backbutton-block .generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-radius: 5px;
  border: 1px solid #03002f;
  color: #03002f;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  padding: 4px 10px;
}
.pd-20 {
  padding: 20px;
}

.mob-acc-queslist-page .event-calender-search-bar {
  position: relative;
}
.mob-acc-queslist-page .event-calender-search-bar .mobileSearch {
  position: absolute;
  top: 120%;
  left: 0;
  right: 0;
  z-index: 1;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  width: 100%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2), -4px 0 10px -2px rgba(0, 0, 0, 0.1), 4px 0 10px -2px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border-radius: 6px;
}
.mob-acc-queslist-page .title-faq-page {
  margin-block: 10px 15px;
  margin-inline-start: 15px;
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.mob-acc-queslist-page .mb-title {
  margin: 0px !important;
  margin-top: 12px;
  padding: 16px 24px;
}
.mob-acc-queslist-page .accordion-button::after {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.mob-acc-queslist-page .accordion-header {
  padding: 16px 24px;
}
.mob-acc-queslist-page #accordion-content ul {
  padding: 0px;
  margin-bottom: 0px;
}
.mob-acc-queslist-page #accordion-content li {
  margin-bottom: 15px;
}
.mob-acc-queslist-page #accordion-content a {
  border-bottom: 1px solid #03002f;
  color: #03002f;
}
.mob-acc-queslist-page .accordion-item {
  border-bottom: 1px solid #e7e7e7 !important;
  margin-bottom: 2px;
  border: none;
}
.mob-acc-queslist-page .accordion-item:first-of-type {
  border: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.mob-acc-queslist-page .accordion-item {
  border-bottom: 1px solid #e7e7e7;
}
.mob-acc-queslist-page .accordion-collapse.show .accordion-body {
  padding: 0px 20px;
}
@media (max-width: 768px) {
  .mob-acc-queslist-page .accordion-collapse.show .accordion-body {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .mob-acc-queslist-page .accordion-collapse.show .accordion-body table {
    width: 100% !important;
    margin: 0px !important;
    padding-bottom: 10px !important;
  }
  .mob-acc-queslist-page .accordion-collapse.show .accordion-body table tr td {
    padding: 10px;
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .mob-acc-queslist-page .accordion-collapse.show .accordion-body #accordion-content .answer {
    margin-top: 1rem !important;
  }
}
.mob-acc-queslist-page .accordion-collapse.show .accordion-body #accordion-content p {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 140%;
  color: #727271;
  word-break: break-all;
}
@media (max-width: 768px) {
  .mob-acc-queslist-page .accordion-collapse.show .accordion-body #accordion-content ol {
    padding-left: 0px !important;
  }
}
.mob-acc-queslist-page .accordion-header button {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 140%;
  color: #444444;
  border-radius: none;
  background-color: transparent !important;
}

.Tabsaccordiontable-mainblock .rightsidebar .accordion-collapse #accordion-content ul {
  padding: 0px;
  margin-bottom: 0px;
}
.Tabsaccordiontable-mainblock .rightsidebar .accordion-collapse #accordion-content li {
  margin-bottom: 15px;
}
.Tabsaccordiontable-mainblock .rightsidebar .accordion-collapse #accordion-content a {
  color: #03002f !important;
  border-bottom: 1px solid #03002f;
}

.faq-sidebar-block .leftsidebar .accordion-collapse.show #accordion-content a {
  color: #03002f;
  border-bottom: none !important;
}

.faq-sidebar-block .rightsidebar .accordion-collapse #accordion-content a {
  color: #03002f;
  border-bottom: 1px solid #03002f;
}

.capitalizeletter {
  text-transform: capitalize;
}

.faq-page-container .Tabsaccordiontable-mainblock .accordion .accordion-collapse .accordion-body #accordion-content li {
  margin-bottom: 15px;
}
.faq-page-container .Tabsaccordiontable-mainblock .accordion .accordion-collapse .accordion-body #accordion-content li a {
  color: #03002f;
  border-bottom: 1px solid #03002f;
}

.faq-backbutton-block .edel-icon-close {
  padding-right: 20px !important;
}

@media (max-width: 768px) {
  .mob-acc-queslist-page ::-webkit-scrollbar {
    width: 1px !important;
    height: 5px !important;
  }
  .mob-acc-queslist-page {
    /* Track */
  }
  .mob-acc-queslist-page ::-webkit-scrollbar-track {
    background: transparent;
  }
  .mob-acc-queslist-page {
    /* Handle */
  }
  .mob-acc-queslist-page ::-webkit-scrollbar-thumb {
    background: #03002f !important;
  }
}

@media (max-width: 768px) {
  .Tabsaccordiontable-mainblock {
    height: 400px;
    overflow: scroll;
    padding-bottom: 100px;
  }
  .Tabsaccordiontable-mainblock ::-webkit-scrollbar {
    width: 1px !important;
    height: 5px !important;
  }
  .Tabsaccordiontable-mainblock {
    /* Track */
  }
  .Tabsaccordiontable-mainblock ::-webkit-scrollbar-track {
    background: transparent;
  }
  .Tabsaccordiontable-mainblock {
    /* Handle */
  }
  .Tabsaccordiontable-mainblock ::-webkit-scrollbar-thumb {
    background: #03002f !important;
  }
}

@media (max-width: 768px) {
  .faq-page-container .faq-search-bar .common-search-bar {
    height: 50px;
    margin-bottom: 0.5rem !important;
  }
}
.faq-page-container .faq-search-bar .common-search-bar input {
  padding: 10px !important;
}
@media (max-width: 768px) {
  .faq-page-container .faqTabList .edel-icon-arrow-right1 {
    font-size: 0.75rem !important;
  }
}

.event-calender-search-bar {
  margin-inline: 15px;
}

@media (max-width: 768px) {
  .faqs-mobile-body .txt-midnight-blue {
    color: #ffffff !important;
  }
  .faqs-mobile-body .faq-page-container .faq-title {
    color: #ffffff !important;
  }
  .faqs-mobile-body .faq-page-container {
    background-color: #111111;
  }
  .faqs-mobile-body .faq-page-container .faqTabList.bg_white .faq-title {
    color: #ffffff !important;
  }
  .faqs-mobile-body .faq-page-container .faqTabList.bg_white {
    background-color: #111111 !important;
  }
  .faqs-mobile-body .faq-page-container .faqTabList.bg_white ul li {
    color: #ffffff !important;
  }
  .faqs-mobile-body .mob-page {
    background-color: #111111;
  }
  .faqs-mobile-body .mob-page .mob-acc-queslist-page {
    background-color: #111111;
  }
  .faqs-mobile-body .mob-page .mob-acc-queslist-page .title-faq-page {
    color: #ffffff !important;
  }
  .faqs-mobile-body .mob-page .accordion .mb-title {
    color: #ffffff !important;
  }
  .faqs-mobile-body .mob-page .accordion .accordion-item {
    background-color: #111111;
  }
  .faqs-mobile-body .mob-page .accordion .accordion-item .accordion-header button i {
    color: #ffffff !important;
  }
  .faqs-mobile-body .mob-page .accordion-collapse .accordion-body #accordion-content .answer p {
    color: #ffffff !important;
  }
  .faqs-mobile-body .mob-page .accordion-collapse .accordion-body #accordion-content .answer li {
    color: #ffffff !important;
  }
}
.center-infinity {
  text-align: center;
}

.bgImg-infinity {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  z-index: -1000;
  background-size: cover;
  object-fit: contain;
  margin-top: -350px;
}
@media screen and (max-width: 1023px) {
  .bgImg-infinity {
    z-index: 1000 !important;
    margin-top: -176px;
    overflow: hidden;
  }
}
.bgImg-infinity img {
  max-width: 100%;
  margin-top: -29px;
}

@media (max-width: 768px) {
  .bgImg-infinity img {
    margin-top: 106px;
  }
}
.mainItem {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin: auto;
}
.mainItem.mainItemDes {
  margin-top: 83px;
}
.mainItem .ParaMainIteam {
  margin-bottom: 30px;
  text-align: center;
  line-height: normal;
  margin: 0 145px;
}
.mainItem .ParaMainIteamMob {
  text-align: center;
  padding-inline: 5px !important;
  color: #727271;
}
.mainItem .InterestedBtn {
  margin-top: 30px;
  margin-bottom: 50px;
  padding: 15px 88px !important;
  border-radius: 5px !important;
}
.mainItem .TwoMobBtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.mainItem .TwoMobBtn .CompareIcon {
  margin-left: 20px;
}
.mainItem .TwoMobBtn .InterestedMobBtn {
  padding: 5px 12px;
  border-radius: 5px;
}
.mainItem .TwoMobBtn .CompareBtn {
  width: 102px;
  padding: 0px;
  background-color: #ffffff;
  color: #141414;
  border: none;
}
.mainItem .heading {
  text-align: center;
  align-items: center;
  margin-bottom: 15px;
}
.mainItem .headingMob {
  text-align: center;
  padding-right: 39.95px;
  padding-left: 39.95px;
  margin-bottom: 10px;
  margin-top: 44px;
}
.mainItem .Carousel {
  display: flex;
  flex-direction: row;
  padding: 5px;
  width: 186px;
}
@media screen and (min-width: 600px) {
  .mainItem .modal-content {
    width: 660px !important;
  }
}
@media screen and (max-width: 600px) {
  .mainItem .modal-content {
    width: 100% !important;
  }
  .mainItem .modal-content .PopUpBtn {
    padding: 4px 30px !important;
  }
}

.secondItem {
  margin-bottom: 4px;
}
.secondItem .ScrollingItems {
  margin-bottom: 4px;
}
.secondItem .ScrollingItems .heading {
  margin-bottom: 30px;
  text-align: start;
}
.secondItem .ScrollingItems .Perks {
  display: flex;
  justify-content: center;
  flex-flow: row;
  width: 100%;
  gap: 19px;
}
.secondItem .ScrollingItems .Perks .IconBox {
  width: 16%;
  height: 137px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  align-items: center;
}
.secondItem .ScrollingItems .Perks .IconBox img {
  width: 32px;
  height: 32px;
  margin-top: 25px;
}
.secondItem .ScrollingItems .Perks .IconBox .PerksText {
  padding: 0 10px;
  text-align: center;
  line-height: 140%;
}
.secondItem .ScrollingItems .MobPerks {
  display: flex;
  justify-content: center;
  flex-flow: row;
  margin: 15px;
  width: 100%;
  gap: 19px;
}
.secondItem .ScrollingItems .MobPerks .IconBoxOfCarousel {
  width: 102px !important;
  gap: 15px;
}
.secondItem .ScrollingItems .MobPerks .IconBox {
  height: 137px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  display: flex;
  flex-flow: column;
  align-items: start;
}
.secondItem .ScrollingItems .MobPerks .IconBox img {
  width: 32px;
  height: 32px;
  margin-top: 15px;
  margin-left: 9px;
}
.secondItem .ScrollingItems .MobPerks .IconBox .PerksText {
  padding: 0 10px;
  text-align: start;
  line-height: 140%;
  margin-bottom: 12px;
}

.infinity-table-block .below-note-wrapper {
  margin-block: 530px 96px;
}
.infinity-table-block .below-note-wrapper .below-second-line {
  margin-top: 20px;
  margin-right: 285px;
}
.infinity-table-block .below-note-wrapper .below-second-line .blue-link {
  border-bottom: 1px solid #03002f;
  margin-left: 4px;
}
.infinity-table-block .PricingHeadCls {
  margin-bottom: 10px;
  margin-top: 50px;
}
.infinity-table-block .heading {
  font-size: 28px;
}
.infinity-table-block .Pricing {
  font-size: 28px;
}
.infinity-table-block #table {
  padding: 0px;
  margin: 0px !important;
  border-collapse: separate;
  border-spacing: 5px 0px;
  table-layout: fixed;
}
.infinity-table-block #table thead {
  position: sticky;
  top: 93px;
  z-index: 2;
  background-color: #ffffff;
  scroll-margin-bottom: 20px;
  padding-left: 13px;
  padding-bottom: 13px;
  padding-top: 22px;
}
.infinity-table-block #table tbody {
  overflow: auto;
}
.infinity-table-block #table tbody td {
  padding-block: 25px;
}
.infinity-table-block #table thead tr th,
.infinity-table-block #table tbody tr td {
  border: 0px;
  vertical-align: top !important;
}
.infinity-table-block #table tbody tr td:first-child {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  font-size: 1rem;
  font-family: "DMSansNormal";
}
.infinity-table-block #table tbody tr td:last-child {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.infinity-table-block #table tbody tr:last-child td {
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.infinity-table-block #table thead tr th {
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
  padding-block: 22px;
}
.infinity-table-block #table .tableCol {
  padding: 0px !important;
  width: 208px !important;
  text-align: center;
}
.infinity-table-block #table .tableCol .tableRowPadding {
  text-align: center;
  padding-top: 25px !important;
}
.infinity-table-block #table .tableRow {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  margin: 0px !important;
  height: 125px !important;
}
.infinity-table-block #table .theadcontent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.infinity-table-block #table .tableHead {
  stroke-width: 1px;
  stroke: var(--separator-border, #e7e7e7);
}
.infinity-table-block #table #tableFoot {
  border-radius: 0px 0px 5px 5px !important;
}
.infinity-table-block #table .Blank {
  max-width: 123px !important;
}
.infinity-table-block #table .viewMoreBg {
  background-color: #f7f7f7;
}
.infinity-table-block #table .Beginners {
  text-align: center;
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.4) 28.31%, rgba(251, 212, 125, 0.4) 100%);
}
.infinity-table-block #table .Beginners .i-Gold {
  padding: 0;
  font-size: 14px;
}
.infinity-table-block #table .Evolved {
  text-align: center;
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.6) 28.31%, rgba(251, 212, 125, 0.6) 100%);
}
.infinity-table-block #table .Evolved .i-Gold {
  padding: 0;
  font-size: 14px;
}
.infinity-table-block #table .Advanced {
  text-align: center;
  background: linear-gradient(136deg, rgba(242, 186, 59, 0.8) 0%, rgba(251, 212, 125, 0.8) 100%);
}
.infinity-table-block #table .Advanced .i-Gold {
  padding: 0;
  font-size: 14px;
}
.infinity-table-block #table .Accumulator {
  text-align: center;
  background: linear-gradient(94.42deg, #f2ba3b 28.31%, #fbd47d 100%);
}
.infinity-table-block #table .Accumulator .i-Gold {
  padding: 0;
  font-size: 14px;
}
.infinity-table-block #table .Platinum {
  text-align: center;
  background: linear-gradient(93.82deg, rgba(114, 114, 113, 0.5) 0%, rgba(238, 238, 238, 0.5) 100%);
}
.infinity-table-block #table .Platinum .i-Gold {
  padding: 0;
  font-size: 14px;
}
.infinity-table-block #table .Black {
  text-align: center;
  background: linear-gradient(93.82deg, #141414 0.01%, #565656 100%);
  color: #ffffff;
}
.infinity-table-block #table .Black .i-Gold {
  padding: 0;
  font-size: 14px;
}
.infinity-table-block #table .FooterElement {
  display: flex;
}
.infinity-table-block #table .FooterElement .dnline {
  margin-left: 10px;
}
.infinity-table-block #table {
  column-gap: 10px;
}

.drawrerTable .headRow {
  border-radius: 10px !important;
}
.drawrerTable .table th,
.drawrerTable .table td {
  border-radius: 0px !important;
}
.drawrerTable .table td {
  text-wrap: nowrap;
  border: 1px solid #e7e7e7;
}

.Footer {
  display: flex;
  flex-direction: row;
  margin: 33px 30px;
  justify-content: space-between;
}

.PopUpBtn {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.PopUpBtn .CancelBtn {
  width: 220px;
  padding: 15px 30px !important;
  margin-right: 20px;
  height: 52px;
}
.PopUpBtn .SubmitBtn {
  width: 220px;
  padding: 15px 30px !important;
  height: 52px;
}

.SubscriptionPlansTickets {
  border-radius: 5px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-inline: 20px;
  background-color: #ffffff;
}
.SubscriptionPlansTickets .edel-icon-arrow-right1 {
  font-size: 15px;
}
.SubscriptionPlansTickets .titleNormal {
  color: #727271;
}
.SubscriptionPlansTickets .Ticket {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0px;
  padding-bottom: 15px;
}
.SubscriptionPlansTickets label {
  margin-bottom: 15px;
}
.SubscriptionPlansTickets .PriceMob {
  margin: 0px;
  padding: 0px;
  margin-bottom: 4px;
}
.SubscriptionPlansTickets .black-mob {
  color: #e7e7e7;
}
.SubscriptionPlansTickets .primary-mob {
  color: #727271;
}
.SubscriptionPlansTickets p {
  margin: 0px;
}

.formHeading {
  color: #727271;
  width: 460px;
}

.infinityDrawer__handle-wrapper {
  background: linear-gradient(94deg, #f2ba3b 28.31%, #fbd47d 100%);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.infinityDrawer__content {
  padding-inline: 0px !important;
}

.infinityDrawer .drawer-body {
  padding-inline: 15px !important;
}

.compare_drawrer_bg_grey {
  padding-inline: 0px !important;
}

.bg_grey-light__handle-wrapper {
  background-color: #f2f2f5;
}

.SidebarMob .rbd-tjkf7fpwic-cw {
  margin-inline: 0px !important;
}
.SidebarMob .rbd-foulxr1cul9-hw {
  padding: 0px 0px !important;
}
.SidebarMob .__content {
  padding-inline: 0px;
}
.SidebarMob .bg_lightBlueOne {
  background-color: #f2f2f5 !important;
}
.SidebarMob .drawer-head {
  padding-inline: 0px !important;
  position: sticky;
  top: 0px;
  z-index: 1;
  margin-bottom: 25px;
}
.SidebarMob .drawer-head .HeaderDrawer {
  background: linear-gradient(136deg, #f2ba3b 0%, #fbd47d 100%);
  padding: 0px 15px 16px 15px;
}
.SidebarMob .drawer-head .HeaderDrawer .SubscriptionMob {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin-bottom: 23px;
}
.SidebarMob .drawer-head .HeaderDrawer .SubscriptionMob .SubscriptionMobHead .rbd-3s1knm6x3xp-cw {
  margin-bottom: 14px !important;
}
.SidebarMob .drawer-head .HeaderDrawer .interestedButton {
  padding: 7px 14px;
}
.SidebarMob .drawer-head .HeaderDrawer .HeadingPart {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.SidebarMob .drawer-head .HeaderDrawer .HeadingPart .InfinityPrice {
  padding-bottom: 5px;
}

.drawer-body .drawrerTable table {
  border-spacing: 0px 0px !important;
}
.drawer-body .TableInsideDrawer .planDetailsMob {
  margin-block: 15px 10px !important;
}
.drawer-body .TableInsideDrawer .brokrageDetailsMob {
  margin-bottom: 10px !important;
}
.drawer-body .TableInsideDrawer .assumptionsMob {
  margin-block: 15px 10px !important;
}
.drawer-body .TableInsideDrawer table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 0px !important;
  border-spacing: 0px;
}
.drawer-body .TableInsideDrawer th,
.drawer-body .TableInsideDrawer td {
  text-align: left;
  padding: 8px;
}
.drawer-body .drawrerFooter {
  border-radius: 3px;
  background: #f5e1b2;
  padding: 10px;
}
.drawer-body .drawrerFooter .totalBenfits {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.sidebarMob .__content {
  padding-inline: 0px !important;
}
.sidebarMob .__handle-wrapper {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.sidebarMob .bg_lightBlueOne {
  background-color: #f4fafd !important;
}
.sidebarMob .rbd-mrs5vxgra2-hw {
  background-color: #f4fafd !important;
}
.sidebarMob .rbd-mrs5vxgra2-cw {
  padding: 0px !important;
}
.sidebarMob .drawer-head {
  padding-top: 0px;
  padding-inline: 20px 20px;
  margin-bottom: 20px;
}
.sidebarMob .drawer-head .CompareHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 23px !important;
}
.sidebarMob .drawer-head .ComparePlansBtn {
  padding: 7px 12px !important;
  border-radius: 5px !important;
  text-wrap: nowrap;
}
.sidebarMob .bgWhite {
  background-color: #ffffff !important;
}
.sidebarMob .bgWhite label {
  padding-right: 1.5rem;
  padding-left: 0.7rem;
}
.sidebarMob .MobScroll .BeginnersMob {
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.4) 28.31%, rgba(251, 212, 125, 0.4) 100%);
}
.sidebarMob .MobScroll .EvolvedMob {
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.6) 28.31%, rgba(251, 212, 125, 0.6) 100%);
}
.sidebarMob .MobScroll .AdvancedMob {
  background: linear-gradient(136deg, rgba(242, 186, 59, 0.8) 0%, rgba(251, 212, 125, 0.8) 100%);
}
.sidebarMob .MobScroll .AccumulatorMob {
  background: linear-gradient(94.42deg, #f2ba3b 28.31%, #fbd47d 100%);
}
.sidebarMob .MobScroll .PlatinumMob {
  background: linear-gradient(93.82deg, rgba(114, 114, 113, 0.5) 0%, rgba(238, 238, 238, 0.5) 100%);
}
.sidebarMob .MobScroll .BlackMob {
  background: linear-gradient(93.82deg, #141414 0.01%, #565656 100%);
}
.sidebarMob .MobScroll .BlackMob label {
  color: #ffffff !important;
}
.sidebarMob .mob-inifnity-body {
  margin-top: 100px;
}
.sidebarMob .mob-inifnity-body tr .Beginners {
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.4) 28.31%, rgba(251, 212, 125, 0.4) 100%);
}
.sidebarMob .mob-inifnity-body tr .Evolved {
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.6) 28.31%, rgba(251, 212, 125, 0.6) 100%);
}
.sidebarMob .mob-inifnity-body tr .Advanced {
  background: linear-gradient(136deg, rgba(242, 186, 59, 0.8) 0%, rgba(251, 212, 125, 0.8) 100%);
}
.sidebarMob .mob-inifnity-body tr .Accumulator {
  background: linear-gradient(94.42deg, #f2ba3b 28.31%, #fbd47d 100%);
}
.sidebarMob .mob-inifnity-body tr .i-Platinum {
  background: linear-gradient(93.82deg, rgba(114, 114, 113, 0.5) 0%, rgba(238, 238, 238, 0.5) 100%);
}
.sidebarMob .mob-inifnity-body tr .i-Black {
  background: linear-gradient(93.82deg, #141414 0.01%, #565656 100%);
  color: #ffffff !important;
}
.sidebarMob .mob-inifnity tbody tr td:first-child,
.sidebarMob .mob-inifnity thead tr th:first-child {
  position: sticky;
  z-index: 1;
  left: 0;
}
.sidebarMob .mob-inifnity thead tr th {
  padding: auto !important;
}
.sidebarMob .mob-inifnity thead tr th p {
  margin: auto;
}
.sidebarMob .mob-inifnity #tableHead {
  background-color: #f2f2f5;
  text-align: center;
}

.drawrerTable {
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  margin-left: 15px;
}
.drawrerTable table tbody td {
  padding: 25px 40px !important;
}
.drawrerTable table tbody td:first-child {
  padding: 0px !important;
}
.drawrerTable table tbody td:first-child label {
  height: 100% !important;
  display: flex;
  align-items: center;
}

.TableBtnForm .modalDPTitle .modal-content {
  width: 100%;
}

.BeginnersMob {
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.4) 28.31%, rgba(251, 212, 125, 0.4) 100%);
}

.EvolvedMob {
  background: linear-gradient(94.42deg, rgba(242, 186, 59, 0.6) 28.31%, rgba(251, 212, 125, 0.6) 100%);
}

.AdvancedMob {
  background: linear-gradient(136deg, rgba(242, 186, 59, 0.8) 0%, rgba(251, 212, 125, 0.8) 100%);
}

.AccumulatorMob {
  background: linear-gradient(94.42deg, #f2ba3b 28.31%, #fbd47d 100%);
}

.PlatinumMob {
  background: linear-gradient(93.82deg, rgba(114, 114, 113, 0.5) 0%, rgba(238, 238, 238, 0.5) 100%);
}

.BlackMob {
  background: linear-gradient(93.82deg, #141414 0.01%, #565656 100%);
  color: #ffffff !important;
}

.ComparePlansBtn {
  padding: 0px !important;
}

@media screen and (min-width: 600px) {
  .InterestedFormHeading {
    border-radius: 5px;
    padding-inline: 100px;
    padding-top: 30px;
    width: 660px;
  }
  .InterestedFormHeading .nameForm {
    padding-top: 61px;
  }
  .InterestedFormHeading .emailForm {
    padding-top: 50px;
  }
  .InterestedFormHeading .numberForm {
    padding-top: 50px;
  }
  .InterestedFormHeading .PopUpBtn {
    margin-top: 0px !important;
    padding-block: 64px 32px;
  }
  .InterestedFormHeading .form-control {
    width: 460px;
  }
  .EdFormOfInfinity .modal-dialog {
    max-width: 660px !important;
  }
  .EdFormOfInfinity .modal-title {
    font-size: 1.75rem !important;
    font-family: "DMSansBold" !important;
  }
  .EdFormOfInfinity .edel-icon-bold-close {
    width: 17px !important;
  }
}
.FooterOfTable .modal-content {
  width: 660px !important;
}
.FooterOfTable .InterestedBtn {
  padding: 14px 63px !important;
}

.MobScroll .headRow th p {
  margin-top: 26px !important;
}

@media screen and (max-width: 600px) {
  .InterestedFormHeading {
    padding-inline: 100px;
    padding-top: 30px;
    width: 660px;
  }
  .InterestedFormHeading .nameForm {
    padding-top: 61px;
  }
  .InterestedFormHeading .emailForm {
    padding-top: 76px;
  }
  .InterestedFormHeading .numberForm {
    padding-top: 76px;
  }
  .InterestedFormHeading .PopUpBtn {
    margin-top: 0px !important;
    padding-block: 64px 32px;
  }
  .InterestedFormHeading .form-control {
    width: 460px;
  }
  .EdFormOfInfinity .modal-title {
    font-size: 1.75rem !important;
    font-family: "DMSansBold" !important;
  }
  .EdFormOfInfinity .edel-icon-bold-close {
    width: 17px !important;
  }
}
.InterestedFormHeadingMob {
  padding-top: 30px;
}
.InterestedFormHeadingMob .formHeadingMob {
  padding-inline: 1rem;
}
.InterestedFormHeadingMob .nameForm {
  padding-top: 58px;
  padding-inline: 1.5rem;
}
.InterestedFormHeadingMob .emailForm {
  padding-top: 58px;
  padding-inline: 1.5rem;
}
.InterestedFormHeadingMob .numberForm {
  padding-top: 58px;
  padding-bottom: 114px;
  padding-inline: 1.5rem;
}
.InterestedFormHeadingMob .PopUpBtnMob {
  margin-top: 15px;
  margin-bottom: 15px !important;
  background-color: #ffffff;
  height: 80px;
  position: fixed;
  bottom: -20px;
  left: 0;
  right: 0;
  z-index: 20;
  box-shadow: 10px 0px 20px 0px rgba(53, 128, 247, 0.16);
  display: flex;
  justify-content: center;
}
.InterestedFormHeadingMob .PopUpBtnMob .CancelBtn {
  padding: 0px;
  padding: 10px 3.25rem;
  margin-top: 1rem;
}
.InterestedFormHeadingMob .PopUpBtnMob .SubmitBtn {
  padding: 0px;
  padding: 10px 1.7rem;
  margin-left: 1.5rem;
  margin-top: 1rem;
}
.InterestedFormHeadingMob .custom-form-control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.InterestedFormHeadingMob .form-control {
  width: 95%;
  align-items: center;
}

.infinityDrawer__handle {
  background-color: #f2ba3b !important;
}

.linkOfViewSection {
  text-decoration: underline;
}
.linkOfViewSection:hover {
  cursor: pointer;
}

.FooterOfTable {
  text-align: center;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  height: 80px;
  position: fixed;
  bottom: -33px;
  left: 0;
  right: 0;
  z-index: 20;
  box-shadow: 10px 0px 20px 0px rgba(53, 128, 247, 0.16);
  margin-inline: 0px;
}
.FooterOfTable p {
  margin-bottom: 0px;
}
.FooterOfTable .InterestedBtn {
  margin-left: 172px;
}

.tableFixHead {
  margin-bottom: 50px;
}

.model-infinityplan .modal-header {
  background-color: #f2f2f5 !important;
  color: #f2f2f5;
}

.banner-head-section .right-section-banner {
  display: flex;
  justify-content: space-between;
}
.banner-head-section .right-section-banner .top-head {
  font-size: 2.625rem;
  font-family: "DMSansBold";
}
@media (max-width: 768px) {
  .banner-head-section .right-section-banner .top-head {
    font-size: 1.25rem;
  }
}
.banner-head-section .right-section-banner .top-head sub {
  font-size: 1.5rem;
  font-family: "DMSansBold";
}
@media (max-width: 768px) {
  .banner-head-section .right-section-banner .top-head sub {
    font-size: 0.75rem;
  }
}
.banner-head-section .right-section-banner .bottom-desc {
  font-size: 1.5rem;
  font-family: "DMSansNormal";
  color: #727271;
}
@media (max-width: 768px) {
  .banner-head-section .right-section-banner .bottom-desc {
    font-size: 0.75rem;
    padding-top: 10px;
  }
}

.sidebarbox-content {
  border-radius: 5px;
  display: grid;
  grid-template-columns: 80% auto;
  align-items: center;
  margin-bottom: 18px;
}
.sidebarbox-content .title {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .sidebarbox-content .title {
    font-size: 1rem;
    line-height: normal;
  }
}
.sidebarbox-content .desc {
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #444444;
}
@media (max-width: 768px) {
  .sidebarbox-content .desc {
    font-size: 0.75rem;
    line-height: normal;
  }
}

.sectionHead {
  margin-bottom: 20px;
}
.sectionHead .pageHead {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .sectionHead .pageHead {
    font-size: 1.25rem;
  }
}
.sectionHead .pageHeadBold {
  font-size: 1.75rem;
  font-family: "DMSansBold" !important;
}
@media (max-width: 768px) {
  .sectionHead .pageHeadBold {
    font-size: 1.25rem;
  }
}

.rightsidebarbox-section {
  display: grid;
  grid-template-columns: 10% auto;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 20px;
  gap: 10px;
  line-height: normal;
}
@media (max-width: 768px) {
  .rightsidebarbox-section {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: center;
  }
}
.rightsidebarbox-section .icon {
  font-size: 2.625rem;
}
@media (max-width: 768px) {
  .rightsidebarbox-section .icon {
    font-size: 2rem;
  }
}

.rightgridProperty-section {
  padding: 20px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.rightgridProperty-section .top-head-section {
  display: flex;
  gap: 15px;
}
.rightgridProperty-section .top-head-section .icon {
  font-size: 2.625rem;
}

.why-box-section {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 15% auto;
  padding: 20px;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .why-box-section {
    display: grid;
    grid-template-columns: 109px !important;
    padding: 10px !important;
    gap: 15px !important;
  }
}
.why-box-section .icon {
  font-size: 2.25rem;
}
@media (max-width: 768px) {
  .why-box-section .icon {
    font-size: 1.375rem;
  }
}

.assistance-section {
  border: 1px solid #e7e7e7;
  padding: 20px;
}
.assistance-section .assistace-content {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
}
.assistance-section .assistace-content .assistent-content-grid {
  display: grid;
  grid-template-columns: 10% auto;
  border-bottom: 1px solid #e7e7e7;
  padding: 20px 0px;
}
@media (max-width: 768px) {
  .assistance-section .assistace-content .assistent-content-grid {
    align-items: center;
    gap: 10px;
  }
}
.assistance-section .assistace-content .assistent-content-grid:last-child {
  border-bottom: none !important;
}
.assistance-section .assistace-content .assistent-content-grid p {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .assistance-section .assistace-content .assistent-content-grid p {
    font-size: 1rem;
  }
}
.assistance-section .assistace-content .icon {
  font-size: 1.875rem;
}

.multiple-assets-class {
  border: 1px solid #e7e7e7;
  padding: 20px;
  line-height: normal;
}

.assetclass-flex {
  display: grid;
  grid-template-columns: 10% auto;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.assetclass-flex .accordian-title {
  font-size: 1.25rem;
  font-family: "DMSansNormal";
  line-height: normal;
}
@media (max-width: 768px) {
  .assetclass-flex .accordian-title {
    font-size: 1rem;
    font-family: "DMSansMedium";
    line-height: normal;
  }
}
.assetclass-flex .icon {
  font-size: 1.875rem;
}

.common-accordian-bottom-content.common-accordian .accordion-item {
  padding-left: 0px !important;
  padding-right: 0px !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid #e7e7e7;
  padding-top: 23px !important;
  padding-bottom: 23px !important;
  margin-top: 0px !important;
}
.common-accordian-bottom-content.common-accordian .accordion-item:last-child {
  border-bottom: none !important;
}
.common-accordian-bottom-content .assetclass-ul {
  margin-left: 40px;
  margin-top: 10px;
}
.common-accordian-bottom-content .assetclass-ul li {
  list-style-type: disc;
  color: #727271;
  font-size: 1rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .common-accordian-bottom-content .assetclass-ul li {
    font-size: 0.875rem;
    font-family: "DMSansNormal";
  }
}
.common-accordian-bottom-content.customaccordian {
  border-bottom: none !important;
}

.accordian-partner-common.common-accordian .accordion-item {
  padding: 15px !important;
  border: none !important;
}
.accordian-partner-common.common-accordian .accordion-item .accordion-button {
  background-color: transparent !important;
  align-items: start !important;
}
.accordian-partner-common.common-accordian .accordion-item .accordion-button::after {
  background-color: transparent !important;
  height: unset !important;
}
.accordian-partner-common.common-accordian .accordion-item:nth-child(1) {
  background-color: #fef4ec;
}
.accordian-partner-common.common-accordian .accordion-item:nth-child(2) {
  background-color: #e5f7f1;
}
.accordian-partner-common.common-accordian .accordion-item:nth-child(3) {
  background-color: #f8edf5;
}

.accordian-content-section {
  background-color: #ffffff;
}
.accordian-content-section ul li {
  list-style-type: disc;
}

.accordian-content-section {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 15px;
  margin-top: 20px;
}
.accordian-content-section h2 {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  padding-bottom: 15px;
  margin-bottom: 0px;
}
.accordian-content-section ul li {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  margin-bottom: 10px;
  color: #727271;
  line-height: normal;
}
.accordian-content-section ul li:last-child {
  margin-bottom: 0px;
}

.withus-overflow-scroll {
  max-width: 400px;
  overflow: scroll;
  display: flex;
}
.withus-overflow-scroll::-webkit-scrollbar-thumb {
  background-color: #03002f !important;
}

.partner-ship-desk-sidebar .stock-details-footer {
  max-width: 100% !important;
  display: unset !important;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)

*/
:root {
  font-size: 16px;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
.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,
.mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1rem;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 1rem; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove underline from anchor tag
 */
a {
  text-decoration: none;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
}
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
  *margin-left: -7px; /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 1rem; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  vertical-align: middle; /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
  overflow: visible; /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
button,
input,
select,
textarea {
  color: #333;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
* {
  margin: 0;
  padding: 0;
}
*,
:after,
:before {
  box-sizing: border-box;
}
a:focus {
  outline: 0;
}
.by2 {
  font-size: 0;
}
.by2 > * {
  display: inline-block;
  width: calc(100% / 2);
}
.by4 {
  font-size: 0;
}
.by4 > * {
  display: inline-block;
  width: calc(100% / 4);
}
.ed_link {
  color: #174082;
}
.ed_link:hover {
  color: #f79035;
}
.vMid {
  vertical-align: middle;
}
.vBtm {
  vertical-align: bottom;
}
.vTop {
  vertical-align: top;
}
.vTextTop {
  vertical-align: text-top;
}
.dBlock {
  display: block;
}
.none,
.hide {
  display: none;
}
@media (min-width: 768px) {
  .deskNone {
    display: none;
  }
}
.ib {
  display: inline-block;
}
.f0 {
  font-size: 0;
}
.edBtn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  background: none;
}
.pd-all0 {
  padding: 0px;
}
.pd-all5 {
  padding: 5px;
}
.pd-all10 {
  padding: 10px;
}
.pd-all15 {
  padding: 15px;
}
.pd-all20 {
  padding: 20px;
}
.pd-all25 {
  padding: 25px;
}
.pd-all30 {
  padding: 30px;
}
.pd-all35 {
  padding: 35px;
}
.pd-all40 {
  padding: 40px;
}
.pd-all45 {
  padding: 45px;
}
.pd-all50 {
  padding: 50px;
}
.pd-l0 {
  padding-left: 0px;
}
.pd-l5 {
  padding-left: 5px;
}
.pd-l10 {
  padding-left: 10px;
}
.pd-l15 {
  padding-left: 15px;
}
.pd-l20 {
  padding-left: 20px;
}
.pd-l25 {
  padding-left: 25px;
}
.pd-l30 {
  padding-left: 30px;
}
.pd-l35 {
  padding-left: 35px;
}
.pd-l40 {
  padding-left: 40px;
}
.pd-l45 {
  padding-left: 45px;
}
.pd-l50 {
  padding-left: 50px;
}
.pd-l55 {
  padding-left: 55px;
}
.pd-l60 {
  padding-left: 60px;
}
.pd-l65 {
  padding-left: 65px;
}
.pd-l70 {
  padding-left: 70px;
}
.pd-l75 {
  padding-left: 75px;
}
.pd-l80 {
  padding-left: 80px;
}
.pd-l85 {
  padding-left: 85px;
}
.pd-l90 {
  padding-left: 90px;
}
.pd-l95 {
  padding-left: 95px;
}
.pd-l100 {
  padding-left: 100px;
}
.pd-t0 {
  padding-top: 0px;
}
.pd-t5 {
  padding-top: 5px;
}
.pd-t10 {
  padding-top: 10px;
}
.pd-t15 {
  padding-top: 15px;
}
.pd-t20 {
  padding-top: 20px;
}
.pd-t25 {
  padding-top: 25px;
}
.pd-t30 {
  padding-top: 30px;
}
.pd-t35 {
  padding-top: 35px;
}
.pd-t40 {
  padding-top: 40px;
}
.pd-t45 {
  padding-top: 45px;
}
.pd-t50 {
  padding-top: 50px;
}
.pd-t55 {
  padding-top: 55px;
}
.pd-t60 {
  padding-top: 60px;
}
.pd-t65 {
  padding-top: 65px;
}
.pd-t70 {
  padding-top: 70px;
}
.pd-t75 {
  padding-top: 75px;
}
.pd-t80 {
  padding-top: 80px;
}
.pd-t85 {
  padding-top: 85px;
}
.pd-t90 {
  padding-top: 90px;
}
.pd-t95 {
  padding-top: 95px;
}
.pd-t100 {
  padding-top: 100px;
}
.pd-r0 {
  padding-right: 0px;
}
.pd-r5 {
  padding-right: 5px;
}
.pd-r10 {
  padding-right: 10px;
}
.pd-r15 {
  padding-right: 15px;
}
.pd-r20 {
  padding-right: 20px;
}
.pd-r25 {
  padding-right: 25px;
}
.pd-r30 {
  padding-right: 30px;
}
.pd-r35 {
  padding-right: 35px;
}
.pd-r40 {
  padding-right: 40px;
}
.pd-r45 {
  padding-right: 45px;
}
.pd-r50 {
  padding-right: 50px;
}
.pd-r55 {
  padding-right: 55px;
}
.pd-r60 {
  padding-right: 60px;
}
.pd-r65 {
  padding-right: 65px;
}
.pd-r70 {
  padding-right: 70px;
}
.pd-r75 {
  padding-right: 75px;
}
.pd-r80 {
  padding-right: 80px;
}
.pd-r85 {
  padding-right: 85px;
}
.pd-r90 {
  padding-right: 90px;
}
.pd-r95 {
  padding-right: 95px;
}
.pd-r100 {
  padding-right: 100px;
}
.pd-b0 {
  padding-bottom: 0px;
}
.pd-b5 {
  padding-bottom: 5px;
}
.pd-b10 {
  padding-bottom: 10px;
}
.pd-b15 {
  padding-bottom: 15px;
}
.pd-b20 {
  padding-bottom: 20px;
}
.pd-b25 {
  padding-bottom: 25px;
}
.pd-b30 {
  padding-bottom: 30px;
}
.pd-b35 {
  padding-bottom: 35px;
}
.pd-b40 {
  padding-bottom: 40px;
}
.pd-b45 {
  padding-bottom: 45px;
}
.pd-b50 {
  padding-bottom: 50px;
}
.pd-b55 {
  padding-bottom: 55px;
}
.pd-b60 {
  padding-bottom: 60px;
}
.pd-b65 {
  padding-bottom: 65px;
}
.pd-b70 {
  padding-bottom: 70px;
}
.pd-b75 {
  padding-bottom: 75px;
}
.pd-b80 {
  padding-bottom: 80px;
}
.pd-b85 {
  padding-bottom: 85px;
}
.pd-b90 {
  padding-bottom: 90px;
}
.pd-b95 {
  padding-bottom: 95px;
}
.pd-b100 {
  padding-bottom: 100px;
}
.mg-l0 {
  margin-left: 0px;
}
.mg-l5 {
  margin-left: 5px;
}
.mg-l10 {
  margin-left: 10px;
}
.mg-l15 {
  margin-left: 15px;
}
.mg-l20 {
  margin-left: 20px;
}
.mg-l25 {
  margin-left: 25px;
}
.mg-l30 {
  margin-left: 30px;
}
.mg-l35 {
  margin-left: 35px;
}
.mg-l40 {
  margin-left: 40px;
}
.mg-l45 {
  margin-left: 45px;
}
.mg-l50 {
  margin-left: 50px;
}
.mg-l55 {
  margin-left: 55px;
}
.mg-l60 {
  margin-left: 60px;
}
.mg-l65 {
  margin-left: 65px;
}
.mg-l70 {
  margin-left: 70px;
}
.mg-l75 {
  margin-left: 75px;
}
.mg-l80 {
  margin-left: 80px;
}
.mg-l85 {
  margin-left: 85px;
}
.mg-l90 {
  margin-left: 90px;
}
.mg-l95 {
  margin-left: 95px;
}
.mg-l100 {
  margin-left: 100px;
}
.mg-t0 {
  margin-top: 0px;
}
.mg-t5 {
  margin-top: 5px;
}
.mg-t10 {
  margin-top: 10px;
}
.mg-t15 {
  margin-top: 15px;
}
.mg-t20 {
  margin-top: 20px;
}
.mg-t25 {
  margin-top: 25px;
}
.mg-t30 {
  margin-top: 30px;
}
.mg-t35 {
  margin-top: 35px;
}
.mg-t40 {
  margin-top: 40px;
}
.mg-t45 {
  margin-top: 45px;
}
.mg-t50 {
  margin-top: 50px;
}
.mg-t55 {
  margin-top: 55px;
}
.mg-t60 {
  margin-top: 60px;
}
.mg-t65 {
  margin-top: 65px;
}
.mg-t70 {
  margin-top: 70px;
}
.mg-t75 {
  margin-top: 75px;
}
.mg-t80 {
  margin-top: 80px;
}
.mg-t85 {
  margin-top: 85px;
}
.mg-t90 {
  margin-top: 90px;
}
.mg-t95 {
  margin-top: 95px;
}
.mg-t100 {
  margin-top: 100px;
}
.mg--t0 {
  margin-top: -0px;
}
.mg--t5 {
  margin-top: -5px;
}
.mg--t10 {
  margin-top: -10px;
}
.mg--t15 {
  margin-top: -15px;
}
.mg--t20 {
  margin-top: -20px;
}
.mg--t25 {
  margin-top: -25px;
}
.mg--t30 {
  margin-top: -30px;
}
.mg--t35 {
  margin-top: -35px;
}
.mg--t40 {
  margin-top: -40px;
}
.mg--t45 {
  margin-top: -45px;
}
.mg--t50 {
  margin-top: -50px;
}
.mg--t55 {
  margin-top: -55px;
}
.mg--t60 {
  margin-top: -60px;
}
.mg--t65 {
  margin-top: -65px;
}
.mg--t70 {
  margin-top: -70px;
}
.mg--t75 {
  margin-top: -75px;
}
.mg--t80 {
  margin-top: -80px;
}
.mg--t85 {
  margin-top: -85px;
}
.mg--t90 {
  margin-top: -90px;
}
.mg--t95 {
  margin-top: -95px;
}
.mg--t100 {
  margin-top: -100px;
}
.mg-r0 {
  margin-right: 0px;
}
.mg-r5 {
  margin-right: 5px;
}
.mg-r10 {
  margin-right: 10px;
}
.mg-r15 {
  margin-right: 15px;
}
.mg-r20 {
  margin-right: 20px;
}
.mg-r25 {
  margin-right: 25px;
}
.mg-r30 {
  margin-right: 30px;
}
.mg-r35 {
  margin-right: 35px;
}
.mg-r40 {
  margin-right: 40px;
}
.mg-r45 {
  margin-right: 45px;
}
.mg-r50 {
  margin-right: 50px;
}
.mg-r55 {
  margin-right: 55px;
}
.mg-r60 {
  margin-right: 60px;
}
.mg-r65 {
  margin-right: 65px;
}
.mg-r70 {
  margin-right: 70px;
}
.mg-r75 {
  margin-right: 75px;
}
.mg-r80 {
  margin-right: 80px;
}
.mg-r85 {
  margin-right: 85px;
}
.mg-r90 {
  margin-right: 90px;
}
.mg-r95 {
  margin-right: 95px;
}
.mg-r100 {
  margin-right: 100px;
}
.mg-b0 {
  margin-bottom: 0px;
}
.mg-b5 {
  margin-bottom: 5px;
}
.mg-b10 {
  margin-bottom: 10px;
}
.mg-b15 {
  margin-bottom: 15px;
}
.mg-b20 {
  margin-bottom: 20px;
}
.mg-b25 {
  margin-bottom: 25px;
}
.mg-b30 {
  margin-bottom: 30px;
}
.mg-b35 {
  margin-bottom: 35px;
}
.mg-b40 {
  margin-bottom: 40px;
}
.mg-b45 {
  margin-bottom: 45px;
}
.mg-b50 {
  margin-bottom: 50px;
}
.mg-b55 {
  margin-bottom: 55px;
}
.mg-b60 {
  margin-bottom: 60px;
}
.mg-b65 {
  margin-bottom: 65px;
}
.mg-b70 {
  margin-bottom: 70px;
}
.mg-b75 {
  margin-bottom: 75px;
}
.mg-b80 {
  margin-bottom: 80px;
}
.mg-b85 {
  margin-bottom: 85px;
}
.mg-b90 {
  margin-bottom: 90px;
}
.mg-b95 {
  margin-bottom: 95px;
}
.mg-b100 {
  margin-bottom: 100px;
}
.w_25 {
  width: 25%;
}
.w_33 {
  width: 33.3333333333%;
}
.w_50 {
  width: 50%;
}
.w_75 {
  width: 75%;
}
.w_100 {
  width: 100%;
}
.taLeft {
  text-align: left;
}
.taCenter {
  text-align: center;
}
.taRight {
  text-align: right;
}
.disabled {
  pointer-events: none;
  opacity: 0.1;
}
.tCC {
  text-transform: capitalize;
}
.tCL {
  text-transform: lowercase;
}
.tCU {
  text-transform: uppercase;
}
.tCN {
  text-transform: none !important;
}
.pos {
  color: #00aa27;
}
.neg {
  color: #e71e04;
}
.ed_container {
  max-width: 1140px;
  margin: 0 auto;
}
.cust-scroll-bar {
  /* Let's get this party started */
}
.cust-scroll-bar::-webkit-scrollbar {
  width: 5px;
}
.cust-scroll-bar {
  /* Track */
}
.cust-scroll-bar::-webkit-scrollbar-track {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.cust-scroll-bar {
  /* Handle */
}
.cust-scroll-bar::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #eeeeee;
}
.cust-scroll-bar::-webkit-scrollbar-thumb:window-inactive {
  background: #eeeeee;
}
.inline-list {
  font-size: 0;
}
.inline-list li {
  display: inline-block;
}
.no_scroll {
  height: 100vh;
  overflow: hidden;
}
.sectionDataValue {
  display: inline-block;
  width: 100%;
}
.text-right {
  text-align: right !important;
  vertical-align: top;
}
.text-right-without-top {
  text-align: right !important;
}
.valigntop {
  vertical-align: top;
}
.change-green {
  color: #51b255 !important;
}
.change-red {
  color: #dd504d !important;
}
.common_scroll {
  margin-top: 29px;
}
.common_scroll ::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}
.common_scroll {
  /* Track */
}
.common_scroll ::-webkit-scrollbar-track {
  background: transparent;
}
.common_scroll {
  /* Handle */
}
.common_scroll ::-webkit-scrollbar-thumb {
  background: #3580f7;
}
.col-5 {
  width: 5%;
}
.col-10 {
  width: 10%;
}
.col-15 {
  width: 15%;
}
.col-20 {
  width: 20%;
}
.col-25 {
  width: 25%;
}
.col-30 {
  width: 30%;
}
.col-35 {
  width: 35%;
}
.col-40 {
  width: 40%;
}
.col-45 {
  width: 45%;
}
.col-50 {
  width: 50%;
}
.col-55 {
  width: 55%;
}
.col-60 {
  width: 60%;
}
.col-65 {
  width: 65%;
}
.col-70 {
  width: 70%;
}
.col-75 {
  width: 75%;
}
.col-80 {
  width: 80%;
}
.col-85 {
  width: 85%;
}
.col-90 {
  width: 90%;
}
.col-95 {
  width: 95%;
}
.col-100 {
  width: 100%;
}
:root {
  font-size: 16px;
}
a {
  text-decoration: unset !important;
}
/* common container scss starts */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 75%;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 75%;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 82%;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 85%;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 85%;
  }
}
/* common container scss starts */
.displayFlex {
  display: flex;
  align-items: center;
}
.flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flexJustifySpaceBetween {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.alignCenter {
  align-items: center;
}
.flex-wrap {
  flex-wrap: wrap;
}
.row-w-100 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.col-w-25 {
  width: 24%;
}
.card-bg {
  width: 21.7%;
  margin-right: 30px;
  background: #f0f9ff;
}
@media (max-width: 1400px) {
  .card-bg {
    width: 21.3%;
    padding-bottom: 5px;
  }
}
.card-bg:last-child {
  margin-right: 26px;
}
.bgcolor-desktopnews {
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
}
@media (max-width: 640px) {
  .bgcolor-desktopnews {
    background-color: #fbfbfb;
  }
}
@media (max-width: 640px) {
  .remove-mt70 {
    margin-top: 0px !important;
  }
}
.bgcolor-sections {
  background: #fbfbfb;
}
@media (max-width: 640px) {
  .bgcolor-sections {
    background: #f5f5f5;
  }
}
.mob-greybg {
  background: #f5f5f5;
}
.bgcolor-fWebsections {
  background: #fbfbfb;
}
@media (max-width: 640px) {
  .bgcolor-fWebsections {
    background: #f5f5f5;
  }
}
.show {
  display: block;
}
.fade {
  display: none;
}
.menu-blur {
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadein 0.5s;
  position: fixed;
  top: 0px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(235, 235, 235, 0.19);
  backdrop-filter: blur(50px);
}
.menu-blur.show1 {
  opacity: 0.9;
}
.help_text {
  margin-bottom: 0px;
  margin-top: 5px;
}
.red {
  color: #e62020;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background-color: none;
}
@-webkit-keyframes autofill {
  0%, 100% {
    background: transparent;
  }
}
.mt-10 {
  margin-top: 10px;
}
.mt-70 {
  margin-top: 70px;
}
.none {
  display: none;
}
.pdlr-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.loanstile {
  background: #f0f9ff;
}
.pdlr-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.SkeletonTile {
  height: 50px;
  margin-top: 10px;
}
.h-30 {
  height: 30px;
}
.h-40 {
  height: 40px;
}
.h-50 {
  height: 50px;
}
.h-60 {
  height: 60px;
}
.h-70 {
  height: 70px;
  color: #444444 !important;
}
.h-150 {
  height: 150px;
}
.d-block {
  display: block;
}
.mr-7 {
  margin-right: 7px;
}
.mt-22 {
  margin-top: 22px;
}
.ml-20 {
  margin-left: 20px;
}
.ml_accode-5 {
  margin-left: -0.2em;
}
.mgt-30 {
  margin-top: 30px;
}
.mgt-450 {
  margin-top: 450px;
}
.mgt-150 {
  margin-top: 150px;
}
.mgt-23 {
  margin-top: 23px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mr-45 {
  margin-right: 45px !important;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-6 {
  margin-right: 6px;
}
.mr-5 {
  margin-right: 5px;
}
.mt-50 {
  margin-top: 50px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-25 {
  margin-right: 25px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-3 {
  margin-right: 3px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-80 {
  margin-right: 80px;
}
.h-100 {
  height: 100%;
}
.jus-center {
  justify-content: center;
}
.mb-50p {
  margin-bottom: 50%;
}
@media (max-width: 640px) {
  .bg-linear {
    background: linear-gradient(180deg, #ffffff 9.02%, #f5f5f5 14.29%) !important;
  }
}
.wrap {
  position: relative;
}
.wrap .headTop {
  z-index: 1000;
  position: sticky;
  top: 0;
}
@media (min-width: 1024px) {
  .wrap .headTop {
    padding: 0 4%;
  }
}
@media (min-width: 1152px) {
  .wrap .headTop {
    padding: 0 9%;
  }
}
@media (min-width: 1280px) {
  .wrap .headTop {
    padding: 0 6%;
  }
}
@media (min-width: 1360px) {
  .wrap .headTop {
    padding: 0 8%;
  }
}
@media (min-width: 1400px) {
  .wrap .headTop {
    padding: 0 3%;
  }
}
@media (min-width: 1440px) {
  .wrap .headTop {
    padding: 0 4%;
  }
}
@media (min-width: 1600px) {
  .wrap .headTop {
    padding: 0 8%;
  }
}
@media (min-width: 1680px) {
  .wrap .headTop {
    padding: 0 10%;
  }
}
@media (min-width: 1920px) {
  .wrap .headTop {
    padding: 0 15%;
  }
}
.edel-icon-bold-close {
  border: none;
  background: none;
}
.backgroundcolor_bluedrawer__backdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.drawer__handle-wrapper__backdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.backgroundcolor_bluedrawer {
  background-color: #f2f2f5;
}
.backgroundcolor_bluedrawer .backgroundcolor_bluedrawer__handle-wrapper {
  background-color: #f2f2f5;
  border-radius: 5px 5px 0px 0px;
  padding: 15px 0px 0px !important;
}
.backgroundcolor_bluedrawer .backgroundcolor_bluedrawer__content {
  padding: 0px;
}
.backgroundcolor_bluedrawer .backgroundcolor_bluedrawer__handle {
  width: 94px !important;
}
.showblue {
  background: #3580f7 !important;
  color: #ffffff !important;
}
.pdr-0 {
  padding-right: 0px !important;
}
.pdl-0 {
  padding-left: 0px !important;
}
.toDate {
  color: #3580f7 !important;
}
.filter-button-disable {
  padding: 14px 28px;
  border-radius: 6px;
  cursor: not-allowed !important;
  pointer-events: none;
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  color: #ffffff !important;
  border: none;
  color: #ffffff;
  border-radius: 6px;
  background-color: #cbdfff !important;
}
@media (min-width: 1024px) {
  .filter-button-disable {
    width: 176px !important;
    height: 48px !important;
  }
}
.filter-button-disable:hover {
  color: black;
}
.bluropacity {
  opacity: 0.3;
}
.blurmasking {
  height: 300px;
  width: 130px;
  background: #ffffff;
  position: absolute;
  right: 0px;
  z-index: 99;
  opacity: 0.7;
}
.color_green {
  color: #51b255 !important;
}
.color_red {
  color: #dd504d !important;
}
.arr-color {
  color: #3580f7;
}
.pdl-0 {
  padding-left: 0px !important;
}
.pt-10 {
  padding-top: 10px;
}
.pt-20 {
  padding-top: 20px;
}
.readmore-ellip {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 20px;
  max-height: 40px;
}
.w-181 {
  width: 181px;
  word-break: break-all;
}
.dark-grey {
  color: #444444;
}
.docked_box_shadow {
  box-shadow: 0px 14px 24px -17px rgba(0, 0, 0, 0.07) !important;
}
.docked_box_shadow_mob {
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1) !important;
}
.table-layout-fixed {
  table-layout: fixed !important;
}
.flow-overlay {
  overflow: overlay !important;
}
.w-50 {
  width: 50%;
}
.w-40 {
  width: 40%;
}
.w-100 {
  width: 100%;
}
.w-90 {
  width: 90%;
}
.w-20 {
  width: 20%;
}
.w-15 {
  width: 15%;
}
.w-200 {
  width: 200%;
}
.justify-end {
  justify-content: end;
}
.d-flexblock {
  display: flex;
}
@media (max-width: 1023px) {
  .d-flexblock {
    display: block;
  }
}
.declinesloaderheight {
  min-height: 300px;
}
.h-40 {
  height: 40px;
}
.sectoranalysisloaderheight {
  min-height: 230px;
}
@media (max-width: 768px) {
  .sectoranalysisloaderheight {
    min-height: 130px;
  }
}
.futurerecommendation-generic table {
  margin: 0;
  width: 100%;
}
.backgroundblue {
  background: #f0f9ff !important;
  color: #3580f7 !important;
}
.alignright {
  display: flex;
  justify-content: end;
}
.pdb-20 {
  padding-bottom: 20px;
}
.primary-market-equity i {
  vertical-align: middle;
  font-size: 22px;
}
.pdl-8 {
  padding-left: 8px;
}
.RedBorder {
  border: 1px solid #dd504d !important;
}
.purpleBorder {
  border: 1px solid #bd4b9b !important;
  border-radius: 3px;
}
.cursorOnHover {
  cursor: pointer;
}
.cursorEventDefault {
  cursor: default;
}
.dflex-start {
  display: flex;
  align-items: flex-start;
}
.dflex-start-contend {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.unsetHeight {
  height: unset !important;
}
.least-zindex {
  z-index: 1;
}
.remove-btn-props button {
  background-color: unset !important;
  border-color: unset !important;
  color: #444444 !important;
  border: none !important;
}
.remove-btn-props button:focus, .remove-btn-props button:hover {
  border-color: unset !important;
  background-color: unset !important;
  color: #444444 !important;
  border: none !important;
}
.download-email-tooltip {
  z-index: 99999 !important;
  background-color: #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.download-email-tooltip .tooltip-inner {
  background-color: #ffffff !important;
  color: #444444 !important;
  font-size: 0.875rem !important;
  font-family: "DMSansNormal" !important;
  border-radius: 1px !important;
}
.download-email-tooltip .tooltip-arrow:before {
  border-width: 14px !important;
  border-right-color: #ffffff !important;
}
.download-email-tooltip button {
  background: unset !important;
  color: #03002f !important;
  text-decoration: underline !important;
}
.mgr-5 {
  margin-right: 5px;
}
.mgr-10 {
  margin-right: 5px;
}
.common-download-report .date-input-section {
  gap: 0px;
  justify-content: space-between;
}
.common-download-report .date-input-section .input-group {
  flex-wrap: nowrap;
  align-items: center;
  padding: 11px 15px;
  background: #ffffff;
}
.common-download-report input {
  border: none;
  width: 100%;
}
.common-download-report .react-datepicker__navigation.react-datepicker__navigation--next {
  right: 60px;
}
.common-download-report .react-datepicker__navigation.react-datepicker__navigation--previous {
  left: 60px;
}
.common-download-newtheme .drawer__handle-wrapper__handle-wrapper {
  background-color: #f2f2f5;
}
.common-download-newtheme .customFormSection .form-check .form-check-input {
  height: 16px;
  width: 16px;
}
.common-download-newtheme .form-control[readonly] {
  background-color: transparent;
}
.common-download-newtheme .form-control {
  cursor: pointer !important;
}
.common-download-newtheme .form-control:focus {
  cursor: pointer !important;
}
@media (max-width: 1023px) {
  .common-download-newtheme .downloadreport-form-block {
    padding: 18px 15px 15px !important;
  }
}
.common-download-newtheme .drawer__handle-wrapper.backgroundcolor_bluedrawer__content {
  overflow-y: auto;
}
.common-download-newtheme .drawer__handle-wrapper.backgroundcolor_bluedrawer__content::-webkit-scrollbar {
  display: block !important;
  width: 2px !important;
  padding-left: 2px !important;
}
.common-download-newtheme .drawer__handle-wrapper.backgroundcolor_bluedrawer__content::-webkit-scrollbar-thumb {
  background-color: #03002f;
  border-radius: 1px !important;
  border: 5px solid #03002f;
}
.common-download-newtheme .modalHoldingTitle .modal-content {
  width: 521px;
}
.common-download-newtheme .customFormSection button:disabled {
  color: #ffffff !important;
}
.common-download-newtheme .common-download-report .date-drawer-input-field {
  width: 90%;
  padding-left: 0px !important;
  border: none;
}
.common-download-newtheme .custom_btn {
  background-color: #03002f;
}
@media (min-width: 1023px) {
  .common-download-newtheme .common-datepicker .react-datepicker .react-datepicker__day-name,
  .common-download-newtheme .common-datepicker .react-datepicker .react-datepicker__day {
    margin: 4px 15px;
  }
}
.common-download-newtheme .year_container {
  border: none;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  left: 384px;
  top: 300px;
}
.common-download-newtheme .year_container .financial_year span {
  font-family: "DMSansMedium";
}
.common-download-newtheme .year_container .financial_year span:hover {
  background: #03002f;
  font-family: "DMSansMedium";
}
.common-download-newtheme .input-group-append {
  padding-left: 5px;
}
.common-download-newtheme .input-group-append i:before {
  font-size: 0.875rem;
}
@media (max-width: 1023px) {
  .common-download-newtheme .pandLcalendar .custom_buttons {
    padding: 0px 0px 25px;
    margin: 15px 20px;
  }
}
.common-download-newtheme .input-group {
  padding: 0px 10px;
}
@media (min-width: 1023px) {
  .common-download-newtheme .calendar_pnl_ui .input-group {
    width: 207px !important;
  }
}
.common-download-newtheme .form-control {
  border: none;
  padding: 0px;
  font-family: "DMSansMedium";
  font-size: 1rem;
}
.common-download-newtheme .mailCheckbox {
  padding-top: 0px;
  padding-bottom: 15px;
}
@media (max-width: 1023px) {
  .common-download-newtheme .mailCheckbox {
    padding-top: 20px;
  }
}
.common-download-newtheme .input-group-text.d-block {
  color: #03002f;
}
.common-download-newtheme .yearDropdown .react-datepicker .react-datepicker__navigation-icon--previous:before {
  right: 0px !important;
}
.common-download-newtheme .yearDropdown .react-datepicker .react-datepicker__month-read-view--selected-month,
.common-download-newtheme .yearDropdown .react-datepicker .react-datepicker__year-read-view--selected-year {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #444444;
  font-weight: 500;
}
@media (min-width: 1023px) {
  .common-download-newtheme .yearDropdown .react-datepicker .react-datepicker__navigation-icon--next:before {
    left: 0px !important;
  }
}
.common-download-newtheme .react-datepicker {
  border: 1px solid #e7e7e7;
}
.common-download-newtheme .react-datepicker .react-datepicker__header {
  border-bottom: none;
}
.common-download-newtheme .react-datepicker .react-datepicker__header__dropdown.react-datepicker__header__dropdown--scroll {
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-download-newtheme .react-datepicker .react-datepicker__year-read-view--down-arrow,
.common-download-newtheme .react-datepicker .react-datepicker__month-read-view--down-arrow {
  height: 7px;
  width: 7px;
  border-width: 1px 1px 0 0;
}
.common-download-newtheme .react-datepicker .react-datepicker__navigation-icon--next:before,
.common-download-newtheme .react-datepicker .react-datepicker__navigation-icon--previous:before {
  top: 15px !important;
  height: 7px;
  width: 7px;
  border-width: 1px 1px 0 0;
}
@media (max-width: 1023px) {
  .common-download-newtheme .react-datepicker .react-datepicker__navigation-icon--next:before,
  .common-download-newtheme .react-datepicker .react-datepicker__navigation-icon--previous:before {
    top: 0px !important;
  }
}
.common-download-newtheme .react-datepicker .react-datepicker__month-read-view--selected-month {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #444444;
}
.common-download-newtheme .react-datepicker .react-datepicker__month {
  margin: 0px;
}
.common-download-newtheme .react-datepicker .react-datepicker__day-name {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
}
.common-download-newtheme .react-datepicker .react-datepicker__day--in-range,
.common-download-newtheme .react-datepicker .react-datepicker__day--outside-month {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.common-download-newtheme .react-datepicker .react-datepicker__day--in-range,
.common-download-newtheme .react-datepicker .react-datepicker__day--outside-month,
.common-download-newtheme .react-datepicker .react-datepicker__day-name,
.common-download-newtheme .react-datepicker .react-datepicker__day,
.common-download-newtheme .react-datepicker .react-datepicker__time-name .react-datepicker__day--in-selecting-range {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  line-height: 2rem;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  border-radius: 50%;
}
.common-download-newtheme .react-datepicker .react-datepicker__day,
.common-download-newtheme .react-datepicker .react-datepicker__day-name {
  margin: 4px 10px;
}
@media (max-width: 1023px) {
  .common-download-newtheme .react-datepicker .react-datepicker__day,
  .common-download-newtheme .react-datepicker .react-datepicker__day-name {
    margin: 4px;
  }
}
.common-download-newtheme .react-datepicker .react-datepicker__month-container {
  padding-bottom: 15px;
}
@media (max-width: 1023px) {
  .common-download-newtheme .drawer_year_container .mob_year_container {
    height: unset;
  }
  .common-download-newtheme .drawer_year_container .mob_year_container .heading {
    padding: 20px 15px;
    color: #444444;
  }
  .common-download-newtheme .drawer_year_container .mob_year_container .heading i {
    margin: 0px 11px 0px 0px;
  }
}
.common-download-newtheme .custom_btn {
  height: 52px !important;
}
@media (max-width: 1023px) {
  .common-download-newtheme .custom_btn {
    height: 45px !important;
  }
}
@media (max-width: 1023px) {
  .common-download-newtheme .pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon {
    gap: 10px;
  }
}
@media (min-width: 1023px) {
  .common-download-newtheme .calendar_container {
    z-index: 98;
  }
  .common-download-newtheme .year_container {
    z-index: 98;
  }
}
@media (max-width: 1023px) {
  .common-download-newtheme .date-input-section {
    padding: 15px 15px 0px;
  }
}
.common-download-newtheme .pandLcalendar .pandLcalendar-form .calendar--row {
  gap: 13%;
}
.calendar-icon-set .common-download-newtheme .yearDropdown .react-datepicker .react-datepicker__navigation-icon--next:before {
  left: 35px !important;
}
@media (max-width: 1023px) {
  .calendar-icon-set .common-download-newtheme .yearDropdown .react-datepicker .react-datepicker__navigation-icon--next:before {
    top: 13px !important;
  }
}
.remove-button-report button {
  color: #ffffff;
}
.remove-button-report button:active, .remove-button-report button:focus {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.remove-button-report button:hover {
  background-color: #03002f;
  color: #ffffff;
}
.mgb-10 {
  margin-bottom: 10px;
}
.mgb-6 {
  margin-bottom: 6px;
}
.mgb-187 {
  margin-bottom: 187px;
}
.gap-10 {
  gap: 10px;
}
.gap-285 {
  gap: 285px;
}
.pdt-30 {
  padding-top: 30px;
}
.pdb-30 {
  padding-bottom: 30px;
}
.pdt-20 {
  padding-top: 20px;
}
.pdb-20 {
  padding-bottom: 20px;
}
.pdb-10 {
  padding-bottom: 10px;
}
/* Icon Spinner */
.icn-spinner {
  animation: spin-animation 0.5s infinite;
  display: inline-block;
}
@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.rightToLeft {
  direction: rtl;
}
.leftToRight {
  direction: ltr;
}
.p-20 {
  padding: 20px;
}
.pdl-20 {
  padding-left: 20px;
}
.wd-100 {
  width: 100px;
}
.mgb-30 {
  margin-bottom: 30px;
}
.pdr-29 {
  padding-right: 29px;
}
.pdr-20 {
  padding-right: 29px;
}
.bdrR-1-monochrome-light-grey {
  border-right: 1px solid #e7e7e7;
}
.bdr-1-monochrome-light-grey {
  border: 1px solid #e7e7e7;
}
.bdr-1-midnight {
  border: 1px solid #03002f !important;
}
.bdrb-1-black {
  border-bottom: 1px solid #444444;
}
.bdrb-1-monochrome-light-grey {
  border-bottom: 1px solid #e7e7e7;
}
.dflexend {
  display: flex;
  gap: 5px;
  align-items: baseline;
}
.reports-equity-dropdown .equity-dropdown-block .equitydrop {
  padding: 9px 10px;
}
.reports-equity-dropdown .equity-dropdown-block.show .dropdown-menu {
  width: 100%;
  border: 1px solid #e7e7e7;
  background: #ffffff;
  height: auto;
}
.reports-equity-dropdown .equity-dropdown-block.show .dropdown-menu .dropdown-item {
  padding: 0px 15px 15px;
}
.reports-equity-dropdown .equity-dropdown-block.show .dropdown-menu .dropdown-item:first-child {
  padding-top: 15px;
}
.generic-table.right-aligned-arrow table thead .taRight .arrows {
  position: absolute;
  margin-right: -15px;
}
.w-70 {
  width: 70%;
}
.icon-100 .icon {
  text-align: center;
  font-size: 100px;
}
.pdlr-5 {
  padding: 0px 5px;
}
.lh-17 {
  line-height: 17px;
}
.font-size-20 {
  font-size: 20px;
}
.pdr-15 {
  padding-right: 15px;
}
.inside-content {
  text-align: left !important;
  line-height: 140%;
  word-wrap: break-word;
}
.arrows-in-yeardrop {
  padding: 15px 15px 0;
}
.arrows-in-yeardrop .react-datepicker__year-read-view,
.arrows-in-yeardrop .react-datepicker__month-read-view {
  visibility: visible !important;
}
.arrows-in-yeardrop .react-datepicker__year-dropdown,
.arrows-in-yeardrop .react-datepicker__month-dropdown {
  top: 60px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__day:hover,
.arrows-in-yeardrop .react-datepicker .react-datepicker__day--in-selecting-range {
  border-radius: 50% !important;
  color: white !important;
  background: #03002f !important;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__navigation-icon--previous::before {
  right: 21px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__navigation-icon::before {
  top: 0px;
  border-width: 1.5px 1.5px 0 0;
  height: 7px;
  width: 7px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header {
  border-bottom: none;
  padding-top: 12px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__current-month {
  display: none;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown {
  margin-bottom: 10px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container,
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container {
  margin: 0px 15px !important;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__year-read-view--down-arrow,
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container .react-datepicker__month-read-view--down-arrow,
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__year-read-view--down-arrow,
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container .react-datepicker__month-read-view--down-arrow {
  border-color: #03002f;
  border-width: 1.5px 1.5px 0px 0px;
  height: 7px;
  width: 7px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-dropdown {
  z-index: 2;
  background: white;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown {
  z-index: 2;
  background: white;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown .react-datepicker__year-option .react-datepicker__navigation--years::before {
  border-color: #666;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  left: 11px;
  position: absolute;
  width: 9px;
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown .react-datepicker__year-option .react-datepicker__navigation--years-upcoming::before {
  top: 17px;
  transform: rotate(315deg);
}
.arrows-in-yeardrop .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-dropdown .react-datepicker__year-option .react-datepicker__navigation--years-previous::before {
  top: 6px;
  transform: rotate(135deg);
}
.visibility-hidden {
  visibility: hidden;
}
.visibility-visible {
  visibility: visible;
}
.visibility-collapse {
  visibility: collapse;
}
.pd-15 {
  padding: 15px;
}
.messageShowClass {
  padding: 0px !important;
}
.h-16 {
  height: 1rem !important;
}
.w-16 {
  width: 1rem !important;
}
.pdb-6 {
  padding-bottom: 6px;
}
.gap-13 {
  gap: 13px;
}
.margin-tooltip {
  padding: 0px !important;
  border-radius: 5px;
  filter: none;
}
.margin-tooltip.common-white-tooltip .tooltip-inner {
  box-shadow: none;
}
.margin-tooltip.common-white-tooltip.tooltip-border .tooltip-arrow::before {
  top: -6px;
  border-top: none;
}
.lh-100 {
  line-height: 100%;
}
.bdr-2-midnight {
  border: 2px solid #03002f;
}
.dark_background_blur .dark_background_blur__handle {
  width: 94px !important;
}
.mg-15 {
  margin: 15px;
}
.dynamic-height-adjust.stock-details .stock-details-head {
  max-height: 130px !important;
}
.dynamic-height-adjust.stock-details .stock-details-body {
  height: calc(100vh - 185px) !important;
}
.dynamic-height-adjust.stock-details .stock-details-footer {
  height: 70px !important;
  position: unset !important;
  z-index: 0 !important;
}
.pdt-2 {
  padding-top: 2px;
}
.lh-100p {
  line-height: 100%;
}
.search-icon-class i {
  font-size: 10px;
  color: #5c5e64;
  display: flex;
}
.pdtr-15 {
  padding: 15px 15px 0px 0px;
}
.w-60 {
  width: 60%;
}
.table > :not(caption) > * > * {
  background-color: transparent !important;
  border-bottom-color: #e7e7e7 !important;
}
table > :not(:first-child) {
  border-top-color: #e7e7e7 !important;
}
.justify-self-end {
  justify-self: end;
}
.information-icon-font {
  font-size: 1rem;
  font-weight: 500;
}
.calendar-dates-display-block {
  gap: 8px;
  border: 1px solid #f2f2f5;
  padding: 8px 3px;
  border-radius: 8px;
}
.list-style-number {
  list-style-type: number;
}
.list-style-roman {
  list-style-type: lower-roman;
}
.list-style-dots {
  list-style-type: disc;
}
.ml-auto {
  margin-left: auto;
}
.ml-13 {
  margin-left: 13px;
}
.mr-13 {
  margin-right: 13px;
}
.nopadding {
  padding: 0px !important;
}
.commonscroll ::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.commonscroll {
  /* Track */
}
.commonscroll ::-webkit-scrollbar-track {
  background: transparent;
}
.commonscroll {
  /* Handle */
}
.commonscroll ::-webkit-scrollbar-thumb {
  background: #3580f7;
}
.p-l {
  position: relative;
}
.overflow-y {
  overflow-y: scroll;
}
.unset_overflow-y {
  overflow-y: unset;
}
.hand_cursor {
  cursor: pointer !important;
}
.grab_cursor {
  cursor: grab !important;
}
.point_cursor {
  cursor: default;
}
.fund-details-hover:hover {
  background: #f2f2f5 !important;
}
.cursor_not_allowed {
  cursor: not-allowed !important;
}
.w_fit_content {
  width: fit-content;
}
.commonscroll-new ::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.commonscroll-new {
  /* Track */
}
.commonscroll-new ::-webkit-scrollbar-track {
  background: transparent;
}
.commonscroll-new {
  /* Handle */
}
.commonscroll-new ::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.commonscroll-new.noscrollbar {
  scrollbar-width: none;
}
.new-theme-scroll::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.new-theme-scroll {
  /* Track */
}
.new-theme-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.new-theme-scroll {
  /* Handle */
}
.new-theme-scroll::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.cursor_not_allowed {
  cursor: not-allowed !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-default :hover {
  cursor: default !important;
}
.positive {
  background-color: #51b255 !important;
}
.positiveValue {
  color: #51b255 !important;
}
.negativeValue {
  color: #dd504d !important;
}
.negative {
  background-color: #dd504d !important;
}
.commondatavalue {
  font-family: "DMSansMedium";
  font-size: 1rem;
  width: 100%;
  display: inline-block;
  color: #444444;
}
.Progresscommondatavalue {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  width: 100%;
  display: inline-block;
  color: #444444;
}
.progresscommongrayvalue {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #b8b8b8 !important;
}
.commondatanumber {
  font-family: "RobotoRegular";
  font-size: 1rem;
  color: #444444;
  white-space: nowrap;
}
.commondatanumberpositive {
  font-family: "RobotoMedium";
  font-size: 1rem;
  color: #444444;
  width: 100%;
  display: inline-block;
}
.progress {
  height: 60px !important;
  background-color: transparent;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  margin-bottom: 5px;
}
.progress .progress-bar-success {
  border-left: 3px solid #51b255 !important;
  float: left;
  background-color: #f0fdf6;
}
.progress .progress-bar-negative {
  float: right;
  background-color: #fff5f5;
}
.progress .progress-bar {
  font-size: 1.125rem;
  line-height: 60px;
  color: #000;
  border-bottom: none;
  box-shadow: none;
}
.progress .textvalueprogressbar {
  position: absolute;
  font-size: 1rem;
  line-height: 60px;
  text-indent: 10px;
  font-style: normal;
  font-family: "DMSansMedium";
}
.progress .datacontent {
  display: grid;
  margin-top: 5px;
}
.progress .datacontent span {
  font-size: 1rem;
  width: 100%;
  display: inline-block;
  text-align: right;
  font-family: "RobotoRegular";
}
.progress .datacontent :first-child {
  font-weight: 400;
}
.progress .datacontent :last-child {
  font-weight: 500;
}
.progresscontainer {
  position: relative;
  width: 100%;
}
.progresscontainer .progressbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
}
.progresscontainer .progress-bar-negative {
  border-left: 3px solid #dd504d;
}
.progresscontainer .stack-top {
  z-index: 9;
  margin: 0px;
}
@media screen and (max-width: 1024px) {
  .commondatavalue {
    font-size: 0.875rem;
    line-height: 25px;
  }
  .progresscommongrayvalue {
    font-size: 0.75rem;
  }
  .Progresscommondatavalue {
    font-size: 0.75rem;
  }
  .TextValueProgressbarnegative {
    font-size: 0.875rem;
  }
  .commondatanumber {
    font-size: 0.875rem;
  }
  .commondatanumberpositive {
    font-size: 0.875rem;
  }
  .progress .textvalueprogressbar {
    font-size: 0.875rem;
  }
  .progress .TextValueProgressbarnegative {
    font-size: 0.875rem;
  }
}
.text-indent10 {
  text-indent: 0px !important;
}
@media (max-width: 768px) {
  .indices-dynamic-indicator .blue-green-theme .dbar29RangesliderWrapper .fullwidth .mobiletop-content {
    position: relative;
    top: -12px;
  }
}
.indices-dynamic-indicator .dbar29RangesliderLabelname .commondatanumber {
  font-weight: 600;
}
/* @import "../../../../../node_modules/.pnpm/bootstrap@5.3.8_@popperjs+core@2.11.8/node_modules/bootstrap/dist/css/bootstrap.min.css"; */
/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #d21aff;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffb800;
  --bs-green: #51b255;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #333333;
  --bs-white: #ffffff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #51b255;
  --bs-info: #0dcaf0;
  --bs-warning: #ffb800;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 81, 178, 85;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 184, 0;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(32.4, 71.2, 34);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 73.6, 0);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(220.2, 239.6, 221);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 240.8, 204);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(185.4, 224.2, 187);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 226.6, 153);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 51, 51, 51;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #fbfbfb;
  --bs-body-color-rgb: 251, 251, 251;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #333333;
  --bs-emphasis-color-rgb: 51, 51, 51;
  --bs-secondary-color: rgba(251, 251, 251, 0.75);
  --bs-secondary-color-rgb: 251, 251, 251;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(251, 251, 251, 0.5);
  --bs-tertiary-color-rgb: 251, 251, 251;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #fbfbfb;
  --bs-highlight-bg: rgb(255, 240.8, 204);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(51, 51, 51, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(51, 51, 51, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(51, 51, 51, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(51, 51, 51, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(51, 51, 51, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #51b255;
  --bs-form-valid-border-color: #51b255;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(150.6, 208.8, 153);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 212.4, 102);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(16.2, 35.6, 17);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 36.8, 0);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: rgb(51.5, 54.5, 57.5);
  --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(48.6, 106.8, 51);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 110.4, 0);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(109.8, 168, 253.8);
  --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 73.6, 0);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(150.6, 208.8, 153);
  --bs-form-valid-border-color: rgb(150.6, 208.8, 153);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(51, 51, 51, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}
h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}
h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}
h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}
h5, .h5 {
  font-size: 1.25rem;
}
h6, .h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small, .small {
  font-size: 0.875em;
}
mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #333333;
  --bs-table-bg: rgb(206.6, 226, 254.6);
  --bs-table-border-color: rgb(175.48, 191, 213.88);
  --bs-table-striped-bg: rgb(198.82, 217.25, 244.42);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(191.04, 208.5, 234.24);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(194.93, 212.875, 239.33);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #333333;
  --bs-table-bg: rgb(225.6, 227.4, 229);
  --bs-table-border-color: rgb(190.68, 192.12, 193.4);
  --bs-table-striped-bg: rgb(216.87, 218.58, 220.1);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(208.14, 209.76, 211.2);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(212.505, 214.17, 215.65);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #333333;
  --bs-table-bg: rgb(220.2, 239.6, 221);
  --bs-table-border-color: rgb(186.36, 201.88, 187);
  --bs-table-striped-bg: rgb(211.74, 230.17, 212.5);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(203.28, 220.74, 204);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(207.51, 225.455, 208.25);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #333333;
  --bs-table-bg: rgb(206.6, 244.4, 252);
  --bs-table-border-color: rgb(175.48, 205.72, 211.8);
  --bs-table-striped-bg: rgb(198.82, 234.73, 241.95);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(191.04, 225.06, 231.9);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(194.93, 229.895, 236.925);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #333333;
  --bs-table-bg: rgb(255, 240.8, 204);
  --bs-table-border-color: rgb(214.2, 202.84, 173.4);
  --bs-table-striped-bg: rgb(244.8, 231.31, 196.35);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(234.6, 221.82, 188.7);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(239.7, 226.565, 192.525);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #333333;
  --bs-table-bg: rgb(248, 214.6, 217.8);
  --bs-table-border-color: rgb(208.6, 181.88, 184.44);
  --bs-table-striped-bg: rgb(238.15, 206.42, 209.46);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(228.3, 198.24, 201.12);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(233.225, 202.33, 205.29);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #333333;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: rgb(208.6, 209.4, 210.2);
  --bs-table-striped-bg: rgb(238.15, 239.1, 240.05);
  --bs-table-striped-color: #333333;
  --bs-table-active-bg: rgb(228.3, 229.2, 230.1);
  --bs-table-active-color: #333333;
  --bs-table-hover-bg: rgb(233.225, 234.15, 235.075);
  --bs-table-hover-color: #333333;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #ffffff;
  --bs-table-bg: #212529;
  --bs-table-border-color: rgb(77.4, 80.6, 83.8);
  --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
  --bs-table-striped-color: #ffffff;
  --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
  --bs-table-active-color: #ffffff;
  --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
  --bs-table-hover-color: #ffffff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2851, 51, 51, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2351b255' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2351b255' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(51, 51, 51, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
  --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(10.4, 88, 202.4);
  --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
  --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(86.4, 93.6, 100);
  --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #333333;
  --bs-btn-bg: #51b255;
  --bs-btn-border-color: #51b255;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: rgb(107.1, 189.55, 110.5);
  --bs-btn-hover-border-color: rgb(98.4, 185.7, 102);
  --bs-btn-focus-shadow-rgb: 77, 159, 80;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: rgb(115.8, 193.4, 119);
  --bs-btn-active-border-color: rgb(98.4, 185.7, 102);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #333333;
  --bs-btn-disabled-bg: #51b255;
  --bs-btn-disabled-border-color: #51b255;
}
.btn-info {
  --bs-btn-color: #333333;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-focus-shadow-rgb: 19, 179, 212;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: rgb(61.4, 212.6, 243);
  --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #333333;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #333333;
  --bs-btn-bg: #ffb800;
  --bs-btn-border-color: #ffb800;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: rgb(255, 194.65, 38.25);
  --bs-btn-hover-border-color: rgb(255, 191.1, 25.5);
  --bs-btn-focus-shadow-rgb: 224, 164, 8;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: rgb(255, 198.2, 51);
  --bs-btn-active-border-color: rgb(255, 191.1, 25.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #333333;
  --bs-btn-disabled-bg: #ffb800;
  --bs-btn-disabled-border-color: #ffb800;
}
.btn-danger {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
  --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(176, 42.4, 55.2);
  --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #333333;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --bs-btn-focus-shadow-rgb: 218, 219, 220;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #333333;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
  --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #51b255;
  --bs-btn-border-color: #51b255;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: #51b255;
  --bs-btn-hover-border-color: #51b255;
  --bs-btn-focus-shadow-rgb: 81, 178, 85;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: #51b255;
  --bs-btn-active-border-color: #51b255;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #51b255;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #51b255;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffb800;
  --bs-btn-border-color: #ffb800;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: #ffb800;
  --bs-btn-hover-border-color: #ffb800;
  --bs-btn-focus-shadow-rgb: 255, 184, 0;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: #ffb800;
  --bs-btn-active-border-color: #ffb800;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #ffb800;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffb800;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(51, 51, 51, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #ffffff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #ffffff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #ffffff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #ffffff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28251, 251, 251, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #ffffff;
  --bs-navbar-brand-color: #ffffff;
  --bs-navbar-brand-hover-color: #ffffff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-top,
  .card-group > .card:not(:last-child) > .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-bottom,
  .card-group > .card:not(:last-child) > .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-top,
  .card-group > .card:not(:first-child) > .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-bottom,
  .card-group > .card:not(:first-child) > .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fbfbfb' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%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-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%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-.708'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #ffffff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #ffffff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #ffffff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #ffffff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #333333;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}
[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #333333;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: #f4fafd;
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #ffffff;
  text-align: center;
  background: none;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/;
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}
.carousel-dark {
  --bs-carousel-indicator-active-bg: #333333;
  --bs-carousel-caption-color: #333333;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #ffffff;
  --bs-carousel-caption-color: #ffffff;
  --bs-carousel-control-icon-filter: ;
}
[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #333333;
  --bs-carousel-caption-color: #333333;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #333333;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #333333 55%, rgba(0, 0, 0, 0.8) 75%, #333333 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #333333 !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #333333 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #333333 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #333333 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #ffffff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(116, 193, 119, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(116, 193, 119, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 198, 51, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 198, 51, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(51, 51, 51, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  user-select: all !important;
}
.user-select-auto {
  user-select: auto !important;
}
.user-select-none {
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
:root {
  font-size: 16px;
}
@media (min-width: 992px) {
  .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .header-info .navbar .logo {
    padding: 0px;
    display: flex;
    align-items: center;
  }
  .header-info .navbar .logo .edel-icon-edel-logo::before {
    font-size: 1.875rem;
    color: #0751a0;
    margin-right: 5.72px;
  }
  .header-info .navbar .logo .edel-icon-edel-logo2::before {
    content: "\e950";
    font-size: 1.125rem;
    color: #70706f;
  }
  .header-info .navbar .navbar-menu p {
    font-family: "encodesans_normal";
    line-height: 21.6px;
    color: #727271;
    font-size: 0.875rem;
    margin-bottom: 0px;
  }
  .header-info .navbar .navbar-menu p .changeperc-font {
    font-family: "encodesans_normal";
    line-height: 21.6px;
    font-size: 0.875rem;
    margin-bottom: 0px;
  }
  .header-info .navbar .navbar-menu p .green {
    color: #1fc86d;
  }
  .header-info .navbar .navbar-menu p .edel-icon-plus {
    font-size: 0.688rem;
    color: #1fc86d;
  }
  .header-info .navbar .navbar-menu p .red {
    color: #dd504d;
  }
  .header-info .navbar .navbar-menu p .edel-icon-minus {
    font-size: 0.688rem;
    color: #dd504d;
  }
  .header-info .navbar .navbar-menu p .small-text {
    font-family: "RobotoRegular";
    font-size: 1rem;
  }
  .header-info .navbar .supportNotify i::before {
    font-size: 1.375rem;
    color: #03002f;
  }
  .header-info .navbar .supportNotify .notify {
    position: relative;
  }
  .header-info .navbar .supportNotify .notify i::before {
    color: #727271;
  }
  .header-info .navbar .supportNotify .notify .badge {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #f83c3c;
    top: -1px;
    border-radius: 50%;
    right: -1px;
  }
  .header-info .navbar .supportNotify .displayFlex {
    margin-left: 26px;
  }
  .header-info .navbar .supportNotify .displayFlex .edel-icon-support-2 {
    margin-right: 8px;
  }
  .header-info .navbar .supportNotify .displayFlex .edel-icon-user2 {
    margin-right: 7px;
  }
  .header-info .navbar .supportNotify .support span {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    color: #03002f;
  }
  .header-info .navbar .supportNotify .support .support-drop {
    display: none;
  }
  .header-info .navbar .supportNotify .support:hover .support-drop {
    display: block;
  }
  .header-info .navbar .supportNotify .signUp a {
    font-size: 0.75rem;
    line-height: 21.6px;
    font-family: "encodesans_normal";
    color: #3580f7;
  }
  .header-info .navbar .supportNotify .signUp i::before {
    color: #03002f;
    font-size: 1.25rem;
  }
  .header-info .navbar .stockValues {
    margin-left: 44px;
  }
  .header-info .navbar .stockValues .main-stock-values {
    display: flex;
    align-items: center;
    margin-right: 10px;
    gap: 5px;
  }
  .header-info .navbar .stockValues .navbar-menu {
    padding-top: 4px;
    margin-left: 20px;
  }
  .header-info .navbar .stockValues .navbar-menu .navbar-count .edel-icon-caret-up::before {
    font-size: 0.688rem;
    margin-right: 5px;
  }
  .header-info .navbar #nav .category .displayFlex {
    margin-left: 0;
  }
  .header-info .navbar #nav .category .displayFlex a {
    color: #3580f7;
  }
  .header-menu .navbar .search {
    background: #f4f9ff;
    border: 2px solid #ffffff;
    box-sizing: border-box;
    border-radius: 0px 5px 5px 0px;
    margin: 1px;
    padding: 16px;
    position: relative;
    width: 265px;
    height: 60px;
  }
  .header-menu .navbar .search h1, .header-menu .navbar .search .h1 {
    font-size: 1.313rem;
    position: absolute;
    top: 20px;
    left: 51px;
    overflow: hidden;
    max-height: 35px;
    font-size: 0.875rem;
  }
  .header-menu .navbar .search .edel-icon-search::before {
    font-size: 1.5rem;
    position: absolute;
    top: 32%;
  }
  .header-menu .navbar .search input {
    background-color: transparent;
    border: unset;
    padding-left: 40px;
    color: #444444;
    font-family: "EncodeSansLight";
    line-height: 24px;
    font-size: 1rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 56px;
  }
  .header-menu .nav-menu {
    width: 100%;
  }
  .header-menu .nav-menu ul li {
    color: #393939;
  }
  .header-menu .nav-menu .nav-tabs {
    position: relative;
  }
  .header-menu .nav-menu .nav-tabs .tabContentsWrap {
    position: absolute;
    z-index: 999999;
    width: 100%;
  }
  .header-menu .nav-menu .nav-tabs .tabContentsWrap #react-tabs-13 .research-popular .ed-card {
    min-height: 116px;
  }
  .header-menu .nav-menu .nav-tabs .flexJustifySpaceBetween {
    background-color: #ffffff;
    border-bottom: 1px solid #f4f4f4;
    box-sizing: border-box;
    box-shadow: 0px 4px 38px -5px rgba(53, 128, 247, 0.05);
    border-radius: 5px;
  }
  .header-menu .nav-menu .nav-tabs ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 65px;
  }
  .header-menu .nav-menu .nav-tabs ul.tabs li {
    background: none;
    color: #545454;
    display: inline-block;
    cursor: pointer;
    font-family: "EncodeSansMedium";
    font-size: 0.875rem;
    line-height: 24px;
    margin-left: 20px;
    padding: 20px 0px 12px 0px;
  }
  .header-menu .nav-menu {
    /* accordion heading */
    /* accordion section content */
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-menu .nav-menu .nav-tabs ul.tabs li {
    margin-left: 25px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .header-menu .nav-menu .nav-tabs ul.tabs li {
    margin-left: 25px;
  }
}
@media (min-width: 992px) {
  .header-menu .nav-menu .nav-tabs ul.tabs li a {
    color: #393939;
  }
  .header-menu .nav-menu .nav-tabs ul.tabs li:first-child {
    margin-left: 25px;
  }
  .header-menu .nav-menu .nav-tabs ul.tabs li.current {
    border-bottom: 2px solid #f04e45;
    color: #03002f;
  }
  .header-menu .nav-menu .nav-tabs ul.tabs li.current i::before {
    color: #3580f7;
  }
  .header-menu .nav-menu .nav-tabs ul.tabs li .edel-icon-arrow-down {
    padding-left: 5px;
    position: relative;
  }
  .header-menu .nav-menu .nav-tabs ul.tabs li .edel-icon-arrow-up {
    padding-left: 5px;
    position: relative;
  }
  .header-menu .nav-menu .nav-tabs .tab-content {
    display: none;
    padding: 25px;
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content.current {
    display: inherit;
    background-color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0px 4px 38px rgba(53, 128, 247, 0.05);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 0px 33.51px 0px 27px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content.hide {
    display: none;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap {
    padding-top: 20px;
    padding-bottom: 15px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .head {
    align-items: center;
    margin-bottom: 24px;
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1399px) {
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .head {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .head h2, .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .head .h2 {
    font-size: 1.375rem;
    line-height: 18px;
    color: #3580f7;
    font-family: "encodesans_normal";
    margin-bottom: 0px !important;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .head .researchImg {
    margin-right: 10px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .head-subhead h2, .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .head-subhead .h2 {
    font-size: 0.875rem;
    line-height: 18px;
    font-family: "encodesans_normal";
    color: #3580f7;
    margin: 20px 0;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content {
    width: 100%;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content .ed-card {
    width: 30%;
    flex-grow: 1;
    height: 100%;
    align-self: flex-start;
    min-height: 150px;
    border-right: 1px solid #ededed;
    padding-left: 25px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content .ed-card:first-child {
    padding-left: 0;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content .ed-card:last-child {
    border-right: unset;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content .ed-card:nth-child(2) {
    padding-right: 25px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content .ed-card .card-secondChild {
    margin-top: 25px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content .ed-card .card-thirdChild {
    margin-top: 25px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content .ed-card .content-link a {
    font-family: "encodesans_normal";
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 22px;
    color: #292929;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content h6, .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content .h6 {
    font-family: "encodesans_normal";
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 22px;
    color: #292929;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content .links a {
    font-family: "encodesans_normal";
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 15px;
    margin-left: 12.19px;
    color: #1fc86d;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content p {
    font-family: "EncodeSansMedium";
    font-size: 0.75rem;
    line-height: 18px;
    color: #737373;
    margin-top: 7px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content p span {
    font-family: "EncodeSansBold";
    font-size: 1rem;
    line-height: 22px;
    color: #444444;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .content.investment {
    border-bottom: 1px solid #ededed;
    padding: 30px 0 23px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .research-learn {
    margin-top: 20px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .research-learn .border-line {
    border-right: 1px solid #dfdfdf;
    margin-top: 48px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .research-learn .mobTradetext {
    margin-top: 17px !important;
  }
}
@media (min-width: 992px) and (max-width: 1399px) {
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .research-learn .mobTradetext {
    margin-top: 9px !important;
    font-family: "EncodeSansLight" !important;
    font-size: 0.875rem !important;
  }
}
@media (min-width: 992px) {
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .research-learn .mobTradetext span {
    font-family: "EncodeSansBold" !important;
    font-size: 0.875rem !important;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section {
    width: 100%;
    align-items: unset;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .contentsWrap {
    width: 76%;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .border-line {
    border-right: 1px solid #dfdfdf;
    margin-top: 48px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar {
    width: 24%;
    padding: 0px 0px 20px 48.47px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .researchReport {
    margin-bottom: 17px;
    margin-top: 53.24px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .researchReport .ed-card {
    background: #f4f9ff;
    border-radius: 5px;
    margin-top: 14.62px;
    padding: 10px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .researchReport .ed-card img {
    text-align: center;
    max-width: -webkit-fill-available;
    width: 100%;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .researchReport .ed-card a {
    font-family: "encodesans_normal";
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #263363;
    margin: 21px 0 12px 0;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .researchReport .ed-card p {
    font-family: "encodesans_normal";
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #263363;
    opacity: 0.5;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .signUpCard {
    padding-top: 13px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .signUpCard .signUpCard-link {
    margin: 7px 0 12.8px 0;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .signUpCard .signUpCard-link a {
    font-family: "encodesans_normal";
    color: #3580f7;
    font-size: 1.125rem;
    line-height: 25.2px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .signUpCard p {
    font-size: 0.875rem;
    line-height: 20px;
    color: #737373;
    margin-bottom: 19px;
    font-family: "encodesans_normal";
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .signUpCard button {
    width: 100%;
    text-align: center;
    background: #3580f7;
    border: 0;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 22px;
    color: #f0f0f0;
    padding: 8px;
    font-family: "encodesans_normal";
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-tools .ed-card {
    background-color: #f0f9ff;
    padding: 15px 28px;
    padding-bottom: 0;
    padding-right: 0;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-tools .ed-card .flexJustifySpaceBetween {
    background-color: #f0f9ff;
    border-bottom: unset;
    margin-top: 21px;
    border-radius: 5px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-tools .ed-card h6, .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-tools .ed-card .h6 {
    font-size: 1.125rem;
    line-height: 30px;
    font-family: "encodesans_normal";
    font-weight: 600;
    color: #263363;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-tools .ed-card p {
    font-size: 1.125rem;
    line-height: 30px;
    font-family: "encodesans_normal";
    font-weight: 300;
    color: #263363;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card {
    width: 100%;
    background: #f4f9ff;
    border-radius: 5px;
    padding: 10px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card img {
    width: unset;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card .image {
    width: 40%;
    display: flex;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card .image.image-api {
    justify-content: center;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card.api .text h6, .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card.api .text .h6 {
    margin-left: 5px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card .text p {
    font-family: "encodesans_normal";
    font-weight: 300;
    font-size: 1rem;
    line-height: 22px;
    color: #292929;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card .text p span {
    font-weight: bold;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card .text h6, .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card .text .h6 {
    font-family: "encodesans_normal";
    font-weight: 700;
    font-size: 1rem;
    line-height: 22px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card.mobileTranfer {
    position: relative;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card.mobileTranfer .image {
    padding-left: 33px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card.mobileTranfer .imageMobileTranfer {
    position: absolute;
    bottom: 0;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap .tabsWrap-section .sidebar .sidebar-offerings .ed-card.mobileTranfer .imageMobileTranfer img {
    height: 70px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.tools .head-subhead h2, .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.tools .head-subhead .h2 {
    color: #c5c5c5;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.tools .toolssidebar {
    padding: 0 0 20px 26.27px !important;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.tools .toolssidebar .toolssidebarpad {
    padding: 28px 0 0px 15px !important;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap {
    padding-top: 0;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .tabs li {
    height: 65px;
    font-size: 1rem;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .investmentWrap .head {
    margin-top: 18px;
    margin-bottom: 16px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .investmentWrap .head h2, .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .investmentWrap .head .h2 {
    font-size: 1rem;
    color: #3580f7;
    font-family: "encodesans_normal";
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .investmentWrap .col-w-25:first-child {
    width: 21%;
    margin-right: 40px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .investmentWrap .col-w-25:last-child {
    width: 20%;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .investmentWrap .col-w-25:nth-child(2) {
    width: 21%;
    margin-right: 40px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .investmentWrap .col-w-25:nth-child(3) {
    width: 21%;
    margin-right: 40px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .loanWrap .blue-border-card {
    border-radius: 5px;
    background-color: #f4f9ff;
    box-sizing: border-box;
    padding: 13px 23px;
    margin-top: 180px;
    margin-right: 30px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .loanWrap .blue-border-card .circle-arrow {
    border-radius: 50%;
    background-color: #3580f7;
    padding: 0 2px;
    margin-left: 15.41px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .loanWrap .blue-border-card .circle-arrow .edel-icon-arrow-right::before {
    color: #ffffff;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .loanWrap .blue-border-card h6, .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .loanWrap .blue-border-card .h6 {
    font-family: "encodesans_normal";
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 140%;
    color: #3580f7;
    margin-left: 12px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .loanWrap .blue-border-card p {
    font-family: "encodesans_normal";
    font-style: normal;
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #737373;
    margin-top: 12px;
    margin-bottom: 18px;
    width: 80%;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .loanWrap .blue-border-card a {
    font-family: "encodesans_normal";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 140%;
    color: #3580f7;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.offeringsWrap .insurance .content .ed-card:nth-child(2) {
    border-right: unset;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.platformWrap .edel-icon-edel-logo::before {
    font-size: 1.25rem;
    color: #3580f7;
    margin-right: 13px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.platformWrap .ed-card {
    width: 100%;
    position: relative;
    min-height: 188px;
    padding: 18px 10px 10px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.platformWrap .ed-card .image {
    display: flex;
    justify-content: center;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.platformWrap .ed-card .image img {
    height: 92px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.platformWrap .ed-card .text {
    text-align: center;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.platformWrap .ed-card .link {
    left: 25%;
    line-height: 16.8px;
    margin-top: 14px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.platformWrap .ed-card .link a {
    font-family: "encodesans_normal";
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 140%;
    display: flex;
    align-items: center;
    color: #3580f7;
    position: relative;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.platformWrap .ed-card .link i::before {
    position: absolute;
    top: 20%;
    font-size: 0.438rem;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.platformWrap .partnerPlatform {
    margin-top: 30px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.platformWrap .partnerPlatform .ed-card img {
    height: 35px;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.platformWrap .partnerPlatform .ed-card .text {
    margin-top: 10px;
    margin-bottom: 18px;
    text-align: left;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .tabsWrap.platformWrap .partnerPlatform .ed-card .link {
    left: 0;
  }
  .header-menu .nav-menu .nav-tabs .tab-content .investmentWrap ul li,
  .header-menu .nav-menu .nav-tabs .tab-content .investmentWrap ul a {
    font-family: "encodesans_normal";
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 21px;
    margin-bottom: 8px;
  }
  .header-menu .nav-menu .nav-tabs .offeringTabs {
    margin-right: 44.67px;
  }
  .header-menu .nav-menu .nav-tabs .offeringTabs .flexJustifySpaceBetween {
    background-color: transparent;
    box-shadow: unset;
  }
  .header-menu .nav-menu .nav-tabs .offeringTabs .tabContentsWrap {
    position: relative;
  }
  .header-menu .nav-menu .nav-tabs .offeringTabs .tabContentsWrap .tab-content.current {
    border: 0;
    box-shadow: unset;
    padding: 0;
    padding: 2px 0 10px;
  }
  .header-menu .nav-menu .nav-tabs .offeringTabs .tabs li {
    padding: 18px 0;
    color: #c6c6c6;
  }
  .header-menu .nav-menu .nav-tabs .offeringTabs .tabs li p {
    margin-left: 16px;
    margin-bottom: 0px;
  }
  .header-menu .nav-menu .nav-tabs .offeringTabs .tabs li:first-child {
    margin-left: 0;
  }
  .header-menu .nav-menu .nav-tabs .offeringTabs .tabs li img {
    height: 25px;
    margin-top: -10px;
  }
  .header-menu .nav-menu .nav-tabs .offeringTabs .tabs li i::before {
    font-size: 1.563rem;
  }
  .header-menu .nav-menu .accordion {
    width: 70%;
    margin: 0 auto;
  }
  .header-menu .nav-menu .accordion h1, .header-menu .nav-menu .accordion .h1 {
    font-size: 1.625rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: gainsboro;
    padding-top: 7px;
    padding-bottom: 7px;
    border: 1px solid darkgrey;
    border-radius: 3px;
  }
  .header-menu .nav-menu .accordion h1:hover, .header-menu .nav-menu .accordion .h1:hover {
    cursor: pointer;
  }
  .header-menu .nav-menu .accordion div {
    display: none;
    padding: 10px;
    height: 200px;
    line-height: 20px;
    border: 1px solid gray;
    border-radius: 3px;
  }
}
@media screen and (min-width: 992px) and (max-width: 480px) {
  .header-menu .nav-menu .accordion {
    width: 100%;
    margin: 0;
  }
}
.edel-icon-edel-icon-right-thin-arrow:before {
  color: #3580f7;
  font-size: 0.75rem;
  padding-left: 10px;
}
/* GENERAL STYLE */
.headerDesk .nav a {
  color: #393939;
}
.headerDesk .category {
  position: relative;
  margin-left: 0;
}
.headerDesk ul,
.headerDesk li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.headerDesk a {
  text-decoration: none;
}
.headerDesk .dropdown {
  display: none;
  position: absolute;
  border: 1px solid #393939;
  width: 100%;
}
.headerDesk .category:hover > .dropdown {
  display: block;
}
.headerDesk .dropdown li {
  position: relative;
}
.headerDesk .dropdown li a {
  color: #000;
}
.headerDesk .dropdown-subcategory {
  white-space: nowrap;
}
.headerDesk .dropdown-subcategory .dropdown {
  display: none;
  position: absolute;
  top: 0%;
  left: 100%;
  text-align: center;
}
.headerDesk .dropdown li:hover ul {
  display: block;
  margin-right: 10px;
  margin-left: 10px;
}
.headerDesk #nav .subcategory-item {
  color: #000;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
@media (max-width: 1199px) {
  .header-info .navbar .logo .edel-icon-edel-logo::before {
    font-size: 1.25rem;
    color: #0751a0;
    margin-right: 5.72px;
  }
  .header-info .navbar .logo .edel-icon-edel-logo2::before {
    content: "\e950";
    font-size: 0.875rem;
    color: #70706f;
  }
  .header-info .navbar .stockValues .navbar-menu {
    margin-left: 20px;
  }
  .header-info .navbar .navbar-menu p {
    font-size: 0.75rem;
  }
  .header-info .navbar .supportNotify cursor:pointer .displayFlex {
    margin-left: 10px;
  }
  .header-info .navbar .supportNotify .support span {
    font-size: 0.688rem;
  }
  .header-info .navbar .supportNotify .signUp a {
    font-size: 0.688rem;
  }
  .headerDesk .category {
    margin-left: 10px;
  }
}
@media (max-width: 1100px) {
  .header-info .navbar .stockValues .navbar-menu {
    margin-left: 15px;
  }
  .header-info .navbar .stockValues .navbar-menu:last-child {
    margin-left: 0;
  }
}
h1.typing-text, .typing-text.h1 {
  display: flex;
  font-family: "encodesans_normal";
  font-size: 0.875rem !important;
}
h1.typing-text span, .typing-text.h1 span {
  font-size: 0.875rem;
  font-family: "encodesans_normal";
}
.marketTab .contentsWrap {
  position: relative;
}
.marketTab .sidebar {
  padding-top: 5px !important;
}
.marketTab .research-popular {
  margin-top: 72px !important;
  margin-bottom: 0px !important;
}
.marketTab .research-popular .ed-card:nth-child(1) {
  width: 14% !important;
}
.marketTab .research-popular .ed-card:nth-child(2) {
  width: 24% !important;
  padding-left: 66.5px !important;
  padding-right: 42px !important;
}
.marketTab .research-popular .ed-card:nth-child(3) {
  width: 22.2% !important;
  padding-left: 66.5px !important;
  padding-right: 42px !important;
}
.marketTab .research-popular .ed-card:nth-child(4) {
  width: 30% !important;
  padding-left: 66.5px !important;
}
.marketTab .blue-border-card {
  border-radius: 5px;
  background-color: #f4f9ff;
  box-sizing: border-box;
  padding: 13px 23px;
  margin-top: 223px;
  margin-right: 30px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.marketTab .blue-border-card .displayFlex.flexJustifySpaceBetween {
  background-color: transparent;
}
.marketTab .blue-border-card .circle-arrow {
  border-radius: 50%;
  background-color: #3580f7;
  padding: 0 2px;
  margin-left: 15.41px;
}
.marketTab .blue-border-card .circle-arrow .edel-icon-arrow-right::before {
  color: #ffffff;
}
.marketTab .blue-border-card h6, .marketTab .blue-border-card .h6 {
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 140%;
  color: #3580f7;
  margin-left: 12px;
}
.marketTab .blue-border-card p {
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 21px;
  display: flex;
  align-items: center;
  color: #737373;
  margin-top: 12px;
  margin-bottom: 18px;
  width: 80%;
}
.marketTab .blue-border-card a {
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
  color: #3580f7;
}
@media screen and (max-width: 1200px) and (min-width: 1024px) {
  .marketTab .research-popular .ed-card:nth-child(2) {
    width: 24% !important;
    padding-left: 47px !important;
    padding-right: 0px !important;
  }
  .marketTab .research-popular .ed-card:nth-child(3) {
    width: 22.2% !important;
    padding-left: 47px !important;
    padding-right: 0px !important;
  }
  .marketTab .research-popular .ed-card:nth-child(4) {
    width: 30% !important;
    padding-left: 47px !important;
    padding-right: 0px !important;
  }
}
@media screen and (max-width: 1250px) and (min-width: 1201px) {
  .marketTab .research-popular .ed-card:nth-child(2) {
    width: 24% !important;
    padding-left: 50px !important;
    padding-right: 0px !important;
  }
  .marketTab .research-popular .ed-card:nth-child(3) {
    width: 22.2% !important;
    padding-left: 50px !important;
    padding-right: 0px !important;
  }
  .marketTab .research-popular .ed-card:nth-child(4) {
    width: 30% !important;
    padding-left: 50px !important;
    padding-right: 0px !important;
  }
}
@media screen and (max-width: 1299px) and (min-width: 1253px) {
  .marketTab .research-popular .ed-card:nth-child(2) {
    width: 24% !important;
    padding-left: 55px !important;
    padding-right: 0px !important;
  }
  .marketTab .research-popular .ed-card:nth-child(3) {
    width: 22.2% !important;
    padding-left: 55px !important;
    padding-right: 0px !important;
  }
  .marketTab .research-popular .ed-card:nth-child(4) {
    width: 30% !important;
    padding-left: 55px !important;
    padding-right: 0px !important;
  }
}
@media screen and (max-width: 1366px) and (min-width: 1300px) {
  .marketTab .research-popular .ed-card:nth-child(2) {
    width: 24% !important;
    padding-left: 60px !important;
    padding-right: 21px !important;
  }
  .marketTab .research-popular .ed-card:nth-child(3) {
    width: 22.2% !important;
    padding-left: 60px !important;
    padding-right: 21px !important;
  }
  .marketTab .research-popular .ed-card:nth-child(4) {
    width: 30% !important;
    padding-left: 60px !important;
  }
}
.ed-cardheight {
  min-height: 230px !important;
  display: flex;
  flex-direction: column;
}
.ed-card-bluebg {
  min-height: 246px !important;
  padding: 0px !important;
  display: flex;
  flex-flow: column;
}
@media (max-width: 1399px) {
  .ed-card-bluebg {
    min-height: 188px !important;
  }
}
.ed-card-bluebg .image {
  height: 134px;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1399px) {
  .ed-card-bluebg .image {
    height: 119px;
  }
}
.ed-card-bluebg .image img {
  height: auto !important;
}
.ed-card-bluebg .h-29 {
  height: 29px;
}
.pdt-106 {
  padding-top: 106px !important;
}
.platforms-middleline {
  border-right: 1px solid #dfdfdf;
  margin-top: 48px;
}
@media screen and (max-width: 1023px) {
  .sign-up-text {
    color: #ffffff;
    background: #f04e45;
    border-radius: 60px;
    padding: 8px 10px;
    display: flex;
    justify-content: center;
    font-family: "DMSansBold";
    font-size: 0.625rem;
  }
}:root {
  font-size: 16px;
}

.mob-page {
  line-height: 1;
  width: 100vw;
}
.mob-page .mob-fixed-header1 {
  background: #1c1a45;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
  top: 0;
  z-index: 9;
}
.mob-page .mob-fixed-header1 .top-nav-block {
  padding: 12px 15px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}
.mob-page .mob-fixed-header1 .top-nav-block .top-nav-left .logo1 {
  color: #174082;
  font-size: 1.938rem;
  font-weight: 600;
}
.mob-page .mob-fixed-header1 .top-nav-block .top-nav-right {
  display: flex;
  align-items: center;
}
.mob-page .mob-fixed-header1 .top-nav-block .top-nav-right .ml-40 {
  margin-left: 20px;
}
.mob-page .mob-fixed-header1 .top-nav-block .top-nav-right .notification-logo {
  color: #727271;
  font-size: 1.25rem;
}
.mob-page .mob-fixed-header1 .top-nav-block .top-nav-right .user2-logo {
  color: #03002f;
  font-size: 1.25rem;
}
.mob-page .mob-fixed-header1 .top-nav-block .top-nav-right .arrow-down-logo {
  color: #03002f;
  font-size: 0.875rem;
}
.mob-page .mob-fixed-header1 .top-nav-block .top-nav-right .switcher-section-mobile {
  gap: 9px;
}
.mob-page .mob-fixed-header1 .top-nav-block .top-nav-right .switcher-section-mobile .label-head {
  text-align: right;
  line-height: 15px;
}
.mob-page .mob-fixed-header1 .top-nav-block .top-nav-right .switcher-section-mobile .switch-box {
  width: 24px;
  height: 24px;
  background-color: #f5f5ff;
  border: 1px solid #e1e0f8;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mob-page .mob-fixed-header1 .top-nav-block .top-nav-right .switcher-section-mobile .switch-box .edel-icon-switch {
  font-size: 0.75rem;
}
.mob-page .mob-fixed-header1 .top-nav-block .top-nav-right .switcher-section-mobile .switch-box .edel-icon-switch::before {
  color: #de5a4d;
}
.mob-page .mob-fixed-header1 .edel-icon-arrow-down {
  font-size: 16px;
}
.mob-page .mob-fixed-header2 {
  width: 100%;
  background-color: #03002f;
  position: relative;
  z-index: 3;
}
.mob-page .mob-fixed-header2 .bottom-nav-block {
  position: sticky;
  box-sizing: border-box;
  width: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  line-height: 22px;
}
@media (max-width: 360px) {
  .mob-page .mob-fixed-header2 .bottom-nav-block {
    font-size: 0.625rem;
  }
}
.mob-page .mob-fixed-header2 .bottom-nav-block .market-heading {
  font-family: "encodesans_normal";
}
.mob-page .mob-fixed-header2 .bottom-nav-block .market-value {
  font-size: 0.75rem;
}
.mob-page .mob-fixed-header2 .bottom-nav-block .navbar-count-green {
  color: #1fc86d;
}
.mob-page .mob-fixed-header2 .bottom-nav-block .edel-icon-plus {
  font-size: 0.5rem;
  color: #1fc86d;
}
.mob-page .mob-fixed-header2 .bottom-nav-block .navbar-count-red {
  color: #dd504d;
}
.mob-page .mob-fixed-header2 .bottom-nav-block .edel-icon-minus {
  font-size: 0.5rem;
  color: #dd504d;
}
.mob-page .mob-fixed-header2 .bottom-nav-block .bottom-nav-tile1 {
  display: inline-block;
}
.mob-page .mob-fixed-header2 .bottom-nav-block .bottom-nav-tile1 span {
  margin-right: 3px;
}
.mob-page .mob-fixed-header2 .bottom-nav-block .bottom-nav-tile2 {
  display: inline-block;
}

.mob-fixed-bottom {
  height: 72px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
}
.mob-fixed-bottom .mob-bottom-block {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.mob-fixed-bottom .mob-bottom-block .mob-menu-block {
  display: grid;
  grid-template-columns: 1.2fr 1.2fr 1.2fr 1.2fr;
  gap: 45px;
}
.mob-fixed-bottom .mob-bottom-block ul {
  padding: 0px;
}
.mob-fixed-bottom .mob-bottom-block .tab {
  background-color: #fff;
  width: 33.4%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  box-shadow: 1x 1x 3px #ccc, -1px -1px 3px #ccc;
  font-size: 1.5rem;
}
.mob-fixed-bottom .mob-bottom-block .tab-left {
  width: 100%;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  box-shadow: 0 15px 34px 5px #c4c4c4;
  padding-top: 20px;
}
.mob-fixed-bottom .mob-bottom-block .tab-left .bt-icon {
  text-align: center;
  font-size: 1.25rem;
  color: #03002f;
}
.mob-fixed-bottom .mob-bottom-block .tab-left .bt-text span {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #03002f;
  text-align: center;
  line-height: 21px;
}
.mob-fixed-bottom .mob-bottom-block .tab-right {
  width: 100%;
  border-top-right-radius: 25px;
  border-top-left-radius: 12px;
  box-shadow: 39px 21px 34px #c4c4c4;
  padding-top: 20px;
}
.mob-fixed-bottom .mob-bottom-block .tab-right .bt-icon {
  text-align: center;
  font-size: 1.313rem;
  color: #0b243a;
}
.mob-fixed-bottom .mob-bottom-block .tab-right .bt-text {
  text-align: center;
  font-size: 0.75rem;
  font-family: "EncodeSansMedium";
  color: #0b243a;
  margin-top: 7px;
}
.mob-fixed-bottom .mob-bottom-block .tab-middle {
  width: 180px;
  height: 96%;
  background: transparent;
  border: none;
  display: flex;
}
.mob-fixed-bottom .mob-bottom-block .tab-middle .top {
  width: 100%;
  height: 50%;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  background-color: transparent;
  box-shadow: 0px 30px 0px 25px #fff;
  z-index: -1;
  margin-top: -26px;
}
.mob-fixed-bottom .mob-bottom-block .tab-middle .top .indicator {
  border-radius: 50%;
  background-color: #03002f;
  width: 59px;
  height: 59px;
  font-weight: bold;
  font-size: 1.375rem;
  color: #fff;
  position: relative;
  transform: translate(7px, -63%);
  box-shadow: 0px 4px 16px rgba(53, 128, 247, 0.36);
}
.mob-fixed-bottom .mob-bottom-block .tab-middle .top .indicator .bt-icon3 {
  position: absolute;
  left: 22px;
  color: #ffffff;
  transform: translateY(21px);
  font-size: 1.063rem;
}

.header-trader-section {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  background-color: #171a27;
  padding: 7px 20px;
  border-radius: 100px;
}
.header-trader-section .text {
  color: #ffffff;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}.searchdata-border-block {
  border: 1px solid #e7e7e7;
  padding: 10px 20px;
  border-radius: 5px;
}
@media (max-width: 1023px) {
  .searchdata-border-block {
    padding: 5px 15px;
  }
}

@media (min-width: 991px) {
  .header-menu .nav-menu .nav-tabs .searchpop-modal .tab-content {
    display: block;
    padding: 0px;
  }
  .header-menu .nav-menu .nav-tabs .searchpop-modal .modal-dialog {
    max-width: 700px;
  }
}
.search-block-common .searchblock-generic-block {
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 0px;
}
.search-block-common:last-child .searchblock-generic-block {
  border-bottom: none;
}

.search-modal-tabslist .nav {
  border: none;
  gap: 10px;
  display: flex;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  flex-flow: row;
  scrollbar-width: thin;
}
.search-modal-tabslist .nav .nav-item {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.search-modal-tabslist .nav .nav-item .nav-item.dropdown {
  border: none;
}
.search-modal-tabslist .nav .nav-item .nav-item.dropdown .nav-link.active {
  border-radius: 5px;
  background: #f2f2f5;
  border: 1px solid #03002f;
}
.search-modal-tabslist .nav .nav-item .nav-link {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .search-modal-tabslist .nav .nav-item .nav-link {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.search-modal-tabslist .nav .nav-item .nav-link {
  color: #727271;
  padding: 4px 10px;
}
.search-modal-tabslist .nav .nav-item .nav-link.active {
  border-radius: 5px;
  background: #f2f2f5;
  border: 1px solid #03002f;
}
.search-modal-tabslist .nav::-webkit-scrollbar {
  display: none;
}
.search-modal-tabslist .edel-icon-delete-red1 {
  font-size: 1.375rem;
}

.stockStar-border-block {
  border: 1px solid #e7e7e7;
  padding: 5px 7px;
  border-radius: 5px;
}
.stockStar-border-block span {
  margin-right: 4px;
}
.stockStar-border-block .edel-icon-star-filled:before {
  font-size: 12px;
}

.pdb-9 {
  padding-bottom: 9px;
}

.pdt-20 {
  padding-top: 20px;
}

.pdt-30 {
  padding-top: 30px;
}

.border-monochrome-grey {
  border: 1px solid #e7e7e7;
  padding: 10px 20px;
  border-radius: 5px;
}

.stockslinkBlock {
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.stockslinkBlock:first-child {
  padding-top: 15px;
}
.stockslinkBlock:last-child {
  padding-bottom: 0px;
}

.searchpop-modal {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
}
.searchpop-modal .modal-dialog {
  max-width: 700px;
}
.searchpop-modal .modal-content {
  background-color: unset;
  border: none;
}
.searchpop-modal .modal-content .modal-body {
  background-color: #ffffff;
  border-radius: 5px;
  max-height: 437px;
  overflow-y: scroll;
}
.searchpop-modal .modal-content .modal-header {
  margin-bottom: 10px;
  background-color: #f4fafd;
  border: 2px solid #ffffff;
  border-radius: 5px;
}

.primary-market-tab-section .imcircle-custom::before {
  padding-left: 0px !important;
}
.primary-market-tab-section .scheme-primary-market-inner .data-head {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  display: flex;
  color: #727271;
}
.primary-market-tab-section .scheme-primary-market-inner .data-value {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  margin-top: 5px;
  display: flex;
}

.round-circle-search {
  padding-bottom: 3px;
}
.round-circle-search .edel-icon-round-circle:before {
  color: #b8b8b8 !important;
  width: 4.55px;
  height: 4.55px;
  margin: 0px;
  padding: 0px;
  border-radius: 100px;
  border-radius: 5;
  display: flex;
  justify-content: center;
}

.search-block-common .stock-nfo-block {
  padding: 10px 0px;
  border-bottom: 1px solid #e7e7e7;
}
.search-block-common:last-child .stock-nfo-block {
  border-bottom: none;
}

.search-search-bar-mobile {
  background: #ffffff;
  padding: 15px;
  height: calc(100vh - 64px);
  overflow-x: hidden;
  overflow-y: auto;
}
.search-search-bar-mobile .search-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 15px;
}
.search-search-bar-mobile .search-bar .mic-icon {
  padding: 16.5px;
  background: #f2f2f5;
  border-radius: 5px;
}

.gap-40 {
  gap: 40px;
}

.Trending-search-block .accordion-item {
  border: none;
}
.Trending-search-block .accordion-item .accordion-header .accordion-button::after {
  background-color: unset;
  color: #03002f;
  box-shadow: none;
}
.Trending-search-block .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-color: unset;
  box-shadow: none;
  background-position: center;
}
.Trending-search-block .accordion-item .accordion-header .accordion-button {
  color: #b8b8b8;
  padding: 0px;
  font-size: 1rem;
  font-family: "DMSansNormal";
}
.Trending-search-block .accordion-item .accordion-body {
  margin-top: 10px;
  padding: 10px 20px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.Trending-search-block .accordion-item .accordion-button:not(.collapsed) {
  background-color: unset;
}

.mic-test-block .edel-icon-idle-mic:before {
  font-size: 2.5rem;
  color: #b8b8b8;
}

.ipo-status[data-attr=Ongoing] {
  color: #51b255;
}
.ipo-status[data-attr=Upcoming] {
  color: #dfa717;
}
.ipo-status[data-attr="About to be listed"] {
  color: #bd4b9b;
}
.ipo-status.imCircle::before {
  color: inherit;
}

.primary-market-tab-section .imcircle-custom::before {
  padding-left: 0px !important;
}

.sgb-search-ui .scheme-primary-market-inner {
  gap: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.scheme-primary-market-inner {
  gap: 20px;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.scheme-primary-market-inner .data-head {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  display: flex;
  color: #727271;
}
.scheme-primary-market-inner .data-value {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  margin-top: 5px;
  display: flex;
}

.search-dropdown-genblock {
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 1023px) {
  .search-dropdown-genblock {
    min-width: 100px;
  }
}
.search-dropdown-genblock {
  min-width: 150px;
}
.search-dropdown-genblock .dropdown-title {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 5px 8px;
  position: relative;
}
.search-dropdown-genblock .dropdown-list {
  box-shadow: 0px 0px 20px 0px rgba(165, 163, 174, 0.4);
  background: #ffffff;
  position: absolute;
  width: 120%;
  min-height: 100px;
  max-height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 99;
  margin-top: 4px;
  border-radius: 6px;
  padding: 15px 0px 15px 15px;
}
.search-dropdown-genblock .dropdown-list::-webkit-scrollbar {
  width: 5px !important;
  height: unset !important;
}
.search-dropdown-genblock .dropdown-list::-webkit-scrollbar-track {
  background: transparent;
}
.search-dropdown-genblock .dropdown-list {
  /* Handle */
}
.search-dropdown-genblock .dropdown-list::-webkit-scrollbar-thumb {
  background: #03002f;
}
@media (max-width: 1023px) {
  .search-dropdown-genblock .dropdown-list {
    width: 100%;
    padding: 15px 0px 10px 10px;
  }
}
.search-dropdown-genblock .dropdown-list .form-check-input {
  border-color: #e7e7e7;
  margin: 0;
}
.search-dropdown-genblock .dropdown-list .form-check-input:checked {
  background-color: #03002f;
  color: #03002f;
  --bs-form-check-bg-image: none;
  border: 1px solid #03002f;
}
.search-dropdown-genblock .dropdown-list .radio-button-search {
  align-items: flex-start;
  padding-bottom: 15px;
}
.search-dropdown-genblock .dropdown-list .radio-button-search input {
  width: 18px;
  height: 18px;
}
.search-dropdown-genblock .dropdown-list .radio-button-search input::after {
  width: 11px;
  height: 11px;
}
.search-dropdown-genblock .dropdown-list .radio-button-search input:checked {
  accent-color: #03002f;
}
.search-dropdown-genblock .dropdown-list .radio-button-search:last-child {
  padding-bottom: 0px;
}

@media (max-width: 1023px) {
  .select-expiry-dropdown .search-dropdown-genblock .dropdown-list {
    width: 150%;
    padding: 15px 15px 15px 15px;
  }
}

.pdl-10 {
  padding-left: 10px;
}

.rotate {
  position: relative;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}.react-tabs {
  -webkit-tap-highlight-color: transparent;
}

.react-tabs__tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 10px;
  padding: 0;
}

.react-tabs__tab {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer;
}

.react-tabs__tab--selected {
  background: #fff;
  border-color: #aaa;
  color: black;
  border-radius: 5px 5px 0 0;
}

.react-tabs__tab--disabled {
  color: GrayText;
  cursor: default;
}

.react-tabs__tab:focus {
  outline: none;
}

.react-tabs__tab:focus:after {
  content: '';
  position: absolute;
  height: 5px;
  left: -4px;
  right: -4px;
  bottom: -5px;
  background: #fff;
}

.react-tabs__tab-panel {
  display: none;
}

.react-tabs__tab-panel--selected {
  display: block;
}
.header-link-section {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.navigation-treeview {
  line-height: normal;
  padding-left: 0px;
}
.navigation-treeview .node-main-head {
  position: relative;
}
.navigation-treeview .node-main-head .navigation-name {
  font-size: 1rem;
  font-family: "DMSansBold";
  color: #03002f;
  text-transform: capitalize;
  cursor: pointer;
}
.navigation-treeview .node-main-head .navigation-name a {
  color: #03002f;
}
.navigation-treeview .node-main-head .navigation-name::before {
  content: "";
  padding-bottom: 20px;
}
.navigation-treeview .node-main-head .navigation-name.node-without-children {
  font-size: 1rem;
  font-family: "DMSansNormal";
  color: #03002f;
  left: 20px;
  position: relative;
}
.navigation-treeview .node-main-head .navigation-name.node-without-children:hover {
  font-size: 1rem !important;
  color: #03002f;
  cursor: pointer;
  font-family: "DMSansBold";
}
.navigation-treeview .node-main-head .edel-icon-circle {
  height: 22px;
  width: 22px;
  background-color: #03002f;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #ffffff;
  font-size: 0.688rem;
}
.navigation-treeview .navigation-treeview-inner {
  padding-left: 0px;
  background: linear-gradient(90deg, #fbfbfd 2.77%, #fbfbfd 86.34%);
  background: #fbfbfd;
}
.navigation-treeview .navigation-treeview-inner .node-main-head .navigation-name-node {
  padding-bottom: 21px;
}
.navigation-treeview .navigation-treeview-inner .node-main-head .navigation-name-node.PointerClass:hover {
  font-weight: normal;
}
.navigation-treeview .navigation-treeview-inner .node-main-head .navigation-name-node::before {
  content: "\eee8";
  position: absolute;
  font-family: "edel_icon" !important;
  left: 10px;
  right: 30px;
  font-size: 22px;
  padding-bottom: 21px;
  color: #696682;
}
.navigation-treeview .navigation-treeview-inner .node-main-head .navigation-name-node .navigation-name {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #03002f;
  padding-bottom: 21px;
  position: relative;
  left: 40px;
  top: 8px;
}
.navigation-treeview .navigation-treeview-inner .node-main-head .navigation-name-node .navigation-name a:hover {
  font-family: "DMSansBold";
}
.navigation-treeview .navigation-treeview-inner .node-main-head::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  border-left: 1px solid #696682;
  height: 100%;
}
.navigation-treeview .navigation-treeview-inner .navigation-treeview:first-child .navigation-name {
  padding-top: 20px;
}
.navigation-treeview .navigation-treeview-inner .navigation-treeview:first-child .navigation-name::before {
  left: 9px;
}
.navigation-treeview .navigation-treeview-inner .navigation-treeview:first-child .navigation-name-node {
  padding-bottom: 15px !important;
}
.navigation-treeview .navigation-treeview-inner .navigation-treeview:first-child .navigation-name-node::before {
  display: none;
}
.navigation-treeview .navigation-treeview-inner .navigation-treeview:first-child .node-main-head {
  background-color: #ffffff;
}
.navigation-treeview .navigation-treeview-inner .navigation-treeview:last-child .node-main-head::before {
  border-left: none !important;
}
.navigation-treeview .navigation-treeview-inner .navigation-treeview:last-child .navigation-name-node::before {
  left: 10px;
}

.navigation-right-section {
  background-color: #e6e6eb;
  position: relative;
  border-bottom-right-radius: 30px;
}
.navigation-right-section .padding-35 {
  padding: 35px;
}
.navigation-right-section .mask-group-content {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.navigation-right-section .mask-group-content.mask-height {
  height: 80%;
}
.navigation-right-section .title {
  font-size: 1.125rem;
  font-family: "DMSansBold";
}
.navigation-right-section .description {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  padding-top: 16px;
}
.navigation-right-section .know-more-link {
  color: #f04e45;
  text-decoration: none !important;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  margin-top: 11px;
  display: flex;
  align-items: center;
  justify-content: left;
}

.tree-navigation-section {
  padding: 40px 35px 25px 40px;
  border-bottom-left-radius: 20px;
}

.tradingArea-main-wrappar .explore-class-italic {
  font-style: italic;
}
.tradingArea-main-wrappar .explore-text-main-wrapper {
  display: grid !important;
  flex-direction: row;
  grid-template-columns: 20% 10% 65%;
  justify-content: center;
  gap: 2%;
  align-items: center;
}
.tradingArea-main-wrappar .watchtower-text {
  margin-left: 60px;
  margin-top: 3px;
}
.tradingArea-main-wrappar .trading-area-text {
  background: linear-gradient(to right, #19183e, rgba(0, 0, 0, 0) 173.66%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
}
.tradingArea-main-wrappar .edel-icon-trading-area {
  font-size: 30px;
}
.tradingArea-main-wrappar .tradingArea-img {
  width: 300px;
  margin-bottom: 30px;
}
.tradingArea-main-wrappar .txt_dark-blue-new {
  margin-bottom: 48px;
  margin-inline: 54px 39px;
}
.tradingArea-main-wrappar .ed-button-wrapper-trading {
  margin-bottom: 70px;
}
.tradingArea-main-wrappar .blue-color-button .small-edbutton {
  padding: 11px 14px !important;
}
.tradingArea-main-wrappar .border-blue-color-button .small-edbutton {
  padding: 11px 19px !important;
}

.qrcomponent-section {
  line-height: normal;
}
.qrcomponent-section .small-img {
  width: 103px;
}
.qrcomponent-section .text-content {
  padding-top: 30px;
}
.qrcomponent-section .text-content span {
  display: flex;
  font-size: 3rem;
  font-family: "DMSansMedium";
  line-height: 45px;
  background: linear-gradient(112deg, #19183e -4.18%, #e6e6eb 169.89%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.exploretrading-section .explore-text {
  font-size: 1.25rem;
  font-family: "RobotoCondensedItalic";
  font-style: italic;
  font-weight: 400;
}

.PointerClass .navigation-name {
  pointer-events: none;
}

.reporttab-content .removePointer.navigation-name.node-without-children {
  pointer-events: none !important;
  cursor: unset !important;
}

.PointerClass-mob {
  pointer-events: none !important;
}.main-custom-stock {
  background-color: #f2f2f5;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding: 6px;
}
.main-custom-stock .stockValues {
  gap: 30px;
}
.main-custom-stock .stockValues .main-stock-values {
  display: flex;
  gap: 3px;
  align-items: center;
}
.main-custom-stock .stockValues .main-stock-values p {
  font-size: 0.75rem;
  font-family: "DMSansBold";
  color: #03002f;
}

.refactor-header-section {
  z-index: 99;
  position: sticky;
  top: 0;
  background: #ffffff;
  filter: drop-shadow(0px 4px 38px rgba(53, 128, 247, 0.05));
}
.refactor-header-section .header-info {
  height: 63px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0px 4px 38px rgba(53, 128, 247, 0.05));
  border: 1px solid #f4f4f4;
}
.refactor-header-section .header-info .edel-icon-bold-search::before {
  font-size: 1rem;
}
.refactor-header-section .header-info .nav-tabs {
  border-bottom: none !important;
}

.navigation-menu .nav-menu-outer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.navigation-menu .nav-menu-outer .nav-head {
  font-size: 0.875rem;
  font-family: "DMSansBold";
}
.navigation-menu .nav-menu-outer .nav-head:hover {
  color: #f04e45 !important;
}
.navigation-menu .nav-menu-outer .nav-head:hover + .edel-icon-arrow-down {
  color: #f04e45 !important;
}
.navigation-menu .edel-icon-arrow-down.down {
  transform: rotate(180deg);
  position: absolute;
  left: 5px !important;
  top: -2px !important;
}

.tabContentsWrap {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.tabContentsWrap.auto-width-container {
  width: 75% !important;
  left: 0% !important;
}
.tabContentsWrap.auto-width-2 {
  width: auto !important;
}
.tabContentsWrap.auto-width-3 {
  width: auto !important;
  left: 40% !important;
}
.tabContentsWrap.auto-width-5 {
  width: auto !important;
  left: 40% !important;
  right: 0% !important;
}
.tabContentsWrap {
  position: fixed !important;
  top: 64px;
  left: 0;
  z-index: 2 !important;
  width: 100%;
  background: #ffffff;
}

.header-link-section {
  padding-top: 50px;
}
.header-link-section .header-link-content .headermainheading {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
  color: #03002f;
}
.header-link-section .header-link-content li {
  padding-bottom: 30px;
}
.header-link-section .header-link-content li a {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  cursor: pointer;
  color: #444444;
}
.header-link-section .header-link-content li a:hover {
  color: #f04e45 !important;
}
.header-link-section .header-link-content a .headermainheading:hover {
  color: #f04e45 !important;
}

.essential-tab {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.essential-tab .essentialreport .essentialreportgrid {
  display: grid;
  grid-template-columns: 70% auto;
  padding-left: 65px;
}
.essential-tab .essentialreport .essentialreportgrid .rightsection-grid {
  background-color: #f2f2f5;
}

.icon-heading-section {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 20px;
}
@media (max-width: 768px) {
  .icon-heading-section {
    gap: 10px;
    justify-content: center;
  }
}
.icon-heading-section .icon {
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .icon-heading-section .icon {
    font-size: 1.875rem;
  }
}
.icon-heading-section .icon-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  line-height: normal;
}
.icon-heading-section .icon-title:hover {
  color: #f04e45;
}
.icon-heading-section.tax-icon .icon .edel-icon-tax {
  font-size: 0.75rem !important;
}

.report-content .report-content-outer {
  display: grid;
  grid-template-columns: 70% 20%;
}
.report-content .report-content-outer .report-ul .report-ul-head {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  color: #727271;
  text-decoration: none !important;
}
.report-content .report-content-outer .report-ul li {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  text-transform: capitalize;
  text-decoration: underline;
  color: #444444;
  padding-bottom: 10px;
  cursor: pointer;
}

.morereport-modal .modal-lg {
  position: fixed;
  left: 0px;
  right: 0px;
}

@media (min-width: 768px) and (max-width: 1600px) {
  .support-content-drp .drawer-body::after {
    right: 37% !important;
  }
}
@media (min-width: 768px) and (max-width: 1600px) {
  .support-content-drp .support-drop-afterlogin .drawer-body::after {
    right: 43% !important;
  }
}
@media (max-width: 768px) {
  .support-content-drp .support-content-header .p-20 {
    padding: 10px !important;
  }
}
.support-content-drp .support-content-header span a {
  color: #03002f;
}
.support-content-drp .support-content-header .edel-icon-support-2 {
  font-size: 1.75rem;
}
.support-content-drp .support-content-header .icon {
  font-size: 1.25rem;
}
.support-content-drp .support-content-header {
  display: grid;
  grid-template-columns: 10% auto;
  align-items: center;
  background-color: #f2f2f5;
  border-radius: 3px;
  gap: 5px;
}
.support-content-drp .support-content-body ul {
  padding-left: 0px;
}
.support-content-drp .support-content-body ul li {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #03002f;
  border-bottom: 1px solid #e7e7e7;
  padding: 20px;
  display: grid;
  grid-template-columns: 12% auto;
  align-items: center;
}
.support-content-drp .support-content-body ul li:last-child {
  border-bottom: none !important;
  padding-bottom: 0px !important;
}
.support-content-drp .support-content-body ul li .icon {
  font-size: 1.688rem;
}

.icon-mob {
  margin-top: 22px;
  justify-content: center;
  align-items: center;
}
.icon-mob .icon,
.icon-mob .icon-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-mob-horizontal {
  border-bottom: 1px solid #edf4ff;
  padding: 20px;
  display: flex;
  align-items: center;
}
.icon-mob-horizontal .icon {
  font-size: 1.875rem;
  width: 30px;
  height: 30px;
}
.icon-mob-horizontal .icon-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  padding-left: 23px;
}

.mobile-offering-data .offering-viewplans {
  border-radius: 10px;
  background-color: #03002f;
  height: auto;
  padding: 14px;
}
.mobile-offering-data .offering-viewplans img {
  height: 73px;
  width: 80px;
}
.mobile-offering-data .offering-viewplans .offering-viewplans-text {
  margin-left: 28px;
  color: #ffffff;
  font-size: 0.625rem;
}
.mobile-offering-data .offering-viewplans .offering-viewplans-text .offtext {
  font-family: "InterRegular";
}
.mobile-offering-data .offering-viewplans .offering-viewplans-text .viewplans-icon {
  display: flex;
  margin-top: 16px;
}
.mobile-offering-data .offering-viewplans .offering-viewplans-text .viewplans-icon span {
  color: #3580f7;
  background: white;
  border-radius: 50%;
  margin-left: 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.mobile-offering-data .offering-viewplans .offering-viewplans-text .orderamount {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 1rem;
  font-family: "InterSemiBold";
  color: #f04e45;
}

.iconheading-border {
  border: 0px solid #e7e7e7;
  border-radius: 5px;
}
.iconheading-border .icon-mob-horizontal {
  padding: 0px;
  justify-content: center !important;
}
.iconheading-border .icon-mob-horizontal.icon-mob {
  margin-top: 10px !important;
  margin-bottom: 12px !important;
}

.grid-2-iconHeading {
  display: grid;
  grid-template-columns: 30% auto;
}
.grid-2-iconHeading.tax-icon .icon {
  font-size: 1.063rem;
}

.report-mob-content {
  padding: 10px 12px;
  gap: 10px;
  align-items: center;
  justify-content: start;
}
.report-mob-content .icon {
  font-size: 1.5rem;
}
.report-mob-content .icon i {
  padding: 6px;
  background-color: #ffffff;
  box-shadow: 0px 3px 13px 0px #cccccc;
  border-radius: 5px;
}
.report-mob-content .icon-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
}

.grid-2-morereport {
  display: grid;
  grid-template-columns: 25% auto;
  align-items: start;
  gap: 15px;
}

.signup-block {
  width: 40px;
  height: 40px;
  background-color: #f04e45;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .signup-block {
    font-size: 1rem;
  }
}
.signup-block {
  font-family: "DMSansBold";
  border-radius: 50%;
  margin-right: 10px;
  text-transform: uppercase;
}
.signup-block .image-block {
  width: 40px;
  height: 40px;
}

.loginLogoutsection-grid {
  display: grid;
  grid-template-columns: 10% auto;
  gap: 10px;
}

.viewprofile-section .edel-icon-arrow-right {
  width: 20px;
  height: 20px;
  background-color: #03002f;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  font-size: 1.125rem;
}

.report-content-outer-mobile {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 5px;
  line-height: normal;
}
.report-content-outer-mobile .report-ul {
  margin-top: 25px;
}
.report-content-outer-mobile .report-ul:first-child li {
  border-right: 1px solid #03002f;
}
.report-content-outer-mobile .report-ul:last-child li {
  padding-left: 20px;
}
.report-content-outer-mobile .report-ul li {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  margin-bottom: 10px;
  color: #03002f;
}

.mobiletopnav .backgroundcolor_bluedrawer__handle-wrapper {
  background-color: #f2f2f5 !important;
}
.mobiletopnav .loginLogoutsection-grid {
  background-color: #f2f2f5;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-bottom: 10px !important;
}

.logoutcontent-desktop {
  background-color: #f2f2f5;
  border-radius: 5px;
  padding: 15px;
  margin: 15px 15px 0px 15px;
}

.support-content-header-withid {
  background-color: #f2f2f5;
  padding: 30px 20px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .support-content-header-withid {
    padding: 15px 20px;
    margin-top: 10px;
  }
}
.support-content-header-withid span a {
  color: #444444;
}
.support-content-header-withid i {
  font-size: 1.25rem;
}

.transact-tab {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.transact-content-section .rightsection-grid {
  background-color: #f2f2f5;
}

.app-eVoting-btn {
  margin: 5% 25%;
}

.grid-5-markets {
  display: grid;
  grid-template-columns: 23% 20% 19% 19% 19%;
}

.grid-4-report-postlogin {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px;
}

.txt-hover:hover {
  color: #f04e45 !important;
}

.position-sticky-mainhead {
  position: sticky;
  width: 100%;
  z-index: 99;
  top: 0px;
}

.sidebaropenTocQuote .position-sticky-mainhead {
  z-index: 9;
}

.Allotherreport-box {
  background-color: #f2f2f5;
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 30px;
}
.Allotherreport-box .text-content-report {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: "DMSansBold";
  color: #727271 !important;
}

.nuvama-partner-header {
  border-radius: 100px;
  padding: 6.5px 10px;
  color: #292663;
}
.nuvama-partner-header .edel-icon-left-shortArrow:before {
  font-weight: 100;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}

.nuvama-partner-header {
  border-radius: 100px;
  padding: 6.5px 10px;
  color: #292663;
  background-color: #c4c4ef;
}
.nuvama-partner-header:hover {
  background-color: #878edd;
}
.nuvama-partner-header .edel-icon-left-shortArrow:before {
  font-weight: 100;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}

.switcher-section {
  margin-bottom: 0px;
  padding: 8px;
}
.switcher-section .main-section-1 {
  display: grid;
  grid-template-columns: 90% 10%;
}
.switcher-section .acc-main-section {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  flex-direction: column;
}
.switcher-section .inner-section {
  font-family: "DMSansNormal";
  font-weight: 300px;
  font-size: 0.75rem;
}
.switcher-section .edel-icon-close {
  font-size: 11px;
}
.switcher-section .section-padding {
  padding: 0px 48px 0px 13px;
}

.switcher-tooltip.common-tooltip-custom-ellipse .tooltip-inner {
  max-width: 400px;
  background-color: #ebe9ff;
  margin-left: 50px;
}
@media (max-width: 768px) {
  .switcher-tooltip.common-tooltip-custom-ellipse .tooltip-inner {
    margin-left: 42px;
  }
}
.switcher-tooltip.common-tooltip-custom-ellipse .tooltip-arrow::before {
  left: 0px;
}
@media (width: 1366px) {
  .switcher-tooltip.common-tooltip-custom-ellipse .tooltip-arrow::before {
    left: 24px;
  }
}
@media (width: 1360px) {
  .switcher-tooltip.common-tooltip-custom-ellipse .tooltip-arrow::before {
    left: 24px;
  }
}

.switcher-tooltip-acc.common-tooltip-custom-ellipse .tooltip-inner {
  background-color: #ebe9ff;
  display: flex;
  max-width: 330px;
  flex-direction: row;
  align-items: baseline;
  border-radius: 8px;
}
.switcher-tooltip-acc.common-tooltip-custom-ellipse .tooltip-arrow::before {
  left: 0px;
  border-bottom-color: #ebe9ff !important;
}
@media (width: 1366px) {
  .switcher-tooltip-acc.common-tooltip-custom-ellipse .tooltip-arrow::before {
    left: 24px;
  }
}
@media (width: 1360px) {
  .switcher-tooltip-acc.common-tooltip-custom-ellipse .tooltip-arrow::before {
    left: 24px;
  }
}

.switcher-tooltip-acc-mob .tooltip-inner {
  background-color: #ebe9ff;
  display: flex;
  max-width: 330px;
  flex-direction: row;
  align-items: baseline;
  border-radius: 8px;
}
.switcher-tooltip-acc-mob .tooltip-arrow::before {
  border-bottom-color: #ebe9ff !important;
  border-top-color: #ebe9ff !important;
}

.switcher-tooltip-orderbook.common-tooltip-custom-ellipse .tooltip-inner {
  background-color: #ebe9ff;
  display: flex;
  max-width: 330px;
  width: max-content;
  padding: var(--Spacing-4, 12px);
  flex-direction: row;
  align-items: baseline;
  border-radius: 8px;
}
.switcher-tooltip-orderbook.common-tooltip-custom-ellipse .tooltip-arrow::before {
  left: 0px;
  border-bottom-color: #ebe9ff !important;
}
@media (width: 1366px) {
  .switcher-tooltip-orderbook.common-tooltip-custom-ellipse .tooltip-arrow::before {
    left: 24px;
  }
}
@media (width: 1360px) {
  .switcher-tooltip-orderbook.common-tooltip-custom-ellipse .tooltip-arrow::before {
    left: 24px;
  }
}

.modalDPTitle.modal-switch-content .modal-dialog .modal-content {
  padding: 30px !important;
}
.modalDPTitle.modal-switch-content .modal-dialog .modal-content .modal-header {
  background-color: transparent !important;
  padding: 0px;
  border-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: right !important;
}
.modalDPTitle.modal-switch-content .modal-dialog .modal-content .modal-header .modal-switch-cross .edel-icon-cross-bold-small {
  font-size: 1.5rem;
  color: #828096;
  cursor: pointer;
}
.modalDPTitle.modal-switch-content .switcher-btn {
  display: flex;
  height: 40px;
  min-width: 100px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  color: #ffffff;
  border-radius: 100px;
  background: #ccccd6;
}
.modalDPTitle.modal-switch-content .switcher-btn:hover {
  background-color: #f04e45;
}
.modalDPTitle.modal-switch-content .feedback-checkbox-container .form-check {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.modalDPTitle.modal-switch-content .textarea-content-input textarea {
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  width: 100%;
  padding: 10px;
}
.modalDPTitle.modal-switch-content .textarea-content-input textarea::placeholder {
  color: #b2b2c2;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.main-custom-stock .main-custom-stock-nav {
  display: grid;
  grid-template-columns: 60% 40%;
  justify-content: flex-end;
}

.loader-height {
  height: 50px;
}

.errorMenu {
  width: 85px;
  height: 85px;
  border-radius: 100%;
  background-color: #e7e7e7;
  opacity: 0.5;
  position: relative;
  display: flex;
}

.add-color {
  color: #dd504d;
  font-size: 38px;
  position: absolute;
  top: 64px;
  left: 310px;
}

.sup-conetent-mob {
  position: absolute;
  width: max-content;
  margin-left: -17px;
}:root {
  font-size: 16px;
  font-size: 16px;
}

.mob-page .support-logo {
  color: #03002f;
  font-size: 1rem;
}
.mob-page .mt-7 {
  margin-top: 7px;
}
.mob-page .mt-14 {
  margin-top: 14px;
}
.mob-page .mt-9 {
  margin-top: 9px;
}
.mob-page .d-flex {
  display: flex;
}
.mob-page .arrowwhite {
  color: white;
}
.mob-page .mobclick-header {
  background: #f2f2f5;
}
.mob-page .mobclick-header .header-container {
  padding: 10px 20px 15px;
}
.mob-page .mobclick-header .header-container .top-block {
  justify-content: space-between;
  width: 100%;
}
.mob-page .mobclick-header .header-container .top-block .top-left .signup-text {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 140%;
  color: #03002f;
}
.mob-page .mobclick-header .header-container .top-block .top-left .logo1 {
  color: #174082;
  font-size: 1rem;
  font-weight: 600;
}
.mob-page .mobclick-header .header-container .top-block .top-left .small-imcircle::before {
  font-size: 0.375rem;
}
.mob-page .mobclick-header .header-container .top-block .top-right {
  display: flex;
  align-items: center;
}
.mob-page .mobclick-header .header-container .top-block .top-right .ml-40 {
  margin-left: 40px;
}
.mob-page .mobclick-header .header-container .top-block .top-right .edel-icon-support-2 {
  font-size: 1.5rem;
}
.mob-page .mobclick-header .header-container .top-block .top-right .support-text {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 24px;
  color: #03002f;
  margin-left: 8px;
}
.mob-page .mobclick-header .header-container .top-block .top-right .support-drop {
  display: none;
}
.mob-page .mobclick-header .header-container .top-block .top-right:hover .support-drop, .mob-page .mobclick-header .header-container .top-block .top-right:active .support-drop {
  display: block;
}
.mob-page .accstatus-header {
  margin-left: -0.35rem;
}
.mob-page .mobclick-main-block {
  background-color: #ffffff;
  border-radius: 25px 25px 0px 0px;
}
.mob-page .mobclick-main-block .offering-block-container .offering-block-heading {
  width: 100%;
  padding: 24px 0 0px;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mob-page .mobclick-main-block .offering-block-container .offering-block-heading:after {
  content: "";
  display: inline-block;
  width: 140px;
  height: 2px;
  background: -webkit-linear-gradient(left, #000000 0%, transparent 100%);
  opacity: 0.1;
}
.mob-page .mobclick-main-block .offering-block-container .offering-block-heading:before {
  content: "";
  display: inline-block;
  width: 140px;
  height: 2px;
  background: -webkit-linear-gradient(right, #000000 0%, transparent 100%);
  opacity: 0.1;
}
.mob-page .mobclick-main-block .offering-block-container .offering-block-heading span {
  width: auto;
  display: inline-block;
  z-index: 0;
  padding: 0 20px 0 20px;
  position: relative;
  margin: 0;
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
  color: #292929;
}
.mob-page .mobclick-main-block .offering-block-container .offering-products-list {
  justify-content: space-between;
  flex-wrap: wrap;
}
.mob-page .mobclick-main-block .offering-block-container .offering-products-list .offering-tiles {
  margin-top: 30px;
  position: relative;
  cursor: pointer;
  max-width: 33%;
  width: 100%;
  flex-flow: column;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mob-page .mobclick-main-block .offering-block-container .offering-products-list .offering-tiles span {
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 140%;
  color: #292929;
}
.mob-page .mobclick-main-block .offering-block-container .offerings-viewall {
  margin-top: 53px;
  width: 100%;
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  text-align: center;
  color: #3580f7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mob-page .mobclick-main-block .offering-block-container .offerings-viewall .offerings-text {
  font-size: 0.875rem;
}
.mob-page .mobclick-main-block .offering-block-container .offerings-viewall .view-all-arrowicon {
  background-color: #3580f7;
  margin-left: 15px;
  border-radius: 50%;
  font-size: 1.375rem;
}
.mob-page .mobclick-main-block .offering-block-container .offering-viewplans {
  margin: 37px 20px 0px;
  border-radius: 10px;
  background-color: #3580f7;
  height: auto;
  padding: 14px;
}
.mob-page .mobclick-main-block .offering-block-container .offering-viewplans img {
  height: 73px;
  width: 80px;
}
.mob-page .mobclick-main-block .offering-block-container .offering-viewplans .offering-viewplans-text {
  margin-left: 28px;
  color: #ffffff;
  font-size: 0.625rem;
}
.mob-page .mobclick-main-block .offering-block-container .offering-viewplans .offering-viewplans-text .offtext {
  font-family: "InterRegular";
}
.mob-page .mobclick-main-block .offering-block-container .offering-viewplans .offering-viewplans-text .viewplans-icon {
  display: flex;
  margin-top: 16px;
}
.mob-page .mobclick-main-block .offering-block-container .offering-viewplans .offering-viewplans-text .viewplans-icon span {
  color: #3580f7;
  background: white;
  border-radius: 50%;
  margin-left: 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.mob-page .mobclick-main-block .offering-block-container .offering-viewplans .offering-viewplans-text .orderamount {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 1rem;
  font-family: "InterSemiBold";
}
.mob-page .mobclick-main-block .offering-block-container .offering-loans {
  align-items: center;
  margin: 30px 20px 0px;
  background-color: #f4f9ff;
  border-radius: 10px;
  padding: 18px;
}
.mob-page .mobclick-main-block .offering-block-container .offering-loans span {
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  color: #292929;
  margin-left: 20px;
}
.mob-page .mobclick-main-block .offering-block-container .offering-insurance {
  align-items: center;
  margin: 12px 20px 0px;
  background-color: #f4f9ff;
  border-radius: 10px;
  padding: 18px;
}
.mob-page .mobclick-main-block .offering-block-container .offering-insurance span {
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  color: #292929;
  margin-left: 35px;
}
.mob-page .mobclick-main-block .research-block-container .research-block-heading {
  width: 100%;
  margin: 50px 0 0px;
  text-align: center;
  font-size: font_twentyEight;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mob-page .mobclick-main-block .research-block-container .research-block-heading:after {
  content: "";
  display: inline-block;
  width: 140px;
  height: 2px;
  background: -webkit-linear-gradient(left, #000000 0%, transparent 100%);
  opacity: 0.1;
}
.mob-page .mobclick-main-block .research-block-container .research-block-heading:before {
  content: "";
  display: inline-block;
  width: 140px;
  height: 2px;
  background: -webkit-linear-gradient(right, #000000 0%, transparent 100%);
  opacity: 0.1;
}
.mob-page .mobclick-main-block .research-block-container .research-block-heading span {
  width: auto;
  display: inline-block;
  z-index: 0;
  padding: 0 20px 0 20px;
  position: relative;
  margin: 0;
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
  color: #292929;
}
.mob-page .mobclick-main-block .research-block-container .research-products-list {
  flex-wrap: wrap;
}
.mob-page .mobclick-main-block .research-block-container .research-products-list .research-tiles {
  margin-top: 40px;
  position: relative;
  cursor: pointer;
  max-width: 33%;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.mob-page .mobclick-main-block .research-block-container .research-products-list .research-tiles span {
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 140%;
  color: #292929;
}
.mob-page .mobclick-main-block .tools-block-container {
  margin-top: 50px;
}
.mob-page .mobclick-main-block .tools-block-container .tools-text {
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  color: #292929;
  margin-left: 25px;
}
.mob-page .mobclick-main-block .tools-block-container .tools-text1 {
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 140%;
  color: #292929;
  margin-left: 25px;
}
.mob-page .mobclick-main-block .tools-block-container .tools-block-heading {
  width: 100%;
  text-align: center;
  font-size: font_twentyEight;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mob-page .mobclick-main-block .tools-block-container .tools-block-heading:after {
  content: "";
  display: inline-block;
  width: 140px;
  height: 2px;
  background: -webkit-linear-gradient(left, #000000 0%, transparent 100%);
  opacity: 0.1;
}
.mob-page .mobclick-main-block .tools-block-container .tools-block-heading:before {
  content: "";
  display: inline-block;
  width: 140px;
  height: 2px;
  background: -webkit-linear-gradient(right, #000000 0%, transparent 100%);
  opacity: 0.1;
}
.mob-page .mobclick-main-block .tools-block-container .tools-block-heading span {
  width: auto;
  display: inline-block;
  z-index: 0;
  padding: 0 20px 0 20px;
  position: relative;
  margin: 0;
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
  color: #292929;
}
.mob-page .mobclick-main-block .tools-block-container .tools-tiles-block {
  margin-top: 32px;
}
.mob-page .mobclick-main-block .tools-block-container .tools-tiles-block .tools-tiles {
  padding: 25px 0px 20px 30px;
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 1px solid #edf4ff;
}
.mob-page .mobclick-main-block .tools-block-container .tools-tiles-block .tile6 {
  border-bottom: none;
}
.mob-page .mobclick-main-block .tools-block-container .tools-calc-block {
  border: 1px solid #edf4ff;
  border-radius: 10px;
  padding: 20px 30px 14px;
  margin: 0px 20px 20px;
}
.mob-page .mobclick-main-block .tools-block-container .tools-calc-block .tools-calc-top {
  justify-content: space-between;
}
.mob-page .mobclick-main-block .tools-block-container .tools-calc-block .tools-calc-top .tools-calc2 {
  align-items: center;
}
.mob-page .mobclick-main-block .tools-block-container .tools-calc-block .tools-calc-top .tools-calc2 .view-all-arrowicon {
  background-color: #3580f7;
  margin-left: 15px;
  border-radius: 50%;
  font-size: 1.375rem;
}
.mob-page .mobclick-main-block .tools-block-container .tools-calc-block .tools-calc-top .tools-calc2 .tools-text {
  color: #3580f7;
}
.mob-page .mobclick-main-block .tools-block-container .tools-calc-block .tools-calc-top .tools-calc2 .support-logo {
  margin-left: 20px;
}
.mob-page .mobclick-main-block .tools-block-container .tools-calc-block .tools-calc-top .tools-calc2 span {
  margin-left: 0px;
}
.mob-page .mobclick-main-block .tools-block-container .tools-calc-block .tools-calc-list {
  flex-wrap: wrap;
  justify-content: space-between;
}
.mob-page .mobclick-main-block .tools-block-container .tools-calc-block .tools-calc-list span {
  margin-left: 0px;
}
.mob-page .mobclick-main-block .tools-block-container .tools-calc-block .tools-calc-list .calc-tiles {
  margin-top: 40px;
  position: relative;
  cursor: pointer;
  max-width: 33%;
  width: 100%;
}
.mob-page .mobclick-main-block .tools-block-container .meet-patners {
  background-color: #edf4ff;
  border-radius: 10px;
  padding: 18px;
  margin: 0px 20px;
}
.mob-page .mobclick-main-block .tools-block-container .meet-patners .meet-patnerstext {
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
  color: #292929;
}
.mob-page .mobclick-main-block .tools-block-container .meet-patners .patners-list {
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.mob-page .mobclick-main-block .learn-block-container {
  margin-top: 60px;
}
.mob-page .mobclick-main-block .learn-block-container .learn-text {
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  color: #292929;
  margin-left: 22px;
}
.mob-page .mobclick-main-block .learn-block-container .learn-text1 {
  color: #1fc86d;
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 140%;
}
.mob-page .mobclick-main-block .learn-block-container .learn-block-heading {
  width: 100%;
  text-align: center;
  font-size: font_twentyEight;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mob-page .mobclick-main-block .learn-block-container .learn-block-heading:after {
  content: "";
  display: inline-block;
  width: 140px;
  height: 2px;
  background: -webkit-linear-gradient(left, #000000 0%, transparent 100%);
  opacity: 0.1;
}
.mob-page .mobclick-main-block .learn-block-container .learn-block-heading:before {
  content: "";
  display: inline-block;
  width: 140px;
  height: 2px;
  background: -webkit-linear-gradient(right, #000000 0%, transparent 100%);
  opacity: 0.1;
}
.mob-page .mobclick-main-block .learn-block-container .learn-block-heading span {
  width: auto;
  display: inline-block;
  z-index: 0;
  padding: 0 20px 0 20px;
  position: relative;
  margin: 0;
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
  color: #292929;
}
.mob-page .mobclick-main-block .learn-block-container .learn-tiles-block {
  margin-top: 32px;
}
.mob-page .mobclick-main-block .learn-block-container .learn-tiles-block .learn-tiles {
  padding: 25px 0px 20px 30px;
  margin: 0px 20px;
  border-bottom: 1px solid #edf4ff;
  justify-content: space-between;
  align-items: center;
}
.mob-page .mobclick-main-block .learn-block-container .learn-tiles-block .learn-tiles .learn-left-block {
  max-width: 46%;
}
.mob-page .mobclick-main-block .learn-block-container .learn-tiles-block .tile5 {
  border-bottom: none;
}
.mob-page .mobclick-main-block .platforms-block-container {
  margin-bottom: 192px;
  margin-top: 48px;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-heading {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  position: relative;
  margin-bottom: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-heading:after {
  content: "";
  display: inline-block;
  width: 140px;
  height: 2px;
  background: -webkit-linear-gradient(left, #000000 0%, transparent 100%);
  opacity: 0.1;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-heading:before {
  content: "";
  display: inline-block;
  width: 140px;
  height: 2px;
  background: -webkit-linear-gradient(right, #000000 0%, transparent 100%);
  opacity: 0.1;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-heading span {
  width: auto;
  display: inline-block;
  z-index: 0;
  padding: 0 20px 0 20px;
  position: relative;
  margin: 0;
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
  color: #292929;
}
.mob-page .mobclick-main-block .platforms-block-container .tile2,
.mob-page .mobclick-main-block .platforms-block-container .tile3,
.mob-page .mobclick-main-block .platforms-block-container .tile4 {
  align-items: center;
  word-break: break-word;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-tiles {
  margin: 0px 15px 15px 15px;
  border-radius: 5px;
  background: #f4f9ff;
  height: auto;
  padding: 16px;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-tiles .tb {
  font-family: "EncodeSansSemiExpandedBold";
  font-size: 1.25rem;
  color: #292929;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-tiles .platsub-tile {
  flex-direction: column;
  justify-content: space-between;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-tiles .platsub-tile .platforms-tile1 .ratingtext-span {
  font-size: 0.625rem;
  color: #808080;
  font-family: "EncodeSansMedium";
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-tiles .platsub-tile .platforms-tile1 .rating-num {
  font-size: 2.625rem;
  font-family: "EncodeSansSemiExpandedBold";
  color: #292929;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-tiles .platsub-tile .platforms-tile2 {
  display: flex;
  flex-flow: column;
  /* justify-items: flex-end; */
  justify-content: flex-end;
  margin-left: 10px;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-tiles .platsub-tile .platforms-tile2 .playstore {
  color: #808080;
  font-family: "EncodeSansMedium";
  font-size: 0.625rem;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-tiles .platsub-tile .platforms-tile2 .stars span {
  color: #ffb800;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-tiles .tile4-span {
  margin-left: 60px;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-tiles .ml-3 {
  margin-left: 21px;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-tiles span {
  font-family: "EncodeSansMedium";
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 140%;
  color: #292929;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-tiles .img1 {
  height: 135px;
  width: 120px;
}
.mob-page .mobclick-main-block .platforms-block-container .platforms-block-tiles .img4 {
  margin-left: 21px;
}

.clickable-block-container {
  position: fixed;
  background: #ffffff;
  bottom: 110px;
  width: 100%;
}
.clickable-block-container .clickable-iems {
  width: 100%;
  display: flex;
}
.clickable-block-container .clickable-iems .sticky-tile .active {
  opacity: 1;
  color: #03002f;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.clickable-block-container .clickable-iems .clickable-tiles {
  width: 100%;
  max-width: 400px;
  display: flex;
  overflow-x: scroll;
  gap: 30px;
  justify-content: space-between;
  font-size: 0.75rem;
  margin: 0px 15px;
  border: 1px solid #e7e7e7;
  padding: 0px 13px 0px 16px;
  border-radius: 10px;
  background: white;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  scrollbar-width: none;
  -webkit-overflow-scrolling: auto;
  -webkit-overflow-scrolling: touch;
}
.clickable-block-container .clickable-iems .clickable-tiles.scroll-right {
  justify-content: flex-end;
}
.clickable-block-container .clickable-iems .clickable-tiles li {
  line-height: 44px;
  text-wrap: nowrap;
  white-space: nowrap;
}
.clickable-block-container .clickable-iems .clickable-tiles li a {
  border-bottom: 2px solid transparent;
  opacity: 0.5;
  display: inline-block;
  color: #292929;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}
.clickable-block-container .clickable-iems .clickable-tiles li a.activeClass-mblink {
  color: #03002f !important;
  opacity: 1 !important;
  border-bottom: 1px solid #03002f;
}
.clickable-block-container .clickable-iems .clickable-tiles li a:focus {
  opacity: 1;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #03002f;
}
.clickable-block-container .clickable-iems .clickable-tiles li a:active {
  opacity: 1;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #03002f;
}

.pb-150 {
  padding-bottom: 150px;
}

.ipo-custom-class .icon {
  font-size: 1.25rem;
  justify-content: center;
  display: flex;
  align-items: center;
}

.moreresources-content .icon .edel-icon-tax {
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.moreresources-content .icon .edel-icon-margin-cal {
  color: #03002f;
}

.mob-menu-drawer .backgroundcolor_bluedrawer.blur-bg.menu-index__handle-wrapper {
  display: none;
}
.mob-menu-drawer .backgroundcolor_bluedrawer.blur-bg.menu-index__content {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.mob-menu-drawer .menu-index {
  overflow-y: hidden;
  max-height: 90vh !important;
  padding: 0px !important;
}
.mob-menu-drawer .menu-index.halfindex-95h {
  max-height: 95vh !important;
}
.mob-menu-drawer .menu-index.halfindex-99vh {
  max-height: 99vh !important;
}
.mob-menu-drawer .menu-index.blur-bg {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.mob-menu-drawer .menu-index.brd-radius-none {
  border-radius: 0px !important;
}
.mob-menu-drawer .succes-menu-size {
  font-size: 5rem;
}
.mob-menu-drawer .error-menu-size {
  font-size: 4.375rem;
}
.mob-menu-drawer .modlweight {
  font-weight: 700 !important;
}
.mob-menu-drawer .modalHeader {
  text-align: center;
  width: 100%;
}
.mob-menu-drawer .modalHeader th {
  font-size: 12px;
  color: #868686;
  font-family: "DMSansNormal";
  font-weight: 400;
}
.mob-menu-drawer .modalHeader td {
  color: #444444;
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 400;
  text-align: -webkit-left;
}
.mob-menu-drawer .modalHeader .lastrow {
  text-align: left;
  margin-left: 25px;
  font-size: 12px;
  color: #868686;
  font-family: "DMSansNormal";
}
.mob-menu-drawer .modalHeader .comment {
  font-size: 14px;
  color: #444444;
  border-radius: 5px;
  padding: 13px;
  text-align: left;
}
.mob-menu-drawer .modalHeader .krarow {
  background: #f2f2f5 !important;
}
.mob-menu-drawer .modalHeader .ms-14px {
  margin-left: 14px !important;
  font-size: 14px;
  font-weight: bold;
}
.mob-menu-drawer .max-h-100vh {
  max-height: 100vh;
}
.mob-menu-drawer .modalline {
  color: #444444;
  font-size: 18px;
  font-family: DM Sans;
  font-weight: 400;
  word-wrap: break-word;
}
.mob-menu-drawer .acc-drawer {
  max-height: 100%;
  padding: 28px 15px 28px 14px;
}
.mob-menu-drawer .otp-acc-drawer {
  max-height: 100vh;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: -webkit-center;
  word-wrap: break-word;
  font-size: 18px;
  padding: 35px;
  line-height: 20px;
}
.mob-menu-drawer .profile-otp {
  margin-top: -30px !important;
}
.mob-menu-drawer .profile-otp-width {
  width: 260px !important;
}
.mob-menu-drawer .resend-otp-margin {
  margin-right: 120px;
}
.mob-menu-drawer .mob-resend-otp-margin {
  margin-right: 45px;
}
.mob-menu-drawer .menu-index__backdrop.blur-bg {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.status-main {
  width: 100%;
  background-color: #fef4ec;
  border-radius: 5px;
  align-items: baseline;
  gap: 10px;
  padding: 3px 0px 3px 0px;
}

.status-hedaer {
  color: #f7943e;
  font-size: 12px;
  font-weight: 500;
  word-wrap: break-word;
}

.black-underline {
  color: #03002f;
  font-size: 12px;
  font-weight: 500;
  word-wrap: break-word;
  text-decoration: underline;
}

.mobile-bottom-genericdrawer {
  overflow-y: hidden;
  max-height: calc(100vh - 25px) !important;
}
.mobile-bottom-genericdrawer .common-drawer-scroll-mobilebottomclick {
  max-height: 75vh;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 100px;
  -webkit-overflow-scrolling: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile-bottom-genericdrawer .common-drawer-scroll-mobilebottomclick::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.mobile-bottom-genericdrawer .common-drawer-scroll-mobilebottomclick {
  /* Track */
}
.mobile-bottom-genericdrawer .common-drawer-scroll-mobilebottomclick::-webkit-scrollbar-track {
  background: transparent;
}
.mobile-bottom-genericdrawer .common-drawer-scroll-mobilebottomclick {
  /* Handle */
}
.mobile-bottom-genericdrawer .common-drawer-scroll-mobilebottomclick::-webkit-scrollbar-thumb {
  background: #03002f;
}
.mobile-bottom-genericdrawer .pos-fixed-div {
  height: 143px;
  bottom: 0px;
  width: 100%;
  position: fixed;
  background: #ffffff;
}

.table-regular-compliance tr th:nth-child(1),
.table-regular-compliance tr td:nth-child(1) {
  width: 25%;
  white-space: nowrap;
  padding: 12px 12px;
}

.table-regular-compliance tr th:nth-child(2),
.table-regular-compliance tr td:nth-child(2) {
  width: 25%;
  padding: 12px 12px;
}

.table-regular-compliance tr th:nth-child(3),
.table-regular-compliance tr td:nth-child(3) {
  width: 50%;
  padding: 12px 12px;
  text-align: center;
}

.table-regular-compliance-desktop tr th:nth-child(1),
.table-regular-compliance-desktop tr td:nth-child(1) {
  white-space: nowrap;
}.header-section {
  background-color: #f1f0ff;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.header-section span {
  font-size: 1rem;
  font-family: "DMSansBold";
  color: #444444;
  text-align: center;
}

.mobile-head {
  font-size: 1rem;
  font-family: "DMSansMedium";
  position: relative;
}
.mobile-head .edel-icon-arrow-right1 {
  font-size: 0.688rem;
  margin-left: 9px;
}
.mobile-head .edel-icon-arrow-right1.down {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  top: 5px;
  position: absolute;
}

.grid-4-custom-mb {
  display: grid;
  grid-template-columns: 1.2fr 1.3fr 1fr 1fr;
}

.downloadapp-UI {
  padding: 15px;
  border-radius: 4px;
  background: linear-gradient(180deg, #1c1a45 0%, #4f4c6e 100%);
}

.ps-30-custom {
  padding-left: 25px;
}

#solutions .mobile-head {
  padding-left: 20px;
}.product-sector-sidebar div {
  border: 1px solid #444444;
  padding: 4px 3px;
  border-radius: 5px;
}

.holdings-sidebar-body-block {
  flex: 1;
  overflow-y: auto;
}
.holdings-sidebar-body-block::-webkit-scrollbar {
  width: 2px !important;
  height: 5px !important;
}
.holdings-sidebar-body-block {
  /* Track */
}
.holdings-sidebar-body-block::-webkit-scrollbar-track {
  background: transparent;
}
.holdings-sidebar-body-block {
  /* Handle */
}
.holdings-sidebar-body-block::-webkit-scrollbar-thumb {
  background: #03002f;
}
.holdings-sidebar-body-block .pivot-points {
  margin: 0px;
  padding: 10px 27px 10px 30px !important;
  border-bottom: 1px solid #e7e7e7;
}
.holdings-sidebar-body-block .pivot-points div {
  padding: 0px !important;
}

.revamp-background-blur {
  backdrop-filter: blur(1.5px);
  z-index: 11 !important;
}

.revamp-background-blur.z-index-high__backdrop {
  background: rgba(0, 0, 0, 0.15) !important;
  backdrop-filter: blur(1.5px);
}

.holding-report-submodal {
  border: none;
  background-color: none;
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.04), 0px 20px 24px -4px rgba(16, 24, 40, 0.1);
}
.holding-report-submodal .downloadblock.modalContainer {
  width: 478px !important;
}
@media (max-width: 1023px) {
  .holding-report-submodal .downloadblock.modalContainer {
    margin: 15px;
  }
}
.holding-report-submodal .downloadblock.modalContainer .message {
  text-align: left;
}
.holding-report-submodal .downloadblock.modalContainer .rev-loaderpop-body {
  padding: 30px;
}
@media (max-width: 1023px) {
  .holding-report-submodal .downloadblock.modalContainer .rev-loaderpop-body {
    padding: 20px;
  }
}
.holding-report-submodal .downloadblock.modalContainer .rev-loaderpop-body button {
  width: 100%;
}
.holding-report-submodal .aif-loader .rev-loaderpop-head,
.holding-report-submodal .downloadblock .rev-loaderpop-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rev-hold-filterpills {
  width: 360px;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 25px 37px 0px rgba(0, 0, 0, 0.1), 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}
.rev-hold-filterpills .all-filters {
  padding-bottom: 0 !important;
  height: 230px;
}
.rev-hold-filterpills .buy-sell-btns-spacing {
  padding: 15px;
  gap: 10px;
  border-radius: 0 0 10px 10px;
  height: 58px !important;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .leftsidebar {
  width: 37.5%;
  height: 230px;
  min-height: unset;
  background-color: #ffffff;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link {
  text-wrap: nowrap;
  white-space: nowrap;
  text-align: left;
  padding: 12px 16px;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 0px;
  font-size: 0.75rem;
  color: #03002f;
  font-family: "DMSansNormal";
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link.active {
  font-family: "DMSansBold";
  background-color: #f2f2f5;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .leftsidebar .edel-icon-round-circle {
  font-size: 5px;
  color: #dd504d;
  margin-left: 3px;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .rightsidebar {
  width: 62.5%;
  height: 220px;
  min-height: unset;
  margin-bottom: 0 !important;
  background-color: #f2f2f5;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .rightsidebar .filterasset-drop-body {
  scrollbar-width: unset;
  overflow-y: unset;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .rightsidebar .each-filter-parent {
  border-bottom: 1px solid rgba(17, 0, 0, 0.05);
  padding: 10px 15px 10px 0px;
  font-family: "DMSansMedium";
  color: #262527;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .rightsidebar .each-filter-parent .common-checkbox-custom input[type=checkbox] {
  height: unset;
  width: unset;
  min-height: 20px;
  min-width: 20px;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .rightsidebar .each-filter-parent .common-checkbox-custom input[type=checkbox]:before {
  border: none;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .rightsidebar .each-filter-parent .common-checkbox-custom input[type=checkbox]:checked:before {
  border: 2px solid #ffffff;
  border-width: 0 2px 2px 0;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .rightsidebar .bg_white {
  background-color: #f2f2f5;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .rightsidebar .bg_white .filterasset-drop-body {
  background: #f2f2f5;
  max-height: 222px;
  margin: 0px;
  border-radius: 0px;
  padding-left: 15px;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .rightsidebar .bg_white .filterasset-drop-body .mb-3,
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .rightsidebar .bg_white .filterasset-drop-body .mb-2 {
  margin-bottom: 0px !important;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .rightsidebar .commonscroll-new {
  max-height: unset;
  overflow-y: unset;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .bottom-contents {
  position: absolute;
  width: 100%;
  padding: 15px !important;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .bottom-contents.topboxsshadow-button {
  box-shadow: none;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .bottom-contents .buy-sell-col .mtg-10 {
  padding: 0px;
}
.rev-hold-filterpills.common-filter-section.footer-sidebar-generic .bottom-contents .bottombtnsection .ed_button.button {
  height: 27.5px;
  padding: 0px !important;
}
.rev-hold-filterpills .header {
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid rgba(3, 0, 47, 0.2);
}

.fade.no-border {
  border: none;
}

.filter-sort-type-container .buy-sell-btns-spacing {
  padding: 26px 15px;
  gap: 20px;
  height: 92px !important;
  position: fixed !important;
  width: 100%;
}
.filter-sort-type-container .filter-list-block-type {
  padding: 10px 15px;
  overflow-y: scroll;
}
.filter-sort-type-container .filter-list-block-type .type-filter-list:hover {
  border-radius: 5px;
  border: 0px rgba(17, 0, 0, 0.05);
  background: #f2f2f5;
}
.filter-sort-type-container .filter-list-block-type .form-check {
  display: flex;
  padding-left: 0px;
  min-height: 0 !important;
  margin-bottom: 0 !important;
}
.filter-sort-type-container .clear-all-btn {
  position: absolute;
  top: 10px;
  right: 15px;
}
.filter-sort-type-container .assest-sort-filter-block {
  display: flex;
  flex-flow: column;
  flex: 1;
  position: relative;
  box-shadow: 0px 25px 37px 0px rgba(0, 0, 0, 0.1), 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}
.filter-sort-type-container .assest-sort-filter-block .posrel .edel-icon-round-circle {
  position: absolute;
  font-size: 5px;
  color: #dd504d;
  margin-left: 3px;
}
.filter-sort-type-container .assest-sort-filter-block .holding-sorting .orderbook-sorting {
  height: unset !important;
  flex: 1;
  overflow-y: scroll;
}
.filter-sort-type-container .assest-sort-filter-block .holding-sorting .orderbook-sorting .drawer-header {
  display: none !important;
}
.filter-sort-type-container .assest-sort-filter-block .holding-sorting .orderbook-sorting .drawer-body {
  padding: 10px 15px !important;
}
.filter-sort-type-container .assest-sort-filter-block .holding-sorting .orderbook-sorting .drawer-body .sortlist-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px !important;
  border-bottom: 1px solid #f5f5f5;
}
.filter-sort-type-container .assest-sort-filter-block .holding-sorting .orderbook-sorting .drawer-body .sortlist-body .sortlist-values {
  color: #444444;
  font-family: "DMSansNormal";
}
.filter-sort-type-container .assest-sort-filter-block .filter-list-block-type {
  display: flex;
  flex-flow: column;
  flex: 1;
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .leftsidebar {
  width: 37.5%;
  background-color: #ffffff;
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link {
  text-wrap: nowrap;
  white-space: nowrap;
  text-align: left;
  padding: 12px 16px;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 0px;
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link.active {
  background-color: #f2f2f5;
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .rightsidebar {
  width: 62.5%;
  height: 60vh !important;
  padding-bottom: 92px !important;
  max-height: unset !important;
  min-height: unset !important;
  overflow-y: scroll !important;
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .rightsidebar::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .rightsidebar {
  /* Track */
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .rightsidebar::-webkit-scrollbar-track {
  background: transparent;
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .rightsidebar {
  /* Handle */
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .rightsidebar::-webkit-scrollbar-thumb {
  background: #03002f;
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .rightsidebar {
  margin-bottom: 0 !important;
  background-color: #f2f2f5;
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .rightsidebar .each-filter-parent {
  border-bottom: 1px solid rgba(17, 0, 0, 0.05);
  padding: 10px 15px 10px 0px;
  font-family: "DMSansMedium";
  color: #262527;
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .rightsidebar .each-filter-parent .mb-3,
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .rightsidebar .each-filter-parent .mb-2 {
  margin-bottom: 0px !important;
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .rightsidebar .bg_white {
  background-color: #f2f2f5;
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .rightsidebar .bg_white .filterasset-drop-body {
  background: #f2f2f5;
  max-height: unset !important;
  margin: 0px;
  border-radius: 0px;
  padding-left: 15px;
}
.filter-sort-type-container .assest-sort-filter-block .common-filter-section.footer-sidebar-generic .rightsidebar .commonscroll-new {
  max-height: unset;
  overflow-y: unset;
}
.filter-sort-type-container .assest-sort-filter-block .header {
  border-bottom: 1px solid rgba(3, 0, 47, 0.2);
}
.filter-sort-type-container .common-fund-sort .drawer-header {
  padding: 0px;
}
.filter-sort-type-container .common-fund-sort .commonscroll-new {
  padding: 10px 15px;
}
.filter-sort-type-container .common-fund-sort .commonscroll-new .sortlist-body {
  padding: 12px 15px;
  border-bottom: 1px solid #f5f5f5;
}
.filter-sort-type-container .common-fund-sort .commonscroll-new .sortlist-body .sortlist-names {
  font-family: "DMSansNormal";
}

.new-backgrey-checkbox .common-checkbox-custom input[type=checkbox]:before {
  border: none;
}
.new-backgrey-checkbox .common-checkbox-custom input[type=checkbox]:checked:before {
  border: 2px solid #ffffff;
  border-width: 0 2px 2px 0;
}

.pdb-5 {
  padding-bottom: 5px;
}

.dp-mob-main-block .mainhead {
  padding: 13px 15px;
  border-bottom: 1px solid #e8e7ec;
}
.dp-mob-main-block .dptransaction-pull-mobile-block {
  padding: 15px 20px;
  margin-bottom: 5px;
}
.dp-mob-main-block .dptransaction-pull-mobile-block .st-open {
  border-radius: 3px;
  border: 1px solid #dfa717;
  color: #dfa717;
  padding: 5px 7px;
}
.dp-mob-main-block .dptransaction-pull-mobile-block .st-closed {
  border-radius: 3px;
  border: 1px solid #51b255;
  color: #51b255;
  padding: 5px 7px;
}
.dp-mob-main-block .customForm {
  padding: 20px 15px;
}
.dp-mob-main-block .customForm .DateBoxfromToDate {
  padding-bottom: 20px;
}
.dp-mob-main-block .customForm .DateBoxfromToDate .DateBoxfrom,
.dp-mob-main-block .customForm .DateBoxfromToDate .DateBoxTo {
  margin: 0px;
}
.dp-mob-main-block .customForm .DateBoxfromToDate input {
  border: none;
  font-family: "DMSansMedium";
  font-size: 1rem;
  color: #444444;
}
.dp-mob-main-block .customForm .DateBoxfromToDate .input-group-append {
  position: absolute;
  right: 2%;
}
.dp-mob-main-block .customForm .DateBoxfromToDate .input-group-append .input-group-text {
  border: none;
  background: none;
  padding: 0;
}
.dp-mob-main-block .dpid-block {
  padding: 20px 0px;
}
.dp-mob-main-block .dpid-block .form-control {
  height: 40px;
}

.family-tagging-holding {
  display: flex;
  position: relative;
  top: 0;
  right: 0;
  justify-content: end;
  z-index: 998;
  width: fit-content;
}

.tabs-holding {
  margin: 10px 0;
}
.tabs-holding .pnl_tabs {
  width: 100%;
}

.pad-15-gap-10 {
  padding: 15px;
  gap: 10px;
}

.lh-22px {
  line-height: 22px;
}

.popup-disclaimer-block {
  background: #ffe9e0;
  border-radius: 8px;
  padding: 12px 40px;
  margin: 10px 0px;
}
.popup-disclaimer-block i {
  color: #cc3100;
}
@media (max-width: 1023px) {
  .popup-disclaimer-block {
    padding: 8px 10px;
  }
}

.slidingpane-icon-block.aif-pdf-slidingpane {
  padding: 10px;
}

.aif-pdf-download-block .rev-loaderpop-body {
  gap: 30px;
}
@media (max-width: 1023px) {
  .aif-pdf-download-block .rev-loaderpop-body {
    padding-top: 30px !important;
  }
}#report-navbar.report-nav-container {
  z-index: 11;
  top: -1px !important;
  width: 100%;
  transition: box-shadow 0.3s ease-in, width 0.5s ease;
}
#report-navbar.report-nav-container.apply-shadow {
  background-color: #ffffff;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
#report-navbar.report-nav-container .all-nav-all-reports-btn {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  gap: 10px;
  height: 50px;
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 0 0 0;
}
@media (max-width: 1023px) {
  #report-navbar.report-nav-container .all-nav-all-reports-btn {
    padding: 10px 15px 0 0px;
  }
}
#report-navbar.report-nav-container .all-nav-all-reports-btn .all-routes {
  gap: 10px;
  width: 100%;
  padding-right: 100px;
  overflow-x: scroll;
}
#report-navbar.report-nav-container .all-nav-all-reports-btn .all-routes::-webkit-scrollbar {
  display: none;
}
#report-navbar.report-nav-container .all-nav-all-reports-btn .all-routes .route-link {
  padding: 8px 25px;
  color: #444444;
  text-wrap: nowrap;
  white-space: nowrap;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
@media (max-width: 1023px) {
  #report-navbar.report-nav-container .all-nav-all-reports-btn .all-routes .route-link {
    padding: 10px;
  }
}
#report-navbar.report-nav-container .all-nav-all-reports-btn .all-routes .route-link.active {
  border-bottom: 1px solid #000000;
  color: #030130;
  font-size: 0.875rem;
  font-family: "DMSansBold";
}
#report-navbar.report-nav-container .all-nav-all-reports-btn .all-routes.left-shadow::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 30px;
  z-index: 2;
  left: 0;
  background-image: linear-gradient(to right, #f8f7fa, transparent);
  transition: opacity 0.3s;
}
#report-navbar.report-nav-container .all-nav-all-reports-btn .all-routes.right-shadow::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 30px;
  z-index: 2;
  right: 53px;
  background-image: linear-gradient(to right, transparent, #f8f7fa);
  transition: opacity 0.3s;
}
#report-navbar.report-nav-container .all-nav-all-reports-btn .all-routes.left-shadow.reached-top::after {
  background-image: linear-gradient(to right, white, transparent);
}
#report-navbar.report-nav-container .all-nav-all-reports-btn .all-routes.right-shadow.reached-top::before {
  background-image: linear-gradient(to right, transparent, white);
}
#report-navbar.report-nav-container .all-nav-all-reports-btn .all-reports-container {
  background-color: transparent;
}
#report-navbar.report-nav-container .all-nav-all-reports-btn .all-reports-container .all-reports-btn {
  background-color: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 30px;
  min-width: 30px;
}
@media (max-width: 1023px) {
  #report-navbar.report-nav-container .all-nav-all-reports-btn .all-reports-container .all-reports-btn {
    padding: 6px;
    border-radius: 5px;
    margin-bottom: 3px;
    background-color: #f2f2f5 !important;
  }
  #report-navbar.report-nav-container .all-nav-all-reports-btn .all-reports-container .all-reports-btn .all-reports-btn-title {
    display: none;
  }
}
#report-navbar.report-nav-container .all-nav-all-reports-btn .all-reports-container #all-reports {
  border: none !important;
  padding: 0 !important;
  right: 0;
  top: 104%;
}

@media (min-width: 1023px) {
  .additional-report-navbar .heldaway-report-text {
    color: #838486;
  }
}.transaction-detail-l3 .transaction-detail-table {
  background: #ffffff;
}
.transaction-detail-l3 .transaction-detail-table table {
  width: 100%;
  margin: 0 auto;
}
.transaction-detail-l3 .transaction-detail-table thead {
  border-radius: 5px 5px 0px 0px;
}
.transaction-detail-l3 .transaction-detail-table thead tr th {
  padding: 10px 0px 10px 0px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  line-height: 16px;
  color: #727271;
  background: #ffffff;
}
.transaction-detail-l3 .transaction-detail-table thead tr th .title .text-right {
  display: flex;
  justify-content: flex-end;
}
.transaction-detail-l3 .transaction-detail-table thead tr:first-child td {
  border-top-left-radius: 5px;
}
.transaction-detail-l3 .transaction-detail-table thead tr:last-child td {
  border-top-right-radius: 5px;
}
.transaction-detail-l3 .transaction-detail-table tbody td:first-child {
  border: 0px !important;
}
.transaction-detail-l3 .transaction-detail-table tbody .transaction-detail-table-row td {
  border: unset;
  border-radius: unset !important;
  padding: 20px 25px 20px 0px !important;
}
.transaction-detail-l3 .transaction-detail-table tbody .transaction-detail-table-row td:nth-child(1) {
  padding: 0 !important;
}
.transaction-detail-l3 .transaction-detail-table tbody .transaction-detail-table-row:nth-child(even) td {
  background-color: #ffffff;
}
.transaction-detail-l3 .transaction-detail-table tbody .transaction-detail-table-row:nth-child(odd) td {
  background-color: #f7f7f7;
}
.transaction-detail-l3 .transaction-detail-table tbody .transaction-detail-table-row .edel-icon-edit-txn-report {
  font-size: 1.125rem;
}
.transaction-detail-l3 .transaction-detail-table tbody .transaction-detail-table-row .pad-left-when-edit {
  padding: 20px 10px 20px 20px;
}
.transaction-detail-l3 .l3-summary {
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px 25px;
  margin-top: 25px;
  gap: 12px;
  margin-bottom: 10px;
}
.transaction-detail-l3 .l3-summary .l3-summary-box {
  flex: 1 0 16%;
}
.transaction-detail-l3 .l3-summary .rebrandreports-tooltip-hover .popover-body {
  white-space: normal !important;
}
@media (max-width: 1023px) {
  .transaction-detail-l3 .l3-summary-mob {
    background-color: transparent;
    padding: 30px 15px;
    line-height: 16px;
  }
  .transaction-detail-l3 .l3-summary-mob .edel-icon-stock-briefcase {
    font-size: 12px;
  }
  .transaction-detail-l3 .l3-summary-mob .displayName-stock {
    line-height: 20px;
  }
  .transaction-detail-l3 .l3-heading-mob {
    padding: 15px;
  }
  .transaction-detail-l3 .l3-heading-mob .edel-icon-left-shortArrow {
    font-size: 18px;
    color: #03002f;
  }
  .transaction-detail-l3 .transaction-detail-table-mob {
    margin: 0 15px;
    background: #ffffff;
  }
  .transaction-detail-l3 .transaction-detail-table-mob table {
    width: unset;
    margin: unset;
    font-family: unset;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .transaction-detail-l3 .transaction-detail-table-mob thead tr th {
    padding: 10px 0px 10px 0px;
    font-size: 0.75rem;
    font-family: "DMSansMedium";
    line-height: 16px;
    color: #727271;
    background-color: #ffffff;
  }
  .transaction-detail-l3 .transaction-detail-table-mob thead tr th .title .text-right {
    display: flex;
    justify-content: flex-end;
  }
  .transaction-detail-l3 .transaction-detail-table-mob tbody td:first-child {
    border: 0px !important;
  }
  .transaction-detail-l3 .transaction-detail-table-mob .transaction-detail-table-row {
    text-wrap: nowrap;
    white-space: nowrap;
  }
  .transaction-detail-l3 .transaction-detail-table-mob .transaction-detail-table-row td {
    border: none;
    vertical-align: middle;
  }
  .transaction-detail-l3 .transaction-detail-table-mob .transaction-detail-table-row td {
    border: unset;
    padding: 16px 25px 18px 0px !important;
  }
  .transaction-detail-l3 .transaction-detail-table-mob .transaction-detail-table-row td:nth-child(1) {
    padding: 0 !important;
  }
  .transaction-detail-l3 .transaction-detail-table-mob .transaction-detail-table-row:nth-child(odd) td {
    background-color: #f7f7f7;
  }
  .transaction-detail-l3 .transaction-detail-table-mob .transaction-detail-table-row:nth-child(even) td {
    background-color: #ffffff;
  }
  .transaction-detail-l3 .transaction-detail-table-mob .transaction-detail-table-row .edel-icon-edit-txn-report {
    font-size: 18px;
  }
  .transaction-detail-l3 .transaction-detail-table-mob .transaction-detail-table-row .pad-left-when-edit {
    padding: 19px 10px 19px 16px;
  }
  .transaction-detail-l3 .transaction-history-container .mobile-genericdrawer {
    padding: unset;
  }
  .transaction-detail-l3 .hide-scroll-track {
    scrollbar-width: none;
  }
}

@media (min-width: 1023px) {
  .bg-revamped-backgrey {
    min-height: 100vh;
  }
}

@media (max-width: 1023px) {
  .reports-refurbished {
    padding-top: unset;
  }
}
:root {
  font-size: 16px;
}

.ed_button {
  border: none;
}
.ed_button,
.ed_button > * {
  cursor: pointer;
}
.ed_button.button {
  padding: 12px 64.5px;
  border: 0px;
  font-family: "DMSansMedium";
  font-size: 1rem;
  font-style: normal;
  line-height: 21.6px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 6px;
}
.ed_button.button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ed_button.tomato-red {
  border: 1px solid #e71e04;
  background-color: #e71e04;
  color: #ffffff;
}
.ed_button.sky-blue {
  background-color: #1c9ad6;
  color: #ffffff !important;
}
.ed_button.light-navy {
  border: 1px solid #174082;
  color: #ffffff;
  background-color: #174082;
}
.ed_button.dusty-orange {
  border: 1px solid #f79035;
  color: #ffffff;
  background-color: #f79035;
}
.ed_button.white-one {
  background-color: #ffffff;
  color: #03002f;
  border: 1px solid #03002f;
}
.ed_button.white-twenty {
  border: 1px solid #eeeeee;
  color: #000;
  background-color: #eeeeee;
}
.ed_button.kelly-green-two {
  border: 1px solid #00aa27;
  color: #ffffff;
  background-color: #00aa27;
}
.ed_button.blue-one {
  border: 1px solid #03002f;
  color: #ffffff;
  background-color: #03002f;
}
.ed_button.kelly-grey-one {
  border: 1px solid #70706f;
  color: #ffffff;
  background-color: #70706f;
}
.ed_button.slim {
  padding: 10px 16px;
}
.ed_button.link {
  color: #f79035;
}
.ed_button.link-hover {
  color: #03002f;
}
.ed_button.link-hover:hover {
  color: #878edd;
}
.ed_button.blue-link {
  color: #3580f7;
}
.ed_button.green-btn {
  color: #ffffff;
  background-color: #51b255;
}
.ed_button.red-btn {
  color: #ffffff;
  background-color: #dd504d;
}
.ed_button.midnight-blue {
  color: #ffffff;
  background-color: #03002f !important;
  border: 1px solid #03002f !important;
}
.ed_button.midnight-blue.disabled {
  background-color: #c0bfcb !important;
  border-color: #c0bfcb !important;
  opacity: 1;
}
.ed_button.midnight-blue-border {
  border: 1px solid #03002f;
  border-radius: 5px;
  background-color: #ffffff;
  color: #03002f;
}
.ed_button.midnight-blue-underline-border {
  border: 1px solid #03002f;
  border-radius: 5px;
  background-color: #ffffff;
  color: #03002f;
  text-decoration: underline;
}
.ed_button.vivid-green-border {
  border: 1px solid #52d20a;
  border-radius: 5px;
  background-color: #ffffff;
  color: #52d20a;
}
.ed_button.midnight-blue-underline {
  border: 0;
  padding: 0 !important;
  color: #03002f;
  text-decoration: underline;
  background: inherit;
}
.ed_button.midnight-blue-no-underline {
  border: 0;
  padding: 0 !important;
  color: #03002f;
  background: inherit;
}
.ed_button.dusty-grey-underline {
  border: 0;
  padding: 0 !important;
  color: #8d8a8a;
  background: inherit;
  font-size: 1.375rem;
  font-family: "DMSansNormal";
}
.ed_button.black-underline {
  border: 0;
  padding: 0 !important;
  color: #292929;
  text-decoration: underline;
  background: inherit;
}
.ed_button.tomato {
  border: 0;
  padding: 15px 30px;
  background-color: #f04e45;
  border-radius: 5px;
  color: #ffffff;
}
.ed_button.dark-peach-rounded-border {
  color: #f04e45;
  background-color: transparent;
  font-family: "DMSansMedium";
  border-radius: 50px;
  border: 1px solid #f04e45;
}
.ed_button.grey-suit {
  color: #ffffff;
  background-color: #c0bfcb;
}
.ed_button.monochrome-light-grey {
  color: #ffffff;
  background-color: #e7e7e7;
}
.ed_button.dark-peach {
  color: #ffffff;
  background-color: #f04e45;
}
.ed_button.dark-peach.disabled {
  opacity: 0.7;
}
.ed_button.dark-peach-hover {
  color: #ffffff;
  background-color: #f04e45;
}
.ed_button.dark-peach-hover:hover {
  background-color: #f36f68;
}
.ed_button.dark-peach-hover.disabled {
  opacity: 0.7;
}
.ed_button.dark-peach-rounded {
  color: #ffffff;
  background-color: #f04e45;
  font-family: "DMSansMedium";
  border-radius: 50px;
  padding: 13px 49px;
}
.ed_button.white-rounded {
  color: #03002f;
  background-color: #ffffff;
  font-family: "DMSansBold";
  font-size: 1rem;
  border-radius: 50px;
  padding: 13px 49px;
}
.ed_button.white-rounded:hover {
  background-color: #b2b2c2;
}
.ed_button.blood-red {
  color: #ffffff;
  background-color: #dd504d;
  border: 1px solid #dd504d;
}
.ed_button.blood-red-border {
  color: #dd504d;
  background-color: #ffffff;
  border: 1px solid #dd504d;
}
.ed_button.without-back-link-blue {
  color: #03002f;
  background-color: #ffffff;
  border: none !important;
  text-decoration: underline;
}
.ed_button.secondary-gray-border {
  border: 0;
  padding: 0 !important;
  color: #b8b8b8;
  background: inherit;
}
.ed_button.green-underline {
  border: 0;
  padding: 0 !important;
  color: #51b255;
  background: inherit;
  text-decoration: underline;
}
.ed_button.white-underline {
  border: 0;
  padding: 0 !important;
  color: #ffffff;
  background: inherit;
  text-decoration: underline;
}
.ed_button.monochrome-light-grey-border {
  border: 1px solid #cfd9e0;
  color: #02012d;
  background-color: #ffffff;
}
.ed_button.aqua-white-border {
  border: 1px solid #f2f2f5 !important;
  background-color: transparent !important;
}

.common_button {
  text-align: center;
}

@media screen and (max-width: 577px) {
  .ed_button.button {
    font-size: 0.875rem;
    padding: 8.21px 43.66px;
  }
}
:root {
  font-size: 16px;
}

.ed-sort-label-wrapper {
  display: inline-block;
  padding-right: 10px;
}
.ed-sort-label-wrapper .sort-tag-container {
  border: 0.5px solid #3580f7;
  background-color: #ffffff;
  padding: 3.5px 7px 5px 7px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin-top: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  white-space: nowrap;
}
.ed-sort-label-wrapper .ed-sort-label-text {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  color: #3580f7;
  cursor: pointer;
}
.ed-sort-label-wrapper .ed-sort-label-text .sortOrder {
  padding-left: 8px;
}
.ed-sort-label-wrapper span.edel-icon-sort {
  font-size: 0.525rem;
  color: #3580f7;
  padding-left: 8px;
  line-height: 3px;
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  .filters-tag {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .border-top-add {
    border-top: 1px solid #e7e7e7;
  }
  .filters-tag-sticky {
    padding-top: 15px;
    padding-bottom: 15px;
    position: -webkit-sticky;
    position: sticky;
    top: 113px;
    background: white;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
    z-index: 8;
  }
  .filters-tag-sticky .clear-all-tag {
    right: -15px;
    padding-right: 10px;
  }
  .sort-tag-container {
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
  }
}
:root {
  font-size: 16px;
}

.filters-tag {
  padding-top: 43.5px;
}
.filters-tag .ed-filter-label-wrapper {
  display: inline-block;
  background: #ffffff;
  padding-right: 10px;
}
.filters-tag .ed-filter-label-wrapper:first-child {
  padding-left: 0px;
}
.filters-tag .ed-filter-label-wrapper .tag-container {
  border: 1px solid #e2edfe;
  background-color: #f5f9ff;
  padding: 4.5px 7px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin-top: 8px;
  margin-bottom: 6px;
  cursor: pointer;
  width: max-content;
}
.filters-tag .ed-filter-label-wrapper .ed-filter-label-text {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  color: #3580f7;
  cursor: pointer;
}
.filters-tag .ed-filter-label-wrapper span.edel-icon-close {
  font-size: 0.463rem;
  color: #3580f7;
  padding-left: 8px;
  line-height: 3px;
}

.clear-all-tag {
  position: -webkit-sticky;
  position: sticky;
  right: 0px;
  height: fit-content;
  background: #ffffff;
  padding-left: 10px;
}

.filter-tags {
  padding-left: 10px;
}

.filters-tag.new-theme .ed-sort-label-wrapper .sort-tag-container {
  border-color: #03002f;
}
.filters-tag.new-theme .ed-sort-label-wrapper .ed-sort-label-text {
  color: #03002f;
  font-family: "DMSansNormal";
}
.filters-tag.new-theme .ed-sort-label-wrapper .ed-sort-label-text .edel-icon-sort {
  color: #03002f;
}
@media screen and (max-width: 1024px) {
  .filters-tag.new-theme .ed-sort-label-text {
    padding-left: 7px !important;
  }
}
.filters-tag.new-theme .ed-filter-label-wrapper .tag-container {
  border: 0px;
  background-color: #f2f2f5;
}
.filters-tag.new-theme .ed-filter-label-wrapper .ed-filter-label-text {
  font-family: "DMSansNormal";
  color: #03002f;
}
.filters-tag.new-theme .ed-filter-label-wrapper span.edel-icon-close {
  font-weight: bold;
  color: #03002f;
}

@media screen and (max-width: 1024px) {
  .filters-tag {
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: start;
    overflow-x: scroll;
  }
  .filters-tag::-webkit-scrollbar {
    display: none;
  }
  .filters-tag :first-child {
    padding-left: 0px;
  }
  .border-top-add {
    border-top: 1px solid #e7e7e7;
  }
  .filters-tag-sticky {
    padding-top: 15px;
    padding-bottom: 15px;
    position: sticky;
    top: 115px;
    background: white;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
    z-index: 99999;
  }
  .tag-container {
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
  }
}
:root {
  font-size: 16px;
}

.hidden {
  display: none;
}

.mgl-8 {
  margin-left: 8px;
}

.ed-footer-inner-wrapper {
  background-color: #03002f;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ed-footer-inner-wrapper .ed-join-section {
  width: auto;
  font-family: "DMSansBold";
  color: #ffffff;
  font-size: 2rem;
  line-height: 44.8px;
  padding: 62px 0 13px;
  text-align: center;
}
.ed-footer-inner-wrapper .ed-join-section span {
  font-family: "DMSansBold";
}
.ed-footer-inner-wrapper .ed-newsletter {
  display: flex;
  margin: 22px 0px;
}
.ed-footer-inner-wrapper .ed-newsletter input {
  padding: 18px;
  width: 80%;
  display: inline-block;
  border-radius: 5px 0px 0px 5px;
  border: none;
}
.ed-footer-inner-wrapper .ed-newsletter input::placeholder {
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 22px;
  text-align: left;
  color: #787878;
}
.ed-footer-inner-wrapper .ed-newsletter button {
  width: 20%;
  background-color: #f04e45;
  font-size: 1rem;
  line-height: 29.68px;
  text-align: Center;
  color: #ffffff;
  border: none;
  border-radius: 0px 5px 5px 0px;
  padding: 13px;
  display: inline-block;
}
.ed-footer-inner-wrapper .ed-newsletter button:hover {
  color: #ffffff;
  background-color: #f2736b;
}
.ed-footer-inner-wrapper .ed-google-link {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 22px;
  text-align: right;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  display: block;
}
.ed-footer-inner-wrapper .ed-whyus-section {
  padding: 125px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 14px;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-whyus-section {
    grid-template-columns: 1fr;
  }
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner {
  padding-top: 20px;
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .ed-whyus-title {
  margin-bottom: 20px;
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .ed-whyus-title .ed-title {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
  line-height: 25px;
  text-align: left;
  color: #eeeeee;
  display: flex;
  align-items: center;
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .ed-whyus-title i {
  font-size: 2rem;
  display: inline-block;
  margin-right: 17.53px;
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .whyus-description {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 20px;
  text-align: left;
  color: #939da6;
  margin-bottom: 24px;
  display: block;
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .whyus-description .readmore {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 20px;
  text-align: left;
  color: #f04e45;
  display: inline-block;
  cursor: pointer;
}
.ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .social-icons i {
  display: inline-block;
  color: #939da6;
  margin-right: 17px;
  font-size: 1.063rem;
}
.ed-footer-inner-wrapper .ed-support {
  background-color: #35335a;
  padding: 20px 20px 15px 20px;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-support {
    padding: 15px 15px 10px 15px;
    height: 160px;
  }
}
.ed-footer-inner-wrapper .ed-support {
  border-radius: 15px;
  height: 210px;
  background-repeat: no-repeat;
  background-position: 95% 12px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2240%22%20viewBox%3D%220%200%2036%2040%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M18%200.0673828C8.53216%200.0673828%200.870117%207.72942%200.870117%2017.1973V25.9179C0.870117%2028.494%202.96588%2030.5897%205.5419%2030.5897C8.11793%2030.5897%2010.2137%2028.494%2010.2137%2025.9179V20.3118C10.2137%2017.7358%208.11793%2015.64%205.5419%2015.64C5.0189%2015.64%204.51629%2015.7277%204.04639%2015.8869C4.70931%208.771%2010.7138%203.18191%2018%203.18191C25.2862%203.18191%2031.2907%208.771%2031.9536%2015.8869C31.4837%2015.7277%2030.9811%2015.64%2030.4581%2015.64C27.8821%2015.64%2025.7863%2017.7358%2025.7863%2020.3118V25.9179C25.7863%2028.494%2027.8821%2030.5897%2030.4581%2030.5897C30.9296%2030.5897%2031.3847%2030.5189%2031.814%2030.3884C31.2315%2032.3051%2029.4481%2033.7042%2027.3436%2033.7042H22.4039C21.7611%2031.8917%2020.0301%2030.5897%2018%2030.5897C15.424%2030.5897%2013.3282%2032.6855%2013.3282%2035.2615C13.3282%2037.8375%2015.424%2039.9333%2018%2039.9333C20.0301%2039.9333%2021.761%2038.6313%2022.4039%2036.8188H27.3436C31.6369%2036.8188%2035.1299%2033.3258%2035.1299%2029.0325V17.1973C35.1299%207.72942%2027.4678%200.0673828%2018%200.0673828ZM5.5419%2018.7545C6.40058%2018.7545%207.09917%2019.4531%207.09917%2020.3118V25.9179C7.09917%2026.7766%206.40058%2027.4752%205.5419%2027.4752C4.68323%2027.4752%203.98464%2026.7766%203.98464%2025.9179V20.3118C3.98464%2019.4531%204.68323%2018.7545%205.5419%2018.7545ZM18%2036.8188C17.1413%2036.8188%2016.4427%2036.1202%2016.4427%2035.2615C16.4427%2034.4028%2017.1413%2033.7042%2018%2033.7042C18.8587%2033.7042%2019.5573%2034.4028%2019.5573%2035.2615C19.5573%2036.1202%2018.8587%2036.8188%2018%2036.8188ZM30.4581%2027.4752C29.5994%2027.4752%2028.9008%2026.7766%2028.9008%2025.9179V20.3118C28.9008%2019.4531%2029.5994%2018.7545%2030.4581%2018.7545C31.3168%2018.7545%2032.0154%2019.4531%2032.0154%2020.3118V25.9179C32.0154%2026.7766%2031.3168%2027.4752%2030.4581%2027.4752Z%22%20fill%3D%22%23B1B2C4%22%20fill-opacity%3D%220.3%22%2F%3E%3C%2Fsvg%3E");
}
.ed-footer-inner-wrapper .ed-support .ed-support-title {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
  color: #ffffff;
  line-height: 28px;
  text-align: left;
  display: flex;
  margin-bottom: 10px;
}
.ed-footer-inner-wrapper .ed-support .ed-support-title img {
  display: inline-block;
  color: #ffffff;
  margin-right: 15px;
  font-size: 1.5rem;
  position: relative;
  margin-top: 3px;
}
.ed-footer-inner-wrapper .ed-support .ed-support-center-div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.ed-footer-inner-wrapper .ed-support .ed-support-center-div .ed-icon {
  background-color: #f04e45;
  width: 51px;
  height: 36px;
  border: 0px;
  margin-bottom: 4px;
  border-radius: 4px;
}
.ed-footer-inner-wrapper .ed-support .ed-support-center-div .ed-icon i {
  color: #ffffff;
}
.ed-footer-inner-wrapper .ed-support .ed-support-center-div a {
  color: #ffffff !important;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-support span {
    line-height: 15px;
  }
}
.ed-footer-inner-wrapper .ed-grievance {
  background-color: #35335a;
  padding: 20px 20px 15px 20px;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-grievance {
    padding: 15px 15px 10px 15px;
  }
}
.ed-footer-inner-wrapper .ed-grievance {
  border-radius: 15px;
  height: 210px;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-grievance {
    height: 177px;
  }
}
.ed-footer-inner-wrapper .ed-grievance {
  background-repeat: no-repeat;
  background-position: 95% 12px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 52 52" fill="none"><g clip-path="url(%23clip0_2392_645)"><path d="M33.5835 43.3337C33.8283 43.3337 34.0732 43.2513 34.2747 43.0823C34.734 42.6988 34.7968 42.0163 34.4133 41.557L32.0993 38.7793C30.4895 36.8488 30.1775 34.1492 31.2998 31.9023C31.5078 31.4863 31.4277 30.9815 31.0962 30.6522L27.1463 26.7023C25.5668 25.1228 25.5668 22.5488 27.1463 20.9693L39.3468 32.2165C39.7867 32.6217 40.4735 32.5957 40.8787 32.1537C41.2838 31.7138 41.2557 31.027 40.8158 30.6218L28.6153 19.3768C27.7573 18.586 26.44 18.6098 25.6145 19.4375C23.1878 21.8642 23.1878 25.8097 25.6145 28.2363L29.04 31.6618C27.9307 34.5197 28.4442 37.7827 30.4332 40.1703L32.7515 42.9437C32.966 43.2015 33.2737 43.3337 33.5835 43.3337Z" fill="%23B1B2C4" fill-opacity="0.3"/><path d="M29.2503 51.9996H44.417C46.2088 51.9996 47.667 50.5414 47.667 48.7496V34.4583C47.667 29.4034 45.262 24.5631 41.2342 21.5081L36.8559 18.1924C36.8559 18.8789 36.8559 19.1323 36.8559 19.7947C36.8559 20.6617 36.8559 20.3949 36.8559 20.9523L39.9233 23.2349C43.416 25.8826 45.5003 30.0773 45.5003 34.4583V48.7496C45.5003 49.3476 45.015 49.8329 44.417 49.8329H29.2503C28.6523 49.8329 28.167 49.3476 28.167 48.7496V46.5873C28.167 45.9893 27.6817 45.5039 27.0837 45.5039C24.6938 45.5039 22.7503 43.5604 22.7503 41.1706V37.2508C22.4837 37.1367 22.191 37.0437 21.667 36.9406C21.1713 36.8565 20.8695 36.8494 20.5837 36.8494V41.1706C20.5837 44.3859 22.9302 47.0639 26.0003 47.5796V48.7496C26.0003 50.5414 27.4585 51.9996 29.2503 51.9996Z" fill="%23B1B2C4" fill-opacity="0.3"/><path d="M9.74967 41.1667H14.083C14.4925 41.1667 14.8695 40.9348 15.0515 40.5665L15.279 40.1093C16.2908 38.09 18.3232 36.8333 20.583 36.8333C22.8428 36.8333 24.8752 38.09 25.8848 40.1115L26.1123 40.5687C26.2987 40.9348 26.6735 41.1667 27.083 41.1667H31.2592C30.9634 40.8257 30.6586 40.4712 30.3662 40.0833C29.9344 39.5478 29.886 39.4261 29.6093 39H27.7503C26.3485 36.322 23.6163 34.6667 20.583 34.6667C17.5497 34.6667 14.8175 36.322 13.4135 39H9.74967C7.95784 39 6.49967 37.5418 6.49967 35.75V5.41667C6.49967 3.62483 7.95784 2.16667 9.74967 2.16667H13.4157C14.8175 4.8425 17.5497 6.5 20.583 6.5C23.6163 6.5 26.3485 4.8425 27.7525 2.16667H31.4163C33.2082 2.16667 34.6663 3.62483 34.6663 5.41667V24.9405C35.079 25.3206 35.2378 25.4652 35.7497 25.9253C36.2616 26.3855 36.491 26.6032 36.833 26.9102V5.41667C36.833 2.431 34.402 0 31.4163 0H27.083C26.6735 0 26.2987 0.231833 26.1145 0.598L25.8848 1.05517C24.8752 3.07667 22.8428 4.33333 20.583 4.33333C18.3232 4.33333 16.2908 3.07667 15.279 1.05517L15.0493 0.598C14.8673 0.231833 14.4925 0 14.083 0H9.74967C6.76401 0 4.33301 2.431 4.33301 5.41667V35.75C4.33301 38.7357 6.76401 41.1667 9.74967 41.1667Z" fill="%23B1B2C4" fill-opacity="0.3"/><path d="M33.5829 15.1667H34.6631C34.6631 14.6333 34.6631 14.6813 34.6631 14.0833C34.6631 13.4853 34.663 13.5903 34.6631 13H33.5829C32.9849 13 32.4996 13.4853 32.4996 14.0833C32.4996 14.6813 32.9849 15.1667 33.5829 15.1667Z" fill="%23B1B2C4" fill-opacity="0.3"/><path d="M13.5848 15.1667H17.5845C18.1825 15.1667 18.6678 14.6813 18.6678 14.0833C18.6678 13.4853 18.1825 13 17.5845 13H13.5848C12.9868 13 12.5015 13.4853 12.5015 14.0833C12.5015 14.6813 12.9847 15.1667 13.5848 15.1667ZM23.584 15.1667H27.5837C28.1817 15.1667 28.667 14.6813 28.667 14.0833C28.667 13.4853 28.1817 13 27.5837 13H23.584C22.986 13 22.5007 13.4853 22.5007 14.0833C22.5007 14.6813 22.9838 15.1667 23.584 15.1667Z" fill="%23B1B2C4" fill-opacity="0.3"/><path d="M6.50163 15.1667H7.61882C8.21682 15.1667 8.70215 14.6813 8.70215 14.0833C8.70215 13.4853 8.21682 13 7.61882 13L6.50163 13C6.50163 13.7572 6.50163 13.4853 6.50163 14.0833C6.50163 14.6813 6.50163 14.6918 6.50163 15.1667Z" fill="%23B1B2C4" fill-opacity="0.3"/></g><defs><clipPath id="clip0_2392_645"><rect width="52" height="52" fill="white" transform="matrix(-1 0 0 1 52 0)"/></clipPath></defs></svg>');
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-grievance {
    border-radius: 5px;
    width: auto;
  }
}
.ed-footer-inner-wrapper .ed-grievance .custom-button-white {
  text-wrap: nowrap;
  color: #ffffff !important;
}
.ed-footer-inner-wrapper .ed-grievance .edel-icon-edel-icon-right-thin-arrow:before {
  color: #f04e45;
}
.ed-footer-inner-wrapper .ed-grievance .edel-icon-ticket-grievance:before {
  font-size: 52px;
}
.ed-footer-inner-wrapper .ed-grievance .edel-icon-ticket-grievance-mob:before {
  font-size: 36px;
}
.ed-footer-inner-wrapper .ed-grievance .ed-icon {
  background-color: #f04e45;
  width: 51px;
  height: 36px;
  border: 0px;
  border-radius: 4px;
  margin-bottom: 4px;
}
.ed-footer-inner-wrapper .ed-grievance .ed-icon i {
  color: #ffffff;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-grievance span {
    line-height: 15px;
  }
}
.ed-footer-inner-wrapper .ed-feedback {
  background-color: #35335a;
  padding: 20px 20px 15px 20px;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-feedback {
    padding: 15px 15px 10px 15px;
  }
}
.ed-footer-inner-wrapper .ed-feedback {
  border-radius: 15px;
  height: 177px;
}
@media (max-width: 768px) {
  .ed-footer-inner-wrapper .ed-feedback {
    height: 137px;
  }
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-title {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
  color: #ffffff;
  line-height: 28px;
  text-align: left;
  display: flex;
  margin-bottom: 10px;
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-title img {
  display: inline-block;
  color: #ffffff;
  margin-right: 15px;
  position: relative;
  margin-top: 3px;
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-desc {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: normal;
  color: #ffffff;
  opacity: 0.75;
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 15px;
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div .ed-icon {
  background-color: #f04e45;
  width: 40px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  border-radius: 4px;
  border: none;
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div .ed-icon img {
  margin-right: 0px !important;
  margin-top: 0px !important;
}
.ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div .ed-icon i {
  color: #ffffff;
}
.ed-footer-inner-wrapper .ed-feedback.ed-feedback137 {
  height: 137px !important;
}

.ed-feedback-small {
  background-color: #35335a;
  border-radius: 5px;
}
.ed-feedback-small .ed-feedback-title {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
  color: #ffffff;
  line-height: 28px;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 5px;
}
.ed-feedback-small .ed-feedback-title img {
  display: inline-block;
  color: #ffffff;
  position: relative;
}
.ed-feedback-small .ed-feedback-center-div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.ed-feedback-small .ed-feedback-center-div .ed-icon {
  background-color: #f04e45;
  width: 51px;
  height: 36px;
  border: 0px;
  border-radius: 4px;
}
.ed-feedback-small .ed-feedback-center-div .ed-icon i {
  color: #ffffff;
}

.ed-copyright-section {
  background-color: #020020;
  margin-top: -1px;
}
.ed-copyright-section .ed-copyright {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: 25px;
  color: #ffffff;
  margin-bottom: 25px;
}
.ed-copyright-section .ed-copyright a {
  color: #f04e45;
  font-weight: 600;
}
.ed-copyright-section .ed-copyright-reserve {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  line-height: 21.6px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 25px;
}
.ed-copyright-section .edel-logo-footer {
  text-align: center;
}
.ed-copyright-section .edel-logo-footer .edel-icon-edel-logo1 {
  color: #ffffff;
  text-align: center;
  display: inline-block;
  font-size: 1rem;
  margin: auto;
}
.ed-copyright-section .list-style-type-disc-fr {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.ed-copyright-section .list-style-type-disc-fr li {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  list-style-type: disc;
}

.ed-products {
  width: 100%;
  font-family: "DMSansNormal";
}
.ed-products .ed-products-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 25px;
  color: #ffffff;
}
.ed-products .ed-products-inner {
  padding-bottom: 100px;
  display: flex;
}
.ed-products .ed-products-inner div {
  display: flex;
}
.ed-products .ed-products-inner a {
  text-decoration: none;
  color: #ffffff;
  opacity: 0.75;
}
.ed-products .ed-products-inner ul {
  padding: 0 82.5px;
}
@media (max-width: 1400px) {
  .ed-products .ed-products-inner ul {
    padding: 0 72px;
  }
}
@media (max-width: 1280px) {
  .ed-products .ed-products-inner ul {
    padding: 0 60px;
  }
}
@media (max-width: 1152px) {
  .ed-products .ed-products-inner ul {
    padding: 0 43px;
  }
}
.ed-products .ed-products-inner ul li {
  font-size: 0.875rem;
  line-height: 21.6px;
  padding-bottom: 15px;
}
.ed-products .ed-products-inner .ed-equity {
  padding-left: 0;
}
.ed-products .ed-products-inner .offer-sale,
.ed-products .ed-products-inner .ed-rights-issues,
.ed-products .ed-products-inner .ed-portfolio {
  border-left: 1px solid rgba(226, 226, 226, 0.1);
}

.ed-others {
  display: flex;
}
.ed-others .ed-others-section {
  width: 36.24%;
  margin-right: 40px;
}
@media (max-width: 1366px) {
  .ed-others .ed-others-section {
    margin-right: 0px;
  }
}
@media (max-width: 1280px) {
  .ed-others .ed-others-section {
    width: 32%;
  }
}
.ed-others .ed-others-title {
  font-family: "DMSansBold";
  font-size: 1.5rem;
  line-height: 22px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 40px;
}
.ed-others .ed-others-inner {
  margin-bottom: 50px;
  display: flex;
}
.ed-others .ed-others-inner .ed-others-bd {
  padding-left: 39.5px;
  border-left: 1px solid rgba(226, 226, 226, 0.1);
  height: 190.93px;
}
@media (min-width: 1151px) {
  .ed-others .ed-others-inner .ed-others-bd {
    padding-left: 20px;
  }
}
@media (min-width: 1280px) {
  .ed-others .ed-others-inner .ed-others-bd {
    padding-left: 39.5px;
  }
}
.ed-others .ed-others-inner .ed-other.ed-others-half {
  width: 50%;
}
.ed-others .ed-others-inner .ed-other ul {
  padding: 0px;
  list-style: none;
  margin: 0px;
}
.ed-others .ed-others-inner .ed-other ul li {
  margin-bottom: 15px;
}
.ed-others .ed-others-inner .ed-other ul li a {
  text-decoration: none;
  color: #939da6;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 22px;
  text-align: left;
}
.ed-others .ed-others-inner .ed-other ul li:last-child {
  margin-bottom: 0px;
}

.bottom-border {
  height: 1px;
  background-color: #e2e2e2;
  width: 110%;
  margin-bottom: 40px;
  opacity: 0.1;
}

.ed-stock-market {
  font-family: "encodesans_normal";
  width: 100%;
}
.ed-stock-market .ed-stock {
  display: flex;
}
.ed-stock-market .ed-stock .ed-stock-description {
  color: #ffffff;
  line-height: 40px;
}
.ed-stock-market .ed-stock .ed-stock-description ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  margin-left: -10px;
}
.ed-stock-market .ed-stock .ed-stock-description ul li {
  margin-bottom: 14px;
}
.ed-stock-market .ed-stock .ed-stock-description a {
  padding-right: 6px;
  padding-left: 6px;
  color: #ffffff;
  border-right: 1px solid;
  display: inline-block;
  padding-right: 11px;
  padding-left: 11px;
  height: 16px;
  line-height: 16px;
  font-size: 0.875rem;
  opacity: 0.75;
}
.ed-stock-market .ed-stock .ed-stock-description ul :nth-child(26) a {
  border: none;
}
.ed-stock-market .ed-stock .ed-stock-title {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  line-height: 22px;
  text-align: left;
  color: #ffffff;
  width: 200px;
  margin: 10px 100px 40px 0;
}
@media (max-width: 1366px) {
  .ed-stock-market .ed-stock .ed-stock-title {
    margin: 10px 75px 40px 0;
  }
}
@media (max-width: 1280px) {
  .ed-stock-market .ed-stock .ed-stock-title {
    margin: 10px 57px 40px 0;
  }
}

.ed-market-status {
  display: flex;
}
.ed-market-status .grid-market-status {
  display: grid;
  grid-template-columns: 15% auto;
}
@media (max-width: 768px) {
  .ed-market-status .grid-market-status {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.ed-market-status .ed-market-title {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  line-height: 22px;
  text-align: left;
  color: #ffffff;
  width: 200px;
  margin: 10px 100px 0px 0;
}
@media (max-width: 1366px) {
  .ed-market-status .ed-market-title {
    margin: 10px 75px 0px 0;
  }
}
@media (max-width: 1280px) {
  .ed-market-status .ed-market-title {
    margin: 10px 57px 0px 0;
  }
}
@media (max-width: 1152px) {
  .ed-market-status .ed-market-title {
    margin: 10px 25px 0px 0;
  }
}
.ed-market-status .ed-market-status-list span.marketOpen::after {
  content: "•";
  padding-right: 9px;
  padding-left: 9px;
  font-size: 2.875rem;
  position: relative;
  top: 12px;
  color: #1a8a4e;
}
.ed-market-status .ed-market-status-list span.marketClosed::after {
  content: "•";
  padding-right: 9px;
  padding-left: 9px;
  font-size: 2.875rem;
  position: relative;
  top: 12px;
  color: #f83c3c;
}
.ed-market-status .ed-market-status-list span {
  border-right: 1px solid;
  color: #949fa9;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 26px;
  text-align: left;
}
.ed-market-status .ed-market-status-list span:last-child {
  border-right: none;
}
.ed-market-status .ed-market-status-list span:not(span:nth-child(1)) {
  padding-left: 5px;
}

.ed-plateforms {
  width: 63.75%;
  font-family: "DMSansNormal";
}
@media (max-width: 1280px) {
  .ed-plateforms {
    width: 68%;
  }
}
.ed-plateforms .ed-platform-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 66px;
}
.ed-plateforms .ed-platform-inner {
  display: flex;
}

.ed-web-cntr {
  margin-top: 0;
}

.ed-trader {
  width: 293px;
  height: 113px;
  margin-bottom: 15px;
  margin-right: 12px;
}
.ed-trader img {
  position: relative;
  top: -14px;
  bottom: 0px;
  height: 142px;
  width: 120px;
}

.ed-web {
  margin: 0 12px 21px 0;
}
.ed-web img {
  position: relative;
  top: 0px;
  bottom: 0px;
  height: 68px;
  width: 113px;
}

.ed-content-wrapper {
  background-color: #ffffff;
  padding: 13px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  height: 113px;
}
.ed-content-wrapper .ed-content-title {
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 19.6px;
  text-align: left;
  color: #0b243a;
  padding-left: 16px;
}
.ed-content-wrapper .ed-content-title span {
  font-weight: 300;
}
.ed-content-wrapper .ed-content-trader {
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 29.4px;
  padding-left: 14.5px;
}

@media screen and (min-width: 1023px) {
  .ed-api {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    gap: 30px;
  }
  .ed-api img {
    height: 46.31px;
    width: 46.31px;
  }
  .ed-api .ed-content-api {
    padding: 0;
    padding-top: 0px;
  }
}
@media (max-width: 767.98px) {
  .mb-mt-10 {
    margin-top: 10px;
  }
}
@media (max-width: 991.98px) {
  .mb-mt-10 {
    margin-top: 10px;
  }
  .mw-50 {
    width: 50%;
  }
  .ed-products .ed-products-inner ul {
    padding: 0 0px;
    margin-bottom: 0px;
  }
  .ed-products .ed-products-inner ul li a {
    line-height: 22px;
    padding-bottom: 10px;
    font-size: 0.75rem;
    font-family: "DMSansMedium";
    opacity: 0.75;
  }
  .ed-products .ed-products-inner .offer-sale,
  .ed-products .ed-products-inner .ed-portfolio {
    border-left: 0px !important;
  }
  .ed-footer-inner-wrapper {
    padding: 42px 15px;
    background-color: #03002f;
  }
  .ed-footer-inner-wrapper .ed-join-section {
    font-family: "DMSansBold";
    color: #ffffff;
    font-size: 1rem;
    line-height: 22.4px;
    text-align: left;
  }
  .ed-footer-inner-wrapper .ed-join-section span {
    font-family: "DMSansMedium";
  }
  .ed-footer-inner-wrapper .ed-newsletter {
    display: flex;
    margin: 22px 0px;
  }
  .ed-footer-inner-wrapper .ed-newsletter input {
    padding: 18px;
    flex: 2;
    display: inline-block;
    border-radius: 5px 0px 0px 5px;
    border: none;
  }
  .ed-footer-inner-wrapper .ed-newsletter input::placeholder {
    font-family: "DMSansNormal";
    font-size: 0.875rem;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #787878;
  }
  .ed-footer-inner-wrapper .ed-newsletter button {
    flex: 1;
    background-color: #f04e45;
    font-size: 1rem;
    font-family: "DMSansMedium";
    line-height: 29.68px;
    text-align: Center;
    color: #ffffff;
    border: none;
    border-radius: 0px 5px 5px 0px;
    padding: 13px;
    display: inline-block;
  }
  .ed-others {
    display: flex;
    flex-direction: column;
  }
  .ed-others .ed-others-section {
    width: 100% !important;
  }
  .ed-content-wrapper {
    background-color: #ffffff;
    padding: 8px;
    border: 0px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-radius: 5px;
  }
  .ed-content-wrapper .ed-content-img {
    width: 46%;
  }
  .ed-content-wrapper .ed-content-img .bg-white {
    height: 57px;
    width: 57px;
    /* margin: auto; */
    background: #ffffff;
    position: relative;
    margin-left: 26px;
    position: relative;
  }
  .ed-content-wrapper .ed-content-title {
    font-family: "DMSansBold";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    padding-right: 13px;
  }
  .ed-content-wrapper .ed-content-title span {
    font-family: "DMSansNormal";
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
  }
  .ed-content-wrapper.ed-web {
    height: 81px;
    width: 100%;
  }
  .ed-content-wrapper.ed-web img {
    top: 0px;
  }
  .ed-api.ed-content-wrapper {
    height: 81px;
    width: 100%;
  }
  .ed-content-wrapper.ed-trader:last-child {
    height: 113px;
    width: 100%;
  }
  .ed-content-wrapper.ed-trader:first-child {
    height: 113px;
    margin-top: 20px;
    width: 100%;
  }
  .ed-content-wrapper.ed-trader:first-child img {
    position: relative;
    top: -28px;
    bottom: 0px;
  }
  .ed-others .ed-plateforms {
    width: 100% !important;
  }
  .ed-others .ed-plateforms .ed-platform-inner {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1199.98px) {
  .ed-others .ed-others-section {
    width: 27%;
  }
  .ed-others .ed-plateforms {
    width: 81%;
  }
}
@media (min-width: 1200px) {
  .container.innerContainer,
  .container-lg.innerContainer,
  .container-md.innerContainer,
  .container-sm.innerContainer,
  .container-xl.innerContainer {
    max-width: 1181px;
  }
}
.footer-mail-sec {
  line-height: 19.6px;
}

.mgl-8 {
  margin-left: 8px;
}

.mgr-8 {
  margin-right: 8px;
}

.mgt-19 {
  margin-top: 19px;
}

.support-middle-border {
  padding: 0px 8px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.support-left-border {
  padding: 0px 8px;
  border-left: 1px solid #ffffff;
}

@media (max-width: 768px) {
  .ed-join-section {
    padding: 0px !important;
  }
  .mb-hidden {
    display: none;
  }
  .ed-footer-inner-wrapper .ed-whyus-section {
    padding: 0px !important;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner {
    margin-top: 50px !important;
    margin-bottom: 40px;
    padding: 0px;
  }
  .innerContainer .pt-5 {
    padding-top: 0rem !important;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .innerContainer span {
    line-height: 25px;
  }
  .innerContainer .ps-35 {
    padding-left: 0px !important;
  }
}
.footer-subsection-head {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  color: #ffffff;
}

.footer-common-grid-5 {
  display: grid;
  grid-template-columns: 15% 25% 25% 20% 15%;
}

.footer-common-grid-4 {
  display: grid;
  grid-template-columns: 15% 25% 20% 40%;
}

.links-data div {
  border-left: 1px solid rgba(177, 178, 196, 0.25);
}
.links-data div:first-child {
  border-left: none !important;
}
.links-data .link-section-ul {
  padding-left: 0px;
}
.links-data .link-section-ul .inner-heading {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  color: #ffffff;
  opacity: 1;
}
.links-data .link-section-ul .outer-heading {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  color: #ffffff;
}
.links-data .link-section-ul li {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  margin-bottom: 15px;
}
.links-data .link-section-ul li a {
  color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
}
@media (max-width: 768px) {
  .links-data .link-section-ul li {
    line-height: 23px;
  }
}

.platform-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.grid-2-footer {
  display: grid;
  grid-template-columns: 50% auto;
}

.scheme-box {
  display: grid;
  grid-template-columns: 75% 25%;
  gap: 5px;
  background-color: #2d2b4d;
  padding: 10px;
  margin: 4px;
  margin-bottom: 30px;
}

.scheme-box-right {
  display: grid;
  grid-template-columns: 75% 25%;
  gap: 5px;
  background-color: #2d2b4d;
  padding: 10px;
  margin: 4px;
  margin-bottom: 30px;
  width: 210px;
}

.footer-txt-op {
  color: rgba(255, 255, 255, 0.75);
}

.readmorebtn:hover {
  color: #f04e45;
}

@media (min-width: 768px) and (max-width: 1600px) {
  .desktop-hide {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .mobile-show {
    display: inline-block;
  }
  .mobile-hide {
    display: none;
  }
  .ed-feeback-mob {
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .ed-feeback-mob .ed-feedback-title .footer-mail-sec img {
    top: 0px !important;
  }
}
@media screen and (max-width: 768px) {
  .footer-common-grid-5 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .footer-common-grid-5.links-data div {
    border-left: none !important;
  }
  .footer-common-grid-5.links-data .link-section-ul {
    padding-left: 0px !important;
  }
  .footer-common-grid-5.links-data .link-section-ul .outer-heading {
    display: none !important;
  }
  .footer-common-grid-4 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .footer-common-grid-4.links-data div {
    border-left: none !important;
  }
  .footer-common-grid-4.links-data .link-section-ul {
    padding-left: 0px !important;
  }
  .footer-common-grid-4.links-data .link-section-ul li {
    line-height: 15px;
  }
  .footer-common-grid-4.links-data .link-section-ul .outer-heading {
    font-size: 1.125rem;
    font-family: "DMSansBold";
  }
  .footer-common-grid-4 .pbt-37 {
    padding-top: 37px;
  }
  .platform-grid {
    display: grid !important;
    grid-template-columns: 100% !important;
  }
  .mb-footer-grid-3 {
    display: grid !important;
    grid-template-columns: 100% !important;
  }
  .grid-2-footer {
    display: grid !important;
    grid-template-columns: 100% !important;
  }
}
.common-owl-data .owl-nav button {
  border: none;
  background: none;
  color: #ffffff;
}
.common-owl-data .owl-nav button span {
  display: none;
}
.common-owl-data .owl-nav .owlnav .SliderIcon {
  position: relative;
}
.common-owl-data .owl-nav .partnerLeft {
  border: none;
  background: none;
  color: #ffffff;
  z-index: 999;
  font-size: 0.625rem;
  position: absolute;
  left: -1%;
  top: 30%;
}
@media (min-width: 1600px) {
  .common-owl-data .owl-nav .partnerLeft {
    margin-left: 92%;
  }
}
@media (min-width: 1680px) {
  .common-owl-data .owl-nav .partnerLeft {
    margin-left: 92%;
  }
}
.common-owl-data .owl-nav .partnerLeft span {
  display: none;
}
.common-owl-data .owl-nav .partnerRight {
  border: none;
  position: absolute;
  background: none;
  color: #ffffff;
  z-index: 999;
  font-size: 0.625rem;
  right: -1%;
  top: 30%;
}
@media (min-width: 1440px) {
  .common-owl-data .owl-nav .partnerRight {
    margin-left: -48px;
  }
}
.common-owl-data .owl-nav .partnerRight span {
  display: none;
}

@media (max-width: 768px) {
  .ed-footer-inner-wrapper .mgt-50 {
    margin-top: 0px;
  }
  .mgt-mt-50 {
    margin-top: 50px !important;
  }
}
.ed-feedback-small .owl-stage {
  position: relative;
}
.ed-feedback-small .owl-stage > .owl-item.active:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 53px;
  height: 100vh;
  background: #35335a;
  background: rgba(53, 51, 90, 0.6);
  filter: blur(9px);
  -o-filter: blur(9px);
  -ms-filter: blur(9px);
  -moz-filter: blur(9px);
  -webkit-filter: blur(9px);
}
.ed-feedback-small .owl-stage > .owl-item.active + .owl-item.active::after {
  right: 0px !important;
  left: unset !important;
}

.horizontal-line {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.scorebtn:hover {
  color: #f04e45;
  text-decoration: underline;
}

.setHeightFooterSidebar {
  min-height: 300px;
  max-height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 10px !important;
}
.setHeightFooterSidebar::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.setHeightFooterSidebar {
  /* Track */
}
.setHeightFooterSidebar::-webkit-scrollbar-track {
  background: transparent;
}
.setHeightFooterSidebar {
  /* Handle */
}
.setHeightFooterSidebar::-webkit-scrollbar-thumb {
  background: #03002f;
}

.grevienceCircle {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  background-color: #35335a;
  width: 47px;
  height: 15px;
  border-radius: 20px;
  margin-right: 10px;
  text-align: center;
}
@media (max-width: 768px) {
  .grevienceCircle {
    line-height: 15px;
  }
}

.link-content-anchor {
  color: #ffffff;
}
.link-content-anchor:hover {
  color: #ffffff;
}

.blanklink {
  height: 26px;
}

.ed-feedback-box {
  background-repeat: no-repeat;
  height: 150px !important;
}
@media (max-width: 768px) {
  .ed-feedback-box {
    height: 165px !important;
  }
}
.ed-feedback-box {
  background-position: 95% 12px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241%22%20height%3D%2239%22%20viewBox%3D%220%200%2041%2039%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.48%2038.9789H30.4573V39C33.0278%2039%2035.2612%2037.3355%2035.9986%2034.8703L40.6129%2019.5105C40.95%2018.3728%2040.7393%2017.1929%2040.044%2016.2447C39.3487%2015.2966%2038.2741%2014.7488%2037.0942%2014.7488H32.185C31.9532%2014.7488%2031.8268%2014.6224%2031.7636%2014.5381C31.7004%2014.4538%2031.6161%2014.2853%2031.6793%2014.0746L33.9127%206.23663C34.3341%204.74068%2034.0391%203.18152%2033.1121%201.93841C32.185%200.71637%2030.7733%200%2029.2142%200C27.4654%200%2025.822%200.948136%2024.9581%202.46515L19.2693%2012.41C18.3633%2014.0113%2016.7831%2015.2123%2014.9921%2015.6548L11.4725%2016.5422C10.8245%2015.4704%209.64715%2014.7475%208.31422%2014.7475H4.10028C2.07759%2014.7475%200.413086%2016.412%200.413086%2018.4347V35.2905C0.413086%2037.3132%202.07759%2038.9777%204.10028%2038.9777H8.31422C9.60415%2038.9777%2010.7484%2038.3007%2011.4082%2037.2856L13.6437%2038.0308C15.5399%2038.6629%2017.4994%2038.9789%2019.48%2038.9789ZM12.0014%2034.1544L14.655%2035.0389C16.2142%2035.5656%2017.8365%2035.8185%2019.48%2035.8185H30.4573C31.6372%2035.8185%2032.6485%2035.06%2032.9856%2033.9433L37.5999%2018.5835C37.6631%2018.3728%2037.5788%2018.2042%2037.5156%2018.1199C37.4524%2018.0357%2037.326%2017.9092%2037.0942%2017.9092H32.185C31.0262%2017.9092%2029.9516%2017.3825%2029.2352%2016.4344C28.5399%2015.5073%2028.3082%2014.3274%2028.6242%2013.2107L30.8576%205.37277C31.0051%204.84603%2030.8998%204.29822%2030.5837%203.85575C29.8884%202.90762%2028.266%203.03404%2027.6972%204.04538L22.0083%2013.9903C20.6599%2016.3501%2018.3844%2018.0778%2015.7506%2018.731L12.0014%2019.6763V34.1544ZM3.57354%2018.4347C3.57354%2018.1398%203.80531%2017.908%204.10028%2017.908H8.31422C8.60919%2017.908%208.84096%2018.1398%208.84096%2018.4347V35.2905C8.84096%2035.5855%208.60919%2035.8172%208.31422%2035.8172H4.10028C3.80531%2035.8172%203.57354%2035.5855%203.57354%2035.2905V18.4347Z%22%20fill%3D%22%23B1B2C4%22%20fill-opacity%3D%220.3%22%2F%3E%3C%2Fsvg%3E");
}
@media (max-width: 768px) {
  .ed-feedback-box {
    padding-bottom: 15px !important;
  }
}

.ed-feedback-box-2 {
  height: 50px !important;
  padding: 0px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .ed-feedback-box-2 {
    padding: 10px !important;
  }
}
.ed-feedback-box-2 .ed-feedback-center-div {
  margin-top: 0px !important;
}
@media (max-width: 768px) {
  .ed-feedback-box-2 .ed-feedback-center-div {
    justify-content: flex-end !important;
    flex-grow: 1;
  }
}
.ed-feedback-box-2 .ed-feedback-center-div .ed-icon {
  width: 40px !important;
}
@media (max-width: 768px) {
  .ed-feedback-box-2 .ed-feedback-center-div .ed-icon {
    width: 51px !important;
    height: 36px !important;
  }
}
.ed-feedback-box-2 .ed-feedback-center-div .ed-icon {
  border-radius: 5px !important;
}

.footerfeedback-modal {
  border: none;
  border-radius: 8px;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1);
}
.footerfeedback-modal .modal-content {
  padding: 20px;
}
.footerfeedback-modal .modal-content .modal-header {
  border-bottom: none;
}
.footerfeedback-modal .modal-content .modal-header .edel-icon-bold-close {
  color: #6374d4;
}

.footer-mail-sec .mail-to-section a:hover {
  color: #ffffff;
}

@media (min-width: 768px) and (max-width: 1600px) {
  .mgt-footer-refactor-55 {
    margin-top: 55px;
  }
}
@media (max-width: 768px) {
  .mgt-footer-refactor-55 {
    margin-top: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1600px) {
  .mgt-grivence-45 {
    margin-top: 45px;
  }
}

:root {
  font-size: 16px;
}

.show {
  display: block;
}

.fade {
  display: none;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-29 {
  margin-bottom: 29px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px !important;
}

.modal-open .popHoldingTitle {
  background: rgba(204, 204, 204, 0.19);
  backdrop-filter: blur(50px);
}
.modal-open .popHoldingTitle .modal-dialog {
  max-width: 995px !important;
  width: 100%;
  transition: none;
  margin-top: 100px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content {
  border: none;
  background: linear-gradient(#f0f9ff, #ffffff, #ffffff);
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-header {
  display: block;
  color: #0b243a;
  font-family: "DMSansNormal";
  background-color: #f0f9ff;
  border-bottom: none;
  font-style: normal;
  height: 100px;
  padding: 31px 37px 30px 40px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-header .btn-close {
  color: #1c1c28;
  opacity: 1;
  height: 17px;
  width: 17px;
  float: right;
  transform: translateY(-27px);
  box-shadow: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-header .modal-title .d-footpop-headtitle {
  font-family: "DMSansNormal";
  font-style: normal;
  font-size: 1.75rem;
  line-height: 39px;
  color: #0b243a;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-header .modal-title .d-footpop-headtitle span {
  font-family: "DMSansBold";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body {
  padding: 40px 40px 0px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group .row {
  position: relative;
  margin-top: 15px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group .holder {
  position: absolute;
  top: 16px;
  transform: translateX(18px);
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group .holder label {
  color: #727271;
  font-family: "DMSansMedium";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group .holder .star {
  color: #e62020;
  margin-left: 5px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-group #poptextarea {
  color: #727271;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-control,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-select {
  border: 1px solid #e7e7e7;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-control:focus,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-select:focus {
  border: 1px solid #e7e7e7;
  box-shadow: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform :-ms-input-placeholder:after {
  content: "*";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform textarea {
  padding: 20px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform input,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select {
  height: 60px;
  border-radius: 8px;
  font-family: "DMSansMedium";
  padding: 18px;
  color: #727271;
  outline: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform input::placeholder:after,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select::placeholder:after {
  content: " *";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select::-ms-expand {
  display: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select + span {
  font-size: 1.25rem;
  float: right;
  margin-top: -37px;
  margin-right: 15px;
  /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
  pointer-events: none;
  /* everything after this is just to cover up the original arrow */
  /* (for browsers that don't support the syntax used above) */
  background-color: transparent;
  color: #03002f !important;
  padding-right: 5px;
}
@media (max-width: 640px) {
  .modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select + span {
    margin-top: -25px;
  }
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform select option {
  padding-right: 21px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .form-select,
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform textarea {
  color: #727271;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag {
  height: 143px;
  padding: 18px 0px 35px;
  border: 1px dashed #b8b8b8;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .uploadError {
  color: red;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .uploadSectionWrap .fileNameSec {
  display: flex;
  justify-content: center;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileName {
  font-family: "DMSansNormal";
  font-size: 1rem;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileClose {
  margin-left: 10px;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag #feedBackFile {
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: pointer;
  display: block;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag #upload-icon {
  font-size: 2.625rem;
  color: #03002f;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform .d-feed-drag .upload-content {
  margin-top: 26px;
  font-size: 1rem;
  line-height: 22px;
  color: #727271;
  font-family: "DMSansMedium";
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform button {
  width: 100%;
  background: #03002f;
  border-radius: 5px;
  color: #ffffff;
  font-family: "DMSansMedium";
  font-size: 1.125rem;
  height: 53px;
  border: none;
  outline: none;
}
.modal-open .popHoldingTitle .modal-dialog .modal-content .modal-body #d-feedbackform textarea {
  height: 143px;
  border-radius: 8px;
  resize: none;
}

.footer_wrapper__backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
}

.footer_wrapper .footer_wrapper__handle-wrapper {
  padding: 10px 0px;
  background-color: #f2f2f5;
  border-radius: 5px 5px 0px 0px;
}
.footer_wrapper .footer_wrapper__content {
  padding: 0px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-heading {
  height: 40px;
  background-color: #f0f9ff;
  padding: 0px 0px 20px 15px;
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-heading span {
  font-family: "DMSansBold";
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group {
  position: relative;
  margin: 0px 15px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .form-control:focus,
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .form-select:focus {
  box-shadow: none;
  border: 1px solid #3580f7;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group textarea {
  resize: none;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-holder {
  position: absolute;
  transform: translate(20px, 10px);
  color: #727271;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-holder label {
  font-family: "DMSansMedium";
  color: #727271;
  font-size: 0.875rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-holder .form-control {
  border-color: #e7e7e7;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-holder .star {
  color: red;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group input {
  padding: 10px 0px 10px 20px;
  height: 40px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group input:focus {
  box-shadow: none;
  border: 1px solid #3580f7;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group select::-ms-expand {
  display: none;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group select + span {
  font-size: 0.625rem;
  float: right;
  margin-top: -25px;
  margin-right: 15px;
  /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
  pointer-events: none;
  /* everything after this is just to cover up the original arrow */
  /* (for browsers that don't support the syntax used above) */
  background-color: transparent;
  color: #3580f7 !important;
  padding-right: 5px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow {
  margin-top: 20px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .form-control {
  border: 1px dashed #b8b8b8;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag {
  height: 96px;
  padding: 15px 40px;
  border: 1px dashed #b8b8b8;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadError {
  color: red;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadSectionWrap .fileNameSec {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileName {
  font-family: "DMSansNormal";
  font-size: 1rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileName p {
  margin-bottom: 0px;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .uploadSectionWrap .fileNameSec .uploaded-fileClose {
  margin-left: 10px;
  font-size: 0.75rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .upload-content {
  margin-top: 10px;
  font-family: "DMSanM";
  color: #727271;
  font-size: 0.875rem;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fileChoosenRow .mob-feed-drag .fs-20 {
  font-size: 1.25rem;
  color: #3580f7;
}
.footer_wrapper .footer_wrapper__content .mob-feedback .m-fb-body .form-group .mob-fb-submitRow button {
  width: 100%;
  background: #3580f7;
  border-radius: 5px;
  color: #ffffff;
  font-family: "DMSanM";
  font-size: 1.125rem;
  height: 53px;
  border: none;
  outline: none;
  margin-top: 30px;
}

.display-none {
  display: none !important;
}

.feedback-link-mobile .drawer-close-button {
  border-radius: 100px;
  border: 1px solid #f05046;
  height: 40px;
  min-width: 100px;
  background-color: #ffffff;
  color: #f05046;
}

:root {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .ed-footer-inner-wrapper {
    padding: 42px 0px 20px 0px;
    background-color: #03002f;
  }
  .ed-footer-inner-wrapper .ed-join-section {
    font-size: 1rem;
    font-family: "DMSansBold";
    color: #ffffff;
    line-height: 22.4px;
  }
  .ed-footer-inner-wrapper .ed-join-section span {
    font-family: "DMSansBold";
  }
  .ed-footer-inner-wrapper .ed-newsletter {
    display: flex;
    margin: 22px 0px;
  }
  .ed-footer-inner-wrapper .ed-newsletter input {
    padding: 18px;
    flex: 2;
    display: inline-block;
    border-radius: 5px 0px 0px 5px;
    border: none;
  }
  .ed-footer-inner-wrapper .ed-newsletter input::placeholder {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #787878;
  }
  .ed-footer-inner-wrapper .ed-newsletter button {
    flex: 1;
    background-color: #f04e45;
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    line-height: 29.68px;
    text-align: Center;
    color: #ffffff;
    border: none;
    border-radius: 0px 5px 5px 0px;
    padding: 13px;
    display: inline-block;
  }
  .ed-footer-inner-wrapper .ed-google-link {
    font-size: 0.875rem;
    font-family: "DMSansNormal";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: right;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner {
    margin-top: 60px;
    margin-bottom: 40px;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .ed-whyus-title .ed-title {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    color: #eeeeee;
    display: flex;
    align-items: center;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .ed-whyus-title {
    margin-bottom: 20px;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .ed-whyus-title i {
    font-size: 2rem;
    display: inline-block;
    margin-right: 17.53px;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .whyus-description {
    font-family: "DMSansNormal";
    font-size: 0.875rem;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #939da6;
    margin-bottom: 24px;
    display: block;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .whyus-description .readmore {
    font-size: 0.875rem;
    font-family: "DMSansNormal";
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #f04e45;
    display: inline-block;
    padding-left: 10px;
  }
  .ed-footer-inner-wrapper .ed-whyus-section .ed-whyus-inner .social-icons i {
    display: inline-block;
    color: #939da6;
    margin-right: 17px;
    font-size: 1.063rem;
  }
  .ed-footer-inner-wrapper .ed-support {
    background-color: #35335a;
    padding: 16px 16px 12px 17px;
    border-radius: 5px;
    margin-bottom: 16px;
  }
  .ed-footer-inner-wrapper .ed-support .ed-support-title {
    font-size: 1.125rem;
    font-family: "DMSansMedium";
    color: #ffffff;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    display: flex;
    margin-bottom: 10px;
  }
  .ed-footer-inner-wrapper .ed-support .ed-support-title img {
    display: inline-block;
    color: #ffffff;
    margin-right: 15px;
    font-size: 1.5rem;
    position: relative;
    top: 3px;
  }
  .ed-footer-inner-wrapper .ed-support .ed-support-center-div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .ed-footer-inner-wrapper .ed-support .ed-support-center-div .ed-icon {
    background-color: #05243f;
    width: 51px;
    height: 36px;
    border: 0px;
    border-radius: 15px;
    margin-bottom: 4px;
  }
  .ed-footer-inner-wrapper .ed-support .ed-support-center-div .ed-icon i {
    color: #ffffff;
  }
  .ed-footer-inner-wrapper .ed-feedback {
    background-color: #35335a;
    padding: 16px 16px 12px 17px;
    border-radius: 5px;
    margin-bottom: 16px;
    margin-bottom: 40px;
  }
  .ed-footer-inner-wrapper .ed-feedback .ed-feedback-title {
    font-size: 1.125rem;
    font-family: "DMSansMedium";
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    display: flex;
    margin-bottom: 10px;
  }
  .ed-footer-inner-wrapper .ed-feedback .ed-feedback-title img {
    display: inline-block;
    color: #ffffff;
    margin-right: 15px;
    font-size: 1.5rem;
    position: relative;
    top: 0px;
  }
  .ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div .ed-icon {
    background-color: #f04e45;
    width: 51px;
    height: 36px;
    border: 0px;
    border-radius: 15px;
    margin-bottom: 4px;
  }
  .ed-footer-inner-wrapper .ed-feedback .ed-feedback-center-div .ed-icon i {
    color: #ffffff;
  }
  .ed-copyright-section {
    margin-bottom: 73px;
    background-color: #00172b;
    padding: 27px !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .ed-copyright-section {
    padding: 15px !important;
  }
}
@media screen and (max-width: 768px) {
  .ed-copyright-section .ed-copyright {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 50px;
  }
  .ed-copyright-section .ed-copyright-reserve {
    font-size: 0.75rem;
    font-family: "DMSansBold";
    line-height: 21.6px;
    letter-spacing: 0px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 12.5px;
  }
  .ed-copyright-section .edel-logo-footer {
    text-align: center;
  }
  .ed-copyright-section .edel-logo-footer .edel-icon-edel-logo1 {
    color: #ffffff;
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    margin: auto;
  }
  .ed-products .ed-products-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 25px;
    color: #ffffff;
  }
  .ed-products .ed-products-inner {
    padding-bottom: 76px;
  }
  .ed-products .ed-products-inner div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
  }
  .ed-products .ed-products-inner a {
    text-decoration: none;
    color: #939da6;
  }
  .ed-products .ed-products-inner ul {
    width: 50%;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 768px) and (max-width: 640px) {
  .ed-products .ed-products-inner ul {
    padding-left: 0px;
  }
}
@media screen and (max-width: 768px) {
  .ed-products .ed-products-inner ul li {
    font-size: 0.75rem;
    line-height: 22px;
    padding-bottom: 10px;
    font-family: "DMSansMedium";
  }
  .ed-others {
    width: 100%;
  }
  .ed-others .ed-others-title {
    font-family: "DMSansMedium";
    font-size: 1.125rem;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 25px;
    color: #ffffff;
  }
  .ed-others .ed-others-inner {
    margin-bottom: 50px;
    display: flex;
  }
  .ed-others .ed-others-inner .ed-other.ed-others-half {
    width: 50%;
  }
  .ed-others .ed-others-inner .ed-other ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
    margin-top: 10px;
  }
  .ed-others .ed-others-inner .ed-other ul li {
    margin-bottom: 10px;
  }
  .ed-others .ed-others-inner .ed-other ul li a {
    text-decoration: none;
    color: #939da6;
    font-size: 0.75rem;
    font-family: "DMSansMedium";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
  .ed-others .ed-others-inner .ed-other ul li:last-child {
    margin-bottom: 0px;
  }
  .ed-stock-market {
    margin: 50px 0px 19px 0px;
    padding: 0px 0px 0px 0px;
    max-width: 337px;
    margin-left: auto;
    margin-right: auto;
  }
  .ed-stock-market .ed-stock .ed-stock-description {
    color: #ffffff;
    line-height: 33px;
  }
  .ed-stock-market .ed-stock .ed-stock-description ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    margin-left: -10px;
  }
  .ed-stock-market .ed-stock .ed-stock-description ul li {
    margin-bottom: 14px;
  }
  .ed-stock-market .ed-stock .ed-stock-description a {
    padding-right: 8px;
    padding-left: 8px;
    color: #ffffff;
    border-right: 1px solid;
    display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
    height: 18px;
    line-height: 15px;
  }
  .ed-stock-market .ed-stock .ed-stock-description ul li:last-child a {
    border: 0px;
  }
  .ed-stock-market .ed-stock .ed-stock-title {
    font-family: "DMSansBold";
    font-size: 1.125rem;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 22px;
  }
  .ed-stock-market .ed-stock:nth-child(2) .ed-stock-title,
  .ed-stock-market .ed-stock:nth-child(3) .ed-stock-title {
    margin-top: 24px;
  }
  .ed-market-status .ed-market-title {
    font-size: 1.125rem;
    font-family: "DMSansMedium";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    margin-top: 40px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .ed-market-status .ed-market-title {
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  .ed-market-status .ed-market-status-list span {
    border-right: 1px solid;
    color: #949fa9;
    font-size: 0.75rem;
    font-family: "DMSansNormal";
    line-height: 26px;
    letter-spacing: 0px;
    text-align: left;
  }
  .ed-market-status .ed-market-status-list span:last-child {
    border: 0px;
  }
  .ed-market-status .ed-market-status-list span.marketOpen::after {
    content: "•";
    padding-right: 4px;
    padding-left: 4px;
    font-size: 1.563rem;
    position: relative;
    top: 5px;
    color: #1a8a4e;
  }
  .ed-market-status .ed-market-status-list span.marketClosed::after {
    content: "•";
    padding-right: 6px;
    padding-left: 5px;
    font-size: 1.563rem;
    position: relative;
    top: 2px;
    color: #f83c3c;
  }
  .ed-market-status .ed-market-status-list span:not(span:nth-child(1)) {
    padding-left: 5px;
  }
  .ed-plateforms .ed-platform-title {
    font-size: 1.125rem;
    font-family: "DMSansBold";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 14.5px;
  }
  .ed-content-wrapper {
    background-color: #ffffff;
    padding: 8px;
    border: 0px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-radius: 5px;
  }
  .ed-content-wrapper .ed-content-img {
    width: 46%;
  }
  .ed-content-wrapper .ed-content-img .bg-white {
    position: relative;
  }
  .ed-content-wrapper .ed-content-title {
    font-size: 1rem;
    font-family: "DMSansBold";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #0b243a;
    padding-right: 13px;
  }
  .ed-content-wrapper .ed-content-title span {
    font-size: 1rem;
    font-family: "DMSansNormal";
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #0b243a;
  }
  .ed-content-wrapper.ed-web {
    height: 81px;
  }
  .ed-api.ed-content-wrapper {
    height: 81px;
  }
  .ed-content-wrapper.ed-trader:last-child {
    height: 83px;
  }
  .ed-content-wrapper.ed-trader:first-child {
    height: 113px;
    margin-top: 59px;
  }
  .ed-content-wrapper.ed-trader:first-child img {
    position: relative;
    top: -15px;
    bottom: 0px;
  }
}
body {
  font-size: 16px;
  overscroll-behavior: none;
}

.summary-box {
  padding: 5px 15px;
  height: 70px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.summary_text {
  font-family: "EncodeSansMedium";
  font-size: 0.625rem;
  line-height: 12px;
  color: #b8b8b8;
}

.summary-dock {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: 200ms;
  display: grid;
  height: 64px;
  padding: 10px;
  gap: 10px;
  align-items: center;
  grid-template-columns: auto auto;
}
.summary-dock p {
  margin: 0;
}
.summary-dock .summary_values {
  justify-content: flex-end;
  font-size: 1.25rem;
}
.summary-dock .summary_values .percentage_value {
  font-size: 0.75rem;
}
@media (max-width: 767px) {
  .summary-dock {
    display: block;
  }
}

.summary-dock .summary_title {
  font-family: "EncodeSansMedium";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  color: #b8b8b8;
  margin-bottom: 0.3rem !important;
}

.summary_values {
  font-size: 1.5rem;
  line-height: 140%;
  font-family: "RobotoBold";
  display: flex;
}
.summary_values .percentage_value {
  display: contents;
  font-size: 0.875rem;
}
.summary_values .main_value {
  margin-right: 5px;
}
@media (max-width: 650px) {
  .summary_values .main_value {
    word-break: break-all;
  }
}

.summary_container {
  display: flex;
  gap: 20px;
  width: 100%;
}

.summary_container-mob {
  width: 100%;
  background: #ffffff;
}
.summary_container-mob .summary-container-mob-toptile {
  padding-bottom: 13px;
  padding-top: 20px;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.summary_container-mob .summary-container-mob-toptile .col {
  text-align: center;
}
.summary_container-mob .summary-container-mob-toptile .col .dashboard_summary {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
  color: #b8b8b8;
}
.summary_container-mob .summary-container-mob-toptile .col .summary_title {
  margin-bottom: 0px;
}
.summary_container-mob .summary-container-mob-toptile .col .summary_values {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  color: #444444;
  padding-top: 5px;
  display: block;
}
.summary_container-mob .summary-container-mob-toptile .col .totalpnl-val .totalpnl {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  line-height: 16.41px;
  letter-spacing: 0px;
  margin-top: 5px;
}
.summary_container-mob .summary-container-mob-toptile .col .pnlchangepercent {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  line-height: 13px;
  letter-spacing: 0px;
}

@media (max-width: 1299px) {
  .summary_values {
    font-size: 0.938rem;
  }
  .summary-dock .summary_values {
    font-size: 0.938rem;
  }
  .summary_title {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .summary-box {
    height: unset;
  }
}
.dashboard_dayspnl-mob {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
  color: #b8b8b8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 15px 12px;
  background: #f0f9ff;
  border-radius: 0px 0px 9px 9px;
  border-top: none !important;
  border: 1px solid #e7e7e7;
}
.dashboard_dayspnl-mob .summary_title {
  color: #444444;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  margin-bottom: 0px;
}

:root {
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .ed-component-heading {
    margin-top: 25.2px;
  }
}
.ed-component-heading {
  margin-top: 50px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) and (min-width: 577px) {
  .ed-component-heading .container {
    padding: 0px 12px;
    max-width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .generic-after-title-icon {
    margin-left: auto;
  }
}
.generic-after-title-icon {
  margin-left: 12px;
}

.ed-component-heading .container-generic {
  display: flex;
  align-items: center;
}
.ed-component-heading .container-generic div,
.ed-component-heading .container-generic span {
  cursor: default;
}
.ed-component-heading .container-generic i.edel-icon-left-arrow {
  color: #3580f7;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}
.ed-component-heading .container-generic i.edel-icon-arrow-left1 {
  font-size: 0.563rem;
  color: #3580f7;
  font-weight: 800;
  cursor: pointer;
}
@media screen and (max-width: 1024px) and (min-width: 580px) {
  .ed-component-heading .container-generic .date-time-container-generic {
    align-self: end;
    line-height: 27px;
  }
}
.ed-component-heading .container-generic .date-time-container-generic {
  align-self: end;
  line-height: 33px;
}
.ed-component-heading .container-generic .date-time-container-generic .generic-date,
.ed-component-heading .container-generic .date-time-container-generic .generic-time {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0px;
  text-align: left;
  color: #727271;
}
.ed-component-heading .container-generic .date-time-container-generic .generic-date {
  padding-right: 10px;
  padding-left: 6px;
}
.ed-component-heading .container-generic .generic-heading-title .title-bold {
  font-family: "encodesans_normal";
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 39.2px;
}
@media screen and (min-width: 1024px) {
  .ed-component-heading .container-generic .generic-heading-title .title-bold {
    margin-left: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .ed-component-heading .container-generic .generic-heading-title .title-bold {
    font-family: "encodesans_normal";
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 28px;
    color: #0b243a;
    margin-left: 10px;
  }
}
.ed-component-heading .container-generic .generic-heading-title .title-light {
  font-family: "encodesans_normal";
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 39.2px;
  margin-left: 10px;
}
@media screen and (max-width: 1024px) {
  .ed-component-heading .container-generic .generic-heading-title .title-light {
    font-family: "encodesans_normal";
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 28px;
    color: #0b243a;
  }
}
.ed-component-heading .generic-after-title-icon {
  cursor: pointer !important;
}
@media screen and (max-width: 1024px) {
  .ed-component-heading .generic-after-title-icon {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    color: #3580f7;
    border: 1px solid #f0f9ff;
    position: relative;
    top: 2px;
  }
}
@media screen and (min-width: 1025px) {
  .ed-component-heading .generic-after-title-icon {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: inline-block;
    color: #3580f7;
    border: 1px solid #fbfdff;
    position: relative;
  }
}
.ed-component-heading .generic-after-title-icon i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}

:root {
  font-size: 16px;
}

.sec_navigation_desktop .navigation_item {
  font-size: 0.875rem;
  line-height: 16px;
  margin-bottom: 12px;
  font-family: "RobotoRegular";
  color: #666666;
  border-radius: 2px;
  cursor: pointer;
}
.sec_navigation_desktop .navigation_item a {
  color: inherit;
  display: inline-block;
  width: 100%;
  padding: 4px;
}
.sec_navigation_desktop .navigation_item a:hover {
  background-color: #f7f7f7;
}
.sec_navigation_desktop .navigation_item:hover {
  background-color: #f7f7f7;
}
.sec_navigation_desktop .navigation_item.active {
  color: #174082;
  font-family: "RobotoMedium";
  background-color: rgba(23, 64, 130, 0.1);
}

:root {
  font-size: 16px;
}

.sec_nav .dropdown_button {
  font-size: 1rem;
  line-height: 16px;
  font-family: "RobotoMedium";
  color: #174082;
}
.sec_nav a {
  color: #252525;
}
.sec_nav .selected {
  margin-right: 4px;
}
.sec_nav .dropdown_content {
  width: calc(100vw - 32px);
  padding: 17px 0 22px 0;
  font-size: 1.125rem;
  line-height: 20px;
}
.sec_nav .dropdown_item {
  padding: 18px 30px;
  margin-right: 12px;
}

.dbar29RangesliderWrapper {
  width: 100%;
  margin: 0px auto;
}

.dbar29Horizontal {
  height: 0.29em;
  border-radius: 0.6em;
}

.dbar29Rangeslider,
.dbar29Rangeslider .dbar29RangesliderFill {
  display: block;
}

.dbar29Rangeslider {
  margin: 20px 0;
  position: relative;
  touch-action: none;
}

.dbar29Horizontal .dbar29RangesliderFill {
  width: 100% !important;
  height: 100%;
  border-radius: 10px;
  top: 0;
}

.dbar29Rangeslider .dbar29RangesliderHandle {
  position: absolute;
}

.dbar29RangesliderLabels {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  list-style-type: none;
  left: 0px;
  right: 0px;
  padding-left: 0px;
  font-weight: bold;
  font-size: 0.938rem;
  text-align: center;
}

.dbar29Horizontal .dbar29Grey {
  background: transparent;
}

.dcustomRangeBar {
  list-style-type: none;
  width: 100%;
  display: flex;
}
.dcustomRangeBar.indicatorStyle {
  padding-top: 8px;
  padding-bottom: 8px;
}

.dcustomRangeBar div {
  height: 4px;
}

.dcustomRangeBar div:nth-child(1) {
  background-color: #00d6bc;
}

.dcustomRangeBar div:nth-child(2) {
  background-color: #0378a6;
}

.dcustomRangeBar.moveableTooltip div:nth-child(1) {
  background-color: #0378a6 !important;
}

.dcustomRangeBar.moveableTooltip div:nth-child(2) {
  background-color: #00d6bc !important;
}

.dbar29RangesliderLabelname li:nth-child(1) {
  text-align: left;
}

.dbar29RangesliderLabelname li:nth-child(2) {
  text-align: right;
}

.dbar29RangesliderLabelname {
  width: 100%;
  padding-inline-start: 0px !important;
  display: flex;
}

@keyframes blinkingDot {
  50% {
    opacity: 0.6;
    transform: translate3d(-250%, -250%, 0);
  }
}
.dSkewcoderight1 {
  clip-path: polygon(0 0, 100% 0%, 98% 99%, 0% 100%);
}

.dSkewcoderight2 {
  clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%);
}

.fullwidth {
  width: 100%;
}

.lh10 {
  line-height: 8px;
}

.dbar29Horizontal .dbar29RangesliderHandle::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 0.6em solid #44475b;
  border-radius: 0;
  outline: none;
  transition: 0.5s ease-in-out;
  position: relative;
  top: -5px;
}

.dbar29Horizontal .dbar29RangesliderHandle.bt-green::after {
  border-top: 0.6em solid #00d6bc;
}

.dbar29Horizontal .dbar29RangesliderHandle.bt-blood-red::after {
  border-top: 0.6em solid #0378a6;
}

.dbar29Horizontal .dbar29RangesliderHandle.bt-green .dbar29RangesliderLabels li {
  color: #00d6bc;
  justify-content: center;
  align-items: center;
}
.dbar29Horizontal .dbar29RangesliderHandle.bt-blood-red .pbar29RangesliderLabels li {
  color: #0378a6;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .dSkewcoderight2 {
    margin: 0px auto !important;
  }
  .dcustomRangeBar div {
    height: 4px;
  }
}
/**********************skew new designing ****************/
.box {
  height: 4px;
}

.right-skew {
  position: relative;
  margin-right: 21px;
}

.right-skew-bar {
  position: relative;
  margin-right: -6px;
}

.right-skew-bar:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -21px;
  display: block;
  min-width: 0px;
  background: #0378a6;
  -webkit-transform: skew(-48deg);
  -ms-transform: skew(-48deg);
  transform: skew(-48deg);
}

.left-skew {
  position: relative;
  margin-left: 19px;
}

.left-skew-bar {
  position: relative;
  margin-left: 0px;
}

.left-skew-bar:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  display: block;
  min-width: 0px;
  background: #00d6bc;
  -webkit-transform: skew(-48deg);
  -ms-transform: skew(-48deg);
  transform: skew(-48deg);
}

.left-skew:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  display: block;
  min-width: 25px;
  background: #00d6bc;
  -webkit-transform: skew(-48deg);
  -ms-transform: skew(-48deg);
  transform: skew(-48deg);
}

.right-skew:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -21px;
  display: block;
  min-width: 25px;
  background: #0378a6;
  -webkit-transform: skew(-48deg);
  -ms-transform: skew(-48deg);
  transform: skew(-48deg);
}

.right-skew.positive::before {
  background: #51b255 !important;
}

.left-skew.negative::before {
  background: #dd504d !important;
}

.blue-green-theme .Progresscommondatavalue {
  font-family: "RobotoRegular";
}
.blue-green-theme .dcustomRangeBar.moveableTooltip div:nth-child(1) {
  background-color: #008fbc !important;
}
.blue-green-theme .dcustomRangeBar.moveableTooltip div:nth-child(2) {
  background-color: #00d6bc !important;
}
.blue-green-theme .right-skew:before {
  background: #008fbc;
}
.blue-green-theme .left-skew:before {
  background: #00d6bc;
}
.blue-green-theme .dbar29RangesliderLabels.move {
  margin-inline-start: 10px !important;
}
.blue-green-theme .dbar29Horizontal .dbar29RangesliderHandle.bt-green::after {
  border-top: 0.6em solid #444444;
}

.red-green-theme .Progresscommondatavalue {
  font-family: "RobotoRegular";
}
.red-green-theme .dcustomRangeBar.moveableTooltip div:nth-child(1) {
  background-color: #51b255 !important;
}
.red-green-theme .dcustomRangeBar.moveableTooltip div:nth-child(2) {
  background-color: #dd504d !important;
}
.red-green-theme .right-skew:before {
  background: #51b255;
}
.red-green-theme .left-skew:before {
  background: #dd504d;
}
.red-green-theme .dbar29Horizontal .dbar29RangesliderHandle.bt-green::after {
  border-top: 0.6em solid #444444;
}

:root {
  font-size: 16px;
}

.logo-head-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1px;
}
.logo-head-container .logo-left {
  display: flex;
}
.logo-head-container .logo-left .logo {
  display: flex;
  align-items: center;
}
.logo-head-container .logo-left .logo .logobg {
  color: #174082;
  font-size: 1.938rem;
  font-weight: 600;
}
.logo-head-container .logo-left .logo .edel-icon-edel-logo::before {
  font-size: 1.875rem;
  color: #0751a0;
  margin-right: 5.72px;
}
.logo-head-container .logo-left .logo .edel-icon-edel-logo2::before {
  content: "\e950";
  font-size: 1.125rem;
  color: #70706f;
}
.logo-head-container .logo-right {
  display: flex;
  align-items: center;
}
.logo-head-container .logo-right .icon-background {
  height: 42px;
  width: 42px;
  border-radius: 50%;
  position: relative;
  justify-content: center;
  background: #3580f7;
  display: flex;
  color: #ffffff;
  align-items: center;
}
@media (max-width: 640px) {
  .logo-head-container .logo-right .icon-background {
    height: 30px;
    width: 30px;
  }
}
.logo-head-container .logo-right .user-details {
  margin-left: 5px;
}
.logo-head-container .logo-right .user-details .user-username {
  font-size: 1.063rem;
  font-family: "EncodeSansMedium";
  color: #444444;
  line-height: 140%;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-wrap: break-word;
}
@media (max-width: 640px) {
  .logo-head-container .logo-right .user-details .user-username {
    font-size: 0.875rem;
  }
}
.logo-head-container .logo-right .user-details .user-accountid {
  font-size: 0.75rem;
  font-family: "EncodeSansLight";
  color: #b8b8b8;
  line-height: 140%;
}

.bluedots {
  color: #3580f7;
}

@media (max-width: 1299px) {
  .logo-head-container .logo-left .logo .edel-icon-edel-logo::before {
    font-size: 1.25rem;
  }
  .logo-head-container .logo-left .logo .edel-icon-edel-logo2::before {
    font-size: 0.938rem;
  }
  .logo-head-container .logo-right .icon-background {
    height: 30px;
    width: 30px;
  }
}
.bluedots {
  color: #3580f7;
}

.show {
  display: block;
}

.fade {
  display: none;
}

.modal-backdrop {
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadein 0.5s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
}
.modal-backdrop.show {
  background: rgba(204, 204, 204, 0.19);
  opacity: 1;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.modal-backdrop.additionalblur {
  backdrop-filter: blur(5px);
}

.redirectbg {
  background-color: #ffffff;
}

.progress-container {
  width: 100%;
  height: 10px;
  background: #cccccc;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 10px;
}

.progress-fill {
  height: 100%;
  background: #55a8dc;
  transition: width 0.3s ease;
}

.pbar29RangesliderWrapper {
  width: 100%;
  margin: 0px auto;
}

.pbar29Horizontal {
  height: 0.29em;
  border-radius: 0.6em;
}

.pbar29Rangeslider,
.pbar29Rangeslider .pbar29RangesliderFill {
  display: block;
}

.pbar29Rangeslider {
  margin: 20px 0;
  position: relative;
  touch-action: none;
}

.pbar29Horizontal .pbar29RangesliderFill {
  width: 100% !important;
  height: 100%;
  border-radius: 10px;
  top: 0;
}

.pbar29Rangeslider .pbar29RangesliderHandle {
  display: inline-block;
  position: absolute;
  left: 3%;
  top: 0px;
}

.pbar29RangesliderLabels {
  position: absolute;
  top: -33px;
  list-style-type: none;
  left: -5px;
  font-weight: bold;
  padding-inline-start: 0px;
  font-size: 0.938rem;
  text-align: center;
}

.pbar29Horizontal .pbar29Grey {
  background: transparent;
}

.customRangeBar {
  list-style-type: none;
  width: 100%;
  display: flex;
}

.customRangeBar div {
  display: inline-block;
  height: 4px;
  margin: 0px 0px 0px -3px;
}

.customRangeBar div:nth-child(1) {
  background-color: #51b255;
  width: 30%;
}

.customRangeBar div:nth-child(2) {
  background-color: #ffe500;
  width: 20%;
}

.customRangeBar div:nth-child(3) {
  background-color: #ff6b00;
  width: 20%;
}

.customRangeBar div:nth-child(4) {
  background-color: #dd504d;
  width: 30%;
}

.pbar29RangesliderLabelname li:nth-child(1) {
  color: #51b255;
  width: 30%;
}

.pbar29RangesliderLabelname li:nth-child(2) {
  color: #ffe500;
  width: 20%;
}

.pbar29RangesliderLabelname li:nth-child(3) {
  color: #ff6b00;
  width: 20%;
}

.pbar29RangesliderLabelname li:nth-child(4) {
  color: #dd504d;
  width: 30%;
}

.pbar29RangesliderLabelname {
  width: 100%;
  padding-inline-start: 0px !important;
}

.pbar29RangesliderLabelname li {
  display: inline-block;
}

@keyframes blinkingDot {
  50% {
    opacity: 0.6;
    transform: translate3d(-250%, -250%, 0);
  }
}
.SkewCode {
  clip-path: polygon(3% 3%, 100% 0, 97% 97%, 0 100%);
}

.Skewcoderight1 {
  clip-path: polygon(0% 2%, 100% 0, 98% 97%, 0 100%);
}

.Skewcoderight2 {
  clip-path: polygon(2% 0, 100% 0, 100% 99%, 0 100%);
}

@media screen and (max-width: 1024px) {
  .pbar29RangesliderWrapper {
    margin: 0 0px;
  }
  .pbar29RangesliderWrapper .pbar29RangesliderLabelname li {
    font-size: 0.625rem;
  }
  .pbar29RangesliderWrapper .customRangeBar div {
    margin: 0px auto;
    height: 4px;
  }
}
.pbar29Horizontal .pbar29RangesliderHandle::after {
  content: "";
  position: absolute;
  left: -5px;
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 0.6em solid #44475b;
  border-radius: 0;
  outline: none;
  top: -0.7em;
  transition: 0.5s ease-in-out;
}

.pbar29Horizontal .pbar29RangesliderHandle.bt-green::after {
  border-top: 0.6em solid #51b255;
}

.pbar29Horizontal .pbar29RangesliderHandle.bt-orange::after {
  border-top: 0.6em solid #ff6b00;
}

.pbar29Horizontal .pbar29RangesliderHandle.bt-blood-red::after {
  border-top: 0.6em solid #dd504d;
}

.pbar29Horizontal .pbar29RangesliderHandle.bt-yellow::after {
  border-top: 0.6em solid #ffe500;
}

.pbar29Horizontal .pbar29RangesliderHandle.bt-green .pbar29RangesliderLabels li {
  color: #51b255;
  justify-content: center;
  align-items: center;
}
.pbar29Horizontal .pbar29RangesliderHandle.bt-orange .pbar29RangesliderLabels li {
  color: #ff6b00;
  justify-content: center;
  align-items: center;
}
.pbar29Horizontal .pbar29RangesliderHandle.bt-blood-red .pbar29RangesliderLabels li {
  color: #dd504d;
  justify-content: center;
  text-align: center;
}
.pbar29Horizontal .pbar29RangesliderHandle.bt-yellow .pbar29RangesliderLabels li {
  color: #ffe500;
  justify-content: center;
  align-items: center;
}

.negativeClassbrd {
  border-left: 3px solid #dd504d;
}

.TextValueProgressbarnegative {
  float: right;
  right: 5%;
  position: absolute;
  font-size: 1rem;
  line-height: 60px;
  font-family: "DMSansMedium";
}

.datacontent.dataContentnegative {
  justify-content: flex-start;
  margin-left: 5px;
  font-family: "RobotoRegular";
}
.datacontent.dataContentnegative span:first-child {
  text-align: left !important;
}

@media (min-width: 320px) {
  .colhalf {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 320px) {
  .colfull {
    flex: 0 0 auto;
    width: 100%;
  }
}
.positive {
  background-color: #51b255 !important;
}

.positiveValue {
  color: #51b255 !important;
}

.negativeValue {
  color: #dd504d !important;
}

.negative {
  background-color: #dd504d !important;
}

.commondatavalue {
  font-family: "DMSansMedium";
  font-size: 1rem;
  width: 100%;
  display: inline-block;
  color: #444444;
}

.Progresscommondatavalue {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  width: 100%;
  display: inline-block;
  color: #444444;
}

.progresscommongrayvalue {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #b8b8b8 !important;
}

.commondatanumber {
  font-family: "RobotoRegular";
  font-size: 1rem;
  color: #444444;
  white-space: nowrap;
}

.commondatanumberpositive {
  font-family: "RobotoMedium";
  font-size: 1rem;
  color: #444444;
  width: 100%;
  display: inline-block;
}

.progress {
  height: 60px !important;
  background-color: transparent;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  margin-bottom: 5px;
}
.progress .progress-bar-success {
  border-left: 3px solid #51b255 !important;
  float: left;
  background-color: #f0fdf6;
}
.progress .progress-bar-negative {
  float: right;
  background-color: #fff5f5;
}
.progress .progress-bar {
  font-size: 1.125rem;
  line-height: 60px;
  color: #000;
  border-bottom: none;
  box-shadow: none;
}
.progress .textvalueprogressbar {
  position: absolute;
  font-size: 1rem;
  line-height: 60px;
  text-indent: 10px;
  font-style: normal;
  font-family: "DMSansMedium";
}
.progress .datacontent {
  display: grid;
  margin-top: 5px;
}
.progress .datacontent span {
  font-size: 1rem;
  width: 100%;
  display: inline-block;
  text-align: right;
  font-family: "RobotoRegular";
}
.progress .datacontent :first-child {
  font-weight: 400;
}
.progress .datacontent :last-child {
  font-weight: 500;
}

.progresscontainer {
  position: relative;
  width: 100%;
}
.progresscontainer .progressbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
}
.progresscontainer .progress-bar-negative {
  border-left: 3px solid #dd504d;
}
.progresscontainer .stack-top {
  z-index: 9;
  margin: 0px;
}

@media screen and (max-width: 1024px) {
  .commondatavalue {
    font-size: 0.875rem;
    line-height: 25px;
  }
  .progresscommongrayvalue {
    font-size: 0.75rem;
  }
  .Progresscommondatavalue {
    font-size: 0.75rem;
  }
  .TextValueProgressbarnegative {
    font-size: 0.875rem;
  }
  .commondatanumber {
    font-size: 0.875rem;
  }
  .commondatanumberpositive {
    font-size: 0.875rem;
  }
  .progress .textvalueprogressbar {
    font-size: 0.875rem;
  }
  .progress .TextValueProgressbarnegative {
    font-size: 0.875rem;
  }
}
.text-indent10 {
  text-indent: 0px !important;
}

@media (max-width: 768px) {
  .indices-dynamic-indicator .blue-green-theme .dbar29RangesliderWrapper .fullwidth .mobiletop-content {
    position: relative;
    top: -12px;
  }
}
.indices-dynamic-indicator .dbar29RangesliderLabelname .commondatanumber {
  font-weight: 600;
}

:root {
  font-size: 16px;
}

.viewall-icon-container {
  height: 41px;
  width: 41px;
  border-radius: 50%;
  border: 1px solid rgba(53, 128, 247, 0.05);
}
.viewall-icon-container .viewall-icon-box {
  height: 30.5px;
  width: 30.5px;
  border-radius: 50%;
  background: rgba(53, 128, 247, 0.1);
  position: relative;
  top: 4px;
  left: 4px;
}
.viewall-icon-container .viewall-icon-box .viewall-icon {
  height: 23px;
  width: 23px;
  background: #3580f7;
  color: #ffffff;
  border-radius: 50%;
  position: relative;
  top: 3.7px;
  left: 3.7px;
}
.viewall-icon-container .viewall-icon-box .viewall-icon .edel-icon-arrow-right::before {
  left: 3px;
  top: 3px;
  font-size: 1.125rem;
  position: relative;
}

:root {
  font-size: 16px;
}

.marketgroup {
  width: 100%;
}
@media (max-width: 1023px) {
  .marketgroup {
    margin: 20px auto;
  }
}
.marketgroup .marketCard {
  border: 1px solid #e7e7e7;
  background: linear-gradient(0deg, #ffffff, #ffffff), #ffffff !important;
  border-radius: 5px !important;
  padding: 20px;
}
.marketgroup .marketCard .marketcardhead {
  background: none !important;
  border: none !important;
  display: flex;
  align-items: center;
  padding: 0 !important;
  justify-content: space-between;
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain {
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  color: #0b243a;
  display: flex;
  align-items: center;
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain strong {
  font-family: "DMSansBold";
}
@media (max-width: 1023px) {
  .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain {
    font-size: 1.25rem;
  }
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain .gap {
  margin-left: 15px;
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  color: #444444;
  line-height: 25.2px;
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 strong {
  font-family: "DMSansBold";
}
@media (max-width: 1023px) {
  .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
    font-size: 1.25rem;
  }
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
  margin-top: 5px;
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 17.5px;
}
@media (max-width: 1023px) {
  .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
    font-size: 0.75rem;
  }
}
.marketgroup .marketCard .marketcardhead .mk-card-topleft .back-button i {
  font-size: 1.563rem;
  margin-right: -8px;
  color: #03002f;
  top: 0px;
}
.marketgroup .marketCard .marketcardhead .mk-card-topright .rounded-circle.exclamation {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  display: inline-block;
  color: #03002f;
  border: 1px solid #e7e7e7;
  position: relative;
  cursor: pointer;
  top: 0px;
}
@media screen and (max-width: 1023px) {
  .marketgroup .marketCard .marketcardhead .mk-card-topright .rounded-circle.exclamation {
    height: 30px;
    width: 30px;
  }
}
.marketgroup .marketCard .marketcardhead .mk-card-topright .rounded-circle.exclamation i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}
.marketgroup .marketCard .marketcardhead .mk-card-topright .rounded-circle1.exclamation1 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  color: #03002f;
  border: 1px solid #e7e7e7;
  position: relative;
  cursor: pointer;
  top: 0px;
}
.marketgroup .marketCard .marketcardhead .mk-card-topright .rounded-circle1.exclamation1 i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}
.marketgroup .marketCard .marketcardbody {
  padding: 20px 0px;
}
.marketgroup .marketCard .marketcardfoot {
  background: none !important;
  border: none !important;
  display: flex;
  padding: 0 !important;
  align-items: center;
  justify-content: space-between;
}
.marketgroup .marketCard .marketcardfoot .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.marketgroup .marketCard .marketcardfoot .share-icon .edel-icon-share-icon:before {
  content: "\e96c";
  font-size: 1rem;
  color: #03002f;
}
.marketgroup .marketCard .marketcardfoot .mcard-view-all {
  color: #03002f;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  cursor: pointer;
}
@media (max-width: 1023px) {
  .marketgroup .marketCard .marketcardfoot .mcard-view-all {
    font-size: 0.875rem;
  }
}

.common-marketcard-nopadding.marketgroup .marketCard {
  padding: 0px !important;
}
@media (max-width: 768px) {
  .common-marketcard-nopadding.marketgroup .marketCard {
    padding: 0px !important;
  }
}
.common-marketcard-nopadding.marketgroup .marketCard .marketcardhead {
  padding: 20px !important;
}
.common-marketcard-nopadding.marketgroup .marketCard .marketcardfoot {
  padding-bottom: 0px !important;
}
.common-marketcard-nopadding.marketgroup .marketCard .marketcardbody {
  padding-bottom: 0px !important;
}

.generic-stock-cards {
  cursor: pointer;
}
.generic-stock-cards .period {
  position: relative;
  top: -3px;
  width: 3px;
  height: 3px;
  color: #b8b8b8;
  font-weight: bold;
  line-height: 0px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .period {
    top: -5px;
  }
}
.generic-stock-cards p {
  margin: 0px;
  overflow-wrap: break-word;
}
.generic-stock-cards {
  padding: 20px 6px 20px 12px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards {
    padding: 15px;
  }
}
.generic-stock-cards {
  border: 1px solid #e7e7e7;
}
.generic-stock-cards .generic-stock-card-title {
  margin-bottom: 15px;
}
.generic-stock-cards .generic-stock-card-title .edel-icon-edit {
  font-size: 0.938rem;
  height: 15px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-title {
    margin-bottom: 8px;
  }
}
.generic-stock-cards .generic-stock-card-title h4 {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 22.4px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 0px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-title h4 {
    font-size: 0.875rem;
    line-height: 19.6px;
  }
}
.generic-stock-cards .generic-stock-card-stock-value {
  margin-bottom: 5px;
  line-height: 20.8px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-stock-value {
    margin-bottom: 2px;
    line-height: 18.2px;
  }
}
.generic-stock-cards .generic-stock-card-stock-value p {
  margin: 0px;
  font-family: "RobotoRegular";
  font-size: 1rem;
  font-weight: 400;
  line-height: 20.8px;
  letter-spacing: 0em;
  text-align: left;
  overflow-wrap: break-word;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-stock-value p {
    font-size: 0.875rem;
    line-height: 18.2px;
  }
}
.generic-stock-cards .generic-stock-card-stock-percentage-and-change {
  line-height: 20.8px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-stock-percentage-and-change {
    line-height: 18.2px;
  }
}
.generic-stock-cards .generic-stock-card-stock-percentage-and-change span {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 20.8px;
  letter-spacing: 0em;
  text-align: left;
}
.generic-stock-cards .generic-stock-card-stock-percentage-and-change span:last-child {
  padding-left: 5px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-stock-percentage-and-change span:last-child {
    padding-left: 3px;
  }
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-card-stock-percentage-and-change span {
    font-size: 0.875rem;
    line-height: 18.2px;
  }
}
.generic-stock-cards .generic-stock-card-stock-percentage-and-change span.change-green {
  color: #51b255;
}
.generic-stock-cards .generic-stock-card-stock-percentage-and-change span .change-red {
  color: #dd504d;
}
.generic-stock-cards .generic-stock-date-status {
  padding-top: 41px;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-date-status {
    padding-top: 22px;
  }
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-date {
  line-height: 14px;
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-date p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  white-space: nowrap;
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-date .generic-stock-time {
  font-family: "DMSansNormal";
  font-size: 0.688rem;
  font-weight: 300;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: left;
  color: #b8b8b8;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-date-status .generic-stock-card-date .generic-stock-time {
    font-size: 0.625rem;
  }
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-date .generic-stock-date {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: left;
  color: #b8b8b8;
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-date-status .generic-stock-card-date .generic-stock-date {
    font-size: 0.625rem;
  }
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-status span {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  vertical-align: bottom;
}
@media (max-width: 768px) {
  .generic-stock-cards .generic-stock-date-status .generic-stock-card-status span {
    font-size: 0.625rem;
    padding-left: 2px;
  }
}
@media screen and (max-width: 1023px) {
  .generic-stock-cards .generic-stock-date-status .generic-stock-card-status {
    font-size: 0.625rem;
    line-height: 12.5px;
    font-family: "DMSansMedium";
    font-weight: 500;
  }
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-status span.live {
  color: #03002f;
}
.generic-stock-cards .generic-stock-date-status .generic-stock-card-status span.preopen,
.generic-stock-cards .generic-stock-date-status .generic-stock-card-status .closed {
  color: #ff6b00;
}

.activeClassStockCard {
  background-color: #f2f2f5;
}

.generic-stock-card-status span[data-attr=Open] {
  color: #03002f !important;
}
.generic-stock-card-status span[data-attr=Closed] {
  color: #f7943e !important;
}

:root {
  font-size: 16px;
}

@media (max-width: 1023px) {
  .floating-action-button {
    position: fixed;
    bottom: 85px;
    right: 20%;
    z-index: 2;
    left: 0%;
    width: 70%;
  }
  .floating-action-button .hop-float-button {
    position: fixed;
    right: 15%;
  }
  .floating-action-button .HopBtn p {
    margin: 0;
    margin-left: 20px;
    font-family: "DMSansMedium";
    font-size: 1rem;
    line-height: 22.4px;
    color: #ffffff;
  }
  .floating-action-button .btn-info {
    background-color: #03002f;
    border-radius: 50%;
    border: 0px;
  }
  .floating-action-button .btn-info.hopBtnBorder {
    border-radius: 22px;
    width: 86px;
    height: 44px;
    position: fixed;
    bottom: 85px;
    right: 89px;
    z-index: 99;
  }
  .floating-action-button .btn-info .edel-icon-close::before {
    color: #ffffff;
    font-weight: bolder;
    font-size: 1rem;
  }
  .floating-action-button .btn-info .edel-icon-bars::before {
    color: #ffffff;
    font-weight: bolder;
    font-size: 0.75rem;
    position: absolute;
    top: 35%;
  }
  .floating-action-button .dropdown-menu {
    background: linear-gradient(0deg, #ffffff, #ffffff), #ffffff;
    border-radius: 5px;
    margin-left: 0px !important;
    margin-bottom: 10% !important;
    width: 100%;
    overflow: scroll;
  }
}
@media (max-width: 1023px) and (max-width: 375px) {
  .floating-action-button .dropdown-menu {
    height: 460px;
  }
}
@media (max-width: 1023px) {
  .floating-action-button .dropdown-menu .listHead {
    padding: 15px 20px;
    border: 1px solid #f2f2f5;
    margin-right: 0;
  }
  .floating-action-button .dropdown-menu .listHead .dotBlue {
    width: 4px;
    height: 4px;
    background-color: #03002f;
    border-radius: 50%;
    margin-right: 10px;
  }
  .floating-action-button .dropdown-menu .listHead p {
    color: #444444;
    font-size: 0.875rem;
    line-height: 24px;
    font-family: "DMSansMedium";
  }
  .floating-action-button .dropdown-menu .subLists {
    margin: 0 15px;
  }
  .floating-action-button .dropdown-menu .subLists li {
    margin-right: 0;
    border-bottom: 1px solid #f2f2f5;
  }
  .floating-action-button .dropdown-menu .subLists li a {
    color: #727271;
    font-size: 0.875rem;
    line-height: 24px;
    font-family: "DMSansMedium";
  }
  .floating-action-button .dropdown-menu .subLists li a:hover {
    color: #444444;
    display: flex;
    align-items: center;
  }
  .floating-action-button .dropdown-menu .subLists li a:hover:before {
    content: "\e962";
    font-family: "edel_icon";
    color: #03002f;
    font-size: 5px;
    padding-right: 10px;
  }
  .dropup .dropdown-menu,
  .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 120%;
    margin-bottom: 2px;
    left: 20%;
    right: 2%;
  }
  .open > .dropdown-menu {
    display: block;
  }
  .dropdown-toggle:after {
    content: none !important;
  }
}
@media (min-width: 1023px) {
  .floating-action-button {
    display: none;
  }
}
.hopBtnBorder-scrolled .floating-action-button .hopBtnBorder {
  right: 20px;
}
.hopBtnBorder-scrolled .floating-action-button .dropdown-toggle {
  width: 46px !important;
}

.equity-dropdown-block > .btn-primary.dropdown-toggle {
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-width: 1px;
  border-style: solid;
  width: 100%;
}
.equity-dropdown-block .equitydrop {
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-width: 1px;
  border-style: solid;
  border-color: #ebf2fe;
  border-radius: 5px;
  color: #727271 !important;
  background-color: #ffffff !important;
  padding: 5px 11px 5px 10px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  line-height: 0px;
}
.equity-dropdown-block .equitydrop i {
  font-size: 0.938rem;
  position: relative;
  top: 0px !important;
  display: flex;
  align-items: center;
}
.equity-dropdown-block .equitydrop i.equity-drp-bigicon {
  font-size: 0.938rem;
}
@media (max-width: 768px) {
  .equity-dropdown-block .equitydrop i.equity-drp-bigicon {
    font-size: 0.938rem;
  }
}
.equity-dropdown-block .equitydrop i:before {
  color: #03002f;
}
.equity-dropdown-block .equitydrop:after {
  display: none;
}
.equity-dropdown-block .dropdown-menu {
  color: #444444;
  border-width: 1px;
  border-style: solid;
  border-color: #ebf2fe;
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  padding: 0;
  background-color: #ffffff;
  border-radius: 5px;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 20px;
  margin-top: 10px;
  z-index: 7;
  overflow-y: scroll;
  transform: translate(0px, 34px);
}
@media (max-width: 768px) {
  .equity-dropdown-block .dropdown-menu {
    background-color: #f2f2f5;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  }
}
.equity-dropdown-block .dropdown-menu::-webkit-scrollbar {
  width: 2px !important;
}
.equity-dropdown-block .dropdown-menu::-webkit-scrollbar-track {
  height: 10px !important;
  width: 10px;
}
.equity-dropdown-block .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #03002f;
  height: 10px !important;
  width: 10px !important;
}
.equity-dropdown-block .dropdown-menu .dropdown-item {
  padding: 10px 0px 10px 10%;
  color: #444444;
  line-height: 18px;
}
.equity-dropdown-block .dropdown-menu .dropdown-item:hover {
  color: #03002f;
  background: none;
}
.equity-dropdown-block .dropdown-menu .equitydropdown-itemsblock {
  padding: 0 10%;
  border-width: 1px;
  border-style: solid;
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-radius: 5px;
  color: #727271;
  background-color: #ffffff;
}

.equity-dropdown-block.show i::before {
  transform: rotateZ(180deg);
  color: #03002f;
}
.equity-dropdown-block.show .trash::before {
  content: "\e940";
  font-family: "edel_icon";
  font-size: #dd504d;
}
.equity-dropdown-block.show .dropdown-menu {
  min-height: 100px;
  max-height: 160px;
  min-width: 83px;
  border-width: 1px;
  border-style: solid;
  border-color: #ebf2fe;
}
.equity-dropdown-block.show .dropdown-menu .dropdown-item {
  padding: 20px 15px 10px 15px;
}

.equity-dropdown-block.common-new-drp.show .dropdown-menu {
  min-height: unset;
  min-width: 83px;
  border-width: 1px;
  border-style: solid;
  border-color: #ebf2fe;
}
.equity-dropdown-block.common-new-drp.show .dropdown-menu .dropdown-item {
  padding: 15px 15px !important;
}

.equity-dropdown-block-noborder > .btn-primary.dropdown-toggle {
  border: none !important;
  font-size: 0.75rem !important;
  padding: 0px !important;
  color: #b8b8b8 !important;
}

.generic-tabs .nav-tabs {
  border: 0;
  margin: 0 !important;
  border-bottom: 0;
}
.generic-tabs .nav-tabs .nav-item {
  padding: 0;
  margin: 0;
}
.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 11px 16px 5px 16px;
  font-size: 0.875rem;
  color: #727271;
  border: 0;
  font-family: "DMSansNormal";
}
.generic-tabs .nav-tabs .nav-item .nav-link.active {
  font-family: "DMSansMedium";
  color: #03002f;
  border-bottom: 2px solid #03002f;
}

@media screen and (max-width: 1023px) {
  .generic-tabs .nav-tabs {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    align-content: flex-start;
  }
  .generic-tabs .nav-tabs::-webkit-scrollbar {
    display: none;
  }
  .generic-tabs .nav-tabs .nav-item .nav-link {
    padding: 7px 4px 7px 6px;
    font-size: 1rem;
    font-family: "DMSansNormal";
  }
  .generic-tabs .nav-tabs .nav-item .nav-link.active {
    font-family: "DMSansMedium";
  }
}
@media (max-width: 768px) {
  .generic-tabs.common-tab-color .nav-tabs {
    flex-direction: column;
    overflow-y: hidden;
    overflow-x: scroll;
    height: 35px;
  }
}
.generic-tabs.common-tab-color .nav-item .nav-link {
  color: #727271 !important;
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
}
.generic-tabs.common-tab-color .nav-item .nav-link.active {
  font-family: "DMSansMedium" !important;
  color: #03002f !important;
  border-bottom: 2px solid #03002f !important;
}
.generic-tabs.common-tab-color.showborder .nav {
  border-bottom: 1px solid #e7e7e7;
}
.generic-tabs.common-tab-padding .nav-tabs .nav-item .nav-link {
  padding: 16px 20px 5px 5px !important;
}
.generic-tabs.sort-filter-mob-padding .nav-tabs .nav-item .nav-link {
  padding: 12px 10px 5px 10px !important;
  margin: 0px 12px 0px 5px;
}

.slidingpane-icon-block {
  display: flex;
  text-wrap: nowrap;
  padding: 15px 15px 2.28px 10px;
  color: #03002f;
  align-items: center;
  gap: 10px;
  text-align: center;
}
.slidingpane-icon-block .icon-tile {
  padding-right: 4%;
}
@media (max-width: 768px) {
  .slidingpane-icon-block .icon-tile {
    padding-right: 3%;
  }
}
.slidingpane-icon-block .icon-tile {
  border-right: 1px solid #e7e7e7;
  line-height: 15px;
}
.slidingpane-icon-block .icon-tile:last-child {
  border-right: none;
}
.slidingpane-icon-block .icon-tile:last-child a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.slidingpane-icon-block .icon-tile .new-report {
  font-size: 0.5rem;
  font-family: "DMSansMedium";
  color: #ffffff;
  background-color: #dfa717;
  border-radius: 2px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 4px;
}
.slidingpane-icon-block .icon-text {
  font-size: 0.75rem;
  line-height: 21.6px;
  font-family: "DMSansMedium";
  color: #03002f;
  text-wrap: nowrap;
}
.slidingpane-icon-block .icon-text.margin-top-13 {
  margin-top: 13px;
}

.ReactModal__Body--open {
  overflow: hidden !important;
}

.drawerblock .drawer-header {
  padding: 20px 21px 20px 15px;
  background: #f2f2f5;
}
.drawerblock .drawer-header.custom-heading-sidebar {
  padding: 15px !important;
}
@media (max-width: 768px) {
  .drawerblock .drawer-header {
    padding: 10px 21px 20px 15px;
  }
}
.drawerblock .drawer-header-topMost {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .drawerblock .drawer-header-topMost {
    margin-bottom: 0px;
  }
}
.drawerblock .drawer-header-topMost .drawer-isin, .drawerblock .drawer-header-topMost .drawer-exc {
  font-family: "DMSansMedium";
  font-size: 0.625rem;
  line-height: 14px;
  color: #b8b8b8;
}
.drawerblock .drawer-header .drawer-header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .drawerblock .drawer-header .drawer-header-top {
    margin-bottom: 0px;
  }
}
.drawerblock .drawer-header .drawer-header-top {
  line-height: 140%;
}
.drawerblock .drawer-header .drawer-header-top .drawer-dname {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #292929;
}
.drawerblock .drawer-header .drawer-header-top .drawer-qty {
  font-size: 0.875rem;
  color: #444444;
  font-family: "RobotoRegular";
}
.drawerblock .drawer-header .drawer-header-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 140%;
}
.drawerblock .drawer-header .drawer-header-bottom .drawer-desc {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  color: #727271;
}
.drawerblock .drawer-body {
  padding-bottom: 70px;
}
.drawerblock .drawer-footer {
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 69px;
  background: #ffffff;
  padding: 15px 25px 14px;
  box-shadow: 0px 4px 17px rgba(60, 60, 60, 0.11);
  position: fixed;
  width: 100%;
  bottom: 0;
  gap: 26px;
}
.drawerblock .drawer-footer .Buy-btn,
.drawerblock .drawer-footer .Sell-btn {
  width: 100%;
  height: 40px;
  padding: unset;
}
.drawerblock .drawer-values {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
}

.sortbutton-drawer .drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sortbutton-drawer .drawer-header .sortname {
  font-family: "DMSansBold";
  font-size: 0.875rem;
  line-height: 140%;
  color: #333333;
}
.sortbutton-drawer .drawer-header .clearall {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 140%;
  color: #3580f7;
}
.sortbutton-drawer .drawer-header .blue-link {
  background: none;
}
.sortbutton-drawer .drawer-body .sortlist-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  padding: 18px 15px;
}
.sortbutton-drawer .drawer-body .sortlist-body .sortlist-names {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 140%;
}
.sortbutton-drawer .drawer-body .sortlist-body .sortlist-values {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  color: rgba(114, 114, 113, 0.5);
}
.sortbutton-drawer .drawer-body .sortlist-body .sortlist-values i {
  margin-left: 6px;
}
.sortbutton-drawer .drawer-body .nested-sort {
  padding: 15px;
  border-bottom: 1px solid #e8e8e8;
}
.sortbutton-drawer .drawer-body .nested-sort .sortlist-body {
  border: 0;
  padding: 12px 5px 10px 20px;
}
.sortbutton-drawer .drawer-footer .ed_button.button {
  width: 100%;
}

.market-drawer__handle-wrapper {
  background-color: #f2f2f5;
  border-radius: 5px 5px 0px 0px;
}
.market-drawer__content {
  height: 70vh !important;
  padding: 0px !important;
}
.market-drawer__backdrop {
  backdrop-filter: blur(10px);
}

.bottom-contents.bottom-contents-footer-drawer {
  left: 0%;
  right: 0%;
}
.bottom-contents.bottom-contents-footer-drawer .bottom-contents-btn-section {
  display: flex;
  gap: 10px;
  padding: 10px;
}
.bottom-contents.bottom-contents-footer-drawer .bottom-contents-btn-section .ed_button {
  width: 100%;
}

.Marketstock-details-block .stock-details-head {
  background: #f2f2f5;
  font-family: "DMSansNormal";
  background-color: #f2f2f5;
}
.Marketstock-details-block .stock-details-head .stock-details-head-mid .scrips-stocks {
  font-family: "DMSansMedium";
}
.Marketstock-details-block .stock-details-head .stock-details-head-mid .scrips-stocks .holdings-count {
  font-family: "RobotoRegular";
}
.Marketstock-details-block .stock-details-head .stock-details-head-mid .markets-qtyValue {
  font-size: 0.875rem;
  font-family: "RobotoRegular";
  color: #444444;
}
.Marketstock-details-block .stock-details-head .stock-details-switch-key {
  color: #03002f;
}
.Marketstock-details-block .stock-details-body {
  font-family: "DMSansNormal";
}
.Marketstock-details-block .stock-details-footer {
  background: #ffffff;
  z-index: 2;
}
.Marketstock-details-block .stock-details-footer .action {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.Marketstock-details-block .stock-details-head-bottom .market-description {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.Marketstock-details-block .stock-details-head-bottom .market-desc-perc {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
}

.slide-pane {
  box-shadow: none;
  width: 390px !important;
  background: transparent !important;
}

.generic-sidebar-overlayblock {
  z-index: 1450;
}
.generic-sidebar-overlayblock.blur-background {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(204, 204, 204, 0.15);
}
.generic-sidebar-overlayblock.no-blur {
  background-color: unset;
}

@media screen and (min-width: 1023px) {
  .stock-details-overlayblock {
    z-index: 999;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
  }
  .stock-details-overlayblock .stock-details-block {
    max-width: 390px;
    box-shadow: none;
  }
}
.title {
  display: flex;
  gap: 7px;
  align-items: center;
}
.title#reports-th {
  display: grid;
  grid-template-columns: auto 10px;
  gap: 4px;
  white-space: nowrap;
}
.title#reports-th .title {
  white-space: nowrap;
}
.title .arrows {
  display: grid;
  cursor: pointer;
}
.title .arrows .edel-icon-caret-up {
  margin-bottom: 2px;
  margin-top: -2px;
}
.title .arrows .edel-icon-caret-down {
  margin-top: -7px;
}
.title .arrows .arrow-at-a-time {
  color: #03002f;
}
.title .arrows .arrow-at-a-time .edel-icon-arrow-down {
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.title .arrows .arrow-at-a-time .edel-icon-arrow-down.down {
  transform: rotate(180deg);
  left: 5px !important;
  top: 0px !important;
}
.title .arrows .arrow-at-a-time .edel-icon-arrow-up {
  font-size: 0.75rem;
}

.positionRelative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.bg-light {
  background-color: #f9f9f9 !important;
}

.innerloader {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.outerdivloader {
  inset: 0px;
  z-index: 1;
}

.middleloader {
  inset: 0px;
  backdrop-filter: blur(2px);
}

.p-l {
  position: relative;
}

.marketMap .highcharts-axis-labels_active {
  font-weight: 700;
  fill: #03002f !important;
  color: #03002f !important;
}
.marketMap .highcharts-credits {
  display: none;
}
.marketMap .highcharts-axis-labels.highcharts-xaxis-labels text:not(.highcharts-axis-labels_active) {
  fill: #727271 !important;
  color: #727271 !important;
}
.marketMap .highcharts-stack-labels {
  cursor: pointer;
}
.marketMap .highcharts-axis-stack_active {
  opacity: 1 !important;
}
.marketMap .highcharts-axis-stack_active text {
  fill: #03002f !important;
  color: #03002f !important;
}

.highcharts-credits {
  display: none !important;
}

.chartiqToc {
  padding: 15px 17px 20px 15px;
  z-index: 1;
  position: relative;
}
.chartiqToc .graph-chart {
  max-height: 100vh;
  height: 70vh;
  width: 100%;
  overflow: scroll;
}

.chartiqToc-mob .graph-chart {
  height: calc(100vh - 140px);
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .chartiqouterclass {
    margin-bottom: 30px;
  }
}
.chartiqouterclass {
  padding: 15px 17px 20px 15px;
  z-index: 1;
  position: relative;
}
.chartiqouterclass .graph-chart {
  height: 300px;
  width: 100%;
}
@media (max-width: 768px) {
  .chartiqouterclass .graph-chart {
    overflow: hidden;
  }
}

.rec-body-mob .chartiqouterclass {
  padding: 15px 25px 100px 25px;
}

.insider-trading-mob .chartiqouterclass {
  padding: 15px 25px 100px 25px;
}

.Headingchartiq {
  font-family: "DMSansBold";
  font-size: 1rem;
  line-height: 22px;
}

.expandview-chart .headerSection {
  height: 10px;
}
@media (max-width: 1023px) {
  .expandview-chart .headerSection {
    display: flex;
    padding-left: 0px;
    height: 40px;
  }
}
@media (min-width: 1023px) {
  .expandview-chart .headerSection .vama-logo {
    display: none;
  }
}
.expandview-chart .headerSection .back-btn {
  top: 11px;
  left: -4px;
  position: absolute;
  font-size: 38px;
}
@media (max-width: 1023px) {
  .expandview-chart .headerSection .back-btn {
    position: static;
  }
}
.expandview-chart .headerSection .trade-btns {
  position: fixed;
  top: 10px;
  width: auto;
  height: 28px;
  padding: 10px 10px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  border-radius: 5px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.expandview-chart .headerSection .trade-btns.green_btn {
  right: 70px;
  background-color: #51b255;
}
@media (max-width: 1023px) {
  .expandview-chart .headerSection .trade-btns.green_btn {
    width: 100px;
    right: 130px;
  }
}
.expandview-chart .headerSection .trade-btns.red_btn {
  right: 8px;
  background-color: #e71e04;
}
@media (max-width: 1023px) {
  .expandview-chart .headerSection .trade-btns.red_btn {
    width: 100px;
    right: 15px;
  }
}
.expandview-chart .graph-chart-expand {
  width: calc(100% - 13px);
  height: calc(100vh - 18px);
}
@media (max-width: 1023px) {
  .expandview-chart .graph-chart-expand {
    height: calc(100vh - 46px);
  }
}
.expandview-chart .edel-icon-portrait {
  font-size: 1.438rem;
  padding-right: 5px;
}

.portrait_mode {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (orientation: landscape) and (min-device-width: 320px) and (max-device-width: 640px) {
  .expandview-chart .headerSection {
    height: 100vh;
    display: grid !important;
    justify-content: center;
  }
  .expandview-chart .headerSection .rightsection {
    display: grid;
  }
  .expandview-chart .Leftdiv {
    width: 10%;
  }
  .expandview-chart .rightdiv {
    width: 80%;
  }
}
.zoom-unset {
  zoom: unset !important;
}

.pivot-points {
  border-top: 1px solid #e7e7e7;
}
.pivot-points .pivotName {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 17px;
  color: #b8b8b8;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .pivot-points .pivotName {
    margin-bottom: 2px;
  }
}
.pivot-points .pivotValue {
  font-family: "RobotoMedium";
  font-size: 0.75rem;
  color: #444444;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .pivot-points .pivotValue {
    margin-bottom: 4px;
  }
}
.pivot-points .pivotDate {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
}

.txt_autumnBloom {
  color: #ffe1cc;
}

.bg_autumnBloom {
  background-color: #ffe1cc;
}

.bg_black-seven {
  background: #000000;
}

.txt_black-seven {
  color: #000000;
}

.txt_black-dark {
  color: #2e2b36;
}

.txt_warm-grey-eight {
  color: #999999;
}

.txt-blue-one {
  color: #0751a0;
}

.txt-orange-2 {
  color: #ff9c54;
}

.bg-blue-one {
  background-color: #0751a0;
}

.txt_black {
  color: #333333;
}

.txt_blackText {
  color: #1b1b1b;
}

.bg_blackText {
  background-color: #1b1b1b;
}

.txt_Buttercup {
  color: #d69a26;
}

.bg_Buttercup {
  background-color: #d69a26;
}

.txt_blackOne {
  color: #292929;
}

.bg_blackOne {
  background-color: #292929;
}

.txt_blackOne1 {
  color: #444444 !important;
}

.txt_blackEight {
  color: #0e0e0e;
}

.bg_blackOne1 {
  background-color: #444444;
}

.txt_greyOne {
  color: #70706f;
}

.bg_greyOne {
  background-color: #70706f;
}

.txt_green {
  color: #51b255;
}

.bg_green {
  background-color: #51b255;
}

.txt_green1 {
  color: #339900;
}

.bg_green1 {
  background: #339900;
}

.txt_grey {
  color: #545454;
}

.txt_monochromeGrey {
  color: #e7e7e7;
}

.bg_monochromeGrey {
  background-color: #e7e7e7 !important;
}

.txt_pinkishGrey {
  color: #cccccc;
}

.bg_pinkishGrey {
  background-color: #cccccc;
}

.txt_bloodRed {
  color: #dd504d;
}

.bg_bloodRed {
  background-color: #dd504d;
}

.txt_bloodRed1 {
  color: #f44336;
}

.bg_bloodRed1 {
  background: #f44336;
}

.txt_yellow {
  color: #ffb800;
}

.bg_yellow {
  background-color: #ffb800;
}

.txt_yellow1 {
  color: #ffb400;
}

.bg_yellow1 {
  background-color: #ffb400;
}

.txt_cream {
  color: #faefd4;
}

.bg_cream {
  background-color: #faefd4;
}

.txt_white {
  color: #ffffff;
}

.bg_mint_green {
  background-color: #e5f7f1;
}

.txt_mint_green {
  color: #e5f7f1;
}

.bg_lavendar_purple {
  background-color: #f8edf5;
}

.bg_white {
  background-color: #ffffff;
}

.txt_whiteTwenty {
  color: #eeeeee;
}

.bg_whiteTwenty {
  background-color: #eeeeee;
}

.txt_floralWhite {
  color: #fffbec;
}

.txt_orange_sand {
  color: #fdebd7;
}

.bg_orange_sand {
  background-color: #fdebd7;
}

.bg_floralWhite {
  background-color: #fffbec;
}

.bg_Bianca {
  background-color: #fffbed;
}

.txt_disabledBlue {
  color: #cbdfff;
}

.bg_disabledBlue {
  background-color: #cbdfff;
}

.txt_color2 {
  color: #00172b;
}

.bg_color2 {
  background-color: #00172b;
}

.txt_color4 {
  color: #05243f;
}

.bg_color4 {
  background-color: #05243f;
}

.txt_whiteSmoke {
  color: #fff2f2;
}

.bg_whiteSmoke {
  background-color: #fff2f2;
}

.txt_Honeydew {
  color: #eef7ee;
}

.bg_Honeydew {
  background-color: #eef7ee;
}

.txt_readmore {
  color: #ffe500;
}

.bg_readmore {
  background-color: #ffe500;
}

.txt_bodyColor {
  color: #fbfbfb;
}

.bg_bodyColor {
  background-color: #fbfbfb;
}

.txt_whiteNine {
  color: #f7f7f7;
}

.bg_whiteNine {
  background-color: #f7f7f7;
}

.txt_blueLight {
  color: #fbfdff;
}

.bg_blueLight {
  background-color: #fbfdff;
}

.txt_blueGrey {
  color: #f2f6fb;
}

.bg_blueGrey {
  background-color: #f2f6fb;
}

.txt_butteryWhite {
  color: #fcfbf2;
}

.bg_butteryWhite {
  background-color: #fcfbf2;
}

.txt_drakGrey {
  color: #c5c5c5;
}

.bg_drakGrey {
  background-color: #c5c5c5;
}

.txt_greyDarkTxt {
  color: #737373;
}

.bg_greyDarkTxt {
  background-color: #737373;
}

.txt_primaryGrey {
  color: #727271 !important;
}

.txt_spanishGrey {
  color: #919191 !important;
}

.txt_lightGrey {
  color: #888888 !important;
}

.txt_lightBlueOne {
  color: #f0f9ff;
}

.txt_silverGrey {
  color: #c9c9c9;
}

.bg_silverGrey {
  background-color: #c9c9c9;
}

.bg_lightBlueOne {
  background-color: #f0f9ff;
}

.bg_darkBlue {
  background-color: #425a95;
}

.bg_Gray77 {
  background-color: #c4c4c4;
}

.txt_Gray77 {
  color: #c4c4c4;
}

.txt_snow-drift {
  color: #f6fbf6;
}

.bg_snow-drift {
  background-color: #f6fbf6;
}

.txt_lightBlue {
  color: #f4f9ff;
}

.bg_lightBlue {
  background-color: #f4f9ff;
}

.txt_lightYellow {
  color: #fffbf2;
}

.bg_lightYellow {
  background-color: #fffbf2;
}

.bg_Twitter {
  background-color: #55a8dc;
}

.bg_linkedIn {
  background-color: #3679b1;
}

.txt_oliveYellow {
  color: #bab200;
}

.bg_oliveYellow {
  background-color: #bab200;
}

.txt_persianBlue {
  color: #0264ab;
}

.bg_persianBlue {
  background-color: #0264ab;
}

.txt_primaryBlack {
  color: #1c1c28;
}

.bg_primaryBlack {
  background-color: #1c1c28;
}

.txt_redDark {
  color: #f83c3c;
}

.bg_redDark {
  color: #f83c3c;
}

.txt_redBorder {
  color: #fe4d15;
}

.bg_redBorder {
  background-color: #fe4d15;
}

.txt_solitude {
  color: #e6eff7;
}

.bg_solitude {
  background-color: #e6eff7;
}

.bg_tomatoRed {
  background-color: #e71e04;
}

.bg_darkPeach {
  background-color: #f04e45;
}

.txt_tiffanyBlue {
  color: #00b6ab;
}

.bg_tintShade {
  background-color: #f9fbff;
}

.txt_VistaWhite {
  color: #fcf9f7;
}

.bg_VistaWhite {
  background-color: #fcf9f7;
}

.txt_lightPinkTwo {
  color: #fceded;
}

.bg_lightPinkTwo {
  background-color: #fceded;
}

.bg-very-light-green {
  background-color: rgba(81, 178, 85, 0.2117647059);
}

.txt_whiteFourteen {
  color: #e8e8e8;
}

.bg_whiteFourteen {
  background-color: #e8e8e8;
}

.txt_whiteSeventeen {
  color: #f0f0f0;
}

.bg_whiteSeventeen {
  background-color: #f0f0f0;
}

.txt_dp-close-b {
  color: #d3ecd5;
}

.bg_dp-close-b {
  background-color: #d3ecd5;
}

.txt_black_color {
  color: #060f1f;
}

.bg_carbon_gray {
  background-color: #2d2d2d;
}

.txt_carbon_gray {
  color: #2d2d2d;
}

.bg_black_color {
  background-color: #060f1f;
}

.txt_grey-color {
  color: #e6e6e6;
}

.bg_grey-color {
  background-color: #e6e6e6;
}

.txt_green-link {
  color: #1fc86d;
}

.bg_green-link {
  background-color: #1fc86d;
}

.txt_dark-blue {
  color: #263363;
}

.bg_dark-blue {
  background-color: #263363;
}

.txt_dodger-blue {
  color: #1283ff;
}

.bg_dodger-blue {
  background-color: #1283ff;
}

.txt_purple {
  color: #d21aff;
}

.bg_purple {
  background-color: #d21aff;
}

.txt_sum-pnl {
  color: #cacac9;
}

.bg_sum-pnl {
  background-color: #cacac9;
}

.txt_support-bg {
  color: #073054;
}

.bg_support-bg {
  background-color: #073054;
}

.txt_silver {
  color: #c6c6c6;
}

.bg_silver {
  background-color: #c6c6c6;
}

.txt_fantasy {
  color: #f4f4f4;
}

.bg_fantasy {
  background-color: #f4f4f4;
}

.bg_white {
  background-color: #ffffff !important;
}

.txt_misty-lavender {
  color: #c3c3de !important;
}

.txt-midnight-blue {
  color: #03002f !important;
}

.txt-darkmidnight-blue {
  color: #030130 !important;
}

.txt-nuvama-green {
  color: #00b274;
}

.bg-nuvama-green {
  background-color: #00b274;
}

.txt-dark-purple {
  color: #bd4b9b;
}

.bg-dark-purple {
  background-color: #bd4b9b;
}

.txt-nuvama-green {
  color: #00b274;
}

.bg-nuvama-green {
  background-color: #00b274;
}

.txt-dark-purple {
  color: #bd4b9b;
}

.bg-dark-purple {
  background-color: #bd4b9b;
}

.txt-dark-orange {
  color: #f7943e;
}

.bg-midnight-blue {
  background-color: #03002f !important;
}

.no_color {
  color: unset !important;
}

.txt-smokegrey {
  color: #727272;
}

.txt-gold {
  color: #dfa717;
}

.bg-gold {
  background-color: #dfa717;
}

.txt-secondarynavy {
  color: #3580f7;
}

.bg-secondarynavy {
  background-color: #3580f7;
}

.txt-footerprimary {
  color: #0b243a;
}

.txt-secondary-gray-light {
  color: #b7b7b7;
}

.txt_secondary-gray {
  color: #b8b8b8;
}

.txt_natural200 {
  color: #f1f3f9;
}

.bg_natural200 {
  background-color: #f1f3f9;
}

.txt_natural100 {
  color: #f8f9fc;
}

.bg_natural100 {
  background-color: #f8f9fc;
}

.mob-grey-bg {
  background-color: #f5f5f5;
}

.bg_grey-bg2 {
  background-color: #f5f5f2;
}

.txt_light_green {
  color: #8adf8d;
}

.bg_light_green {
  background-color: #8adf8d;
}

.bg_light_green1 {
  background-color: #d3e8c9;
}

.txt_ed_blue {
  color: #3580f7;
}

.bg_ed_blue {
  background-color: #3580f7;
}

.txt_secondary_gray {
  color: #b8b8b8;
}

.bg_secondary_gray {
  background-color: #b8b8b8;
}

.txt_error_red {
  color: #ff6258;
}

.bg_error_red {
  background-color: #ff6258;
}

.txt-secondary-navy {
  color: #3580f7;
}

.bg-secondary-navy {
  color: #3580f7;
}

.txt-secondary-gray {
  color: #b8b8b8;
}

.txt-gold {
  color: #dfa717;
}

.txt-oslo_grey {
  color: #8a8a8a;
}

.txt_black-turtle {
  color: #3f3f3f;
}

.no_bg {
  background-color: unset !important;
  background: unset !important;
}

.txt-orange-light {
  color: #f7943e;
}

.txt-tomato {
  color: #f04e45;
}

.txt-faded-orange {
  color: #f7943e;
}

.bg-rose-white {
  background-color: #fef6f0;
}

.bg_aqua_white {
  background-color: #f2f2f5;
}

.txt_wax_flower {
  color: #fcc08c;
}

.txt-orange_color {
  color: #ff6b00;
}

.bg-orange_color {
  background-color: #ff6b00;
}

.bg_blue-light_bg {
  background-color: #f4fafd;
}

.bg_pastel-cream {
  background-color: #fef4ec;
}

.txt_pastel-cream {
  color: #fef4ec;
}

.bg_porcelain {
  background-color: #f2f2f5 !important;
}

.bg_porcelain {
  background-color: #f2f2f5 !important;
}

.txt-label-gray {
  color: #8b8b8b;
}

.bg-label-gray {
  background-color: #8b8b8b;
}

.txt-label-graylight {
  color: #bebebe;
}

.bg-label-graylight {
  background-color: #bebebe;
}

.txt-label-graylight-medium {
  color: #a3a3a3;
}

.bg-label-graylight-medium {
  background-color: #a3a3a3;
}

.txt_nuvama_green {
  color: #00b274;
}

.txt_harmony_green {
  color: #5cca59;
}

.bg_harmony_green {
  background-color: #5cca59;
}

.txt_label_skyblue {
  color: #1c9ad6;
}

.bg_label_skyblue {
  background-color: #1c9ad6;
}

.txt_black_one1 {
  color: #444444;
}

.txt_medium-gray {
  color: #828096;
}

.bg-mediumgray {
  background-color: #828096;
}

.txt-blue-dark1 {
  color: #0b243a;
}

.bg-blue-dark1 {
  background: #0b243a;
}

.txt-Primary-gray {
  color: #727271;
}

.txt-pld-gray-light {
  color: #8d8d8d;
}

.txt-blackShadeone {
  color: #141414;
}

.txt-Shamrock-Green {
  color: #179d55;
}

.bg-blackShadeone {
  background: #141414;
}

.txt-disable-gray {
  color: #efefef;
}

.bg_disable-gray {
  background: #efefef;
}

.txt_black-shadeone {
  color: #141414;
}

.bg_black-shadeone {
  background: #141414;
}

.txt_yellow-shadeone {
  color: #f2ba3b;
}

.bg_yellow-shadeone {
  background: #f2ba3b;
}

.txt_yellow-shadetwo {
  color: #fbd47d;
}

.bg_yellow-shadetwo {
  background: #fbd47d;
}

.txt_black-shadeone {
  color: #141414;
}

.bg_black-shadeone {
  background: #141414;
}

.txt_grey-shadeone {
  color: #565656;
}

.bg_blue-dark3 {
  background: #090a9f;
}

.txt_blue-dark3 {
  color: #090a9f;
}

.bg_grey-color {
  background: #e6e6e6;
}

.txt_grey-color {
  color: #e6e6e6;
}

.bg_grey-shadeone {
  background: #565656;
}

.txt_yellow-shadethree {
  color: #141414;
}

.bg_yellow-shadethree {
  background: #141414;
}

.txt_grey-light {
  color: #f2f2f5;
}

.bg_grey-light {
  background: #f2f2f5;
}

.txt_light-pink {
  color: #f8edf5;
}

.bg_light-pink {
  background: #f8edf5;
}

.txt_light_pink1 {
  color: #efcbc9;
}

.bg_light_pink1 {
  background: #efcbc9;
}

.txt_dark-purple {
  color: #bd4b9b;
}

.bg_dark-purple {
  background: #bd4b9b;
}

.txt_old-lace {
  color: #fef4ec;
}

.bg_old-lace {
  background: #fef4ec !important;
}

.txt_orange-shade {
  color: #f7943e;
}

.bg_orange-shade {
  background: #f7943e;
}

.txt_tooltip-bg {
  color: #f4fafd;
}

.bg_tooltip-bg {
  background: #f4fafd;
}

.txt_light-orange {
  color: #fdead8;
}

.bg_light-orange {
  background: #fdead8;
}

.bg-tablerowgray {
  background-color: #ededf0;
}

.bg_blue-magenta {
  background: #f5f5f7;
}

.txt_mild-blue {
  color: #b1b2c4;
}

.bg-white-four {
  background-color: #f9f9f9;
}

.bg_grey-2 {
  background: #717171;
}

.txt_grey-2 {
  color: #717171;
}

.bg_light-pink2 {
  background: #fce9e9;
}

.txt_light-pink2 {
  color: #fce9e9;
}

.bg_light-green3 {
  background: #d9f3da;
}

.txt_light-green3 {
  color: #d9f3da;
}

.txt_home_orange {
  color: #ff7a00;
}

.bg-grey-suit {
  background-color: #c0bfcb;
}

.txt-blue-shade1 {
  color: #0378a6;
}

.txt-blue-shade2 {
  color: #49aee2;
}

.bg-ghost-white {
  background-color: #f8f7f9;
}

.txt-light-black {
  color: #262527;
}

.txt-dark-black {
  color: #23262f;
}

.txt-darkshade-blue {
  color: #111b29;
}

.txt-dark_sapphire {
  color: rgba(3, 0, 47, 0.5019607843);
}

.bg-revamped-backgrey {
  background-color: #f8f7fa;
}

.txt-silver-one {
  color: #b5b5b5;
}

.txt-grey-thick {
  color: #838486;
}

.txt-grayish-blue {
  color: #4f5665;
}

.txt-black-magic {
  color: #231f20;
}

.bg-grey-lighest {
  background-color: #f6f6f8;
}

.txt_green-dark {
  color: #05a660;
}

.bg_green-dark {
  background-color: #05a660;
}

.bg_orange-light {
  background-color: #f7943e;
}

.txt_ligt_red {
  color: rgba(221, 80, 77, 0.1803921569);
}

.txt-midnight-shade1 {
  color: #363359;
}

.bg-midnight-shade1 {
  background-color: #363359;
}

.txt-midnight-shade2 {
  color: #292663;
}

.bg-midnight-shade2 {
  background-color: #292663;
}

.bg-mistyrose {
  background-color: rgba(242, 219, 235, 0.4);
}

.txt-mistyrose {
  color: rgba(242, 219, 235, 0.4);
}

.bg-pale-orange {
  background-color: #fff9f4;
}

.bg-Melanie {
  background-color: rgba(230, 183, 215, 0.5);
}

.bg-orange-40 {
  background-color: rgba(252, 219, 217, 0.4);
}

.txt-dark-orange {
  color: #f7943e;
}

.bg-dark-orange {
  background-color: #f7943e;
}

.txt-grey-shade1 {
  color: #696682;
}

.bg-Gray85 {
  background-color: #d9d9d9;
}

.bg-mint-color {
  background-color: #e6f4ef;
}

.bg-pink-light {
  background-color: #faf1f7;
}

.txt-grey-shade2 {
  color: #787785;
}

.bg-pink-light2 {
  background-color: rgba(252, 219, 217, 0.4);
}

.bg-skin-peach {
  background-color: rgba(252, 219, 217, 0.4);
}

.bg-bruised-peach {
  background-color: #f2736b;
}

.txt-bruised-peach {
  color: #f2736b;
}

.bg-light-peach {
  background-color: #fcdbd9;
}

.bg-another-peach {
  background-color: #f9eceb;
}

.bg-Mandys-Pink {
  background-color: rgba(253, 234, 216, 0.4);
}

.bg-dull-blue {
  background-color: #312f5a;
}

.txt_dull-grey {
  color: #b2b2c2;
}

.txt_blue-shade4 {
  color: #616bc9;
}

.txt_blue-light3 {
  color: #ccccd6;
}

.txt_blue-shade-light {
  color: #efeeff;
}

.bg_blue-shade-light {
  background-color: #efeeff;
}

.txt_neutral-gray {
  color: #979797;
}

.bg_neutral-gray {
  background-color: #979797;
}

.txt_greyish {
  color: rgba(0, 0, 0, 0.5019607843) !important;
}

.txt_dark-purple-gray {
  color: #4f4e70;
}

.bg_light-beige {
  background-color: #ffeadb;
}

.txt_light-beige {
  color: #ffeadb;
}

.txt_green_light {
  color: #66d1ac;
}

.txt_light-brown {
  color: #f9a965;
}

.txt_deep-ocean {
  color: #363359;
}

.txt-steel-gray {
  color: #6e6d77;
}

.bg-steel-gray {
  background-color: #6e6d77;
}

.txt-orange-brown {
  color: #d27422;
}

.bg-orange-brown {
  background-color: #d27422;
}

.txt-cylindrical-coordinate {
  color: #e6e6eb;
}

.bg-cylindrical-coordinate {
  background-color: #e6e6eb;
}

.txt-purple-gray {
  color: #4f4c6e;
}

.bg-purple-gray {
  background-color: #4f4c6e;
}

.bg-another-grey {
  background-color: #f8f7f9;
}

.txt_blue-backround {
  color: #f5f8fd;
}

.bg_blue-backround {
  background: #f5f8fd;
}

.txt_greay-text-color3 {
  color: #838486;
}

.bg_light-blue-2 {
  background: #e2edfe;
}

.txt-blue-shade1 {
  color: #0378a6;
}

.txt-blue-shade2 {
  color: #49aee2;
}

.bg-ghost-white {
  background-color: #f8f7f9;
}

.txt-light-black {
  color: #262527;
}

.txt-dark-black {
  color: #23262f;
}

.txt-darkshade-blue {
  color: #111b29;
}

.txt-dark_sapphire {
  color: rgba(3, 0, 47, 0.5019607843);
}

.bg-revamped-backgrey {
  background-color: #f8f7fa;
}

.txt-silver-one {
  color: #b5b5b5;
}

.txt-grey-thick {
  color: #838486;
}

.txt-grayish-blue {
  color: #4f5665;
}

.txt-black-magic {
  color: #231f20;
}

.txt_whispering-periwinkle {
  color: #9999ab;
}

.bg_whispering-periwinkle {
  background-color: #9999ab;
}

.txt_midnight-indigo {
  color: rgba(3, 0, 47, 0.6);
}

.bg_midnight-indigo {
  background-color: rgba(3, 0, 47, 0.6);
}

.bg-midnight-blue-shade3 {
  background-color: #1c1a45;
}

.txt_midnight-blue-shade3 {
  color: #1c1a45;
  opacity: 0.6;
}

.bg-new-lavender {
  background-color: #c4c4ef;
}

.txt_new-lavender {
  color: #c4c4ef;
}

.txt_gray-1 {
  color: #bbbbbb;
}

.bg-grey-lighest {
  background-color: #f6f6f8;
}

.txt-warm-orange {
  color: #f05046;
}

.txt_green-link-two {
  color: #179d55;
}

.txt_light-blue-new {
  color: #4a4960;
}

.txt_dark-blue-new {
  color: #33324f;
}

.bg_lavender-grey {
  background-color: #ebebee;
}

.txt_dim-gray {
  color: #8c8c8c;
}

.bg_lavender-blue {
  background-color: #e1e0f8;
}

.bg_lavender-blue-light {
  background-color: #f3f5ff;
}

.bg-product-beige {
  background-color: #fef7ef;
}

.txt-bokara-gray {
  color: #16131b;
}

.txt-half-white {
  color: #f0fcf8;
}

.txt-muted-lavender {
  color: #8d8ab8;
}

.txt-ripe-tomatoes {
  color: #f04e45;
}

.txt-charcoal-blue {
  color: #4f4c6e;
}

.txt-grayish-lavender {
  color: #9999ab;
}

.txt-grayish-light {
  color: #b3b3b3;
}

.txt-slateblue {
  color: #b2b2c2;
}

.txt_speech-green {
  color: #33c190;
}

.txt-grey-blue {
  color: #6374d4;
}

.txt-very-light-gray {
  color: #e5e5e5;
}

.txt-grayish-blue {
  color: #4f5665;
}

.txt-grayish-blue-light {
  color: #1a202c;
}

.txt-light-grayish-color {
  color: #4f4f4f;
}

.txt-light-white-one {
  color: #f5f6f6;
}

.txt-dead-gray {
  color: #576265;
}

.txt_dark-shade-gray {
  color: #0f0f0f;
}

.txt-lightwhite-gray {
  color: #d9d9d9;
}

.txt-graylight-with-opacity {
  color: rgba(26, 32, 44, 0.5607843137);
}

.txt_dark-shade-gray {
  color: #0f0f0f;
}

.bg-gray-with-opacity-bg {
  background-color: #e5e5eb;
}

.txt-gray-with-opacity-light {
  color: #8b899e;
}

.txt_off-white {
  color: #fcfcff;
}

.txt-brownish-grey {
  color: #666666;
}

.txt-light-purple {
  color: #726cb2;
}

.bg-pale-yellow {
  background-color: #fffcea;
}

.txt-pastel-red {
  color: #f36f68;
}

.bg-baby-pink {
  background-color: #f9c8c7;
}

.bg-celadon-green {
  background-color: #b9e0bb;
}

.txt-imperial-red {
  color: #eb4644;
}

.txt-forest-green {
  color: #018907;
}

.txt-orange-dark {
  color: #ff6b00;
}

.bg-light-pinkinsh-cream {
  background-color: rgba(254, 242, 210, 0.4);
}

.txt-arrow-down-icon {
  color: rgba(0, 0, 0, 0.5411764706);
}

.txt_gray_54 {
  color: rgba(68, 68, 68, 0.54);
}

.bg_gray_54 {
  background-color: rgba(68, 68, 68, 0.54);
}

h1 {
  margin-bottom: 20px;
}

.EncodeSansR_32_400 {
  font-size: 2rem;
  font-family: "EncodeSansRegular";
}

.EncodeSansN_32_400 {
  font-size: 2rem;
  font-family: "encodesans_normal";
}

.EncodeSans_32_700 {
  font-size: 2rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_32_500 {
  font-size: 2rem;
  font-family: "EncodeSansMedium";
}

.EncodeSansN_28_400 {
  font-size: 1.75rem;
  font-family: "encodesans_normal";
}

.EncodeSans_28_400 {
  font-size: 1.75rem;
  font-family: "encodesans_normal";
}

.EncodeSans_28_700 {
  font-size: 1.75rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_28_300 {
  font-size: 1.75rem;
  font-family: "EncodeSansLight";
}

.EncodeSansN_24_400 {
  font-size: 1.5rem;
  font-family: "encodesans_normal";
}

.EncodeSans_24_700 {
  font-size: 1.5rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_22_700 {
  font-size: 1.375rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_20_300 {
  font-size: 1.25rem;
  font-family: "EncodeSansLight";
}

.EncodeSansN_20_400 {
  font-size: 1.25rem;
  font-family: "encodesans_normal";
}

.EncodeSans_20_500 {
  font-size: 1.25rem;
  font-family: "EncodeSansMedium";
}

.EncodeSansR_20_400 {
  font-size: 1.25rem;
  font-family: "EncodeSansRegular";
}

.EncodeSans_20_600 {
  font-size: 1.25rem;
  font-family: "EncodeSansSemiBold";
}

.EncodeSans_20_700 {
  font-size: 1.25rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_16_300 {
  font-size: 1rem;
  font-family: "EncodeSansLight";
}

.EncodeSansN_16_400 {
  font-size: 1rem;
  font-family: "encodesans_normal";
}

.EncodeSans_16_700 {
  font-size: 1rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_16_500 {
  font-size: 1rem;
  font-family: "EncodeSansMedium";
}

.EncodeSans_16_600 {
  font-size: 1rem;
  font-family: "EncodeSansSemiBold";
}

.Roboto_16_600 {
  font-size: 1rem;
  font-family: "RobotoMedium";
}

.Roboto_16_400 {
  font-size: 1rem;
  font-family: "RobotoRegular";
}

.RobotoM_16_600 {
  font-size: 1rem;
  font-family: "RobotoBold";
}

.Roboto_18_700 {
  font-size: 1.125rem;
  font-family: "RobotoRegular";
}

.RobotoM_16_500 {
  font-size: 1rem;
  font-family: "RobotoMedium";
}

.EncodeSans_18_300 {
  font-size: 1.125rem;
  font-family: "EncodeSansLight";
}

.EncodeSansR_18_400 {
  font-size: 1.125rem;
  font-family: "EncodeSansRegular";
}

.EncodeSansN_18_400 {
  font-size: 1.125rem;
  font-family: "encodesans_normal";
}

.EncodeSansM_18_500 {
  font-size: 1.125rem;
  font-family: "EncodeSansMedium";
}

.EncodeSans_18_600 {
  font-size: 1.125rem;
  font-family: "EncodeSansSemiBold";
}

.EncodeSans_18_700 {
  font-size: 1.125rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_15_300 {
  font-size: 0.938rem;
  font-family: "EncodeSansLight";
}

.EncodeSansR_15_400 {
  font-size: 0.938rem;
  font-family: "EncodeSansRegular";
}

.EncodeSansR_14_400 {
  font-size: 0.875rem;
  font-family: "EncodeSansRegular";
}

.EncodeSans_14_300 {
  font-size: 0.875rem;
  font-family: "EncodeSansLight";
}

.EncodeSans_14_700 {
  font-size: 0.875rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_14_500 {
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
}

.EncodeSansN_15_400 {
  font-size: 0.875rem;
  font-family: "encodesans_normal";
}

.EncodeSansN_14_400 {
  font-size: 0.875rem;
  font-family: "encodesans_normal";
}

.EncodeSans_14_600 {
  font-size: 0.875rem;
  font-family: "EncodeSansSemiBold";
}

.EncodeSansR_12_400 {
  font-size: 0.75rem;
  font-family: "EncodeSansRegular";
}

.EncodeSans_12_300 {
  font-size: 0.75rem;
  font-family: "EncodeSansLight";
}

.EncodeSans_12_700 {
  font-size: 0.75rem;
  font-family: "EncodeSansBold";
}

.EncodeSans_12_500 {
  font-size: 0.75rem;
  font-family: "EncodeSansMedium";
}

.EncodeSans_12_600 {
  font-size: 0.75rem;
  font-family: "EncodeSansSemiBold";
}

.EncodeSansN_12_400 {
  font-size: 0.75rem;
  font-family: "encodesans_normal";
}

.Roboto_12_400 {
  font-size: 0.75rem;
  font-family: "RobotoRegular";
}

.Roboto_13_400 {
  font-size: 0.813rem;
  font-family: "RobotoMedium";
}

.RobotoM_12_500 {
  font-size: 0.75rem;
  font-family: "RobotoMedium";
}

.EncodeSans_10_700 {
  font-size: 0.625rem;
  font-family: "EncodeSansBold";
}

.DMSanB_10_700 {
  font-size: 0.625rem;
  font-family: "DMSansBold";
}

.EncodeSans_11_400 {
  font-size: 0.688rem;
  font-family: "encodesans_normal";
}

.EncodeSans_11_500 {
  font-size: 0.688rem;
  font-family: "EncodeSansMedium";
}

.EncodeSans_10_500 {
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
}

.EncodeSansR_10_400 {
  font-size: 0.625rem;
  font-family: "EncodeSansRegular";
}

.EncodeSans_10_600 {
  font-size: 0.625rem;
  font-family: "EncodeSansSemiBold";
}

.EncodeSans_16_600 {
  font-size: 1rem;
  font-family: "EncodeSansSemiBold";
}

.Roboto_10_400 {
  font-size: 0.625rem;
  font-family: "RobotoRegular";
}

.Roboto_11_400 {
  font-size: 0.688rem;
  font-family: "RobotoRegular";
}

.Roboto_15_400 {
  font-size: 0.938rem;
  font-family: "RobotoRegular";
}

.Roboto_11_500 {
  font-size: 0.688rem;
  font-family: "RobotoMedium";
}

.Roboto_11_500 {
  font-size: 0.688rem;
  font-family: "RobotoMedium";
}

.RobotoM_10_500 {
  font-size: 0.625rem;
  font-family: "RobotoMedium";
}

.RobotoM_14_500 {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
}

.RobotoM_10_700 {
  font-size: 0.625rem;
  font-family: "RobotoBold";
}

.RobotoM_14_700 {
  font-size: 0.875rem;
  font-family: "RobotoBold";
}

.RobotoB_16_700 {
  font-size: 1rem;
  font-family: "RobotoBold";
}

.RobotoM_20_500 {
  font-size: 1.25rem;
  font-family: "RobotoMedium";
}

.RobotoM_20_400 {
  font-size: 1.25rem;
  font-family: "RobotoRegular";
}

.RobotoM_12_700 {
  font-size: 0.75rem;
  font-family: "RobotoBold";
}

.DMSanB_12_700 {
  font-size: 0.75rem;
  font-family: "DMSansBold";
}

.RobotoM_24_500 {
  font-size: 1.5rem;
  font-family: "RobotoMedium";
}

.DMsanR_32_400 {
  font-size: 2rem;
  font-family: "DMSansNormal";
}

.DMsanR_10_400 {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
}

.DMsanR_11_400 {
  font-size: 0.688rem;
  font-family: "DMSansNormal";
}

.DMsanR_16_500 {
  font-size: 1rem;
  font-family: "DMSansNormal";
  font-weight: 500;
}

.DMsanR_32_700 {
  font-size: 2rem;
  font-family: "DMSansBold";
}

.DMSansMedium_18_500 {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}

.DMSansMedium_8_500 {
  font-size: 0.5rem;
  font-family: "DMSansMedium";
}

.DMSanN_16_400 {
  font-size: 1rem;
  font-family: "DMSansNormal";
}

.DMSanN_16_600 {
  font-size: 1rem;
  font-family: "DMSansBold";
}

.DMSanN_13_500 {
  font-size: 0.813rem;
  font-family: "DMSansMedium";
}

.RobotoM_13_500 {
  font-size: 0.813rem;
  font-family: "RobotoMedium";
}

.DMSanN_14_400 {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}

.DMSan_15_400 {
  font-size: 0.938rem;
  font-family: "DMSansNormal";
}

.DMSansMedium_8_500 {
  font-size: 0.5rem;
  font-family: "DMSansMedium";
}

.DMSanM_15_500 {
  font-size: 0.938rem;
  font-family: "DMSansMedium";
}

.DMSan_15_700 {
  font-size: 0.938rem;
  font-family: "DMSansBold";
}

.DMSanN_18_400 {
  font-size: 1.125rem;
  font-family: "DMSansNormal";
}

.DMSanN_8_400 {
  font-size: 0.5rem;
  font-family: "DMSansNormal";
}

.DMSanN_22_400 {
  font-size: 1.375rem;
  font-family: "DMSansNormal";
}

.DMSanM_14_500 {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.DMSanM_14_500.DMSanM_14_500_Pt_5 {
  padding-top: 5px;
}

.DMSanN_12_400 {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.DMSanN_10_500 {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
}

.DMSanN_14_400 {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}

.DMSanM_10_500 {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
}

.DMSan_16_700 {
  font-size: 1rem;
  font-family: "DMSansBold";
}

.DMSan_14_700 {
  font-size: 0.875rem;
  font-family: "DMSansBold";
}

.DMSan_13_700 {
  font-size: 0.813rem;
  font-family: "DMSansBold";
}

.DMSanB_12_700 {
  font-size: 0.75rem;
  font-family: "DMSansBold";
}

.DMSan_28_700 {
  font-size: 1.75rem;
  font-family: "DMSansBold";
}

.DMSan_23_700 {
  font-size: 1.438rem;
  font-family: "DMSansBold";
}

.DMSan_28_400 {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
}

.DMSan_22_700 {
  font-size: 1.375rem;
  font-family: "DMSansBold";
}

.DMSan_22_500 {
  font-size: 1.375rem;
  font-family: "DMSansMedium";
}

.DMSans_16_500 {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}

.DMSans_12_400 {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
}

.DMSans_15_400 {
  font-size: 0.938rem !important;
  font-family: "DMSansNormal" !important;
}

.DMSans_16_400 {
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
}

.DMSanBold_18_700 {
  font-size: 1.125rem;
  font-family: "DMSansBold";
}

.DMSanBold_22_700 {
  font-size: 1.375rem;
  font-family: "DMSansBold";
}

.DMSansMedium_11_500 {
  font-size: 0.688rem;
  font-family: "DMSansMedium";
}

.DMSansMedium_12_500 {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}

.DMSansNormal_12_400 {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.DMSansNormal_12_300 {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  font-weight: 300;
}

.DMSansNormal_10_300 {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  font-weight: 300;
}

.DMSansMedium_16_500 {
  font-size: 1rem;
  font-family: "DMSansMedium";
}

.DMSansNormal_20_400 {
  font-size: 1.25rem;
  font-family: "DMSansNormal";
}

.DMSansMedium_20_500 {
  font-size: 1.25rem;
  font-family: "DMSansMedium";
}

.DMSansBold_20_700 {
  font-size: 1.25rem;
  font-family: "DMSansBold";
}

.DMSansNormal_28_400 {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
}

.DMSansNormal_64_400 {
  font-size: 4rem;
  font-family: "DMSansNormal";
}

.DMSansN_24_400 {
  font-size: 1.5rem;
  font-family: "DMSansNormal";
}

.DMSansM_24_500 {
  font-size: 1.5rem;
  font-family: "DMSansMedium";
}

.DMSansN_24_600 {
  font-size: 1.5rem;
  font-family: "DMSansBold";
}

.DMSan_14_500 {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}

.DMSan_16_500 {
  font-size: 1rem;
  font-family: "DMSansMedium";
}

.RobotoR_14_400,
.Roboto_14_400 {
  font-size: 0.875rem;
  font-family: "RobotoRegular";
}

.DMsanR_17_400 {
  font-size: 1.063rem;
  font-family: "DMSansNormal";
}

.DMSanN_19_400 {
  font-size: 1.188rem;
  font-family: "DMSansNormal";
}

.DMSan_42_700 {
  font-size: 2.625rem;
  font-family: "DMSansBold";
}

.DMSan_42_400 {
  font-size: 2.625rem;
  font-family: "DMSansNormal";
}

.RobotoM_18_500 {
  font-size: 1.125rem;
  font-family: "RobotoMedium";
}

.Roboto_24_700 {
  font-size: 1.5rem;
  font-family: "RobotoMedium";
}

.RobotoM_24_700 {
  font-size: 1.5rem;
  font-family: "RobotoBold";
}

.DMSanBold_24_700 {
  font-size: 1.5rem;
  font-family: "DMSansBold";
}

.DMSansMedium_28_500 {
  font-size: 1.75rem;
  font-family: "DMSansMedium";
}

.DMSan_21_500 {
  font-size: 1.313rem;
  font-family: "DMSansMedium";
}

.RobotoM_22_500 {
  font-size: 1.375rem;
  font-family: "RobotoMedium";
}

.RobotoB_28_700 {
  font-size: 1.75rem;
  font-family: "RobotoBold";
}

.RobotoR_28_700 {
  font-size: 1.75rem;
  font-family: "RobotoRegular";
}

.DMSansBold_28_700 {
  font-size: 1.75rem;
  font-family: "DMSansBold";
}

.DMSansMedium_48_500 {
  font-size: 3rem;
  font-family: "DMSansMedium";
}

.DMSansBold_60_700 {
  font-size: 3.75rem;
  font-family: "DMSansBold";
}

/******************************font styles ******************/
.fontstylecontainer h1 {
  font-size: 15px;
}

.EncodeSansLight {
  font-family: "EncodeSansLight";
}

.EncodeSansNormal {
  font-family: "encodesans_normal";
}

.EncodeSansMedium {
  font-family: "EncodeSansMedium";
}

.EncodeSansSemiBold {
  font-family: "EncodeSansSemiBold";
}

.EncodeSansBold {
  font-family: "EncodeSansBold";
}

.EncodeSansR {
  font-family: "EncodeSansRegular";
}

.RobotoLight {
  font-family: "RobotoLight";
}

.RobotoRegular {
  font-family: "RobotoRegular";
}

.RobotoMedium {
  font-family: "RobotoMedium";
}

.RobotoBold {
  font-family: "RobotoBold";
}

.DmSansNormal {
  font-family: "DMSansNormal";
}

.Roboto_36_600 {
  font-size: 2.25rem;
  font-family: "RobotoBold";
}

.Roboto_30_600 {
  font-size: 1.875rem;
  font-family: "RobotoBold";
}

.DMSan_30_500 {
  font-size: 1.875rem;
  font-family: "DMSansNormal";
}

.DMSansMedium_26_500 {
  font-size: 1.625rem;
  font-family: "DMSansMedium";
}

.DMSanB_25_700 {
  font-size: 1.563rem;
  font-family: "DMSansBold";
}

.DMSan_25_500 {
  font-size: 1.563rem;
  font-family: "DMSansNormal";
}

.DMSanB_26_700 {
  font-size: 1.625rem;
  font-family: "DMSansBold";
}

.DMSan_26_700 {
  font-size: 1.625rem;
  font-family: "DMSansNormal";
}

.DMSan_30_700 {
  font-size: 1.875rem;
  font-family: "DMSansBold";
}

.DMSanN_36_400 {
  font-size: 2.25rem;
  font-family: "DMSansNormal";
}

.DMSanN_30_400 {
  font-size: 1.875rem;
  font-family: "DMSansNormal";
}

.DMSanB_36_700 {
  font-size: 2.25rem;
  font-family: "DMSansBold";
}

.DMSanB_40_700 {
  font-size: 2.5rem;
  font-family: "DMSansBold";
}

.DMSanB_40_400 {
  font-size: 2.5rem;
  font-family: "DMSansNormal";
}

.RobotoR_18_400 {
  font-size: 1.125rem;
  font-family: "RobotoRegular";
}

.Roboto_20_600 {
  font-size: 1.25rem;
  font-family: "RobotoBold";
}

.Roboto_14_600 {
  font-size: 0.875rem;
  font-family: "RobotoBold";
}

.RobotoM_13_500 {
  font-size: 0.813rem;
  font-family: "RobotoMedium";
}

.RobotoM_30_400 {
  font-size: 1.875rem;
  font-family: "RobotoRegular";
}

.DMSan_40_700 {
  font-size: 2.5rem;
  font-family: "DMSansBold";
}

.icon-font {
  font-size: 0.375rem;
}

.icon-font50 {
  font-size: 3.125rem;
}

.RobotoR_20_400 {
  font-size: 1.25rem;
  font-family: "RobotoRegular";
}

.RobotoR_20_700 {
  font-size: 1.25rem;
  font-family: "RobotoBold";
}

.breakCode span {
  width: 100%;
  display: block;
  font-size: 12px;
}

.custom-table {
  min-width: 900px;
}

.custom-table thead tr,
.custom-table thead th {
  border-top: none;
  border-bottom: none !important;
  font-weight: bold;
}

.custom-table tbody th,
.custom-table tbody td {
  color: #777;
  font-weight: 400;
  padding-bottom: 20px;
  padding-top: 20px;
  font-weight: 300;
}

.custom-table tbody th small,
.custom-table tbody td small {
  color: #b3b3b3;
  font-weight: 300;
}

.custom-table tbody .persons {
  padding: 0;
  margin: 0;
}

.custom-table tbody tr th,
.custom-table tbody tr td {
  position: relative;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.custom-table tbody tr:hover th,
.custom-table tbody tr:hover td {
  background: rgba(0, 0, 0, 0.03);
}

.custom-table tbody tr:hover th:before,
.custom-table tbody tr:hover th:after,
.custom-table tbody tr:hover td:before,
.custom-table tbody tr:hover td:after {
  opacity: 1;
  visibility: visible;
}

.DMSansMedium_13_500 {
  font-size: 0.813rem;
  font-family: "DMSansMedium";
}

.RobotoB_24_700 {
  font-size: 1.5rem;
  font-family: "RobotoBold";
}

.DMSansMedium_34_500 {
  font-size: 2.125rem;
  font-family: "DMSansMedium";
}

.RobotoMedium_50_500 {
  font-size: 3.125rem;
  font-family: "RobotoMedium";
}

.RobotoMedium_40_500 {
  font-size: 2.5rem;
  font-family: "RobotoMedium";
}

.DMSan_34_700 {
  font-size: 2.125rem;
  font-family: "DMSansBold";
}

.RobotoB_24_700 {
  font-size: 1.5rem;
  font-family: "RobotoBold";
}

.DMSanBold_17_700 {
  font-size: 1.063rem;
  font-family: "DMSansBold";
}

.DMSerifRegular_96_400 {
  font-size: 6rem;
  font-family: "DMSerifRegular";
}

.DMSerifRegular_30_400 {
  font-size: 1.875rem;
  font-family: "DMSerifRegular";
}

.DMSerifRegular_36_400 {
  font-size: 2.25rem;
  font-family: "DMSerifRegular";
}

.DMSerifRegular_64_400 {
  font-size: 4rem;
  font-family: "DMSerifRegular";
}

.DMSerifRegular_48_400 {
  font-size: 3rem;
  font-family: "DMSerifRegular";
}

.DMSanN_94_400 {
  font-size: 5.875rem;
  font-family: "DMSansNormal";
}

.DMSanN_36_400 {
  font-size: 2.25rem;
  font-family: "DMSansNormal";
}

.DMSansN_48_400 {
  font-size: 3rem;
  font-family: "DMSansNormal";
}

.DMSansN_50_400 {
  font-size: 3.125rem;
  font-family: "DMSansNormal";
}

.DMSeriffR_32_400 {
  font-size: 2rem;
  font-family: "DMSerifRegular";
}

.DMSeriffR_64_400 {
  font-size: 4rem;
  font-family: "DMSerifRegular";
}

.DMSeriffR_20_400 {
  font-size: 1.25rem;
  font-family: "DMSerifRegular";
}

.DMSeriffR_50_400 {
  font-size: 3.125rem;
  font-family: "DMSerifRegular";
}

.DMSeriffR_36_400 {
  font-size: 2.25rem;
  font-family: "DMSerifRegular";
}

.DMSansLight_36_200 {
  font-family: "DMSansNormalExtraLight";
  font-size: 2.25rem;
}

.DMSanS_14_200 {
  font-size: 0.875rem;
  font-family: "DMSansNormalExtraLight";
}

.DMSanN_18_200 {
  font-size: 1.125rem;
  font-family: "DMSansNormalExtraLight";
}

.DMSeriffR_26_400 {
  font-size: 1.625rem;
  font-family: "DMSerifRegular";
}

.DMSeriffR_40_400 {
  font-size: 2.5rem;
  font-family: "DMSerifRegular";
}

.DMSeriffR_24_400 {
  font-size: 1.5rem;
  font-family: "DMSerifRegular";
}

.DMSans_16_200 {
  font-size: 1rem;
  font-family: "DMSansNormalExtraLight";
}

.DMSeriffR_32_400 {
  font-size: 2rem;
  font-family: "DMSerifRegular";
}

.DMSans_13_400 {
  font-size: 0.813rem;
  font-family: "DMSansNormal";
}

.DMSeriffR_22_400 {
  font-size: 1.375rem;
  font-family: "DMSerifRegular";
}

.DMSeriff_40_400 {
  font-size: 2.5rem;
  font-family: "DMSerifRegular";
}

.DMSeriff_15_400 {
  font-size: 0.938rem;
  font-family: "DMSerifRegular";
}

.DMSeriff_18_400 {
  font-size: 1.125rem;
  font-family: "DMSerifRegular";
}

.DMSanN_21_400 {
  font-size: 1.313rem;
  font-family: "DMSansNormal";
}

.customaccordian .accordion-item {
  border-top: 1px solid #e7e7e7;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.customaccordian .accordion-item:first-child {
  border-top: none;
}
.customaccordian:last-child {
  border-bottom: 1px solid #e7e7e7;
}
.customaccordian .accordion-header {
  border: none;
}
.customaccordian .accordion-header .accordion-button {
  padding: 17px 0px 17px 0px;
  border: none;
  font-family: "DMSansMedium";
  font-size: 1.125rem;
  color: #444444;
}
.customaccordian .accordion-body {
  padding: 0rem 0rem 1.875rem 0rem;
  font-family: "DMSansNormal";
  font-size: 1rem;
  color: #444444;
}
.customaccordian .accordion-body .accordian-back {
  gap: 5px;
}
.customaccordian .setHeight {
  height: 330px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .customaccordian .setHeight {
    padding-right: 0px;
  }
}
.customaccordian .setHeight::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.customaccordian .setHeight {
  /* Track */
}
.customaccordian .setHeight::-webkit-scrollbar-track {
  background: transparent;
}
.customaccordian .setHeight {
  /* Handle */
}
.customaccordian .setHeight::-webkit-scrollbar-thumb {
  background: #03002f;
}

.blur-on-scroll {
  background: linear-gradient(180deg, white, transparent);
  position: absolute;
  left: 0;
  width: 100%;
  height: 8%;
  z-index: 1;
  pointer-events: none;
  margin-top: -2px;
}

.blur-on-scroll-sidebar {
  background: linear-gradient(180deg, white, transparent);
  position: fixed;
  left: 0;
  width: 100%;
  height: 11%;
  z-index: 999;
  pointer-events: none;
  margin-left: 33%;
}

.ptb-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.leftsidebar {
  box-shadow: 30px 20px 35px -10px rgba(0, 0, 0, 0.05);
}

.rightsidebar {
  padding-left: 89px;
  max-height: max-content;
  min-height: max-content;
  overflow-y: scroll;
  margin-bottom: 144px;
}
.rightsidebar::-webkit-scrollbar {
  width: 0.12rem;
}
.rightsidebar::-webkit-scrollbar-thumb {
  background-color: #03002f;
}

.footer-sidebar-generic .nav-pills .nav-link {
  color: #b8b8b8;
  font-family: "DMSansBold";
  font-size: 1.125rem;
  cursor: pointer;
  padding: 0px;
}
.footer-sidebar-generic .nav-pills .nav-link.active {
  color: #444444;
  font-family: "DMSansBold";
  font-size: 1.125rem;
  background-color: #ffffff;
  border-right: 1px solid #03002f;
  border-radius: 0px;
}
.footer-sidebar-generic .nav-pills .nav-item {
  margin-bottom: 30px;
}

@media screen and (max-width: 1023px) {
  .ptb-60 {
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .Headingaccordian label.DMSan_28_700 {
    font-size: 1.25rem;
  }
  .customaccordian .accordion-header .accordion-button {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .height500mb {
    height: 500px !important;
  }
}

.withoutblur .blur-on-scroll-sidebar {
  background: unset;
}

.generic-breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding: 0;
}
.generic-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "\e923";
  font-family: "edel_icon";
  color: #b8b8b8;
  padding: 0 5px;
}
.generic-breadcrumb .breadcrumb-item a {
  color: #b8b8b8;
}
.generic-breadcrumb .breadcrumb-item.active {
  color: #444444;
  cursor: default;
}

.IPO-gentable {
  width: 100%;
}
.IPO-gentable .table > :not(caption) > * > * {
  background-color: unset !important;
}
.IPO-gentable .ed_button.button {
  padding: 9px 17px;
  text-wrap: nowrap;
  font-size: 0.875rem;
}
.IPO-gentable .subwidth {
  width: 15%;
  max-width: 100%;
}
.IPO-gentable .table-head tr {
  width: 100%;
}
.IPO-gentable .table-head tr th {
  padding: 15px;
  text-align: right;
}
.IPO-gentable .table-head tr th:first-child {
  padding-left: 20px;
  text-align: left;
  width: 15%;
  max-width: 100%;
  text-align: left;
}
.IPO-gentable .table-head tr th:nth-child(4), .IPO-gentable .table-head tr th:nth-child(5) {
  width: 10%;
  max-width: 100%;
}
.IPO-gentable .table-head tr th:nth-child(2) {
  width: 12%;
  max-width: 100%;
}
.IPO-gentable .table-head tr th:nth-child(3) {
  width: 11%;
  max-width: 100%;
}
.IPO-gentable .table-head tr th:last-child {
  padding-right: 20px;
}
.IPO-gentable .table-body tr:hover {
  background: #e7e7e7 !important;
}
.IPO-gentable .table-body td {
  border: none;
}
.IPO-gentable .table-body td .table {
  border-top: 1px solid #e7e7e7;
}
.IPO-gentable .table-body .tbody-content td {
  padding: 15px;
  vertical-align: top;
  text-align: right;
}
.IPO-gentable .table-body .tbody-content td div {
  padding: 0px;
}
.IPO-gentable .table-body .tbody-content td:first-child {
  border-left: none;
  padding-left: 20px;
  width: 15%;
  max-width: 100%;
  text-align: left;
}
.IPO-gentable .table-body .tbody-content td:nth-child(4), .IPO-gentable .table-body .tbody-content td:nth-child(5) {
  width: 10%;
  max-width: 100%;
}
.IPO-gentable .table-body .tbody-content td:nth-child(2) {
  width: 12%;
  text-wrap: nowrap;
  max-width: 100%;
}
.IPO-gentable .table-body .tbody-content td:nth-child(3) {
  text-wrap: nowrap;
  width: 11%;
  max-width: 100%;
}
.IPO-gentable .table-body .tbody-content td:last-child {
  border-right: none;
  padding-right: 20px;
}
.IPO-gentable .table-body .tbody-content .applyNowBtn {
  padding: 0px 22px 0px 10px;
}
.IPO-gentable .table-body .tbody-content .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.IPO-gentable .table-body .tbody-content .share-icon .edel-icon-share-icon:before {
  content: "\e96c";
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}
.IPO-gentable .table-body .tbody-content .price-disc {
  background-color: #dfa717;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  border-radius: 2px;
}
.IPO-gentable .table-body .tbody-content .price-disc p {
  line-height: 13.5px;
  font-size: 0.625rem;
  color: #ffffff;
  margin-left: 2px;
  margin-bottom: 0px;
}
.IPO-gentable .table-body .labeltext {
  border: none;
}
.IPO-gentable .table-body .labeltext td {
  height: 0px;
  padding-bottom: 15px;
}

.w-20 {
  width: 20%;
}

.pl-10 {
  padding-left: 10px;
}

@media (min-width: 1023px) {
  .ipo-label-text-tile {
    line-height: 17.5px;
  }
}

.listing-performance-table thead tr th:not(:first-child) .title {
  justify-content: end !important;
}
.listing-performance-table thead tr th .title {
  text-wrap: nowrap !important;
}

.listing-viewall .marketgroup .marketCard {
  border: 0px;
}
.listing-viewall .marketgroup .marketCard .ipo-list-search-mob {
  margin-left: 15px;
}
.listing-viewall .marketgroup .marketCard .ipo-list-search-mob .common-search-bar input {
  border-top-right-radius: 0 !important;
  width: 215px;
  border-bottom-right-radius: 0 !important;
}
.listing-viewall .marketgroup .marketCard .ipo-list-search .common-search-bar input {
  width: 235px;
}

.listingPerformance .marketcardfoot .card-footer {
  margin-bottom: 20px;
}

.dynamic-pagination {
  display: flex;
  justify-content: center;
  padding: 30px 25px 0px 30px;
  gap: 10px;
  align-items: center;
}
.dynamic-pagination .arrow-button.page-item.disabled {
  opacity: 0.5;
}
.dynamic-pagination .arrow-button.page-item.disabled .page-link {
  background-color: unset !important;
}
.dynamic-pagination .arrow-button.page-item.disabled .page-link i {
  font-size: 1.625rem;
}
.dynamic-pagination .page-item.active .page-link {
  border: none;
  background: #03002f;
  border-radius: 100%;
  color: #ffffff;
}
.dynamic-pagination .page-link {
  border: none;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 130%;
  color: #03002f;
}
.dynamic-pagination .page-item.arrow-button a {
  background: unset;
  color: #03002f;
  padding: 4px 5px;
  border-radius: 5px;
}
.dynamic-pagination .page-item.arrow-button a span i {
  font-size: 1.625rem;
}

.marketdepth-generic {
  padding: 10px 0px;
  border-top: 1px solid #e7e7e7;
}
.marketdepth-generic table thead th:nth-child(1) {
  text-align: start;
}
.marketdepth-generic table thead th:nth-child(2), .marketdepth-generic table thead th:nth-child(3), .marketdepth-generic table thead th:nth-child(4) {
  text-align: center;
}
.marketdepth-generic table thead th:nth-child(5) {
  text-align: end;
}
.marketdepth-generic table thead th:nth-child(6) {
  text-align: end;
}
.marketdepth-generic table tbody tr td:nth-child(1), .marketdepth-generic table tbody tr td:nth-child(2), .marketdepth-generic table tbody tr td:nth-child(3) {
  color: #03002f !important;
}
@media (max-width: 768px) {
  .marketdepth-generic {
    padding: 20px 0px;
  }
}
.marketdepth-generic.common-marketdepth table thead th:nth-child(1) {
  text-align: start;
}
.marketdepth-generic.common-marketdepth table thead th:nth-child(2), .marketdepth-generic.common-marketdepth table thead th:nth-child(3), .marketdepth-generic.common-marketdepth table thead th:nth-child(4) {
  text-align: center;
}
.marketdepth-generic.common-marketdepth table thead th:nth-child(5) {
  text-align: end;
}
.marketdepth-generic.common-marketdepth table tbody tr td:nth-child(1), .marketdepth-generic.common-marketdepth table tbody tr td:nth-child(2), .marketdepth-generic.common-marketdepth table tbody tr td:nth-child(3) {
  color: #03002f !important;
}
.marketdepth-generic .marketdepth-text {
  padding: 10px 0px 19px;
}
.marketdepth-generic table {
  width: 100%;
  margin: 0px;
}
.marketdepth-generic table tr th,
.marketdepth-generic table tr td {
  height: 0px;
  padding: 7px;
}
.marketdepth-generic table tr:hover {
  background-color: #f2f2f5 !important;
}
.marketdepth-generic table tbody .depthbodydata td:nth-child(1), .marketdepth-generic table tbody .depthbodydata td:nth-child(2), .marketdepth-generic table tbody .depthbodydata td:nth-child(3),
.marketdepth-generic table tbody .totalrow td:nth-child(1),
.marketdepth-generic table tbody .totalrow td:nth-child(2),
.marketdepth-generic table tbody .totalrow td:nth-child(3) {
  color: #03002f;
}
.marketdepth-generic table tbody .depthbodydata td:nth-child(4), .marketdepth-generic table tbody .depthbodydata td:nth-child(5), .marketdepth-generic table tbody .depthbodydata td:nth-child(6),
.marketdepth-generic table tbody .totalrow td:nth-child(4),
.marketdepth-generic table tbody .totalrow td:nth-child(5),
.marketdepth-generic table tbody .totalrow td:nth-child(6) {
  color: #dd504d;
}
.marketdepth-generic table tbody .depthbodydata td:nth-child(1),
.marketdepth-generic table tbody .totalrow td:nth-child(1) {
  text-align: start;
}
.marketdepth-generic table tbody .depthbodydata td:nth-child(2), .marketdepth-generic table tbody .depthbodydata td:nth-child(3), .marketdepth-generic table tbody .depthbodydata td:nth-child(4),
.marketdepth-generic table tbody .totalrow td:nth-child(2),
.marketdepth-generic table tbody .totalrow td:nth-child(3),
.marketdepth-generic table tbody .totalrow td:nth-child(4) {
  text-align: center;
}
.marketdepth-generic table tbody .depthbodydata td:nth-child(5),
.marketdepth-generic table tbody .totalrow td:nth-child(5) {
  text-align: end;
}
.marketdepth-generic table tbody .depthbodydata td:nth-child(6),
.marketdepth-generic table tbody .totalrow td:nth-child(6) {
  text-align: end;
}
.marketdepth-generic table tbody .totalrow {
  background-color: #f2f2f5 !important;
}
.marketdepth-generic table tbody .totalrow:hover td {
  background-color: #f2f2f5 !important;
}
.marketdepth-generic table tbody .totalrow td:nth-child(1) {
  text-align: start;
}
.marketdepth-generic table tbody .totalrow td:nth-child(2), .marketdepth-generic table tbody .totalrow td:nth-child(3) {
  text-align: center;
}
.marketdepth-generic table tbody .totalrow td:nth-child(4) {
  text-align: end;
}
.marketdepth-generic table tbody .totalrow td:nth-child(5) {
  text-align: end;
}
.marketdepth-generic table tbody .totalrow td {
  font-size: 0.75rem !important;
  font-family: "RobotoMedium" !important;
}
.marketdepth-generic table tbody .totalrow .Total-ui {
  font-size: 0.625rem !important;
  font-family: "DMSansNormal" !important;
  width: 32% !important;
  text-align: center !important;
  color: #727271 !important;
}
.marketdepth-generic table tbody td {
  border: none;
}
.marketdepth-generic table tbody td:first-child {
  border-left: 0px;
}
.marketdepth-generic table tbody td:last-child {
  border-right: 0px;
}

.depthbodydata.RobotoM_12_500 {
  font-size: 0.75rem !important;
  font-family: "RobotoMedium" !important;
}

.coroprateActionGeneric {
  padding: 15px;
}
.coroprateActionGeneric .corporate-view {
  align-items: center;
}
.coroprateActionGeneric .corporate-view .edel-icon-arrow-right:before {
  font-size: 1.125rem;
}

.pl-13 {
  padding-left: 13px;
}
@media (max-width: 768px) {
  .pl-13 {
    line-height: 20px;
  }
}

.ml-9 {
  margin-left: 9px;
}

@media (max-width: 768px) {
  .coroprateActionGeneric .corporateGenericTitle,
  .coroprateActionGeneric .researchtag {
    line-height: 30px !important;
  }
}
.sliderNewsblock {
  padding: 15px;
}
.sliderNewsblock .dpname {
  text-decoration: underline;
}
.sliderNewsblock .news-block {
  margin-top: 9px;
  padding-left: 24px;
  text-align: justify;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .sliderNewsblock .news-block {
    line-height: 20px;
  }
}

.Researchcall-generic {
  padding: 15px;
}
.Researchcall-generic .research-data {
  margin-top: 11px;
  padding-left: 37px;
}
.Researchcall-generic .research-data .col {
  max-width: 23%;
  padding: 0;
}
@media (max-width: 768px) {
  .Researchcall-generic .research-data .col {
    line-height: 20px;
  }
}
.Researchcall-generic .research-data .col:last-child {
  max-width: 31%;
}
.Researchcall-generic .research-data .col div:first-child {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
}
.Researchcall-generic .research-data .col div:last-child {
  color: #444444;
  font-family: "RobotoMedium";
  font-size: 0.75rem;
}
.Researchcall-generic .research-view {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.Researchcall-generic .research-view .edel-icon-arrow-right:before {
  font-size: 1.125rem;
}

.buttonchange-block label {
  padding: 5px 7px;
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  border-radius: 3px;
  line-height: 140%;
}
.buttonchange-block .Buy {
  color: #51b255;
  background: rgba(81, 178, 85, 0.05);
}
.buttonchange-block .Exit {
  color: #dd504d;
  background: rgba(221, 80, 77, 0.05);
}

.researchtag {
  height: 16px;
  width: 16px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  text-align: center;
  color: #03002f;
  align-self: center;
  padding: 0;
}

.common-Research .research-view {
  color: #03002f !important;
}

.Toaster-block {
  width: 100%;
}
.Toaster-block .toast-container {
  width: 100%;
  bottom: 30px !important;
  position: fixed !important;
  padding: 0px 15px;
}
@media screen and (max-width: 768px) {
  .Toaster-block .toast-container {
    margin-bottom: 50px !important;
  }
}
.Toaster-block .parentToaster .fade {
  display: block !important;
}
.Toaster-block .parentToaster .toast {
  width: 100%;
  border: none;
  box-shadow: none;
}
.Toaster-block .parentToaster .toast .toast-body {
  border-radius: 5px;
  padding: 10px;
}
.Toaster-block.added .toast-container {
  z-index: 99999;
  bottom: 75px !important;
}

.desk-toast .toast-container {
  padding: 10px;
  width: 100%;
}
.desk-toast .toast-container .toast {
  width: 100%;
  border: none;
  box-shadow: none;
}
.desk-toast .toast-container .toast .toast-body {
  border-radius: 5px;
}
.desk-toast.position-unset {
  position: unset !important;
}
.desk-toast.small-middle .parentToaster {
  width: 50% !important;
}
@media screen and (max-width: 1023px) {
  .desk-toast.small-middle .parentToaster {
    width: 100% !important;
  }
}
.desk-toast.small-middle .parentToaster {
  position: fixed !important;
}
.desk-toast.small-middle-auto .parentToaster {
  width: auto !important;
}
@media screen and (max-width: 1023px) {
  .desk-toast.small-middle-auto .parentToaster {
    width: 100% !important;
  }
}
.desk-toast.small-middle-auto .parentToaster {
  position: fixed !important;
}
.desk-toast.pos-fixed {
  position: fixed;
  z-index: 10;
  width: 100%;
}
.desk-toast.pos-fixed.width-25 {
  width: 25%;
}
.desk-toast.top-rel-30 {
  top: 30px;
  position: relative;
}

.common-search-bar {
  border-radius: 5px;
}
.common-search-bar .edel-icon-search1 {
  padding-left: 15px;
  color: #03002f;
}
.common-search-bar input {
  border: none;
  width: 100%;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #03002f;
  padding: 17px 10px;
  border-radius: 5px;
}
.common-search-bar input::-webkit-input-placeholder {
  color: #444444 !important;
}
.common-search-bar.open-search {
  justify-content: space-around;
}
.common-search-bar.open-search i::before {
  font-size: 0.563rem;
  position: relative;
  top: -2px;
}
.common-search-bar.open-search .edel-icon-left-arrow {
  padding-left: 10px;
  padding-right: 2px;
  font-size: 0.813rem;
}
.common-search-bar.open-search .edel-icon-close {
  padding-right: 10px;
}

.search-split-block {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.search-split-block button {
  border: none;
  background: #ffffff;
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .search-split-block button {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.search-split-block button {
  padding: 4px 10px;
  border-color: #e7e7e7;
}
.search-split-block button:hover {
  color: #727271;
}
.search-split-block .btn-primary:hover {
  background-color: unset;
  border-color: unset;
}
.search-split-block .btn-primary:active,
.search-split-block .btn-primary:focus {
  background-color: unset;
  border-color: unset;
  color: #03002f;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .search-split-block .btn-primary:active,
  .search-split-block .btn-primary:focus {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.search-split-block .btn-primary.dropdown-toggle {
  background-color: #ffffff;
  border-color: none;
  color: #727271;
  padding: 0px 10px 0px 0px;
}
@media screen and (max-width: 1023px) {
  .search-split-block .dropdown-toggle span::after {
    content: "\eb6c";
    font-family: "edel_icon";
    border: none;
    color: #03002f;
    display: flex;
    align-items: center;
    font-size: 0.438rem;
  }
  .search-split-block .dropdown-toggle.show span::after {
    transform: rotate(180deg);
  }
  .search-split-block .dropdown-toggle span {
    position: relative !important;
    margin: 0px !important;
  }
}
.search-split-block .dropdown-toggle::after {
  content: "\eb6c";
  font-family: "edel_icon";
  border: none;
  color: #03002f;
  display: flex;
  align-items: center;
  font-size: 0.438rem;
}
.search-split-block .dropdown-menu.show {
  margin: auto;
  min-width: 100%;
  max-width: max-content;
  left: 0;
  padding: 15px 15px 0px;
  border: none;
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(165, 163, 174, 0.4);
  transform: translate(0px) !important;
  inset: 35px auto auto 0px !important;
}
@media (max-width: 768px) {
  .search-split-block .dropdown-menu.show {
    inset: 30px auto auto 0px !important;
  }
}
.search-split-block .dropdown-menu.show .radio-button label {
  gap: 3px;
}
.search-split-block .dropdown-menu.show .radio-button {
  padding-bottom: 15px;
}
.search-split-block .dropdown-menu.show .radio-button input[type=checkbox] {
  color: #ffffff;
}
.search-split-block .dropdown-menu.show .radio-button input[type=checkbox]:checked {
  background-color: #03002f !important;
  border-color: #03002f !important;
}
.search-split-block .alignment-content .radio_btn {
  display: flex;
  align-items: center;
  gap: 0px;
}

.search-split-block.show .dropdown-toggle::after {
  transform: rotate(180deg);
  color: #03002f;
}

.search-nosplit-block {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 4px 10px;
  display: flex;
  align-items: center;
}
.search-nosplit-block .ed_button.link {
  background: none;
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .search-nosplit-block .ed_button.link {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}

.search-toptabs-block {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  background-color: #ffffff;
  padding-right: 30px !important;
}
@media (max-width: 768px) {
  .search-toptabs-block {
    display: flex;
    gap: 10px;
    height: 100%;
    flex-wrap: wrap;
    padding-right: 20px !important;
  }
  .search-toptabs-block .search-nosplit-block {
    max-width: fit-content;
    min-width: fit-content;
    position: relative;
    height: 100%;
  }
}

.selected-tab-color {
  background-color: #f2f2f5 !important;
}

.search-tab-active-btn .dropdown-menu .dropdown-item.active,
.search-tab-active-btn .dropdown-menu .dropdown-item:active {
  background-color: #03002f;
}
.search-tab-active-btn {
  border: 1px solid #03002f;
  display: flex;
  align-items: center;
  background-color: #f2f2f5 !important;
}
.search-tab-active-btn .btn-primary {
  color: #03002f;
}
.search-tab-active-btn .btn-primary:hover {
  z-index: 0;
  color: #03002f;
}
.search-tab-active-btn button {
  background-color: #f2f2f5 !important;
  font-family: "DMSansMedium" !important;
}

.search-tab-active-btn.search-nosplit-block .ed_button.link,
.search-tab-active-btn.search-split-block .ed_button.link {
  color: #03002f;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .search-tab-active-btn.search-nosplit-block .ed_button.link,
  .search-tab-active-btn.search-split-block .ed_button.link {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}

.searchbox-mobile {
  width: 295px;
  height: 213px;
  border-radius: 6px;
  box-shadow: 0px 0px 20px 0px rgba(165, 163, 174, 0.4);
  padding: 15px;
  overflow-y: scroll;
}
.searchbox-mobile .searchblock-generic-block:first-child {
  padding-top: 0px;
}

.defaultExchange-modal.modal-dialog {
  max-width: 520px !important;
}
.defaultExchange-modal.modal-dialog .modal-content .modal-header {
  margin-bottom: 0px !important;
  border: none !important;
  border-radius: 0px !important;
  background-color: #f2f2f5 !important;
  padding: 20px !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}
.defaultExchange-modal.modal-dialog .modal-content .modal-body {
  border-radius: 0px !important;
  height: unset !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.generic-searchbar-modal-block .commonscroll-new::-webkit-scrollbar-track-piece {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.generic-searchbar-modal-block .commonscroll-new::-webkit-scrollbar {
  width: 2px !important;
  height: 5px !important;
}
.generic-searchbar-modal-block + .modal-backdrop .show {
  background-color: rgba(98, 92, 92, 0.19) !important;
}

.fade.show.tooltip,
.fade.show.popover {
  display: block;
  opacity: 1;
  z-index: 1000;
}
.fade.show.tooltip.high-index,
.fade.show.popover.high-index {
  z-index: 9999;
}

.fade.show.popover {
  border-color: #e7e7e7;
}

.generic-popover.popover-body {
  cursor: default;
}

.white-tooltips .tooltip-inner {
  border-radius: 5px;
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px 10px;
  margin: 0 0 7px 0;
  filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.1));
}
.white-tooltips .tooltip-arrow::before {
  border-color: #ffffff !important;
}

.watchlist-todays-highlist.chart-view .highlistlist {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
}
.watchlist-todays-highlist.pivot-points .highlistlist {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-bottom: 5px;
  column-gap: 5px;
  row-gap: 10px;
}
.watchlist-todays-highlist.pivot-points .highlistlist.grid-1 {
  grid-template-columns: 1fr;
}
.watchlist-todays-highlist.pivot-points .highlistlist.grid-2 {
  grid-template-columns: 1fr 1fr;
}
.watchlist-todays-highlist.pivot-points .highlistlist.grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.investmentTypeBlock {
  padding: 0px 15px 20px;
  border-bottom: 1px solid #e7e7e7;
}
.investmentTypeBlock .BUY {
  color: #51b255;
}
.investmentTypeBlock .tile div {
  line-height: 16.8px;
}

.watchlist-marketdepth .dpname {
  text-decoration: none !important;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .watchlist-marketdepth .dpname {
    font-size: 0.75rem !important;
    font-family: "DMSansBold" !important;
    text-transform: uppercase;
  }
}
.watchlist-marketdepth .pivot-points .col-3 {
  padding-left: 0px;
  padding-right: 0px;
}
.watchlist-marketdepth .pivot-points.pivotpointsweek {
  border-top: 1px solid #e7e7e7 !important;
}

@media (max-width: 1023px) {
  .watchlist-todays-highlist {
    padding-left: 10px;
  }
  .watchlist-todays-highlist .highlistlist {
    column-gap: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.mgt-2 {
  margin-top: 2px;
}

.mgt-3 {
  margin-top: 3px;
}

.mgt-4 {
  margin-top: 4px;
}

.mgt-5 {
  margin-top: 5px;
}

.mgt-8 {
  margin-top: 8px;
}

.mgt-10 {
  margin-top: 10px;
}

.mgt-11 {
  margin-top: 11px;
}

.mgt-12 {
  margin-top: 12px;
}

.mgt-13 {
  margin-top: 13px;
}

.mgt-14 {
  margin-top: 14px;
}

.mgt-15 {
  margin-top: 15px;
}

.mgt-16 {
  margin-top: 16px;
}

.mgt-18 {
  margin-top: 18px;
}

.mgt-20 {
  margin-top: 20px;
}

.mgt-25 {
  margin-top: 25px;
}

.mgt-28 {
  margin-top: 28px;
}

.mgt-30 {
  margin-top: 30px;
}

.mt-33 {
  margin-top: 33px;
}

.mgt-34 {
  margin-top: 34px;
}

.mgt-35 {
  margin-top: 35px;
}

.mgt-36 {
  margin-top: 36px;
}

.mgt-40 {
  margin-top: 40px;
}

.mt-42 {
  margin-top: 42px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-48 {
  margin-top: 45px;
}

.mgt-50 {
  margin-top: 50px;
}

.mgt-55 {
  margin-top: 55px;
}

.mgt-60 {
  margin-top: 60px;
}

.mgt-65 {
  margin-top: 60px;
}

.mgt-70 {
  margin-top: 70px;
}

.mgt-74 {
  margin-top: 74px;
}

.mgt-75 {
  margin-top: 75px;
}

.mgt-100 {
  margin-top: 100px;
}

.mgt-120 {
  margin-top: 120px;
}

.mgt-135 {
  margin-top: 135px;
}

.mgt-150 {
  margin-top: 150px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mgb-2 {
  margin-bottom: 2px;
}

.mgb-4 {
  margin-bottom: 4px;
}

.mgb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-13 {
  margin-bottom: 13px;
}

.mb-14 {
  margin-bottom: 14px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-39 {
  margin-bottom: 39px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-250 {
  margin-bottom: 200px;
}

.mgr-10 {
  margin-right: 10px;
}

.mgr-20 {
  margin-right: 20px;
}

.mgr-15 {
  margin-right: 15px;
}

.mgr-48 {
  margin-right: 48px;
}

.mgl-3 {
  margin-left: 3px;
}

.mgl-5 {
  margin-left: 5px;
}

.mgl-10 {
  margin-left: 10px;
}

.mgl-12 {
  margin-left: 12px;
}

.mgl-15 {
  margin-left: 15px;
}

.mgl-18 {
  margin-left: 18px;
}

.mgl-20 {
  margin-left: 20px;
}

.mgl-30 {
  margin-left: 30px;
}

.mgl-33 {
  margin-left: 33px;
}

.mgl-50 {
  margin-left: 50px;
}

.mgl-100 {
  margin-left: 100px;
}

.mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.my-9 {
  margin-top: 9px;
  margin-bottom: 9px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.m-0 {
  margin: 0;
}

.mgt-80 {
  margin-top: 80px;
}

.mgt-90 {
  margin-top: 90px;
}

.line-height-20 {
  line-height: 20px;
}

.line-height-30 {
  line-height: 30px;
}

/*****************responsive css ***********************/
@media (min-width: 768px) and (max-width: 1600px) {
  .mgt-md-60 {
    margin-top: 60px;
  }
  .mgt-md-30 {
    margin-top: 30px;
  }
  .mgt-md-0 {
    margin-top: 0px;
  }
}
/*****************padding***********************/
.padding-5 {
  padding: 5px !important;
}

.padding-7 {
  padding: 7px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-17 {
  padding: 17px !important;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-80 {
  padding-bottom: 80px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.pdr-24 {
  padding-right: 1.5rem !important;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padding-15 {
  padding: 15px;
}

.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.pd-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.p-25 {
  padding: 25px;
}

.p-30 {
  padding: 30px;
}

.p-32 {
  padding: 32px;
}

.p-40 {
  padding: 40px;
}

.pdt-4 {
  padding-top: 4px;
}

.pt-7 {
  padding-top: 7px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-13 {
  padding-top: 13px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-18 {
  padding-top: 18px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-200 {
  padding-top: 200px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-150 {
  padding-bottom: 100px;
}

.pd-b5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-18 {
  padding-bottom: 18px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-39 {
  padding-bottom: 39px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-250 {
  padding-bottom: 250px;
}

.pdl-rem-2 {
  padding-left: 0.5rem;
}

.pdl-5 {
  padding-left: 5px;
}

.pdl-7 {
  padding-left: 7px;
}

.pdl-rem {
  padding-left: 0.5rem;
}

.pdl-10 {
  padding-left: 10px;
}

.pdl-15 {
  padding-left: 15px;
}

.pdl-16 {
  padding-left: 16px;
}

.pdl-20 {
  padding-left: 20px;
}

.pdl-30 {
  padding-left: 30px;
}

.pdl-35 {
  padding-left: 35px;
}

.pdl-40 {
  padding-left: 40px;
}

.ps-32 {
  padding-left: 32px !important;
}

.ps-35 {
  padding-left: 35px;
}

.ps-100 {
  padding-left: 100px !important;
}

.ps-50 {
  padding-left: 50px !important;
}

.ps-25 {
  padding-left: 25px !important;
}

.pdr-3 {
  padding-right: 3px;
}

.pdr-5 {
  padding-right: 5px;
}

.pdr-10 {
  padding-right: 10px;
}

.pdr-12 {
  padding-right: 12px;
}

.pdr-15 {
  padding-right: 15px;
}

.pdr-20 {
  padding-right: 20px;
}

.pdr-30 {
  padding-right: 30px;
}

.pdr-45 {
  padding-right: 45px;
}

.pdr-50 {
  padding-right: 50px;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.pd-30 {
  padding-top: 30px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.pd-60 {
  padding-top: 60px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.pb-10-rem {
  padding-bottom: 0.5rem !important;
}
@media (max-width: 1023px) {
  .pb-10-rem {
    padding-bottom: 0.33rem !important;
  }
}

.pt-10-rem {
  padding-top: 0.5rem !important;
}
@media (max-width: 1023px) {
  .pt-10-rem {
    padding-top: 0.33rem !important;
  }
}

.px-29-rem {
  padding-right: 1.99rem !important;
  padding-left: 1.99rem !important;
}

@media (min-width: 768px) and (max-width: 1600px) {
  .ps-md-56 {
    padding-left: 56px;
  }
}
@media (max-width: 768px) {
  .ps-md-56 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
}
/**********************span colors ************************/
span[data-attr=pending],
span[data-attr=Pending],
span[data-attr="Request Sent"],
span[data-attr="Pay-in Pending"],
span[data-attr="In Process"],
span[data-attr=InProcess] {
  color: #f7943e;
  text-transform: capitalize;
}
span[data-attr=pending].showBg,
span[data-attr=Pending].showBg,
span[data-attr="Request Sent"].showBg,
span[data-attr="Pay-in Pending"].showBg,
span[data-attr="In Process"].showBg,
span[data-attr=InProcess].showBg {
  background-color: #fef4ec;
}

span[data-attr=success],
span[data-attr=Success] {
  color: #51b255;
  text-transform: capitalize;
}
span[data-attr=success].showBg,
span[data-attr=Success].showBg {
  background-color: #f6fbf6;
}

span[data-attr=Overdue],
span[data-attr=overdue] {
  color: #f7943e !important;
  text-transform: capitalize;
}

span[data-attr=failed],
span[data-attr=Failed] {
  color: #f83c3c;
  text-transform: capitalize;
}
span[data-attr=failed].showBg,
span[data-attr=Failed].showBg {
  background-color: rgba(229, 32, 32, 0.1);
}

span[data-attr=completed],
span[data-attr=Completed],
span[data-attr=COMPLETE],
span[data-attr=Complete],
span[data-attr=complete],
span[data-attr=Processed],
span[kra-data-attr="KRA Validated"],
span[kra-data-attr="KRA Verified"] {
  color: #51b255 !important;
  text-transform: capitalize;
}
span[data-attr=completed].showBg,
span[data-attr=Completed].showBg,
span[data-attr=COMPLETE].showBg,
span[data-attr=Complete].showBg,
span[data-attr=complete].showBg,
span[data-attr=Processed].showBg,
span[kra-data-attr="KRA Validated"].showBg,
span[kra-data-attr="KRA Verified"].showBg {
  background-color: #f6fbf6;
}

span[data-attr="In progress"],
span[data-attr="In pProgress"] {
  color: #f7943e;
  text-transform: capitalize;
}
span[data-attr="In progress"].showBg,
span[data-attr="In pProgress"].showBg {
  background-color: #fef4ec;
}

span[data-attr=rejected],
span[data-attr=Rejected],
span[data-attr=cancelled],
span[data-attr=Cancelled],
span[data-attr=Failed],
span[data-attr=failed],
span[data-attr="UPI Int Failed"],
span[kra-data-attr="Not Checked with respective KRA"],
span[kra-data-attr=Submitted],
span[kra-data-attr=Hold],
span[kra-data-attr=Rejected],
span[kra-data-attr="Not available"],
span[kra-data-attr=Deactivated],
span[kra-data-attr="Existing KYC Submitted"],
span[kra-data-attr="Existing KYC Verified"],
span[kra-data-attr="Existing KYC hold"],
span[kra-data-attr="Existing KYC Rejected"],
span[kra-data-attr="KYC REGISTERED WITH CVLMF"],
span[kra-data-attr="Not Checked with Multiple KRA"],
span[kra-data-attr="Invalid PAN NO Format"] {
  color: #f83c3c !important;
  text-transform: capitalize;
}
span[data-attr=rejected].showBg,
span[data-attr=Rejected].showBg,
span[data-attr=cancelled].showBg,
span[data-attr=Cancelled].showBg,
span[data-attr=Failed].showBg,
span[data-attr=failed].showBg,
span[data-attr="UPI Int Failed"].showBg,
span[kra-data-attr="Not Checked with respective KRA"].showBg,
span[kra-data-attr=Submitted].showBg,
span[kra-data-attr=Hold].showBg,
span[kra-data-attr=Rejected].showBg,
span[kra-data-attr="Not available"].showBg,
span[kra-data-attr=Deactivated].showBg,
span[kra-data-attr="Existing KYC Submitted"].showBg,
span[kra-data-attr="Existing KYC Verified"].showBg,
span[kra-data-attr="Existing KYC hold"].showBg,
span[kra-data-attr="Existing KYC Rejected"].showBg,
span[kra-data-attr="KYC REGISTERED WITH CVLMF"].showBg,
span[kra-data-attr="Not Checked with Multiple KRA"].showBg,
span[kra-data-attr="Invalid PAN NO Format"].showBg {
  background-color: rgba(229, 32, 32, 0.1);
}

/*******************position **************/
.posrel {
  position: relative;
}

.posAbs {
  position: absolute;
}

.posFix {
  position: fixed;
}

.tp-rel-11 {
  position: relative;
  top: -11px;
}

/****************************text  decoration css common *************************/
.txt-underline {
  text-decoration: underline !important;
}

.txt-underline-none {
  text-decoration: unset !important;
}

.txt-transform-unset {
  text-transform: unset !important;
}

/*****************************width**************************************/
.width-99 {
  width: 99px;
}

.width500 {
  width: 500px !important;
}

.width210 {
  width: 210px !important;
}

.width235 {
  width: 235px !important;
}

@media (max-width: 768px) {
  .lineHeight-20-mb {
    line-height: 20px;
  }
  .lineHeight-25-mb {
    line-height: 25px;
  }
  .lineHeight-32-mb {
    line-height: 32px;
  }
}
/******************************edel sidebar Height*****************************/
.vh-100 {
  height: 100vh !important;
}

.vh-95 {
  height: 95vh !important;
}

.vh-90 {
  height: 90vh !important;
}

.vh-85 {
  height: 85vh !important;
}

.vh-80 {
  height: 80vh !important;
}

.vh-75 {
  height: 75vh !important;
}

.vh-70 {
  height: 70vh !important;
}

.vh-60 {
  height: 60vh !important;
}

.vh-50 {
  height: 50vh !important;
}

.vh-40 {
  height: 40vh !important;
}

.vh-35 {
  height: 35vh !important;
}

.vh-30 {
  height: 30vh !important;
}

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

.height-100 {
  height: 100% !important;
}

.height-95 {
  height: 95% !important;
}

.height-90 {
  height: 90% !important;
}

.height-85 {
  height: 85% !important;
}

.height-80 {
  height: 80% !important;
}

.height-75 {
  height: 75% !important;
}

.height-70 {
  height: 70% !important;
}

.height-60 {
  height: 60% !important;
}

.height-55 {
  height: 55% !important;
}

.height-50 {
  height: 50% !important;
}

.height-40 {
  height: 40% !important;
}

.height-35 {
  height: 35% !important;
}

.height-30 {
  height: 30% !important;
}

.height-auto {
  height: auto !important;
}

/************************** Line Height ****************************/
.lh-nornal {
  line-height: normal;
}

.lh-0 {
  line-height: 0px;
}

.pdl-7-p {
  padding-left: 7%;
}

.mobmgt-10 {
  margin-top: 10px;
}

/***************************Border Radius***************************/
.border-rounded-5 {
  border-radius: 5px;
}

.border-rounded-15 {
  border-radius: 15px;
}

.border-rounded-20 {
  border-radius: 20px;
}

.border-rounded-12 {
  border-radius: 12px;
}

.rounded-top-5 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.brd-radius-all {
  border-radius: 100%;
}

/***************************Flex Gap***************************/
.gap-7 {
  gap: 7px;
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-16 {
  gap: 16px;
}

.gap-20 {
  gap: 20px;
}

.gap-25 {
  gap: 25px;
}

.gap-28 {
  gap: 28px;
}

.gap-36 {
  gap: 36px;
}

.gap-48 {
  gap: 48px;
}

.gap-100 {
  gap: 100px;
}

.gap-130 {
  gap: 130px;
}

.gap-135 {
  gap: 135px;
}

.gap-150 {
  gap: 150px !important;
}

.bg-transparent {
  background-color: transparent !important;
}

/***************************Sizing***************************/
.height-97 {
  height: 97%;
}

.fs-15 {
  font-size: 15px;
}

.fs-15 {
  font-size: 15px;
}

.fs-10 {
  font-size: 10px;
}

.fs-20 {
  font-size: 20px;
}

.fs-40 {
  font-size: 40px;
}

.fs-50 {
  font-size: 50px;
}

.fs-30 {
  font-size: 30px;
}

.fs-60 {
  font-size: 60px;
}

.position-tooltip {
  left: 47px;
  top: -4px;
}

.orderpad-tooltip {
  left: 55px;
  top: -4px;
}

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

.max-height-width {
  max-width: 100%;
  min-height: 115px;
  max-height: 200px;
}
@media (max-width: 768px) {
  .max-height-width {
    min-height: 104px;
    max-height: 100px;
  }
}

.border-top-right {
  border-top-right-radius: 10px;
}

.height-400 {
  height: 400px;
}

/**************mobile classes*****************/
.grid-md-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 768px) {
  .grid-md-3 {
    grid-template-columns: 1fr;
  }
}

.grid-md-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .grid-md-2 {
    grid-template-columns: 1fr;
  }
}

/***********Line Heights****************/
.lh-21 {
  line-height: 21px;
}

.lh-30 {
  line-height: 30px;
}

.lh-40 {
  line-height: 40px;
}

.lh-140 {
  line-height: 140%;
}

.lh-160 {
  line-height: 160%;
}

.lh-0 {
  line-height: 0px !important;
}

.txt-wrap {
  text-wrap: nowrap;
}

.hidden-over {
  overflow: hidden;
}

.lh-175 {
  line-height: 175%;
}

/************************* mobile view**********************/
@media (max-width: 768px) {
  .mt-mb-40 {
    margin-top: 40px;
  }
}
.bottom-45 {
  bottom: 45px !important;
}

.bottom-content-45-desk {
  padding-bottom: 45px !important;
}

.brd-midnight-blue {
  border: 1px solid #03002f !important;
}

.v-align-top {
  vertical-align: top;
}

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

.error-icon-16 .error-msg-text {
  font-size: 1rem !important;
}

.auto-max-height-100vh {
  height: 100vh;
}

.react-datepicker-block.react-datepicker {
  display: block !important;
  border: none !important;
}
.react-datepicker-block .react-datepicker {
  display: block !important;
  border: none !important;
}
.react-datepicker-block .react-datepicker .react-datepicker__month-container {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}

.top-90-posrel {
  top: 115px;
  position: relative;
}

.top-110-toast {
  top: 113px !important;
  position: absolute;
  width: 100%;
}
.top-110-toast .toast {
  border: none !important;
}

.w-105p {
  width: 105%;
}

.w-37 {
  width: 37%;
}

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

.grid-2-30-60 {
  display: grid;
  grid-template-columns: 33% 57%;
}

.padding-all {
  padding: 30px 0px 30px 0px !important;
}

.mgt-140 {
  margin-top: 140px;
}

.mb-100 {
  margin-bottom: 100px;
}

.w-60 {
  width: 60px;
}

.w-72 {
  width: 72px;
}

.grid-1 {
  display: grid;
  grid-template-columns: 1fr;
}

.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.grid-4-auto {
  display: grid;
  grid-template-columns: repeat(4, auto);
}

.d-center-end {
  display: flex;
  align-items: center;
  justify-content: end;
}

.d-grid-center {
  display: grid;
  justify-items: center;
}

.d-center-start {
  display: flex;
  align-items: center;
  justify-content: start;
}

.d-space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.d-space-evenly {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.aligncenteritem {
  display: flex;
  justify-content: center;
  align-items: center;
}

.alignStartitem {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.alignStartAllitem {
  display: flex;
  justify-content: start;
  align-items: start;
}

.alignEnditem {
  display: flex;
  align-items: flex-end;
}

.alignCenter {
  display: flex;
  align-items: center;
}

.text-align-justify {
  text-align: justify !important;
}

.gap-5-custom {
  gap: 5px;
}

.gap-4-custom {
  gap: 4px;
}

.gap-65-custom {
  gap: 65px;
}

.gap-8-custom {
  gap: 8px;
}

.gap-3-custom {
  gap: 3px;
}

.gap-10 {
  gap: 10px;
}

.gap-12 {
  gap: 12px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

.gap-21 {
  gap: 21px;
}

.gap-25 {
  gap: 25px;
}

.gap-30 {
  gap: 30px;
}

.gap-40 {
  gap: 40px;
}

.gap-60 {
  gap: 60px;
}

.gap-66 {
  gap: 66px;
}

.gap-80 {
  gap: 80px;
}

.gap-8 {
  gap: 8px;
}

.gap-90 {
  gap: 90px;
}

.gap-145 {
  gap: 145px;
}

.gap-50 {
  gap: 50px;
}

.gap-row-15 {
  column-gap: 15px;
}

.gap-14 {
  gap: 14px;
}

.py-18-custom {
  padding-top: 18px;
  padding-bottom: 18px;
}

.px-18-custom {
  padding-left: 18px;
  padding-right: 18px;
}

.px-24-custom {
  padding-left: 24px;
  padding-right: 24px;
}

.py-24-custom {
  padding-top: 24px;
  padding-bottom: 24px;
}

/*************************** border related*******************/
.brd-none {
  border: none !important;
}

.brdradius-5 {
  border-radius: 5px;
}

.brdradius-0 {
  border-radius: 0px !important;
}

.brdbottom,
.brd-bottom {
  border-bottom: 1px solid #e7e7e7 !important;
}

.brd-all {
  border: 1px solid #e7e7e7;
}

.brd-top {
  border-top: 1px solid #e7e7e7;
}

.brd-left-none {
  border-left: none !important;
}

.brd-left {
  border-left: 1px solid #e7e7e7;
}

.box-top-bottom {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.border-top-radius {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.border-bottom-radius {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.border-radius-no {
  border-radius: 0px !important;
}

.border-radius-5 {
  border-radius: 5px !important;
}

/**********************************scrolling height / common space height  **********************************/
.commonscroll-new.height200 {
  height: 200px;
  overflow-y: scroll;
}
.commonscroll-new.height250 {
  height: 250px;
  overflow-y: scroll;
}
.commonscroll-new.max-height250 {
  max-height: 250px;
  overflow-y: scroll;
}
.commonscroll-new.height300 {
  height: 300px;
  overflow-y: scroll;
}
.commonscroll-new.height-300 {
  max-height: 300px;
  overflow-y: scroll;
}
.commonscroll-new.height310 {
  height: 310px;
  overflow-y: scroll;
}
.commonscroll-new.height400 {
  height: 400px;
  overflow-y: scroll;
}
.commonscroll-new.height450 {
  height: 450px;
  overflow-y: scroll;
}
.commonscroll-new.height600 {
  height: 600px;
  overflow-y: scroll;
}
.commonscroll-new.max-height400 {
  max-height: 400px;
  overflow-y: scroll;
}
.commonscroll-new.max-height600 {
  max-height: 600px;
  overflow-y: scroll;
}
.commonscroll-new.max-height700 {
  max-height: 700px;
  overflow-y: scroll;
}
.commonscroll-new.height680 {
  height: 680px;
  overflow-y: scroll;
}
.commonscroll-new::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.commonscroll-new {
  /* Track */
}
.commonscroll-new::-webkit-scrollbar-track {
  background: transparent;
}
.commonscroll-new {
  /* Handle */
}
.commonscroll-new::-webkit-scrollbar-thumb {
  background: #03002f;
}

.overflow-100vh {
  height: 100vh;
  overflow-y: scroll;
}

.overflow-50vh {
  height: 50vh;
  overflow-y: scroll;
}

.overflow-80vh {
  height: 80vh;
  overflow-y: scroll;
}

/**************************line height***************************/
.linehei5 {
  line-height: 5px;
}

.linehei14 {
  line-height: 14px;
}

.linehei12 {
  line-height: 12px;
}

.line-20 {
  line-height: 20px;
}

.line-30 {
  line-height: 30px;
}

.line-25 {
  line-height: 25px;
}

.line-130 {
  line-height: 130%;
}

.line-140 {
  line-height: 140%;
}

.line-140 {
  line-height: 140%;
}

/********************** text overflow ***************************/
.two-line-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2; /* Limit to two lines */
}

.textOverflow-max272 {
  white-space: nowrap;
  width: 272px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max110 {
  white-space: nowrap;
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max180 {
  white-space: nowrap;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max96 {
  white-space: nowrap;
  width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max359 {
  white-space: nowrap;
  width: 359px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max125 {
  white-space: nowrap;
  width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max-width250 {
  white-space: nowrap;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: -moz-fit-content;
  width: fit-content;
}

.textOverflow-max100 {
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-max50 {
  white-space: nowrap;
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-twolines {
  display: -webkit-box;
  max-width: 328px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
}

.textOverflow-max100 {
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textOverflow-Threelines {
  display: -webkit-box;
  max-width: 240px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
}

.textOverflow-Threelines-350 {
  display: -webkit-box;
  max-width: 350px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
}

.word-break-100 {
  width: 100px;
  word-wrap: break-word;
}

.word-break-200 {
  word-break: break-word;
  white-space: normal;
  max-width: 200px;
}

.dFlex-unset {
  display: unset !important;
}

/*************************************************************************/
/*********************************** grid **************************************/
.grid-end {
  display: grid;
  justify-content: end;
}

.grid-center {
  display: grid;
  justify-content: center;
}

.grid-start {
  display: grid;
  justify-content: start;
}

/******************************** attribute color *****************************************/
span[data-attr=pending] {
  color: #f7943e;
  text-transform: capitalize;
}

span[data-attr=success] {
  color: #51b255;
  text-transform: capitalize;
}

span[data-attr=failed] {
  color: #f83c3c;
  text-transform: capitalize;
}

@media (max-width: 768px) {
  .lineHeightmb30 {
    line-height: 40px;
  }
  .px-3-mobile {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .mx-0-mobile {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
.custom-ellipse {
  border-bottom: 1px solid #333333;
  position: relative;
}

.flex-grow-1 {
  flex-grow: 1;
}

.pre-wrap {
  white-space: pre-wrap;
}

.whiteSpace {
  white-space: nowrap;
}

/******************************** modal **************************/
.commonmodal .modal-header {
  background-color: #f2f2f5;
  border-bottom: none !important;
}
.commonmodal .modal-dialog .modal-content {
  border: none !important;
  border-radius: 5px;
}
.commonmodal .modal-dialog .modal-content .modal-footer {
  border-top: none !important;
  justify-content: center;
  padding-bottom: 30px;
}
.commonmodal .modal-dialog .modal-content .edel-icon-cross {
  color: #b8b8b8;
  border: none !important;
}
.commonmodal .modal-body {
  background-color: #ffffff;
}
.commonmodal.gray-modal .modal-header {
  background-color: #f2f2f5;
}
.commonmodal.gray-modal .modal-header .modal-title {
  font-size: 1.375rem;
  font-family: "DMSansBold";
}

/************************* modalSize (common modal) **************************************/
@media (min-width: 992px) {
  .modal-lg-700 {
    max-width: 700px;
    border-radius: 5px !important;
  }
  .modal-lg-660 {
    max-width: 660px;
    border-radius: 5px !important;
  }
  .modal-lg-880 {
    max-width: 880px;
  }
  .modal-lg-880 .modal-header {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  .modal-lg-880 .modal-body {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
}
/***************************table *******************************************/
.ps-100 {
  padding-left: 100px !important;
}

.common-table-border table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.common-table-border table thead th {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
  padding: 12px 20px;
  border: none;
}
.common-table-border table tbody tr {
  border: 1px solid #e7e7e7;
}
.common-table-border table tbody tr td {
  font-size: 1rem;
  font-family: "RobotoMedium";
  color: #444444;
  padding: 12px 20px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.kraRow {
  background-color: #f2f2f5;
}

.commontable-without-bs table {
  border-spacing: 0px !important;
}
.commontable-without-bs table tr td {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-radius: unset !important;
}

.commontable-without-border table {
  width: 100%;
}
.commontable-without-border table tr:hover {
  background-color: unset !important;
}
.commontable-without-border table tr td {
  border: none !important;
}

.table-bordered-custom table {
  border-spacing: 0px !important;
  width: 100%;
  margin: 0px auto;
}
.table-bordered-custom table tr td {
  border-bottom: 1px solid #e7e7e7;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-radius: 0px !important;
}
.table-bordered-custom table tr td :last-child {
  border-bottom: none !important;
}
.table-bordered-custom.not-last-child table tr:last-child td {
  border-bottom: none !important;
}

/*************************************error******************************/
.validation-error .help_text {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}
.validation-error .help_text::before {
  content: "\e99e";
  font-family: "edel_icon";
  padding-right: 5px;
}

/************************ sideBar******************/
.custom-offcanvas {
  transition: transform 0.3s ease-in-out;
}
.custom-offcanvas.offcanvas-end {
  width: 390px !important;
  border-left: none !important;
}
.custom-offcanvas.offcanvas-bottom {
  width: 100%;
}
@media (max-width: 1023px) {
  .custom-offcanvas {
    border-radius: 16px 16px 0 0;
    border: none;
  }
  .custom-offcanvas.open-drawerAs-standalonepage {
    border-radius: 0 !important;
  }
}

.edel-sidebar-drawer {
  position: relative;
  box-shadow: -8px 4px 50px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-flow: column;
  height: 100%;
}
.edel-sidebar-drawer .sidebar-closing-btn {
  position: absolute;
  top: 25px;
  left: -21px;
  background-color: #ffffff;
  width: 21px;
  height: 40px;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 5px 0 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.edel-sidebar-drawer .sidebar-closing-btn .edel-icon-arrow-right1 {
  font-size: 11px !important;
}
@media (max-width: 1023px) {
  .edel-sidebar-drawer {
    border-radius: 16px 16px 0 0;
  }
  .edel-sidebar-drawer.open-drawerAs-standalonepage {
    border-radius: 0 !important;
  }
  .edel-sidebar-drawer .drawer-handle {
    width: 32px !important;
    border-radius: 100px !important;
    height: 4px !important;
    background: rgba(3, 0, 47, 0.5) !important;
  }
}
.edel-sidebar-drawer .offcanvas-header {
  height: auto !important;
  padding: 15px !important;
}
.edel-sidebar-drawer .offcanvas-body {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media (max-width: 1023px) {
  .offcanvas-backdrop.revamp-pos-common-backdrop__backdrop {
    opacity: 1 !important;
  }
}
.offcanvas-backdrop.show {
  opacity: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
}
@media (max-width: 1023px) {
  .offcanvas-backdrop.show {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
  }
}

.sidebar-scroll-common .stock-details-body {
  height: 100vh;
  overflow-y: scroll;
}
.sidebar-scroll-common .stock-details-body::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.sidebar-scroll-common .stock-details-body {
  /* Track */
}
.sidebar-scroll-common .stock-details-body::-webkit-scrollbar-track {
  background: transparent;
}
.sidebar-scroll-common .stock-details-body {
  /* Handle */
}
.sidebar-scroll-common .stock-details-body::-webkit-scrollbar-thumb {
  background: #03002f;
}

.common-sidebar-new .stock-details-head {
  background-color: #f5f5f5 !important;
}
.common-sidebar-new .stock-details-head .edel-icon-arrow-right1 {
  color: #03002f;
}

.etf-sidebar-padding {
  padding: 25px 0px 25px 20px !important;
}
.etf-sidebar-padding .stock-details-switch-key {
  margin-left: -41px !important;
}
.etf-sidebar-padding .header-fontsize {
  font-size: 14px;
}

.mb-genericSidebar .z-index-high__backdrop {
  z-index: 10000 !important;
}
.mb-genericSidebar .z-index-high__backdrop.blur-bg {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.mb-genericSidebar .z-index-high {
  z-index: 10001 !important;
}
.mb-genericSidebar.mb-generic-docking .z-index-high-docking {
  z-index: 9999999 !important;
}
.mb-genericSidebar.mb-generic-brd-radius .z-index-high__handle-wrapper {
  border-radius: 5px;
}

/************************* Accordian************************/
.common-accordian-button .accordion-button::after {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f5;
  color: #03002f;
  padding: 0px;
  font-weight: bold;
}
.common-accordian-button .accordion-button:not(.collapsed) {
  background-color: transparent !important;
}
.common-accordian-button .accordion-collapse .accordion-body {
  padding-bottom: 0px;
  border-radius: 5px;
}

.common-accordian .accordion-item {
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px;
  padding: 30px;
  margin-top: 15px;
}
.common-accordian .accordion-item .accordion-button {
  background-color: unset;
  padding: 0px;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.common-accordian .accordion-item .accordion-button::after {
  background-color: unset !important;
  color: #03002f !important;
}

.common-accordian-plus .accordion-item {
  padding: 15px;
}
.common-accordian-plus .accordion-header .accordion-button {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #03002f;
}
.common-accordian-plus .accordion-header .accordion-button.collapsed::after {
  content: "\e9c9" !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-accordian-plus .accordion-header .accordion-button::after {
  content: "" !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.customaccordian-new .accordion-header .accordion-button {
  font-size: 1rem;
}
.customaccordian-new .accordion-header .accordion-button::after {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px !important;
  height: 30px !important;
  background-color: #ededf0 !important;
  padding: 0px;
  color: #03002f;
}
.customaccordian-new .accordion-header .accordion-button:not(.collapsed) {
  background: transparent !important;
}

.common-accordian-big-icon .accordion-header .accordion-button {
  font-size: 0.938rem;
}
.common-accordian-big-icon .accordion-header .accordion-button::after {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "\eb6c" !important;
  background-color: #ededf0;
  padding: 0px;
  color: #03002f;
  font-size: 0.75rem;
}
.common-accordian-big-icon .accordion-header .accordion-button:not(.collapsed) {
  background: transparent !important;
}
.common-accordian-big-icon.no-icon-bg .accordion-header .accordion-button::after {
  background-color: unset !important;
}

/***********************login screen ***************/
.common-tooltip {
  padding: 0px !important;
}
.common-tooltip .btn-primary {
  background-color: transparent !important;
  border: none !important;
  padding: 0px;
  margin: 0px;
}

/***************************checkbox*****************************/
.common-checkbox-new .form-check {
  display: flex;
  align-items: center;
  gap: 10px;
}
.common-checkbox-new .form-check .form-check-input:checked,
.common-checkbox-new .form-check input:checked {
  background-color: #03002f !important;
  border-color: #03002f !important;
}
.common-checkbox-new .form-check .form-check-input.height25,
.common-checkbox-new .form-check input.height25 {
  width: 25px !important;
  height: 25px !important;
}
.common-checkbox-new .form-check .form-check-input.height20,
.common-checkbox-new .form-check input.height20 {
  width: 20px !important;
  height: 20px !important;
}

.common-checkbox .checkboxWrap.border-box-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 5px;
}
.common-checkbox .form-check-input:checked {
  background-color: #03002f;
  color: #03002f;
  border: 1px solid #03002f;
}
.common-checkbox .form-check {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0px;
}
.common-checkbox .form-check .radio_btn {
  accent-color: #03002f;
}
.common-checkbox .form-check div {
  text-align: left;
}
.common-checkbox .form-check .form-check-label {
  font-size: 1rem;
  font-family: "DMSansMedium";
}

/**************************Radio button*****************************/
.Box-radiobutton {
  border: 1px solid #e7e7e7;
  padding: 10px;
  border-radius: 5px;
}
.Box-radiobutton.active {
  border: 1px solid #03002f !important;
  background-color: #f8f5ff !important;
}
.Box-radiobutton.active .radio_btn input[type=radio] {
  border: 1px solid #03002f !important;
}
.Box-radiobutton.active .radio_btn input[type=radio]::after {
  background: #03002f !important;
}

/******************** Tooltip ****************************/
.blue-common-tooltip {
  z-index: 9999 !important;
}
.blue-common-tooltip .tooltip-inner {
  background-color: #f4fafd;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #444444;
  max-width: 100%;
  box-shadow: 1px 1px 1px 1px #e7e7e7;
}
.blue-common-tooltip .tooltip-arrow::before {
  border-bottom-color: #f4fafd;
}

/************* Dropdown************************/
.common-new-drp .equitydrop {
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px;
}
.common-new-drp.full-width .equitydrop {
  width: 100%;
  height: 45px;
  justify-content: space-between;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.common-new-drp.full-width .dropdown-menu {
  width: 100% !important;
  margin-top: 12px;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px rgba(165, 163, 174, 0.4);
  border-radius: 6px;
}
.common-new-drp.full-width .dropdown-menu .dropdown-item {
  padding: 10px !important;
}
.common-new-drp.arrow-end .equitydrop {
  justify-content: end !important;
}
.common-new-drp .edel-icon-arrow-down::before {
  color: #03002f !important;
}
.common-new-drp.low-index-btn .equitydrop {
  z-index: 0;
}

@media (max-width: 768px) {
  .ps-md-56 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
}
.common-dropdown-new.common-new-drp .equitydrop {
  width: 100%;
  height: 40px;
  justify-content: space-between;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #03002f !important;
}
.common-dropdown-new.common-new-drp .equitydrop::after {
  content: "";
  text-decoration: underline;
}
.common-dropdown-new.common-new-drp .equitydrop .edel-icon-arrow-down {
  text-decoration: none !important;
}
.common-dropdown-new.common-new-drp .equitydrop .edel-icon-arrow-down::before {
  text-decoration: none !important;
}
.common-dropdown-new.common-new-drp.drp-30 .equitydrop {
  height: 30px !important;
}
.common-dropdown-new .dropdown-menu {
  width: 100% !important;
  margin-top: 0px;
  background-color: #ffffff;
  border-radius: 0px;
  border: 1px solid #e7e7e7;
  height: 208px;
}
.common-dropdown-new .dropdown-menu .dropdown-item {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  padding: 14px;
}
.common-dropdown-new .dropdown-menu .dropdown-item:hover {
  background-color: #f2f2f5;
  color: #444444;
  padding: 14px;
}

/******************** Calender  + datepicker *********************************/
.common-datepicker .calendardates-spacing .react-datepicker .react-datepicker__day-name {
  width: 2.4rem;
}
.common-datepicker .calendardates-spacing .react-datepicker .react-datepicker__day {
  margin: 7px;
}
.common-datepicker .react-datepicker {
  border: 1px solid #e7e7e7;
}
.common-datepicker .react-datepicker .react-datepicker__month-read-view--selected-month,
.common-datepicker .react-datepicker .react-datepicker__year-read-view--selected-year {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.common-datepicker .react-datepicker .react-datepicker__month-select,
.common-datepicker .react-datepicker .react-datepicker__year-select {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #292929;
}
.common-datepicker .react-datepicker .react-datepicker__header {
  border: none !important;
}
.common-datepicker .react-datepicker .react-datepicker__month {
  border: none !important;
}
@media (max-width: 768px) {
  .common-datepicker .react-datepicker .react-datepicker__navigation {
    top: -1%;
  }
}
.common-datepicker .react-datepicker .react-datepicker__day--selected {
  background-color: #03002f !important;
  color: #ffffff !important;
}
@media (max-width: 768px) {
  .common-datepicker .react-datepicker .react-datepicker__day--selected {
    background-color: #f2f2f5 !important;
    color: #ffffff !important;
  }
}
.common-datepicker .react-datepicker .react-datepicker__day--keyboard-selected {
  background-color: #03002f;
  color: #ffffff;
}
.common-datepicker .react-datepicker .react-datepicker__day--selected,
.common-datepicker .react-datepicker .react-datepicker__day--in-selecting-range,
.common-datepicker .react-datepicker .react-datepicker__day--in-range,
.common-datepicker .react-datepicker .react-datepicker__month-text--selected,
.common-datepicker .react-datepicker .react-datepicker__month-text--in-selecting-range,
.common-datepicker .react-datepicker .react-datepicker__month-text--in-range,
.common-datepicker .react-datepicker .react-datepicker__quarter-text--selected,
.common-datepicker .react-datepicker .react-datepicker__quarter-text--in-selecting-range,
.common-datepicker .react-datepicker .react-datepicker__quarter-text--in-range,
.common-datepicker .react-datepicker .react-datepicker__year-text--selected,
.common-datepicker .react-datepicker .react-datepicker__year-text--in-selecting-range,
.common-datepicker .react-datepicker .react-datepicker__year-text--in-range {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.common-datepicker .react-datepicker .react-datepicker__navigation-icon::before {
  border-width: 1px 1px 0 0;
  top: 15px;
}
@media (max-width: 576px) {
  .common-datepicker .react-datepicker .react-datepicker__navigation-icon::before {
    top: 0px;
  }
}
.common-datepicker .react-datepicker .react-datepicker__day--in-range {
  background-color: #03002f !important;
  border-radius: 50% !important;
}
.common-datepicker .react-datepicker .react-datepicker__month-read-view--down-arrow,
.common-datepicker .react-datepicker .react-datepicker__year-read-view--down-arrow {
  border-width: 1px 1px 0 0 !important;
}
.common-datepicker .react-datepicker .react-datepicker__current-month {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.common-datepicker .react-datepicker .react-datepicker__day-name {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  width: 2.8rem;
}
.common-datepicker .react-datepicker .react-datepicker__day {
  font-size: 0.875rem;
  font-family: "RobotoRegular";
  line-height: 2.1rem;
  width: 32px;
  height: 32px;
  margin: 4px 10px;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .common-datepicker .react-datepicker .react-datepicker__day {
    margin: 9px;
    margin: 9px;
  }
}
.common-datepicker .react-datepicker .react-datepicker__day:hover {
  color: #ffffff !important;
  background-color: #03002f !important;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.common-datepicker .react-datepicker .react-datepicker__day--today {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-weight: normal;
}
.common-datepicker .react-datepicker .react-datepicker__day--today.react-datepicker__day--disabled {
  color: #cccccc !important;
}
.common-datepicker .keyboard-daychange .react-datepicker__day--keyboard-selected {
  background-color: #ffffff !important;
  color: #000 !important;
}
.common-datepicker .keyboard-daychange .react-datepicker__day--keyboard-selected.react-datepicker__day--in-range {
  background-color: #000 !important;
  color: #ffffff !important;
}
.common-datepicker .midnight-blue-custome {
  background-color: #03002f;
  padding: 7px;
  width: 100%;
  color: #ffffff;
}
.common-datepicker .midnight-blue-custome :hover,
.common-datepicker .midnight-blue-custome :active {
  color: #ffffff;
}
.common-datepicker .edel-icon-calendar {
  font-size: 1.25rem !important;
  color: #03002f !important;
}
.common-datepicker .pandLcalendar .react-datepicker .react-datepicker__month-read-view--selected-month,
.common-datepicker .pandLcalendar .react-datepicker .react-datepicker__year-read-view--selected-year {
  color: #444444 !important;
  font-weight: normal !important;
}
.common-datepicker .pandLcalendar .react-datepicker .react-datepicker__day--keyboard-selected {
  background-color: #ffffff;
  color: #03002f;
}
.common-datepicker .pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon {
  border: 1px solid #e7e7e7 !important;
  height: 33px;
}
.common-datepicker .pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon .input-group-text {
  top: 0%;
}
.common-datepicker .pandLcalendar .pandLcalendar-form .inputFieldCalendarIcon .form-control {
  margin-top: 5px;
  padding: 0px;
  margin-left: 15px;
}
.common-datepicker .pandLcalendar .pandLcalendar-form .calendar--row {
  gap: 24%;
}
.common-datepicker .pandLcalendar .pandLcalendar-form .toDate {
  color: #b8b8b8 !important;
}

.modal-size-660 {
  min-width: 660px !important;
}

.modal-size-1200 {
  min-width: 1200px !important;
}

.modal-size-300 {
  min-width: 300px !important;
}

.common-range-datepicker .modal-md {
  width: 400px !important;
}
.common-range-datepicker .modal-body {
  padding: 0px !important;
}
.common-range-datepicker .modal-content {
  border: none !important;
}
.common-range-datepicker .modal-content .modal-header {
  background-color: #f5f5f5;
  border-bottom: none !important;
}

/********************************** backgrop colors **************************************/
.backdrop-bg.darkblack .modal-backdrop.show {
  background: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(5px) !important;
}
.backdrop-bg.lightblack .modal-backdrop.show {
  background: rgba(68, 68, 68, 0.5) !important;
  backdrop-filter: blur(2px) !important;
}

.lightbac {
  background: rgba(68, 68, 68, 0.5) !important;
  backdrop-filter: blur(2px) !important;
  z-index: 999;
}

/******************************* Search  ***********************************************/
.custom-search-bar.height45 .common-search-bar,
.custom-search-bar.height45 input {
  height: 45px;
}
.custom-search-bar.height50 .common-search-bar,
.custom-search-bar.height50 input {
  height: 50px;
}

/******************************** Button*************************************/
.ed_button-14 {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}

.ed_button-12 {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
}

.topboxsshadow-button {
  box-shadow: 0px -10px 25px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.common-fixedbtm-btn {
  position: fixed;
  bottom: 0px;
  background-color: #ffffff;
  width: 100%;
}

.edbutton-link-witharrow {
  display: flex;
  align-items: center;
}
.edbutton-link-witharrow .ed_button {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.edbutton-link-witharrow .edel-icon-arrow-right1 {
  font-size: 0.563rem;
  padding-left: 5px;
}

.small-edbutton {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}
.small-edbutton.roboto_600 {
  font-family: "RobotoBold" !important;
}

.small-edbutton-funds {
  font-size: 0.875rem !important;
  font-family: "RobotoMedium" !important;
}

.small-edbutton-search {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}
.small-edbutton-search.roboto_600 {
  font-family: "RobotoBold" !important;
}

.small-edbutton-40 {
  height: 40px !important;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
@media (max-width: 768px) {
  .small-edbutton-40 {
    font-size: 0.875rem !important;
  }
}

.small-btn-common {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}
@media (max-width: 768px) {
  .small-btn-common {
    font-size: 0.75rem !important;
    font-family: "DMSansMedium" !important;
  }
}

.bg-refresh-btn {
  background-color: #f2f2f5;
  border-radius: 5px;
  padding: 3px 5px;
  text-align: center;
  height: 30px;
}
.bg-refresh-btn.refresh-btn .DMSan_14_500 {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  color: #03002f !important;
}

/*************************** share icon ************************/
.common-new-share .share .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.common-new-share .share .share-icon .edel-icon-share-icon {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-new-share .share .share-icon .edel-icon-share-icon:before {
  content: "\e96c";
  font-size: 1rem;
  color: #03002f;
}

/****************************** info icon *******************/
.common-info-icon .rounded-circle,
.common-info-icon .rounded-circle1 {
  background-color: #f2f2f5;
  border: 1px solid #f2f2f5 !important;
}
.common-info-icon .exclamation {
  border-radius: 50%;
  display: inline-block;
  position: relative;
  top: 3px;
}
.common-info-icon .hw-35 {
  height: 35px !important;
  width: 35px !important;
}
.common-info-icon .edel-icon-info {
  color: #03002f;
}
.common-info-icon .notbg {
  background-color: transparent !important;
}
.common-info-icon.peach-theme .rounded-circle {
  background-color: #fcdbd9 !important;
  border: 1px solid #fcdbd9 !important;
}
.common-info-icon.peach-theme .edel-icon-info {
  color: #f7943e !important;
}
.common-info-icon.common-info-width {
  height: 30px;
  width: 30px;
  border: 1px solid #e7e7e7;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-info-icon.common-info-width .rounded-circle1 {
  background-color: #ffffff !important;
}

/**************************** Textbox****************************/
.border-bottom-Textbox {
  border-bottom: 1px solid #e7e7e7;
}
.border-bottom-Textbox .input_prefix {
  font-size: 1.875rem;
  font-family: "RobotoBold";
  font-weight: bolder;
}
@media (max-width: 768px) {
  .border-bottom-Textbox .input_prefix {
    font-size: 1.875rem;
  }
}
.border-bottom-Textbox .form-control {
  border: none;
  height: 42px;
  border-radius: 0px;
  font-size: 1.875rem;
  font-family: "RobotoBold";
}
@media (max-width: 768px) {
  .border-bottom-Textbox .form-control {
    font-size: 1.875rem;
    height: 39px;
    text-align: center;
  }
}

/*********************sorting**********************/
.common-EdButtonIcon-icon {
  position: relative;
}
.common-EdButtonIcon-icon.sort > .ed_button, .common-EdButtonIcon-icon.filter > .ed_button {
  border-radius: 5px;
  width: 44px;
  height: 44px;
  padding: 0px;
}
.common-EdButtonIcon-icon.sort .sort-selected, .common-EdButtonIcon-icon.filter .sort-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 28px;
  top: -37px;
  position: relative;
  display: flex;
}
.common-EdButtonIcon-icon .ed_button.link.bg-midnight-blue {
  color: #ffffff !important;
}
.common-EdButtonIcon-icon .ed_button.link.bg_aqua_white {
  color: #03002f !important;
}
.common-EdButtonIcon-icon .sort-drop {
  background-color: #f5f5f5;
}
.common-EdButtonIcon-icon .sort-drop::after {
  content: " ";
  position: absolute;
  right: 12px;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #f5f5f5;
}
.common-EdButtonIcon-icon .sort-drop .sort-drop-body .sort-drop-bodylist li .bodylist-right p {
  color: #b8b8b8;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.common-EdButtonIcon-icon .sort-drop .sort-drop-body .sort-drop-bodylist li .bodylist-right p.light-blue {
  color: #03002f !important;
}
.common-EdButtonIcon-icon .sort-drop .sort-drop-footer {
  display: flex;
  gap: 10px;
}
.common-EdButtonIcon-icon .sort-drop .sort-drop-footer .reset-button {
  border: 1px solid #03002f !important;
  color: #03002f !important;
  background-color: #ffffff !important;
}
.common-EdButtonIcon-icon .sort-drop .sort-drop-footer .reset-button:hover {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.common-EdButtonIcon-icon .sort-drop .sort-drop-footer .filter-button {
  background-color: #03002f !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border: 1px solid #03002f !important;
}
.common-EdButtonIcon-icon .filterasset-drop {
  background-color: #f5f5f5;
}
.common-EdButtonIcon-icon .filterasset-drop::after {
  content: " ";
  position: absolute;
  right: 12px;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #f5f5f5;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion {
  margin-top: 10px;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-header .accordion-button {
  box-shadow: none !important;
  font-family: "DMSansMedium";
  font-size: 1rem;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-header .accordion-button .color_blue {
  color: #03002f !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-header .accordion-button.collapsed, .common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-header .accordion-button:not(.collapsed) {
  background-color: #f5f5f5 !important;
  color: #444444 !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-header .accordion-button.collapsed::after, .common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-header .accordion-button:not(.collapsed)::after {
  background-color: #f5f5f5 !important;
  color: #03002f !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-body {
  padding: 0px !important;
  margin-top: 15px;
  background-color: #ffffff;
  border-radius: 5px;
}
.common-EdButtonIcon-icon .filterasset-drop .filter-accordion .accordion-item {
  margin-bottom: 10px;
  background-color: transparent !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filterasset-drop-footer {
  background-color: #f5f5f5;
}
.common-EdButtonIcon-icon .filterasset-drop .filterasset-drop-footer .clear_all {
  border: 1px solid #03002f !important;
  color: #03002f !important;
  background-color: transparent !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filterasset-drop-footer .clear_all:hover {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filterasset-drop-footer .aply-btn {
  background-color: #03002f !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border: 1px solid #03002f !important;
}
.common-EdButtonIcon-icon .filterasset-drop .filterasset-drop-footer .filter-button-disable {
  background-color: #03002f !important;
  opacity: 0.4;
}

@media (max-width: 768px) {
  .common-sorting-midnightblue.common-drawer-scroll {
    max-height: calc(100vh - 7rem) !important;
    overflow-y: scroll;
  }
}
.common-sorting-midnightblue .drawer-header .ed_button {
  color: #03002f !important;
  text-decoration: underline !important;
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}
.common-sorting-midnightblue .drawer-body .sort-drop-bodylist {
  padding-left: 0px;
}
.common-sorting-midnightblue .drawer-body .sort-drop-bodylist li {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  color: #03002f !important;
  border-bottom: 1px solid #e7e7e7;
  padding: 15px 15px 15px 15px;
  align-items: center;
}
.common-sorting-midnightblue .drawer-body .sort-drop-bodylist li .bodylist-right p {
  color: #03002f !important;
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  margin-bottom: 0px !important;
}
.common-sorting-midnightblue .drawer-body .sort-drop-bodylist li .bodylist-right .edel-icon-point-arrow-down {
  padding-left: 6px;
  font-size: 0.75rem;
}
.common-sorting-midnightblue .drawer-body .drawer-footer .ed_button {
  background-color: #03002f !important;
  border: none !important;
}

/*******************************filter*****************************/
.common-filter-midnightblue .down-bar {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.common-filter-midnightblue .down-bar .down-bar-left {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.common-filter-midnightblue .down-bar .down-bar-right {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
  color: #03002f !important;
  text-decoration: underline;
}
.common-filter-midnightblue .filter-accordion {
  padding: 0% !important;
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
}
.common-filter-midnightblue .color_blue {
  color: #727271 !important;
}
.common-filter-midnightblue .filter-accordion {
  border-bottom: 1px solid #e7e7e7;
}
.common-filter-midnightblue .filter-accordion .accordion-header .accordion-button {
  padding: 15px !important;
}
.common-filter-midnightblue .filter-accordion .accordion-header .accordion-button::after {
  color: #03002f !important;
}
.common-filter-midnightblue .filter-accordion .accordion-header .accordion-button:not(.collapsed) {
  color: #03002f !important;
}
.common-filter-midnightblue .year_container {
  border: 1px solid #03002f;
}
.common-filter-midnightblue .year_container .financial_year span {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.common-filter-midnightblue .year_container .financial_year span:hover {
  background-color: #03002f;
  color: #ffffff;
}
.common-filter-midnightblue .year_container {
  border: 1px solid #03002f;
}
.common-filter-midnightblue .year_container .financial_year span {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.common-filter-midnightblue .year_container .financial_year span:hover {
  background-color: #03002f;
  color: #ffffff;
}
.common-filter-midnightblue .accordion-body {
  padding-top: 5px !important;
  border-radius: 5px !important;
}
.common-filter-midnightblue .accordion-body .filterasset-drop-body {
  margin: 5px 0px;
}
.common-filter-midnightblue .accordion-body .filterasset-drop-body .inside-list {
  padding-bottom: 10px !important;
}
.common-filter-midnightblue .accordion-body .filterasset-drop-body .inside-list .bodylist-title {
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
}
.common-filter-midnightblue .filterasset-drop-footer {
  background-color: unset !important;
}
.common-filter-midnightblue .filterasset-drop-footer .filter-button {
  background-color: #03002f !important;
  border: none !important;
  width: 100% !important;
}
.common-filter-midnightblue .mob-filterasset-drop-footer {
  display: block !important;
}

/*************************notification ******************************/
.notification-outer-box {
  background-color: #fef4ec;
  border-radius: 5px;
  padding: 15px 20px;
}
.notification-outer-box .disc-style li {
  list-style-type: disc;
}
.notification-outer-box .disc-style li.line-height-normal {
  line-height: normal;
}

.overflow-100vh {
  overflow-y: scroll;
  height: 100vh;
  position: sticky;
}

.overflow-50vh {
  overflow-y: scroll;
  height: 50vh;
}

.overflow-88vh {
  overflow-y: scroll;
  height: 88vh;
  position: sticky;
}

.overflow-85vh {
  overflow-y: scroll;
  height: 85vh;
}

.overflow-90vh {
  overflow-y: scroll;
  height: 90vh;
}

.overflow-60vh {
  overflow-y: scroll;
  height: 50vh;
}

.overflow-60vh-new {
  overflow-y: scroll;
  height: 55vh;
}
@media (max-width: 768px) {
  .overflow-60vh-new {
    height: 60vh;
  }
}
@media (min-width: 1280px) and (max-width: 1440px) {
  .overflow-60vh-new {
    height: 70vh;
  }
}

.overflow-60vh-esip {
  overflow-y: scroll;
  height: 55vh;
}
@media (max-width: 768px) {
  .overflow-60vh-esip {
    height: 60vh;
  }
}
@media (min-width: 1280px) and (max-width: 1440px) {
  .overflow-60vh-esip {
    height: 70vh;
    padding-top: 35px;
  }
}

.commonscroll-new {
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto;
  -webkit-overflow-scrolling: touch;
}
.commonscroll-new .addlist {
  list-style: disc;
  text-align: left;
}
.commonscroll-new.height250 {
  height: 250px;
}
.commonscroll-new.height300 {
  height: 300px;
}
.commonscroll-new.height310 {
  height: 310px;
}
.commonscroll-new.height350 {
  height: 350px;
}
.commonscroll-new.height400 {
  height: 400px;
}
.commonscroll-new.height500 {
  height: 500px;
}
.commonscroll-new.height600 {
  height: 600px;
}
.commonscroll-new.maxheight {
  max-height: 94vh;
}
.commonscroll-new.height700 {
  height: 700px;
}
.commonscroll-new::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.commonscroll-new--fat-scroll::-webkit-scrollbar {
  width: 3px !important;
  height: 6px !important;
}
.commonscroll-new {
  /* Track */
}
.commonscroll-new::-webkit-scrollbar-track {
  background: transparent;
}
.commonscroll-new {
  /* Handle */
}
.commonscroll-new::-webkit-scrollbar-thumb {
  background: #03002f;
  cursor: pointer;
}
.commonscroll-new.heightMinMax300 {
  max-height: 300px;
  min-height: 300px;
}
.commonscroll-new.heightMin10Max150 {
  max-height: 150px;
  min-height: 10px;
}
.commonscroll-new.heightMinMax200 {
  max-height: 200px;
  min-height: 200px;
}
.commonscroll-new.heightMinMax300 {
  max-height: 300px;
  min-height: 300px;
}
.commonscroll-new.heightMinMax200 {
  max-height: 200px;
  min-height: 200px;
}
.commonscroll-new.minMaxheight450 {
  height: 450px;
  scrollbar-width: none;
}

.height65 {
  height: 65px;
}

.height112 {
  height: 112px;
}

.height_60vh {
  height: 60vh;
}

.mr-1 {
  margin-right: 4px;
}

.ml-1 {
  margin-left: 4px;
}

.height_60vh {
  height: 60vh;
}

.mr-1 {
  margin-right: 4px;
}

.ml-1 {
  margin-left: 4px;
}

.z-index-very-high {
  z-index: 10000 !important;
}

.lbl-circle-item {
  padding: 3px 5px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  font-size: 0.625rem;
  color: #03002f;
  width: 32px;
  height: 32px;
}

.lbl-circle-item1 {
  padding: 9px 15px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  font-size: 0.9rem;
  color: #03002f;
  width: 32px;
  height: 32px;
}

/********************sticky position*******************/
.docked-position {
  position: fixed;
  background-color: #ffffff;
  z-index: 9;
  width: 100%;
  transition: top 0.5s ease !important;
}
.docked-position.top0 {
  top: 0px;
}
.docked-position.top50 {
  top: 50px;
}
.docked-position.top55 {
  top: 55px;
}
.docked-position.top60 {
  top: 60px;
}
.docked-position.top63 {
  top: 63px;
}
.docked-position.top65 {
  top: 65px;
}
.docked-position.top40 {
  top: 40px;
}
.docked-position.top43 {
  top: 43px;
}
.docked-position.top120 {
  top: 120px;
}
.docked-position.top100 {
  top: 100px;
}
.docked-position.top160 {
  top: 160px;
}
.docked-position.top90 {
  top: 90px;
}
.docked-position.top200 {
  top: 200px;
}
.docked-position.top79 {
  top: 79px;
}
.docked-position.top170 {
  top: 170px;
}
.docked-position.top150 {
  top: 150px;
}
.docked-position.top140 {
  top: 140px;
}
.docked-position.top99 {
  top: 99px;
}
.docked-position.bx-shadow {
  box-shadow: 3px 12px 15px rgba(0, 0, 0, 0.1);
}
.docked-position .mgt-md-60 {
  margin-top: 60px;
}
.docked-position .mgt-md-60 .mgt-50 {
  margin-top: 50px;
}

.position-unset {
  position: unset !important;
}

.docked-position.high-index {
  z-index: 21 !important;
}

.high-index-onScroll {
  z-index: 100 !important;
}

.high-index-onScroll-peer {
  z-index: 10 !important;
}

.high-index-sideBar {
  z-index: 101 !important;
}

.docked-position.low-index {
  z-index: 5 !important;
}

.errormsg-box {
  background-color: #fceded;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}

.imCircle::before {
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 0.5rem;
  color: #e7e7e7;
  padding-left: 5px;
  padding-right: 5px;
}
.imCircle.small-imcircle::before {
  font-size: 0.25rem;
}
.imCircle.green::before {
  color: #51b255 !important;
}
.imCircle.midnightblue::before {
  color: #03002f !important;
}
.imCircle.black-one::before {
  color: #444444 !important;
}

.imCirclesip::before {
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 6px;
  color: #e7e7e7;
  padding-left: 5px;
  padding-right: 5px;
}
.imCirclesip.small-imcircle::before {
  font-size: 0.25rem;
}
.imCirclesip.green::before {
  color: #51b255 !important;
}
.imCirclesip.midnightblue::before {
  color: #03002f !important;
}
.imCirclesip.black-one::before {
  color: #444444 !important;
}
.imCirclesip.negativeImcircle::before {
  color: #dd504d !important;
}

.imCirclesip::before {
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 6px;
  color: #e7e7e7;
  padding-left: 5px;
  padding-right: 5px;
}
.imCirclesip.small-imcircle::before {
  font-size: 0.25rem;
}
.imCirclesip.green::before {
  color: #51b255 !important;
}
.imCirclesip.midnightblue::before {
  color: #03002f !important;
}
.imCirclesip.black-one::before {
  color: #444444 !important;
}
.imCirclesip.negativeImcircle::before {
  color: #dd504d !important;
}

/*******************common filter***********************/
.common-filter-section.footer-sidebar-generic .leftsidebar {
  background-color: #f5f5f5;
}
@media (max-width: 768px) {
  .common-filter-section.footer-sidebar-generic .leftsidebar.col-4 {
    width: 36% !important;
  }
}
.common-filter-section.footer-sidebar-generic .leftsidebar .nav .nav-item {
  margin-bottom: 0px;
}
.common-filter-section.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium";
  text-align: left;
  padding: 15px 15px 15px 20px;
}
.common-filter-section.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link.active {
  border: none !important;
  background-color: #ffffff;
}
.common-filter-section.footer-sidebar-generic .rightsidebar {
  background-color: #ffffff;
  padding-left: 0px !important;
}
@media (max-width: 768px) {
  .common-filter-section.footer-sidebar-generic .rightsidebar.col-8 {
    width: 64% !important;
  }
}
.common-filter-section.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist {
  margin-top: 10px;
}
.common-filter-section.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist .bodylist-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  padding-left: 10px;
}
.common-filter-section.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist .inside-list {
  margin-bottom: 10px;
}

.common-download .download-btn {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  border: none !important;
  padding: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #03002f;
  border-radius: 5px;
}

.common-filter-mb .common-EdButtonIcon-icon {
  width: 50px;
  height: 50px;
  background-color: #f2f2f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.common-download-mb .common-download {
  width: 50px;
  height: 50px;
  background-color: #f2f2f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.common-download-mb .common-download img {
  width: 22px;
}

.dm-fam.ed_button,
.dm-fam.ed_button.button {
  font-family: "DMSansMedium";
}

/********************* toolttip******************* updated (13-07-2023)*/
.common-white-tooltip .tooltip-inner {
  background-color: #ffffff;
  color: #727271;
  box-shadow: 0px 0px 7px 1px #e7e7e7 !important;
  max-width: 300px;
}
.common-white-tooltip .tooltip-arrow::before {
  content: "";
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  background-color: #ffffff;
  position: absolute;
  top: -7px;
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
  border-top-color: unset !important;
  border-top-width: 0px;
  border-width: 1px;
}
@media (max-width: 768px) {
  .common-white-tooltip .tooltip-arrow::before {
    top: -2px;
    border: thin;
  }
}
.common-white-tooltip.tooltip-border {
  max-width: 100%;
  padding: 10px;
  filter: drop-shadow(0px -1px 50px rgba(87, 100, 173, 0.12));
  border: 1px solid #e7e7e7;
}
.common-white-tooltip.tooltip-border .tooltip-arrow::before {
  top: -17px;
  width: 13px;
  height: 13px;
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  .common-white-tooltip.tooltip-border .tooltip-arrow::before {
    top: -16px;
    border: unset;
  }
}

.common-filter-heading-drawer {
  background-color: #ffffff;
  border-bottom: 1px solid #e7e7e7;
}
.common-filter-heading-drawer .Heading-content {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.common-filter-heading-drawer .Heading-content.activeClass {
  border-bottom: 2px solid #03002f;
  padding-bottom: 10px;
}
.common-filter-heading-drawer .ed_button {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.common-radio-button-custom input[type=radio] {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #03002f;
  border-radius: 50%;
  outline: none;
  position: relative;
}
.common-radio-button-custom.gray-border input[type=radio] {
  border: 1px solid #e7e7e7;
}
.common-radio-button-custom.gray-border input[type=radio]:checked:before {
  background: #03002f !important;
  border: 1px solid #03002f !important;
}
.common-radio-button-custom input[type=radio]:before {
  content: "";
  width: 10px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 1px;
}
.common-radio-button-custom input[type=radio]:checked:before {
  background: #03002f !important;
}

.common-checkbox-custom input[type=checkbox] {
  position: relative;
  border: 2px solid #e7e7e7;
  border-radius: 2px;
  background: none;
  cursor: pointer;
  line-height: 0;
  margin: 0 0.6em 0 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  opacity: 0.5;
}
.common-checkbox-custom input[type=checkbox]:hover {
  opacity: 1;
}
.common-checkbox-custom input[type=checkbox]:checked {
  background-color: #000;
  border: 2px solid #03002f !important;
  opacity: 1;
  background-image: none !important;
}
.common-checkbox-custom input[type=checkbox]:before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
.common-checkbox-custom.checkbox-size input[type=checkbox] {
  width: 18.19px !important;
  height: 18.19px !important;
}
.common-checkbox-custom.small-checkbox input[type=checkbox] {
  width: 16px;
  height: 16px;
  border-radius: 3px;
}
.common-checkbox-custom.small-checkbox input[type=checkbox]::before {
  content: "";
  position: absolute;
  right: 45%;
  top: 50%;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}

/***********************************post login UI (17/07/2023)*************************************/
.border-box-common {
  border: 1px solid #e7e7e7;
  padding: 20px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .border-box-common {
    padding: 15px;
  }
}

.border-box-nopadding {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.circleBack {
  position: relative;
  right: -5px;
  top: 2px;
  font-size: 0.75rem;
  color: #ffffff;
  background: #03002f;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  text-align: center;
  line-height: 17px;
}

.circleBack-gray {
  color: #03002f;
  background: #e7e7e7;
  height: 15px;
  width: 15px;
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  border-radius: 50%;
  text-align: center;
}

.circleBack-padding {
  position: relative;
  font-size: 0.75rem;
  color: #ffffff;
  background: #03002f;
  border-radius: 50%;
  text-align: center;
  line-height: 17px;
  padding: 1px 5px;
}

/************************** Ed card secondary************************/
.edcardSecondary-common.edcardSecondary-common {
  padding: 20px;
}
.edcardSecondary-common.edcardSecondary-common .ed-headline-title .title {
  font-size: 1.125rem;
  font-family: "DMSansBold";
}
.edcardSecondary-common.edcardSecondary-common .ed-card-description {
  font-size: 1rem;
  font-family: "DMSansNormal";
}
.edcardSecondary-common.edcardSecondary-common .ed-secondary-bg-img {
  width: 63px;
}

/*********************webinar common theme*************************/
.uppercaseContent {
  text-transform: lowercase;
}
.uppercaseContent::first-letter {
  text-transform: capitalize;
}

/************************** Ed card secondary************************/
.edcardSecondary-common.edcardSecondary-common {
  padding: 20px;
}
.edcardSecondary-common.edcardSecondary-common .ed-headline-title .title {
  font-size: 1.125rem;
  font-family: "DMSansBold";
}
.edcardSecondary-common.edcardSecondary-common .ed-card-description {
  font-size: 1rem;
  font-family: "DMSansNormal";
}
.edcardSecondary-common.edcardSecondary-common .ed-secondary-bg-img {
  width: 63px;
}

.common-filter-heading-drawer {
  background-color: #ffffff;
  border-bottom: 1px solid #e7e7e7;
}
.common-filter-heading-drawer .Heading-content {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.common-filter-heading-drawer .Heading-content.activeClass {
  border-bottom: 2px solid #03002f;
  padding-bottom: 10px;
}
.common-filter-heading-drawer .ed_button {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

/************************************ primary NFO**************************************/
.common-market-card-withoutborder {
  padding: 0px;
}
.common-market-card-withoutborder .marketCard {
  border: none !important;
  padding: 0px;
}
.common-market-card-withoutborder .marketCard .rounded-circle1 {
  color: #03002f !important;
  border: 1px solid #e7e7e7 !important;
}

.common-calender-subsection-backColor .calendar_container {
  box-shadow: inset 0px 0px 0px 20px #f2f2f5;
}
.common-calender-subsection-backColor .calendar_container .calendar_arrow {
  background-color: #f2f2f5;
}
.common-calender-subsection-backColor .calendar_change {
  margin-left: 15px;
  color: #03002f;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  margin-top: 0px;
}
@media (max-width: 1023px) {
  .common-calender-subsection-backColor .calendar_change {
    display: flex;
    align-items: center;
    margin-left: 0px;
  }
}
.common-calender-subsection-backColor .calendar_date .calendar_change {
  padding-right: 5px;
}
.common-calender-subsection-backColor .calendar_date .fin_year {
  font-family: "RobotoBold";
}
@media (max-width: 1023px) {
  .common-calender-subsection-backColor .calendar_date .fin_year {
    font-family: "RobotoMedium";
  }
}
@media (max-width: 1023px) {
  .common-calender-subsection-backColor .calendar_date .financial-year-date {
    color: #727271;
  }
}
.common-calender-subsection-backColor .calendar_date .datefullClass {
  font-family: "RobotoRegular";
}

.tablerow_ui-grid-2 div {
  padding: 10px;
}
.tablerow_ui-grid-2 div:nth-of-type(even) {
  background-color: #ffffff;
}
.tablerow_ui-grid-2 div:nth-of-type(odd) {
  background-color: #f2f2f5;
}

.blood-red-border-input {
  border: 1px solid #dd504d !important;
  border-radius: 5px;
}
.blood-red-border-input .form-control:focus {
  color: unset;
  border: unset;
}

/**********************two-buttons*************************/
.apply-cancel-button {
  width: 90%;
  gap: 15px;
}
.apply-cancel-button .ed_button.button {
  width: 47%;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 18px;
}

/***************************** primary IPO**********************/
.common-border-box {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.common-card-newtheme.marketgroup {
  padding: 0px;
}
.common-card-newtheme.marketgroup .marketCard {
  border: none;
  padding: 15px;
}
.common-card-newtheme.marketgroup .marketCard .edel-icon-arrow-left {
  color: #03002f;
}
.common-card-newtheme.marketgroup .marketCard .marketcardhead .rounded-circle {
  color: #03002f !important;
  border: 1px solid #e7e7e7 !important;
}

/***************** SGB filter common ******************/
.common-fromToDate-picker .input-group {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.common-fromToDate-picker .input-group .form-control {
  height: 33px;
  border: none !important;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.common-fromToDate-picker .input-group .input-group-text {
  background-color: #ffffff !important;
  border: none !important;
}
.common-fromToDate-picker .input-group .input-group-text .edel-icon-calendar-report {
  color: #03002f !important;
}

/************************* IPO TOC (28-08-2023)********************/
.textbox-with-drp {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.textbox-with-drp .form-control {
  border: none;
  margin: 1px !important;
}
.textbox-with-drp .equity-dropdown-block {
  border: none;
}
.textbox-with-drp .equity-dropdown-block .dropdown-menu .dropdown-item {
  padding: 10px 15px 0px 15px !important;
}
.textbox-with-drp .input_suffix .equitydrop {
  border: none !important;
  gap: 0px !important;
}
.textbox-with-drp .input_suffix .equitydrop::before {
  content: "";
  width: 1px;
  background-color: #e7e7e7;
  margin-right: 5px;
  height: 30px;
}
.textbox-with-drp .input_prefix {
  margin-left: 0px !important;
}
.textbox-with-drp .input_prefix .equitydrop {
  border: none !important;
  gap: 0px !important;
}
.textbox-with-drp .input_prefix .equitydrop .edel-icon-arrow-down::after {
  content: "";
  width: 1px;
  background-color: #e7e7e7;
  margin-left: 5px;
  height: 30px;
}

.common-modal-small-content .modal-title {
  font-size: 1rem;
  font-family: "DMSansBold";
}
.common-modal-small-content .edel-icon-bold-close {
  font-size: 12px;
}

/***************** Quote page UI  => 4/09/2023 ****************************/
.common-table-withbackground table {
  border-spacing: 0px !important;
  width: 100%;
  margin: 0px auto;
}
.common-table-withbackground table thead th {
  padding: 15px 0px 10px 0px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.common-table-withbackground table tbody tr:nth-child(even) {
  background: #f2f2f5;
}
.common-table-withbackground table tbody tr:nth-child(even):hover {
  background: #f2f2f5 !important;
}
.common-table-withbackground table tbody tr:nth-child(odd):hover {
  background-color: unset !important;
}
.common-table-withbackground table tbody tr td {
  border-top: 1px solid #e7e7e7;
  border: none;
  height: unset;
  padding: 15px 8px 15px 8px;
  border-radius: 0px;
  font-size: 0.875rem;
}
.common-table-withbackground.nopadding thead th {
  padding-top: 0px !important;
}

.common-table-withbackground-odd table {
  border-spacing: 0px !important;
  width: 100%;
  margin: 0px auto;
}
.common-table-withbackground-odd table thead th {
  padding: 15px 0px 10px 0px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.common-table-withbackground-odd table tbody tr:nth-child(odd) {
  background: #f2f2f5;
}
.common-table-withbackground-odd table tbody tr:nth-child(odd):hover {
  background: #f2f2f5 !important;
}
.common-table-withbackground-odd table tbody tr:nth-child(even):hover {
  background-color: unset !important;
}
.common-table-withbackground-odd table tbody tr td {
  border-top: 1px solid #e7e7e7;
  border: none;
  height: unset;
  padding: 15px 8px 15px 8px;
  border-radius: 0px;
  font-size: 1rem;
}

.commondata-no-stream {
  font-family: "RobotoRegular";
  font-size: 1rem;
  color: #444444;
}

.common-table-withbackground-even table {
  border-spacing: 0px !important;
  width: 100%;
  margin: 0px auto;
}
.common-table-withbackground-even table thead th {
  padding: 15px 0px 10px 0px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.common-table-withbackground-even table tbody tr:nth-child(even) {
  background: #f2f2f5;
}
.common-table-withbackground-even table tbody tr:nth-child(even):hover {
  background: #f2f2f5 !important;
}
.common-table-withbackground-even table tbody tr:nth-child(even):hover {
  background-color: unset !important;
}
.common-table-withbackground-even table tbody tr td {
  border-top: 1px solid #e7e7e7;
  border: none;
  height: unset;
  padding: 15px 8px 15px 8px;
  border-radius: 0px;
  font-size: 1rem;
}
.common-table-withbackground-even.table-head-bg table thead {
  background-color: #f2f2f5;
}
.common-table-withbackground-even.table-head-bg table thead th {
  border-bottom: none !important;
}

.common-calender-subsection-backColor .calendar_container {
  box-shadow: inset 0px 0px 0px 20px #f2f2f5;
}
.common-calender-subsection-backColor .calendar_container .calendar_arrow {
  background-color: #f2f2f5;
}
.common-calender-subsection-backColor .calendar_container {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  margin-left: 120px;
}
.common-calender-subsection-backColor .calendar_container .calendar_arrow {
  margin-left: 215px;
}
.common-calender-subsection-backColor .calendar_container .calendar_list span:hover {
  background: #03002f;
  color: #ffffff;
}
.common-calender-subsection-backColor .calendar_container .calendar_list span:hover i {
  color: #ffffff;
}
.common-calender-subsection-backColor .calendar_container .calendar_list i {
  color: #03002f;
}

.common-section-data-value .data-head {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}

/**************************** common downloadReport****************************/
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-head {
  background: #f2f2f5;
  padding-bottom: 20px;
  padding-top: 5px;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-head span {
  padding-left: 15px;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap {
  background: #ffffff;
  padding: 0px 15px;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .form-label {
  color: #444444;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .mailCheckbox {
  padding-bottom: 23px;
}
@media (max-width: 1023px) {
  .commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .mailCheckbox .blue_bg {
    margin: 0px;
    padding: 25px 15px 7px;
  }
  .commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .mailCheckbox .blue_bg .mail_label_body_item {
    font-family: "DMSansMedium";
    color: #727271;
  }
  .commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .mailCheckbox .blue_bg .mail-input input {
    color: #b8b8b8;
  }
  .commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .mailCheckbox .blue_bg .icon {
    top: 30%;
  }
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .checkbox .form-check,
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .radio .form-check {
  margin-top: 10px;
  margin-bottom: 0px;
  min-height: 0px;
  line-height: 0px;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .checkbox .form-check:first-child,
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .radio .form-check:first-child {
  margin-top: 15px;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .date-input-section .input-group {
  width: 135px;
  margin-top: 10px;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .date-input-section .input-group .date-drawer-input-field {
  color: #727271;
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .mobForm .mobFormWrap .date-input-section .input-group .input-group-text .d-block {
  color: #727271;
}
.commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-body .downloadreport-form-block {
  padding: 28px 20px 20px;
}

.commonnew-modal-download-popup.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form {
  padding: 20px;
}
.commonnew-modal-download-popup.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg {
  margin-top: 20px;
}
.commonnew-modal-download-popup.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .customFormSection_field .boder-bottom {
  padding-top: 0px;
  padding-bottom: 20px;
}
.commonnew-modal-download-popup.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .customFormSection_field.boder-bottom {
  padding-top: 19px;
  padding-bottom: 22px;
}
.commonnew-modal-download-popup.modalDPTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .customFormSection_field.checkboxWrap {
  padding-top: 17px;
}
.commonnew-modal-download-popup.modalDPTitle .modal-content .modal-title {
  font-family: "DMSansNormal";
  font-size: 1.25rem;
}

/*---------------*/
.newDownloadSuccess {
  display: flex;
  width: 100px;
  height: 100px;
  padding: 26px;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.newDownloadSuccess .newDownloadSuccess-img {
  border-radius: 100px;
  border: 15px solid #e1f2ed;
  background: #cee9e0;
  width: 100px;
  height: 100px;
}

/**************************** New Error Msg****************************/
.error-msg-new-icon i {
  font-size: 4rem;
}
@media (max-width: 1023px) {
  .error-msg-new-icon i {
    font-size: 2.5rem;
  }
}
.error-msg-new-icon .error-msg .error-msg-wrapper .error-msg-text {
  opacity: 1;
}
.error-msg-new-icon .error-msg .error-msg-wrapper .error-msg-text span {
  font-family: "DMSansBold";
  color: #03002f;
}

.sidebar-body {
  height: 80vh;
  overflow-y: scroll;
}

.no-hover-table tbody tr:hover,
.no-hover-table thead tr:hover {
  background-color: unset !important;
}

/**************************** radio Button *********************/
.common-radio-button.new-theme .radio_btn input[type=radio] {
  width: 16px;
  height: 16px;
}
.common-radio-button.new-theme .radio_btn input[type=radio]::after {
  width: 10px;
  height: 10px;
}
.common-radio-button.new-theme .radio_btn input[type=radio]:checked {
  border: 1px solid #03002f;
}

/*************************loader*******************/
.common-loader {
  position: relative !important;
}

.remove-btn-props .btn {
  padding: 0;
  border: none;
  background-color: unset;
}
.remove-btn-props .btn:hover, .remove-btn-props .btn:focus {
  background-color: inherit;
}

.common-tooltip-custom-ellipse {
  top: -4px !important;
}
.common-tooltip-custom-ellipse .tooltip-inner {
  background-color: #ffffff;
  color: #727271;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}
.common-tooltip-custom-ellipse .tooltip-arrow::before {
  border-bottom-color: #ffffff !important;
}
.common-tooltip-custom-ellipse.circle-tooltip-content .tooltip-inner {
  max-width: 400px;
}
.common-tooltip-custom-ellipse.setting-tooltip .tooltip-arrow::before {
  left: 10px;
}
.common-tooltip-custom-ellipse.watchlist-z-index-high {
  z-index: 9999999 !important;
}

.common-drawer-scroll {
  max-height: calc(100vh - 7rem);
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 58px;
  -webkit-overflow-scrolling: touch;
}
.common-drawer-scroll.auto-max-height {
  max-height: 95vh;
}
.common-drawer-scroll.max-height-80rem {
  max-height: calc(80vh - 10rem) !important;
}
.common-drawer-scroll.max-height-10rem {
  max-height: calc(100vh - 10rem) !important;
}
.common-drawer-scroll.max-height-13rem {
  max-height: calc(100vh - 13rem) !important;
}
.common-drawer-scroll.max-height-0rem {
  max-height: 100vh !important;
}
@media (max-width: 768px) {
  .common-drawer-scroll.max-height-15 {
    max-height: calc(100vh - 15rem) !important;
    padding-bottom: 25px !important;
  }
  .common-drawer-scroll.max-height-15.pb-0 {
    padding-bottom: 0px !important;
  }
}
.common-drawer-scroll::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.common-drawer-scroll {
  /* Track */
}
.common-drawer-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.common-drawer-scroll {
  /* Handle */
}
.common-drawer-scroll::-webkit-scrollbar-thumb {
  background: #03002f;
}

/************************* ncd toc ipo *************************/
.common-table-all-border table {
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0px;
  margin: 0px auto;
}
.common-table-all-border table td,
.common-table-all-border table th {
  border: 1px solid #e7e7e7;
  padding: 8px;
  text-align: left;
}

/*****common sorting********/
.common-filter-sorting-ui .generic-tabs .nav-tabs {
  height: 60px !important;
  margin: 0px auto;
}
.common-filter-sorting-ui .generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 20px !important;
  font-size: 1rem !important;
  font-family: "DMSansBold" !important;
}
.common-filter-sorting-ui.small-height-50 .generic-tabs .nav-tabs {
  height: 40px !important;
}
.common-filter-sorting-ui.small-height-50 .generic-tabs .nav-tabs .nav-link {
  padding: 10px 20px !important;
}
.common-filter-sorting-ui.small-height-50.font-normal .generic-tabs .nav-tabs .nav-link {
  font-family: "DMSansNormal" !important;
}
.common-filter-sorting-ui.small-height-50.font-normal .generic-tabs .nav-tabs .nav-link.active {
  font-family: "DMSansBold" !important;
}
.common-filter-sorting-ui .drawer-body .sortlist-body {
  padding: 20px !important;
  border-bottom: 1px solid #e7e7e7;
}
.common-filter-sorting-ui .drawer-header {
  padding: 0px;
}
.common-filter-sorting-ui .rightsidebar ul li {
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .common-filter-sorting-ui .rightsidebar ul li {
    margin-bottom: 20px;
  }
}
.common-filter-sorting-ui .rightsidebar ul li {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}

.drawer-container .date-container.bg_aqua_white {
  background-color: #f2f2f5 !important;
}

.position-absolute-heading {
  position: absolute;
  top: 20px !important;
  z-index: 6;
  width: 100%;
}

.common-filter-sorting-ui .orderbook-sorting .drawer-body .max-height-scroll {
  min-height: 250px;
  max-height: 400px;
  overflow: scroll;
}

.common-download-newtheme .blue_bg.mail .icon i {
  color: #03002f;
}

.new-paths-errormsg .error-msg {
  padding-bottom: 100px;
}
.new-paths-errormsg .error-msg .error-msg-wrapper .results-text {
  color: #03002f;
}
.new-paths-errormsg .error-msg .error-msg-wrapper .erroricon {
  font-size: 64px;
}

@media (max-width: 1023px) {
  .error-msg-pos {
    padding-bottom: 40px;
  }
}

.common-new-popupfail-desk .smallcase-popup-fail .action-post-success .twist:before {
  color: #03002f;
}
.common-new-popupfail-desk .smallcase-popup-fail .smallcase-popup-fail-body .update-message {
  width: 100%;
  justify-content: center;
}

.backgroundcolor_whitedrawer {
  background-color: #ffffff;
  border-radius: 16px 16px 0px 0px;
}
.backgroundcolor_whitedrawer .drawer-head {
  border-bottom: 1px solid #ccccd6;
}

.whitedrawer__backdrop {
  backdrop-filter: blur(1.5px);
  -webkit-backdrop-filter: blur(1.5px);
}

.success-pop-link-modal .modalContainer {
  width: 880px;
  height: 382px;
  border-radius: 15px;
}

.hide-default-arrow {
  z-index: 0;
}
.hide-default-arrow .popover-arrow {
  display: none;
}
.hide-default-arrow .popover-arrow::before, .hide-default-arrow .popover-arrow::after {
  display: none;
}

.failed-pop-modal .modalContainer,
.loading-pop-modal .modalContainer {
  width: 714px;
  height: fit-content;
  border-radius: 15px;
}

/* ============================== Backdrop ===================================*/
.dark_background_blur__backdrop {
  background: rgba(0, 0, 0, 0.75) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.backdrop_blur__backdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.light-backdrop-modal .modal-backdrop,
.light-backdrop-modal .modalBackground {
  background: rgba(0, 0, 0, 0.5) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px) !important;
}

.seperator-border-top {
  border-top: 1px solid #e7e7e7;
}

/* =================================================================*/
.txt-decoration-green {
  text-decoration: underline;
  text-decoration-color: #51b255 !important;
  text-decoration: underline;
  text-decoration-color: #51b255 !important;
}

.txt-decoration-red {
  text-decoration: underline;
  text-decoration-color: #dd504d !important;
}

/* =================================================================*/
.common-numeric-arrows.numeric-value {
  position: relative;
}
.common-numeric-arrows.numeric-value .title {
  display: block;
}
.common-numeric-arrows.numeric-value .arrows {
  position: absolute;
  margin-right: -15px;
}

/****************orange btn ************/
.btn-orange {
  padding: 12px 30px;
  background-color: #f04e45;
  color: #ffffff !important;
  font-size: 0.875rem;
  font-family: "DMSansBold";
  border-radius: 1000px;
  height: 48px;
}
@media (max-width: 768px) {
  .btn-orange {
    font-size: 0.75rem;
  }
}

.btn-orange-border {
  padding: 12px 30px;
  background-color: #ffffff;
  color: #f04e45 !important;
  border: 1px solid #f04e45;
  font-size: 0.875rem;
  font-family: "DMSansBold";
  border-radius: 1000px;
  height: 48px;
}
@media (max-width: 768px) {
  .btn-orange-border {
    font-size: 0.75rem;
  }
}

.border-common {
  border: 1px solid #e7e7e7;
}

/**********************MS login**************/
.bsk-container {
  margin-top: 15px;
}

.x-icon {
  height: 1em;
  width: 1em;
  top: 0.125em;
  position: relative;
}

.x-alt {
  color: #777;
}

.bsk-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.42857;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}

.portalLogin .logo img {
  height: 80px;
}
.portalLogin .fix-font-size .form-control {
  font-size: 1rem !important;
}
.portalLogin .resend-otp-btn {
  margin-top: 20px;
}

#ymPluginDivContainerInitial {
  position: absolute;
  z-index: 999;
}
#ymPluginDivContainerInitial.toc-flag-content.d-block {
  display: none !important;
}

@media (max-width: 768px) {
  #ymDivBar {
    margin-bottom: 60px;
  }
}
.loader-main {
  z-index: 99999;
  height: 100vh;
}

.sticky-compareFunds .compare-funds {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 9;
}
.sticky-compareFunds .compare-funds .compare-clear {
  display: flex;
  justify-content: space-between;
}
.sticky-compareFunds .compare-funds .compare-clear .compare-clear-buttons {
  gap: 20px;
}
.sticky-compareFunds .compare-funds .compare-clear .compare-clear-buttons .ed_button.link {
  color: #03002f;
}
.sticky-compareFunds .checked-block {
  gap: 30px;
}
.sticky-compareFunds .checked-block .checked-list {
  padding: 5px 10px;
  margin: 5px 0;
  border-right: 1px solid #b8b8b8;
}
.sticky-compareFunds .checked-block .checked-list label {
  padding: 10px 15px;
  gap: 20px;
  border-radius: 2px;
}
.sticky-compareFunds .compare-button {
  padding: 10px 16px;
  gap: 10px;
  border-radius: 6px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.sticky-compareFunds .compare-button button {
  color: #ffffff;
  border: 0;
  background-color: inherit;
}
.sticky-compareFunds .compare-button i {
  font-size: 1.375rem;
}

.common-marketCard-nopadding.marketgroup .marketCard {
  padding: 0px !important;
}
@media (max-width: 768px) {
  .common-marketCard-nopadding.marketgroup .marketCard {
    padding: 0px !important;
  }
}
.common-marketCard-nopadding.marketgroup .marketCard .marketcardhead {
  padding: 20px !important;
}
.common-marketCard-nopadding.marketgroup .marketCard .marketcardfoot {
  padding-bottom: 0px !important;
}
.common-marketCard-nopadding.marketgroup .marketCard .marketcardbody {
  padding-bottom: 0px !important;
}

.common-noall-padding.marketgroup .marketcardhead {
  padding: 20px !important;
}
.common-noall-padding.marketgroup .marketCard {
  padding: 0px !important;
}
@media (max-width: 768px) {
  .common-noall-padding.marketgroup .marketCard {
    padding: 0px !important;
  }
}
.common-noall-padding.marketgroup .marketCard .marketcardhead {
  padding: 15px !important;
}
.common-noall-padding.marketgroup .marketCard .marketcardbody {
  padding: 0px !important;
}
.common-noall-padding.marketgroup .marketCard .marketcardfoot {
  padding: 5px 15px !important;
}
.common-noall-padding.footerpadding .marketCard .marketcardfoot {
  padding: 15px !important;
}

/************service request /************/
.outer-inner-circle.success .outerClass-circle {
  background-color: #cee9e0;
  border: 15px solid #e1f2ed;
}
.outer-inner-circle.success .outerClass-circle.icon-head .icon {
  color: #51b255;
}
.outer-inner-circle.failed .outerClass-circle {
  background-color: #fdcac7;
  border: 15px solid #fee2e2;
}
.outer-inner-circle.failed .outerClass-circle.icon-head .icon {
  color: #f04e45;
  font-size: 2.625rem;
}
.outer-inner-circle.small .outerClass-circle {
  width: 100px !important;
  height: 100px !important;
}
.outer-inner-circle.small .outerClass-circle.icon-head .icon {
  font-size: 38px;
}
.outer-inner-circle .outerClass-circle {
  position: relative;
  width: 125px;
  height: 125px;
}
@media (max-width: 768px) {
  .outer-inner-circle .outerClass-circle {
    width: 100px;
    height: 100px;
  }
}
.outer-inner-circle .outerClass-circle {
  background-color: #dddde1;
  border: 15px solid #e7e7e7;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.outer-inner-circle .outerClass-circle.icon-head .icon {
  font-size: 64px;
}

.common-download-newtheme .blue_bg.mail .icon i {
  color: #03002f;
}

.new-paths-errormsg .error-msg {
  padding-bottom: 100px;
}
.new-paths-errormsg .error-msg .error-msg-wrapper .results-text {
  color: #03002f;
}
.new-paths-errormsg .error-msg .error-msg-wrapper .erroricon {
  font-size: 64px;
}

.bg-transaprent-drawer .backgroundcolor_bluedrawer {
  background-color: transparent;
}
.bg-transaprent-drawer .backgroundcolor_bluedrawer.bg-transaprent-drawer__handle {
  background-color: #03002f !important;
  opacity: 0.3;
  width: 32px !important;
}
.bg-transaprent-drawer.z-index-high {
  z-index: 10001 !important;
}

.list-style-type-disc {
  line-height: normal;
}
.list-style-type-disc li {
  list-style-type: disc;
}
.list-style-type-disc.small_li li {
  font-size: 0.75rem;
}

.separator-line {
  display: flex;
  align-items: center;
}
.separator-line .line {
  height: 1px;
  flex: 1;
  background-color: #e7e7e7;
}
.separator-line h2 {
  padding: 0 4px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}

.txt_pumpkin-color {
  color: rgba(247, 148, 62, 0.4);
}

.bg_pumpkin-color {
  background-color: rgba(247, 148, 62, 0.4);
}

/************End serive request***********/
/********************* Datepicker UI******************/
.new-theme-datepickerUi .calendar--row {
  gap: 10% !important;
}
.new-theme-datepickerUi .calendar--row .inputFieldCalendarIcon {
  height: 42px !important;
}
.new-theme-datepickerUi .calendar--row .inputFieldCalendarIcon .form-control {
  height: 40px !important;
  margin: 0px 15px !important;
}
.new-theme-datepickerUi .calendar--row .inputFieldCalendarIcon.highlight {
  border: 1px solid #03002f !important;
}

.common-new-popupfail-desk .smallcase-popup-fail .action-post-success .twist:before {
  color: #03002f;
}
.common-new-popupfail-desk .smallcase-popup-fail .smallcase-popup-fail-body .update-message {
  width: 100%;
  justify-content: center;
}

.backgroundcolor_whitedrawer {
  background-color: #ffffff;
  border-radius: 16px 16px 0px 0px;
}
.backgroundcolor_whitedrawer .drawer-head {
  border-bottom: 1px solid #ccccd6;
}

.whitedrawer__backdrop {
  backdrop-filter: blur(1.5px);
  -webkit-backdrop-filter: blur(1.5px);
}

.success-pop-link-modal .modalContainer {
  width: 880px;
  height: 382px;
  border-radius: 15px;
}

.hide-default-arrow {
  z-index: 0;
}
.hide-default-arrow .popover-arrow {
  display: none;
}
.hide-default-arrow .popover-arrow::before, .hide-default-arrow .popover-arrow::after {
  display: none;
}

.failed-pop-modal .modalContainer,
.loading-pop-modal .modalContainer {
  width: 714px;
  height: fit-content;
  border-radius: 15px;
}

/* ============================== Backdrop ===================================*/
.dark_background_blur__backdrop {
  background: rgba(0, 0, 0, 0.75) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.backdrop_blur__backdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.light-backdrop-modal .modal-backdrop,
.light-backdrop-modal .modalBackground {
  background: rgba(0, 0, 0, 0.5) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px) !important;
}

.seperator-border-top {
  border-top: 1px solid #e7e7e7;
}

/* =================================================================*/
.txt-decoration-green {
  text-decoration: underline;
  text-decoration-color: #51b255 !important;
}

.txt-decoration-red {
  text-decoration: underline;
  text-decoration-color: #dd504d !important;
}

/* =================================================================*/
.common-numeric-arrows.numeric-value {
  position: relative;
}
.common-numeric-arrows.numeric-value .title {
  display: block;
}
.common-numeric-arrows.numeric-value .arrows {
  position: absolute;
  margin-right: -15px;
}

.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-header {
  background-color: #f0f9ff;
}
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__day--selected,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__day--in-selecting-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__day--in-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__month-text--selected,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__month-text--in-selecting-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__month-text--in-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__quarter-text--selected,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__quarter-text--in-selecting-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__quarter-text--in-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__year-text--selected,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__year-text--in-selecting-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__year-text--in-range,
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .react-datepicker .react-datepicker__day:hover {
  background-color: #3580f7 !important;
  color: #ffffff;
}
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .radio input[type=radio] {
  border: 2px solid #e7e7e7;
}
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .radio input[type=radio]:checked:before {
  background: #3580f7;
}
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .radio .form-check-input:checked[type=radio] {
  border: 2px solid #3580f7;
}
.reports_old_theme .download-drop-bodylist .modalHoldingTitle .modal-content .modal-body .custom_btn {
  border: 1px solid #3580f7;
  background-color: #3580f7;
}
.reports_old_theme .download-drop-bodylist .modalBackground .modalContainer.smallcase-popup .smallcase-popup-success-head,
.reports_old_theme .download-drop-bodylist .modalBackground .modalContainer.smallcase-popup .smallcase-popup-fail-head,
.reports_old_theme .download-drop-bodylist .modalBackground .modalContainer.smallcase-popup .smallcase-popup-loader-head {
  background-color: #f0f9ff;
}
.reports_old_theme .download-drop-bodylist .modalBackground .modalContainer.smallcase-popup .smallcase-popup-success-body .action-post-success button,
.reports_old_theme .download-drop-bodylist .modalBackground .modalContainer.smallcase-popup .smallcase-popup-fail-body .action-post-success button {
  color: #3580f7;
}
.reports_old_theme.wrapper-fill#search-filter .summarize .custom-control.border-switch .border-switch-control-input:checked .border-switch-control-indicator::after {
  background-color: #3580f7 !important;
}
.reports_old_theme.wrapper-fill#search-filter #search-filter .quantity .btn-select-qty,
.reports_old_theme.wrapper-fill#search-filter #search-filter .square_off .btn-select-qty {
  color: #3580f7 !important;
}
.reports_old_theme.wrapper-fill#search-filter .taptopledge .edel-icon-pledge {
  color: #3580f7 !important;
}
.reports_old_theme.wrapper-fill#search-filter .taptopledge .teleport-switch-control-description {
  color: #3580f7 !important;
}
.reports_old_theme.wrapper-fill#search-filter .downloads .container .holding-tabs #search-filter .holding-position-filter .downloads {
  color: #3580f7;
}

.old-theme-calender .react-datepicker .react-datepicker__day--selected,
.old-theme-calender .react-datepicker .react-datepicker__day--in-selecting-range,
.old-theme-calender .react-datepicker .react-datepicker__day--in-range,
.old-theme-calender .react-datepicker .react-datepicker__month-text--selected,
.old-theme-calender .react-datepicker .react-datepicker__month-text--in-selecting-range,
.old-theme-calender .react-datepicker .react-datepicker__month-text--in-range,
.old-theme-calender .react-datepicker .react-datepicker__quarter-text--selected,
.old-theme-calender .react-datepicker .react-datepicker__quarter-text--in-selecting-range,
.old-theme-calender .react-datepicker .react-datepicker__quarter-text--in-range,
.old-theme-calender .react-datepicker .react-datepicker__year-text--selected,
.old-theme-calender .react-datepicker .react-datepicker__year-text--in-selecting-range,
.old-theme-calender .react-datepicker .react-datepicker__year-text--in-range,
.old-theme-calender .react-datepicker .react-datepicker__day:hover {
  background-color: #3580f7 !important;
  color: #ffffff;
}
.old-theme-calender .radio input[type=radio] {
  border: 2px solid #e7e7e7;
}
.old-theme-calender .radio input[type=radio]:checked:before {
  background: #3580f7;
}
.old-theme-calender .radio .form-check-input:checked[type=radio] {
  border: 2px solid #3580f7;
}

.without-border-drp-common .equitydrop {
  border: none !important;
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.without-border-drp-common .dropdown-menu {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  min-width: 85px;
  margin-top: 0px !important;
}
.without-border-drp-common .dropdown-menu a {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
}

.drawer-header-fixed {
  position: fixed;
  background: #f2f2f5;
  width: 100%;
  z-index: 9;
  margin-top: -2px;
}
.drawer-header-fixed.max-height-head {
  padding-bottom: 10px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: start;
}

.common-sticky-drawer-head .drawer-head {
  position: sticky;
  top: -1px;
  z-index: 99;
}
.common-sticky-drawer-head .drawer-head .bg-content-drawer {
  background-color: #f2f2f5;
  width: 100%;
}

.docker-shadow {
  box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

.lh-140 {
  line-height: 140%;
}

@media (max-width: 1023px) {
  .addFamily-modal-mob .modal-backdrop.show {
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, 0.5);
  }
}

.revamp-pos-common-backdrop__backdrop {
  background: rgba(0, 0, 0, 0.15) !important;
  backdrop-filter: blur(1.5px);
}

.more-options-head {
  padding: 20px 15px 23px;
  border-bottom: 1px solid #ccccd6;
  background: #ffffff;
}

.revamp-pos-common-backdrop__handle-wrapper {
  background: #ffffff;
}
.revamp-pos-common-backdrop__handle-wrapper .revamp-pos-common-backdrop__handle {
  border-radius: 100px;
  background: #3d4350;
  width: 32px;
  height: 4px;
}

.revamp-pos-common-backdrop__backdrop {
  background: rgba(0, 0, 0, 0.15) !important;
  backdrop-filter: blur(1.5px);
}
.revamp-pos-common-backdrop__backdrop .revamp-pos-common-backdrop__content .drawer-head .more-options-head {
  padding: 20px 15px 23px;
  border-bottom: 1px solid #ccccd6;
}

.revamp-pos-common-backdrop-head {
  background-color: #f2f2f5;
}

.revamp-pos-common-backdrop-handle {
  border-radius: 16px 16px 0px 0px;
  background-color: #f2f2f5;
}

.px-520 {
  height: 520px;
}

.apply-cancel-btns {
  width: 100%;
  display: flex;
  gap: 3%;
}
.apply-cancel-btns .ed_button.button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  height: 100% !important;
  padding: unset !important;
  border-radius: 5px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 18px;
}

.common-tab-new-ui.generic-tabs .nav-tabs {
  height: 40px !important;
}
@media (max-width: 768px) {
  .common-tab-new-ui.generic-tabs .nav-tabs .nav-item .nav-link {
    font-size: 0.875rem !important;
    font-family: "DMSansNormal" !important;
    padding: 7px 4px 15px 6px;
  }
}
.common-tab-new-ui.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 7px 15px 10px 6px;
  font-size: 1rem;
  font-family: "DMSansNormal";
}
.common-tab-new-ui.generic-tabs .nav-tabs .nav-item .nav-link.active {
  color: #03002f !important;
}
@media (max-width: 768px) {
  .common-tab-new-ui.common-tab-15-px .nav-tabs .nav-item .nav-link {
    padding: 7px 15px 15px 15px !important;
    height: 40px;
  }
}

.small-padding-indicator .dcustomRangeBar div {
  height: 1px;
}
.small-padding-indicator .dcustomRangeBar.indicatorStyle {
  padding-top: 0px;
  padding-bottom: 0px;
}
.small-padding-indicator .commondatanumber {
  font-size: 0.875rem;
}
.small-padding-indicator .dbar29Rangeslider {
  margin: 0px auto;
}
.small-padding-indicator.width-75 {
  width: 75% !important;
}

.common-card-padding-15.marketgroup .marketCard {
  padding: 15px !important;
}

.weekFormat-new-pnlrevamp.common-datepicker .react-datepicker__day-name {
  width: 32px;
  margin: 7px;
}
.weekFormat-new-pnlrevamp.common-datepicker.pandLcalendar .custom_buttons {
  margin: 15px;
}
.weekFormat-new-pnlrevamp .custom_heading {
  background: #ffffff !important;
}
.weekFormat-new-pnlrevamp .custom_heading .heading {
  padding: 29.5px 15.5px 23.5px !important;
  border-bottom: 1px solid #ccccd6;
}
.weekFormat-new-pnlrevamp .custom_heading .heading div {
  font-family: "DMSansBold";
  font-size: 1.5rem;
}

.opacity-0-5 {
  opacity: 0.5;
}

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

.no-border-all-marketcard.marketgroup .marketCard {
  padding: 0px !important;
  border: none !important;
}
.no-border-all-marketcard.marketgroup .marketCard .marketcardbody {
  margin-top: 0px !important;
}

.float-button-common-ui .subLists {
  padding-left: 0px !important;
}
.float-button-common-ui .marketTabs-ul {
  padding: 0px !important;
}
.float-button-common-ui .equity-links-ul {
  margin-right: 0px !important;
}
.float-button-common-ui .equity-links-ul li {
  margin-right: 0px !important;
}
.float-button-common-ui .hopBtn-headList {
  max-height: max-content !important;
  height: 300px !important;
}

.horizontal-scroll-common {
  flex-direction: row;
  overflow-x: scroll;
  padding-bottom: 10px;
}
.horizontal-scroll-common::-webkit-scrollbar {
  width: 1px !important;
  height: 5px !important;
}
.horizontal-scroll-common {
  /* Track */
}
.horizontal-scroll-common::-webkit-scrollbar-track {
  background: transparent;
}
.horizontal-scroll-common {
  /* Handle */
}
.horizontal-scroll-common::-webkit-scrollbar-thumb {
  background: #03002f !important;
}

.sticky-content-track.top40::-webkit-scrollbar-track-piece {
  margin-top: 30px;
}

.limit-msg {
  white-space: normal;
  display: flex;
}

.priceMob h4 {
  font-size: 1rem;
  font-family: "RobotoMedium";
}
.priceMob .btn {
  padding: 0;
  cursor: unset;
}
.priceMob .btn .price-disc {
  width: 100%;
  padding: 2px;
  border-radius: 2px;
  height: 18px;
}
.priceMob .btn .price-disc p {
  color: #ffffff;
  margin-left: 2px;
  height: 1px;
}
.priceMob .price-block-bg {
  background-color: #f7943e;
  display: flex;
}
.priceMob .price-block-bg p {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
}

input:-webkit-autofill {
  background-color: transparent;
  -webkit-background-clip: text;
}

input:-webkit-autofill:focus {
  background-color: transparent;
  -webkit-background-clip: text;
}

.width-390 {
  width: 390px !important;
}

.sq-offstates-modal.offcanvas {
  transition: none !important;
}

.edel-sidebar-drawer.watchlist-sliding .offcanvas-body::-webkit-scrollbar, .edel-sidebar-drawer.addwatchlist .offcanvas-body::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.edel-sidebar-drawer.watchlist-sliding .offcanvas-body, .edel-sidebar-drawer.addwatchlist .offcanvas-body {
  /* Track */
}
.edel-sidebar-drawer.watchlist-sliding .offcanvas-body::-webkit-scrollbar-track, .edel-sidebar-drawer.addwatchlist .offcanvas-body::-webkit-scrollbar-track {
  background: transparent;
}
.edel-sidebar-drawer.watchlist-sliding .offcanvas-body, .edel-sidebar-drawer.addwatchlist .offcanvas-body {
  /* Handle */
}
.edel-sidebar-drawer.watchlist-sliding .offcanvas-body::-webkit-scrollbar-thumb, .edel-sidebar-drawer.addwatchlist .offcanvas-body::-webkit-scrollbar-thumb {
  background: #03002f;
}
.edel-sidebar-drawer.addwatchlist {
  margin: 0 !important;
}

.transition-none {
  transition: none !important;
}

.circle-tooltip-content.common-tooltip-custom-ellipse {
  top: 4px !important;
}
.circle-tooltip-content.common-tooltip-custom-ellipse .tooltip-inner {
  box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.05) !important;
}
.circle-tooltip-content.tooltip-move-left .tooltip-arrow::before {
  left: 40px !important;
}
@media (max-width: 768px) {
  .circle-tooltip-content.tooltip-move-left .tooltip-arrow::before {
    left: 0px !important;
  }
}
.circle-tooltip-content.tooltip-left-90 .tooltip-arrow {
  transform: translate(313px, 0px) !important;
}

.circle-tooltip-content-section .btn-primary {
  background-color: transparent;
  height: 35px;
  width: 35px;
  border: 1px solid #e7e7e7;
  color: #03002f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle-tooltip-content-section .btn-primary:hover {
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
}
.circle-tooltip-content-section.remove-tootltip-btn .btn-primary {
  border: none !important;
  padding: 0px !important;
  width: 0px;
}

.generic-drawer-newtheme .backgroundcolor_bluedrawer {
  background-color: transparent;
}
.generic-drawer-newtheme.bg-transaprent-drawer .backgroundcolor_bluedrawer {
  background-color: transparent;
}
.generic-drawer-newtheme.bg-transaprent-drawer .backgroundcolor_bluedrawer.bg-transaprent-drawer__handle {
  background-color: #03002f !important;
  opacity: 0.3;
  width: 32px !important;
}

.drawer-height .height-setting-drawer {
  height: 85vh !important;
}
.drawer-height .height-setting-drawer__content {
  max-height: 90vh !important;
}

.commonTable-vertical-flex .nav-tabs li {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.generic-drawer-newtheme .backgroundcolor_bluedrawer {
  background-color: transparent;
}
.generic-drawer-newtheme.bg-transaprent-drawer .backgroundcolor_bluedrawer {
  background-color: transparent;
}
.generic-drawer-newtheme.bg-transaprent-drawer .backgroundcolor_bluedrawer.bg-transaprent-drawer__handle {
  background-color: #03002f !important;
  opacity: 0.3;
  width: 32px !important;
}

.drawer-height .height-setting-drawer {
  height: 85vh !important;
}
.drawer-height .height-setting-drawer__content {
  max-height: 90vh !important;
}

.password-protected-msg-drawer .mob-smallcase-popup-success {
  height: 350px;
}
.password-protected-msg-drawer .mob-smallcase-popup-success .mob-smallcase-popup-success-body {
  margin-bottom: 0px;
}
.password-protected-msg-drawer .mob-smallcase-popup-loader {
  height: 250px;
}
.password-protected-msg-drawer .mob-smallcase-popup-loader-body {
  padding-top: 0px;
}
.password-protected-msg-drawer .mob-smallcase-popup-loader-body .update-message {
  margin-bottom: 20px;
}

.mb-21 {
  margin-bottom: 21px;
}

.download-txn-mob .edel-sidebar-drawer-head {
  background: #ffffff;
}

.mob-smallcase-popup-loader-body {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
}

.common-table-non-bordered table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.common-table-non-bordered table thead th {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
  padding: 12px 20px;
  border: none;
}
.common-table-non-bordered table tbody tr {
  border: none;
}
.common-table-non-bordered table tbody tr td {
  font-size: 1rem;
  font-family: "RobotoMedium";
  color: #444444;
  padding: 12px 20px;
}
.common-table-non-bordered table .kraRow {
  background-color: #f2f2f5;
}

.hover-btn:hover {
  color: #ffffff !important;
  background-color: #f2736b !important;
}

@media (max-width: 768px) {
  body.no-overscroll {
    overflow: hidden;
    overscroll-behavior: none;
    position: fixed;
  }
}
.txt-grey-blue-hover {
  color: #6374d4;
}
.txt-grey-blue-hover:hover {
  color: #878edd;
}

.subtract-icon {
  border: 2px solid #e7e7e7 !important;
  border-radius: 5px;
  padding: 0px 4px;
}
.subtract-icon .edel-icon-minus:before {
  font-size: 9px;
}

.timeperiod-information {
  background: #f2f2f5;
  padding: 8px;
  border-radius: 5px;
  margin-bottom: 24px;
}
.timeperiod-information .edel-icon-Information {
  color: #727271;
}

.circle-instaOption {
  position: relative;
  width: 84px;
  height: 84px;
}
@media (max-width: 768px) {
  .circle-instaOption {
    width: 57px;
    height: 57px;
  }
}
.circle-instaOption {
  background-color: rgba(93, 93, 93, 0.1019607843);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.floating-label-group {
  position: relative;
}
.floating-label-group.floating-label {
  font-size: 18px;
  color: #b8b8b8;
  position: absolute;
  pointer-events: none;
  top: 15px;
  left: 15px;
  transition: all 0.1s ease;
  font-family: "DMSansNormal";
}
.floating-label-group input:focus ~ .floating-label,
.floating-label-group :not(:placeholder-shown) + .floating-label {
  top: 15px;
  bottom: 0px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  color: #727271;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}
.floating-label-group.floating-label.focus {
  top: 15px;
  bottom: 0px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  color: #727271;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.loginsection .custom-form-control .focusClass.form-control {
  padding-top: 25px !important;
}
.loginsection .custom-form-control .form-control {
  height: 55px !important;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
  color: #444444;
}
@media (max-width: 768px) {
  .loginsection .custom-form-control .form-control {
    font-size: 1rem;
  }
}
.loginsection .custom-form-control .form-control {
  padding: 4px 15px;
}
.loginsection .custom-form-control input::-webkit-input-placeholder {
  /* Edge */
  color: #b8b8b8 !important;
}
.loginsection .custom-form-control.input-group-custom {
  border: 1px solid #e7e7e7;
  display: grid;
  grid-template-columns: 90% auto;
}
@media (max-width: 768px) {
  .loginsection .custom-form-control.input-group-custom {
    grid-template-columns: 85% auto;
  }
}
.loginsection .custom-form-control.input-group-custom {
  align-items: flex-end;
  position: relative;
  border-radius: 5px;
}
.loginsection .custom-form-control.input-group-custom.focus {
  border: 1px solid #03002f !important;
}
.loginsection .custom-form-control.input-group-custom .form-control {
  border: none !important;
}
.loginsection .custom-form-control.input-group-custom .form-control.focus {
  padding-top: 20px !important;
}
.loginsection .custom-form-control.custom-pass-icon .suffixes-both {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .loginsection .custom-form-control.custom-pass-icon .suffixes-both {
    gap: 5px;
  }
}
.loginsection .custom-form-control.custom-pass-icon .suffixes-both .textbox-flow {
  order: 1 !important;
}
.loginsection .custom-form-control.custom-pass-icon .suffixes-both .input_suffix.second-icon {
  order: 2 !important;
}
.loginsection .custom-form-control.whole_text_field_disable {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.loginsection .custom-form-control .suffixes-both {
  display: flex;
  align-items: center;
  justify-content: center;
}
.loginsection .textbox-flow.input_suffix {
  padding-bottom: 5px;
}
.loginsection .textbox-flow span {
  color: #444444;
  font-size: 1.125rem;
}
.loginsection .custom-form-control {
  border-radius: 5px;
}
.loginsection .custom-form-control .floating-label {
  line-height: 0 !important;
}
.loginsection .custom-form-control .floating-label label {
  position: relative;
  opacity: 1;
  color: #727271;
  font-size: 0.75rem;
}
@media (max-width: 768px) {
  .loginsection .custom-form-control .floating-label label {
    font-size: 0.75rem;
  }
}
.loginsection .custom-form-control .floating-label label {
  font-family: "DMSansNormal";
}

.custom-form-control-revamp.input-group-custom {
  border: 1px solid #e7e7e7;
  display: grid;
  grid-template-columns: 90% auto;
}
@media (max-width: 768px) {
  .custom-form-control-revamp.input-group-custom {
    grid-template-columns: 85% auto;
  }
}
.custom-form-control-revamp.input-group-custom {
  align-items: flex-end;
  position: relative;
  border-radius: 5px;
}
.custom-form-control-revamp.input-group-custom .form-control {
  border: none !important;
}
.custom-form-control-revamp.input-group-custom .form-control.focus {
  padding-top: 20px !important;
}
.custom-form-control-revamp.input-group-custom .input_prefix {
  position: absolute;
  padding: 15px;
  height: 50px;
  font-family: "RobotoRegular";
  font-size: 0.938rem;
  color: #727271;
  display: flex;
  align-items: center;
  gap: 3px;
}

.revamp-indent.indentInput input {
  text-indent: 35px;
  font-size: 0.938rem !important;
  font-family: "RobotoRegular" !important;
}
.revamp-indent.indentInput .custom-form-control-revamp.input-group-custom .form-control.focus {
  padding-top: 4px !important;
}

.yob_inp_grp {
  margin-bottom: 10px;
}
.yob_inp_grp:hover .yob_inp {
  border-color: #999999;
}
.yob_inp_grp .yob_inp {
  display: inline-block;
  margin-right: 5%;
  border: none;
  border-bottom: 1px solid #cccccc;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
}
@media (max-width: 768px) {
  .yob_inp_grp .yob_inp {
    padding: 0px !important;
  }
}
.yob_inp_grp .yob_inp {
  font-family: "RobotoMedium";
  color: #111111;
  border-radius: 0px;
}
@media (max-width: 1023px) {
  .yob_inp_grp .yob_inp {
    background: unset;
  }
}
.yob_inp_grp .yob_inp::placeholder {
  font-family: "RobotoRegular";
  color: #cccccc;
}
.yob_inp_grp .yob_inp:last-child {
  margin-right: 0px;
}
.yob_inp_grp .yob_inp.focus {
  border-color: #03002f;
}
.yob_inp_grp .error-border {
  border-color: #dd504d !important;
}

@media only screen and (max-width: 767px) {
  INPUT[type=password] {
    font-size: 3.125em;
    font-variant: normal;
  }
}
@media only screen and (max-width: 767px) and (max-width: 768px) {
  INPUT[type=password] {
    height: fit-content;
  }
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  INPUT[type=password] {
    font-size: 2.125em !important;
    font-variant: normal;
  }
  @media (max-width: 768px) {
    INPUT[type=password] {
      height: fit-content;
    }
  }
}
@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */
}
.generic-popup-layout .popup-header {
  display: flex;
  padding: 10px;
  align-items: center;
}
.generic-popup-layout .popup-header .edel-icon-arrow-left1 {
  font-size: 0.625rem;
  margin: 0px 10px 0px 3px;
}
.generic-popup-layout .popup-body {
  max-height: 350px;
  overflow-y: scroll;
}
.generic-popup-layout .popup-buttons {
  justify-content: space-between;
  padding: 15px 17px;
  border: 1px solid #e7e7e7;
}
.generic-popup-layout .popup-buttons .ed_button {
  padding: 10px 55px;
}

.product-buttons.ed_button.button {
  padding: 9px 14px;
  margin: 0px 10px 5px 0px;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 140%;
}
.product-buttons.ed_button.button.midnight-blue-border {
  border: 1px solid #e7e7e7 !important;
}
.product-buttons.ed_button.button.bg_aqua_white {
  background-color: #f2f2f5;
  border: 1px solid #03002f;
}
.product-buttons.ed_button.button.disabled {
  background-color: #e7e7e7;
  color: #b8b8b8;
}
.product-buttons.ed_button.button.active {
  border: 1px solid #03002f !important;
  font-size: 0.875rem !important;
  font-family: "DMSansMedium";
}

@media (max-width: 768px) {
  .order-confirmation {
    padding-bottom: 150px !important;
  }
}
.order-confirmation .stock-line {
  line-height: 140%;
}
.order-confirmation.scroll-height {
  height: 60%;
}
.order-confirmation .new-back-button {
  font-size: 1.875rem;
}
.order-confirmation .back-button {
  margin-right: -10px;
  padding-top: 5px;
  margin-left: -10px;
}
.order-confirmation .back-button .edel-icon-arrow-left {
  font-size: 30px;
}
.order-confirmation .header {
  padding: 20px 10px 3px 15px;
  gap: 10px;
}
.order-confirmation .header i {
  font-size: 0.625rem;
}
.order-confirmation .order-stock {
  padding: 10px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.order-confirmation .order-stock .col {
  padding: 0;
}
.order-confirmation .order-msg {
  line-height: 140%;
  margin: 10px 15px 0px 15px;
  border-radius: 5px;
}
.order-confirmation .order-msg div {
  padding: 10px 15px;
}
.order-confirmation .orderbody-list {
  border-bottom: 1px solid #e7e7e7;
  margin: 0px 15px;
}
.order-confirmation .orderbody-list .col {
  padding: 10px 0px 10px;
}
.order-confirmation .exchange-qty-row {
  padding: 10px 20px;
}
@media (max-width: 768px) {
  .order-confirmation .exchange-qty-row {
    margin-bottom: 30px !important;
  }
}
.order-confirmation .exchange-qty-row div {
  line-height: 140%;
}
.order-confirmation .exchange-qty-row .day-tag {
  margin-right: 17px;
}

@media screen and (min-width: 1023px) {
  .order-confirmation .order-stock {
    padding: 10px 20px;
  }
  .order-confirmation .order-msg {
    margin: 10px 20px 0px 20px;
  }
  .order-confirmation .exchange-qty-row {
    padding: 10px 20px;
  }
  .order-confirmation .exchange-qty-row .day-tag {
    margin-right: 14px;
  }
  .order-confirmation .orderbody-list {
    margin: 0px 20px;
  }
}
.auth-heading {
  padding-top: 14px;
}

.auth-msg {
  line-height: 140%;
  padding: 20px 30px 20px 30px;
}

.authorise-msg {
  line-height: 140%;
  margin: 0px 15px;
  border-radius: 5px;
}
.authorise-msg div {
  padding: 10px 15px;
}

.proceed-button .ed_button.button {
  width: auto;
  padding: 10px 28px;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.proceed-button {
  padding: 50px 0px 30px 0px;
}

.tpin-button .ed_button.button {
  width: auto;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.tpin-button {
  padding: 26px 0px 15px 0px;
}

.back-tpin .col,
.note-section .col {
  padding: 0px 20px;
}
.back-tpin .ed_button.link,
.note-section .ed_button.link {
  color: #03002f;
  text-decoration-line: underline !important;
}

.back-tpin {
  padding: 26px 0px 15px 0px;
}

.note-section {
  padding: 0px 20px;
  bottom: 0;
}
.note-section ul {
  padding: 0px 15px 20px 20px;
  list-style-type: disc;
}
.note-section ul li {
  line-height: 140%;
}

@media screen and (max-width: 1023px) {
  .note-section {
    padding: 0px 15px;
  }
  .back-tpin .col {
    padding: 0px 15px;
  }
}
.toggle-switch {
  position: relative;
  width: 44px;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: left;
}
.toggle-switch-checkbox {
  display: none;
}
.toggle-switch.big-switch {
  width: 32px;
}
.toggle-switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #e7e7e7;
  border-radius: 15px;
  margin: 0;
}
.toggle-switch-label.e-switch-active {
  border: 1px solid #51b255;
}
.toggle-switch-label.midnight-blue {
  border: 1px solid #03002f !important;
}
.toggle-switch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.toggle-switch-inner:before, .toggle-switch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 17px;
  padding: 0;
  line-height: 17px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  box-sizing: border-box;
}
.toggle-switch-inner:before {
  content: attr(data-no);
  text-transform: uppercase;
  padding-left: 0.2rem;
  background-color: #ffffff;
  color: #727271;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}
.toggle-switch-disabled {
  background-color: #ffffff;
  cursor: not-allowed;
}
.toggle-switch-disabled:before {
  background-color: #ffffff;
  cursor: not-allowed;
}
.toggle-switch-inner:after {
  content: attr(data-yes);
  text-transform: uppercase;
  padding-right: 0.2rem;
  background-color: #ffffff;
  color: #727271;
  text-align: right;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}
.toggle-switch-switch {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0.2rem;
  background: #b8b8b8;
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 25px;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}
.toggle-switch-switch.e-switch-active {
  background: #51b255;
}
.toggle-switch-switch.midnight-blue {
  background: #03002f !important;
}
.toggle-switch-switch.big-switch {
  width: 11px;
  height: 11px;
  margin: 0.25rem;
  right: 11px;
}
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-inner {
  margin-left: 0;
}
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-switch {
  right: 0px;
}

.counterinput {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.counterinput .input_prefix {
  margin-left: 0px !important;
}
.counterinput .form-control {
  border: none !important;
  text-align: center;
  font-size: 0.875rem;
  font-family: "encodesans_normal";
  color: #444444;
}
.counterinput .input-group-prepend button {
  font-size: 1.563rem !important;
  font-family: unset !important;
  padding: 6px 10px 10px 10px;
  line-height: 20px;
  background-color: #ffffff !important;
  border: none !important;
  height: 40px;
}

.ordermsgsection {
  padding-top: 62px;
}
@media (max-width: 768px) {
  .ordermsgsection {
    padding-top: 30px;
  }
}
.ordermsgsection .innersection {
  justify-content: center;
  display: flex;
}
.ordermsgsection .innersection .orderbox {
  background-color: #f2f2f5;
  padding: 15px 30px 15px 30px;
  text-align: center;
  border-radius: 5px;
}
.ordermsgsection .innersection .orderbox span {
  display: inline-block;
  width: 100%;
}
.ordermsgsection .innersection .addtowatchlist {
  text-decoration: underline !important;
  color: #03002f;
}
.ordermsgsection .innersection .btn-class-btntype .ed_button {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 0.875rem !important;
  font-family: "EncodeSansMedium";
}
.ordermsgsection .innersection .rejectedmsg strong {
  color: #03002f;
}
.ordermsgsection .recieved {
  color: #51b255;
}
.ordermsgsection .rejected {
  color: #dd504d;
}
.ordermsgsection .tooltip-msg-icon .edel-icon-tooltip {
  font-size: 4.688rem;
}

.redirectOuterbox {
  width: 100%;
  background-color: #fef4ec;
  padding: 20px 47px 20px 47px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .redirectOuterbox {
    padding: 20px 0px 20px 0px;
  }
}
.redirectOuterbox .ed_button {
  font-size: 0.875rem !important;
  height: 40px !important;
  line-height: 15px;
}

.order-slice-note {
  text-align: left !important;
  padding: 0px;
  font-size: 0.875rem;
  font-weight: 400;
}
.order-slice-note .header {
  font-weight: 700;
  padding: 0px;
}

.filtersortSidebar-section-mobile .z-index-high__handle-wrapper {
  background-color: #ffffff;
}
.filtersortSidebar-section-mobile .bodylist-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  padding-left: 10px;
}
.filtersortSidebar-section-mobile .filtersortSidebar-clear-all {
  display: flex;
  justify-content: end;
  background-color: #f2f2f5;
}
.filtersortSidebar-section-mobile .filtersortSidebar-clear-all .ed_button {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
  position: relative;
  top: 21px;
}

.overflow-scroll-340 {
  height: 340px;
  overflow: scroll;
  padding-bottom: 20px;
}

.filtersortSidebar.footer-sidebar-generic .leftsidebar {
  background-color: #f5f5f5;
}
.filtersortSidebar.footer-sidebar-generic .leftsidebar .nav .nav-item {
  margin-bottom: 0px;
}
.filtersortSidebar.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium";
  text-align: center;
  padding: 15px 15px 15px 12px;
}
.filtersortSidebar.footer-sidebar-generic .leftsidebar .nav .nav-item a.nav-link.active {
  border: none !important;
  background-color: #ffffff;
}
.filtersortSidebar.footer-sidebar-generic .rightsidebar {
  background-color: #ffffff;
  padding-left: 0px !important;
}
.filtersortSidebar.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist {
  margin-top: 10px;
}
.filtersortSidebar.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist .bodylist-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  padding-left: 10px;
}
.filtersortSidebar.footer-sidebar-generic .rightsidebar .filterasset-drop-body .bodylist .inside-list {
  margin-bottom: 10px;
}

.common-filter-section .leftsidebar .edel-icon-round-circle {
  font-size: 7px;
  color: #dd504d;
  margin-left: 2px;
  display: flex;
}
.common-filter-section .rightsidebar {
  max-height: 100vh;
  min-height: 400px;
  overflow-y: scroll;
  margin-bottom: 10px;
}
.common-filter-section .rightsidebar::-webkit-scrollbar {
  width: 0.12rem;
}
.common-filter-section .rightsidebar::-webkit-scrollbar-thumb {
  background-color: #03002f;
}

.notificationlock-filter-dot {
  color: #f04e45;
  font-size: 45px;
  position: relative;
  top: -6px;
}

.nfo-gentable {
  width: 100%;
  border-spacing: 0px !important;
}
.nfo-gentable .ed_button.button {
  padding: 9px 17px;
  font-size: 0.875rem;
}
.nfo-gentable .subwidth {
  width: 15%;
  max-width: 100%;
}
.nfo-gentable .table-head tr {
  width: 100%;
}
.nfo-gentable .table-head tr th {
  padding: 5px;
  text-align: right;
  vertical-align: bottom;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.nfo-gentable .table-body tr:hover {
  background: none;
}
.nfo-gentable .table-body td {
  border: none;
  height: unset;
  border-spacing: 0px;
}
.nfo-gentable .table-body td .table {
  border-top: 1px solid #e7e7e7;
  padding-bottom: 0px;
}
.nfo-gentable .table-body .tbody-content td {
  padding: 15px 5px;
  vertical-align: top;
  text-align: right;
}
.nfo-gentable .table-body .tbody-content td div {
  padding: 0px;
}
.nfo-gentable .table-body .tbody-content .applyNowBtn {
  padding: 0px 22px 0px 35px;
}
.nfo-gentable .table-body .tbody-content .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.nfo-gentable .table-body .tbody-content .share-icon .edel-icon-share-icon:before {
  content: "\e96c";
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}
.nfo-gentable .table-body .tbody-content .price-disc {
  background-color: #dfa717;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  border-radius: 2px;
}
.nfo-gentable .table-body .tbody-content .price-disc p {
  line-height: 13.5px;
  font-size: 0.625rem;
  color: #ffffff;
  margin-left: 2px;
  margin-bottom: 0px;
}
.nfo-gentable .table-body .labeltext td {
  height: 0px;
  padding-bottom: 15px;
}
.nfo-gentable .table > :not(caption) > * > * {
  background-color: transparent !important;
}

.w-20 {
  width: 20%;
}

.pl-10 {
  padding-left: 10px;
}

@media (min-width: 1023px) {
  .ipo-label-text-tile {
    line-height: 17.5px;
  }
}

.nfo-gentable tr th:nth-child(1) {
  padding-left: 15px !important;
}
.nfo-gentable tr th:nth-child(1),
.nfo-gentable tr td:nth-child(1) {
  width: 20%;
  text-align: left !important;
}
.nfo-gentable tr th:nth-child(1) .content-padding-15,
.nfo-gentable tr td:nth-child(1) .content-padding-15 {
  padding-left: 10px !important;
}
.nfo-gentable tr th:nth-child(2),
.nfo-gentable tr td:nth-child(2) {
  width: 20%;
}
.nfo-gentable tr th:nth-child(3),
.nfo-gentable tr td:nth-child(3) {
  width: 20%;
}
.nfo-gentable tr th:nth-child(4),
.nfo-gentable tr td:nth-child(4) {
  width: 10%;
}
.nfo-gentable tr th:nth-child(5),
.nfo-gentable tr td:nth-child(5) {
  width: 10%;
}
.nfo-gentable tr th:nth-child(6),
.nfo-gentable tr td:nth-child(6) {
  width: 25%;
}

@media (max-width: 375px) {
  .small-font-size {
    font-size: 0.625rem !important;
  }
}

.nfo-tabs-after .generic-tabs.common-tab-color .nav-item .nav-link {
  opacity: 0.3 !important;
}

.nfo-tabs-after .generic-tabs.common-tab-color .nav-item .nav-link.active {
  opacity: 1 !important;
}

.generic-searchbar-modal-block {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
}
.generic-searchbar-modal-block .searchbar-search-block {
  width: 100%;
}
.generic-searchbar-modal-block .searchbar-search-block .common-search-bar label {
  cursor: pointer;
}
.generic-searchbar-modal-block .searchbar-search-block .common-search-bar input {
  font-size: 16px;
}
.generic-searchbar-modal-block .modal-dialog {
  max-width: 700px;
}
.generic-searchbar-modal-block .modal-content {
  background-color: unset;
  border: none;
}
.generic-searchbar-modal-block .modal-content .modal-body {
  background-color: #ffffff;
  border-radius: 5px;
  max-height: 60vh;
}
.generic-searchbar-modal-block .modal-content .modal-header {
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 0px;
  border: 2px solid #ffffff;
}
.generic-searchbar-modal-block .modal-content .modal-header .mic-icon {
  padding-right: 15px;
}

.searchbar-search-block-mobile {
  width: 100%;
}

.spinner-border {
  border-color: #f04e45;
  border-right-color: transparent !important;
}

/* Loading dots styles */
@-webkit-keyframes opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#three-dot-loading {
  text-align: center;
}

#three-dot-loading span:not(:last-child) {
  margin-right: 5px;
}

#three-dot-loading span {
  -webkit-animation-name: opacity;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: opacity;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  font-size: 1.875rem;
}

#three-dot-loading span:nth-child(2) {
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
}

#three-dot-loading span:nth-child(3) {
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
}

.addwatchlist {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  width: 100%;
  margin-left: 15px;
  z-index: 1;
}
.addwatchlist ul {
  padding: 20px;
}
.addwatchlist ul li:not(:first-child) {
  border-top: 1px solid #e7e7e7;
}
.addwatchlist ul li:last-child {
  margin-bottom: 145px !important;
}
.addwatchlist .stockTabList .radio-button.common-radio-button input[type=radio] {
  height: 20px;
  width: 20px;
}
.addwatchlist .stockTabList .radio-button.common-radio-button.active input[type=radio] {
  border: 2px solid #03002f !important;
}
.addwatchlist .stockTabList .radio-button.common-radio-button.active input[type=radio]::after {
  width: 90% !important;
  height: 90% !important;
}

.createWatchlist .col {
  margin-top: 15px;
  width: 95%;
  margin-left: 10px;
}
.createWatchlist .watchlist-Input .form-control {
  border-color: red;
}
.createWatchlist .watchlist-Input .help_text.red {
  margin-left: 5px;
}
.createWatchlist .loginsection .help_text {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.createWatchlist .loginsection .help_text::before {
  content: "\e99e";
  font-family: "edel_icon";
  padding-right: 5px;
}

.quotesWtachlist .addToWatchList .watchlist-Input .form-control {
  border-color: red;
}
.quotesWtachlist .addToWatchList .help_text.red {
  margin-left: 20px;
}
@media (max-width: 768px) {
  .quotesWtachlist .addToWatchList .help_text.red {
    margin-left: 3px;
  }
}
@media (max-width: 768px) {
  .quotesWtachlist .addToWatchList .stockTabList .radio-button.common-radio-button input[type=radio] {
    height: 20px;
    width: 20px;
  }
}

.quotesWtachlist .edel-sidebar-drawer-head .edel-icon-left-arrow,
.createWatchlist .edel-sidebar-drawer-head .edel-icon-left-arrow {
  line-height: 1.3 !important;
}
.quotesWtachlist .edel-sidebar-drawer-head,
.createWatchlist .edel-sidebar-drawer-head {
  margin: 15px;
}
.quotesWtachlist .edel-sidebar-drawer-body .edel-icon-more-button,
.createWatchlist .edel-sidebar-drawer-body .edel-icon-more-button {
  margin-top: 2px !important;
}
.quotesWtachlist .edel-sidebar-drawer-body,
.createWatchlist .edel-sidebar-drawer-body {
  max-height: 450px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  width: 100%;
  z-index: 1;
}
.quotesWtachlist .edel-sidebar-drawer-body ul,
.createWatchlist .edel-sidebar-drawer-body ul {
  padding: 7px;
}
.quotesWtachlist .edel-sidebar-drawer-body ul li:not(:first-child),
.createWatchlist .edel-sidebar-drawer-body ul li:not(:first-child) {
  border-top: 1px solid #e7e7e7;
}
.quotesWtachlist .edel-sidebar-drawer-body .stockTabList,
.createWatchlist .edel-sidebar-drawer-body .stockTabList {
  padding-left: 0px !important;
}
.quotesWtachlist .bottombtnsection,
.createWatchlist .bottombtnsection {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.quotesWtachlist .bottombtnsection.stock,
.createWatchlist .bottombtnsection.stock {
  position: relative !important;
}

@media (max-width: 768px) {
  .quotesWtachlist .mb-addwatchlist-drawer.backgroundcolor_bluedrawer {
    min-height: 0px;
    z-index: 100;
  }
}
.quotesWtachlist .watchlist-toaster-fix {
  position: fixed !important;
  top: 180px;
  z-index: 10;
  display: flex;
  width: 40% !important;
  justify-content: center;
  align-items: center;
  left: 0px;
  right: 0%;
}
@media (max-width: 768px) {
  .quotesWtachlist .watchlist-toaster-fix {
    top: auto;
    bottom: 80px;
    width: 100% !important;
  }
}
.quotesWtachlist .watchlist-toaster-fix .toast-container {
  width: 100% !important;
  border-radius: 5px !important;
  margin-bottom: 5px !important;
}
.quotesWtachlist .watchlist-toaster-fix .toast {
  width: 100%;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
  border: 0px;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .quotesWtachlist .watchlist-toaster-fix .toast {
    width: fit-content;
    margin: auto;
  }
}
.quotesWtachlist .watchlist-toaster-fix .toast .bg-rose-white {
  background-color: #dcf0dd;
  border-radius: 10px;
}
.quotesWtachlist .watchlist-toaster-fix .toast .txt-faded-orange {
  color: #51b255;
}
.quotesWtachlist .watchlist-toaster-fix .toast div {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
@media (max-width: 1023px) {
  .quotesWtachlist .watchlist-toaster-fix .toast div {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}

.mob-wlsearch .preset-tabs {
  padding-inline: 15px;
}
.mob-wlsearch .search-toptabs-block {
  margin: 10px 0px;
  gap: 10px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.mob-wlsearch .search-toptabs-block .search-nosplit-block {
  padding-inline: 10px;
}
.mob-wlsearch .fade.show.tooltip {
  z-index: 1;
}
.mob-wlsearch .preset-tabs {
  position: relative;
  z-index: 2;
  margin: 0;
  width: 100%;
  background: #ffffff;
  left: 0;
}

.watchlistExtra-scripts-div-padding {
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .watchlistExtra-scripts-div-padding {
    padding-bottom: 300px;
  }
}

@media (max-width: 768px) {
  .last-child-padding-watchlist {
    padding-bottom: 300px;
    padding-bottom: 250px;
  }
  .last-child-padding-watchlist.editwatchlistDiv {
    padding-bottom: 250px;
  }
}
.preset-tooltip-class.desk-tooltips .tooltip-inner {
  margin-bottom: 0px;
}

.addToWatchList-position {
  position: sticky !important;
  bottom: 15% !important;
}
.addToWatchList-position .watchlist-toaster-fix {
  position: unset !important;
}

.mob-wlsearch .import-drawrer-backdrop {
  padding: 0px 0px !important;
}
.mob-wlsearch .import-drawrer-backdrop .drawer-header {
  padding: 21px 21px 20px 15px !important;
}
.mob-wlsearch .import-drawrer-backdrop .drawer-body {
  background-color: #ffffff;
}

.floating-feedback-section .box-feedback {
  cursor: pointer;
  padding: 15px;
  position: fixed;
  bottom: 50%;
  right: 0px;
  background-color: #f04e45;
  color: #ffffff;
  transform: rotate(-90deg);
  transform-origin: bottom right;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  z-index: 10;
}
.floating-feedback-section .box-feedback svg {
  transform: rotate(90deg);
}
.floating-feedback-section.z-low-index .box-feedback {
  z-index: -1;
  display: none;
}

:root {
  font-size: 16px;
}

.section_head {
  height: 28px;
  font-family: "Encode Sans";
  font-style: normal;
  font-size: 1.25rem;
  line-height: 140%;
  color: #0b243a;
  padding-left: 15px;
  margin-bottom: 0px;
}

.accordian_container {
  margin: 0px 15px 200px 15px;
}
.accordian_container .seperation_line {
  height: 0px;
  border: 1px solid #e7e7e7;
  margin: 16px 0px 16px 0px;
}
.accordian_container .accordian-item {
  background-color: white;
  border: 1px solid white;
}
.accordian_container .accordian-item .sub_text {
  font-family: "Encode Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #727271;
}
.accordian_container .accordian-item .back_to_title {
  width: 233px;
  height: 9px;
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  line-height: 22px;
  display: inline;
  align-items: center;
  color: #3580f7;
}
.accordian_container .accordian-item .back_to_title .edel-icon-point-arrow-up {
  width: 7px;
  height: 9px;
  margin-right: 5px;
}

.accordion-button:not(.collapsed) {
  color: black;
  font-family: "Encode Sans";
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
  background-color: white;
  box-shadow: none;
}

.accordion-body {
  padding: 0.2rem 0rem 0rem 0rem;
}

.accordion-button {
  padding: 1rem 0rem;
  box-shadow: none;
  color: black;
  font-family: "Encode Sans";
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
  background-color: white;
  padding: 0px;
}

.accordion-button:not(.collapsed)::after {
  background-color: #f2f2f5;
  border-radius: 5px;
  box-shadow: none;
  background-position: center;
}

.accordion-button::after {
  width: 30px;
  height: 30px;
  color: #03002f;
  border-radius: 5px;
  background-color: #f2f2f5;
  background-position: center;
  box-shadow: none;
  content: "\e911" !important;
  display: inline-block;
  font-family: "edel_icon";
  font-size: 1.25rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  background-image: none !important;
}

.accordion-item:first-of-type .accordion-button {
  box-shadow: none;
}

body {
  font-size: 16px;
}

.filterasset-drop {
  background: #f2f2f5;
  border-radius: 5px;
  width: 398px;
  padding: 20px;
  display: block;
  margin-top: 10px;
  z-index: 6;
  position: absolute;
  right: 0%;
}
.filterasset-drop-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 22px;
  font-feature-settings: "case" on;
  color: #444444;
}
.filterasset-drop-head p {
  margin: 5px 0px;
}
.filterasset-drop-head p span {
  margin: 4px;
  z-index: 10;
}
.filterasset-drop-head .edel-icon-arrow-down {
  font-size: 1.75rem;
}
.filterasset-drop-imp {
  margin-top: 13px !important;
}
.filterasset-drop-body {
  max-height: 273px;
  background: #ffffff;
  border-radius: 5px;
  border-radius: 5px;
  margin: 15px 0px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* hide scroll bar in Internet Explorer 10+ */
  scrollbar-width: none;
  /*hide scroll bar in Firefox */
}
.filterasset-drop-body::-webkit-scrollbar {
  display: none;
}
.filterasset-drop-body {
  transition: "display 300ms ease-in";
}
.filterasset-drop #asset.filterasset-drop-head {
  margin-top: 7px;
  cursor: pointer;
}
.filterasset-drop #asset.filterasset-drop-header {
  margin-left: 10px;
}
.filterasset-drop #filter.filterasset-drop-head {
  margin-top: 7px;
  cursor: pointer;
}
.filterasset-drop #asset.filterasset-drop-body {
  height: 205px;
}
.filterasset-drop-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f2f2f5;
  padding-top: 15px;
}
.filterasset-drop-footer .filter-button {
  padding: 13px 28px;
  border-radius: 6px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  color: #03002f;
  width: 48%;
  background-color: transparent;
  border: 1px solid #03002f;
}
.filterasset-drop-footer .clear_all:hover {
  background-color: #3580f7;
  color: #ffffff;
}
.filterasset-drop-footer .aply-btn {
  background: #03002f;
  border: none;
  color: #ffffff;
  width: 176px !important;
  height: 48px !important;
  border-radius: 6px;
}
.filterasset-drop .filterasset-drop-body .checkbox {
  position: relative;
  display: flex;
  font-size: 0.875rem;
  line-height: 20px;
  color: #292929;
  width: 119px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  width: 80%;
  font-feature-settings: "case" on;
  white-space: nowrap;
}
.filterasset-drop .filterasset-drop-body .checkbox.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.filterasset-drop .filterasset-drop-body .checkbox input[type=checkbox] {
  opacity: 0;
  width: 20px;
  height: 20px;
}
.filterasset-drop .filterasset-drop-body .checkbox input[type=checkbox]:checked + .checked {
  background-color: #3580f7 !important;
  border: 1px solid #e7e7e7;
}
.filterasset-drop .filterasset-drop-body .checkbox p,
.filterasset-drop .filterasset-drop-body .checkbox .checked {
  display: inline-block;
  cursor: pointer;
}
.filterasset-drop .filterasset-drop-body .checkbox .checked {
  width: 20px;
  height: 20px;
  border: solid 1px;
  border-color: rgba(38, 6, 203, 0.3);
  border-radius: 0.25rem;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  transition: border-color 0.2s, background-color 0.2s;
}
.filterasset-drop .filterasset-drop-body .checkbox .checked::before {
  color: #ffffff;
  display: inline-block;
  font-size: 1.25rem;
  margin-top: -7%;
  margin-left: -2px;
}
.filterasset-drop .filterasset-drop-body .checkbox p {
  margin-left: 10px;
  overflow: hidden;
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filterasset-drop .light-blue {
  color: #3580f7;
}
.filterasset-drop .dark-grey {
  color: #444444;
}
.filterasset-drop .light-grey {
  color: #b8b8b8;
}
.filterasset-drop .show {
  display: block;
}
.filterasset-drop .hide {
  display: none;
}
.filterasset-drop ul {
  padding: 20px;
  border-radius: 5px;
}
.filterasset-drop li label {
  display: -webkit-inline-box;
}
.filterasset-drop li p {
  margin-left: 10px;
  margin-bottom: 0px;
  font-size: 0.875rem;
  margin-top: 2px;
  color: #444444;
}
.filterasset-drop li input {
  width: 20px;
  height: 20px;
}

.filterasset-drop-light-blue-theme {
  background: #f0f9ff;
  border-radius: 5px;
  width: 398px;
  padding: 20px;
  display: block;
  margin-top: 10px;
  z-index: 6;
  position: absolute;
  right: 0%;
}
.filterasset-drop-light-blue-theme .filterasset-drop-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 22px;
  font-feature-settings: "case" on;
  color: #444444;
}
.filterasset-drop-light-blue-theme .filterasset-drop-head p {
  margin: 5px 0px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-head p span {
  margin: 4px;
  z-index: 10;
}
.filterasset-drop-light-blue-theme .filterasset-drop-head .edel-icon-arrow-down {
  font-size: 1.75rem;
}
.filterasset-drop-light-blue-theme .filterasset-drop-imp {
  margin-top: 13px !important;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body {
  max-height: 273px;
  background: #ffffff;
  border-radius: 5px;
  margin: 15px 0px;
  overflow-y: scroll;
  -ms-overflow-style: none; /* hide scroll bar in Internet Explorer 10+ */
  scrollbar-width: none; /*hide scroll bar in Firefox */
}
.filterasset-drop-light-blue-theme .filterasset-drop-body::-webkit-scrollbar {
  display: none;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body {
  transition: "display 300ms ease-in";
}
.filterasset-drop-light-blue-theme #asset.filterasset-drop-head {
  margin-top: 7px;
  cursor: pointer;
}
.filterasset-drop-light-blue-theme #asset.filterasset-drop-header {
  margin-left: 10px;
}
.filterasset-drop-light-blue-theme #filter.filterasset-drop-head {
  margin-top: 7px;
  cursor: pointer;
}
.filterasset-drop-light-blue-theme #asset.filterasset-drop-body {
  height: 205px;
}
.filterasset-drop-light-blue-theme .color_blue {
  color: #3580f7 !important;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f0f9ff;
  padding-top: 15px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer .filter-button {
  padding: 13px 28px;
  border-radius: 6px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  width: 48%;
  background-color: transparent;
  border: 1px solid #3580f7;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer .clear_all {
  background-color: transparent;
  color: #3580f7;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer .clear_all:hover {
  background-color: #3580f7;
  color: #ffffff;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer .aply-btn {
  background: #3580f7;
  border: none;
  color: #ffffff;
  width: 176px !important;
  height: 48px !important;
  border-radius: 6px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox {
  position: relative;
  display: flex;
  font-size: 0.875rem;
  line-height: 20px;
  color: #292929;
  width: 119px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  width: 80%;
  font-feature-settings: "case" on;
  white-space: nowrap;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox input[type=checkbox] {
  opacity: 0;
  width: 20px;
  height: 20px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox input[type=checkbox]:checked + .checked {
  background-color: #3580f7;
  border: 1px solid #e7e7e7;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox p,
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox .checked {
  display: inline-block;
  cursor: pointer;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox .checked {
  width: 20px;
  height: 20px;
  border: solid 1px;
  border-color: rgba(38, 6, 203, 0.3);
  border-radius: 0.25rem;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  transition: border-color 0.2s, background-color 0.2s;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox .checked::before {
  color: #ffffff;
  display: inline-block;
  font-size: 1.25rem;
  margin-top: -7%;
  margin-left: -2px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox p {
  margin-left: 10px;
  overflow: hidden;
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filterasset-drop-light-blue-theme .light-blue {
  color: #3580f7;
}
.filterasset-drop-light-blue-theme .dark-grey {
  color: #444444;
}
.filterasset-drop-light-blue-theme .light-grey {
  color: #b8b8b8;
}
.filterasset-drop-light-blue-theme .show {
  display: block;
}
.filterasset-drop-light-blue-theme .hide {
  display: none;
}
.filterasset-drop-light-blue-theme ul {
  margin-top: 12px;
  margin-left: 10px;
  padding-left: 0;
}
.filterasset-drop-light-blue-theme li {
  padding: 2%;
}
.filterasset-drop-light-blue-theme li label {
  display: -webkit-inline-box;
}
.filterasset-drop-light-blue-theme li p {
  margin-left: 10px;
  margin-bottom: 0px;
  font-size: 0.875rem;
  margin-top: 2px;
  color: #444444;
}
.filterasset-drop-light-blue-theme li input {
  width: 20px;
  height: 20px;
}

.nrml,
.cnc,
.bo,
.mtf {
  border: 1px solid rgba(223, 167, 23, 0.1);
  padding: 2px 4px;
  margin-left: 10px;
  border-radius: 2px;
  height: 21px;
  line-height: 15px;
  align-self: center;
  color: #dfa717;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.mis {
  border: 1px solid hsla(1, 69%, 59%, 0.1);
  padding: 2px 4px;
  margin-left: 10px;
  border-radius: 2px;
  height: 21px;
  line-height: 15px;
  align-self: center;
  color: #dd504d;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.filterBottomScroll {
  padding-bottom: 100px !important;
}

.filterasset-drop-common-asset {
  right: 5.5%;
}

.filterasset-new-theme .filterasset-drop-body {
  max-height: 150px;
  margin: 20px 0;
}
.filterasset-new-theme .filterasset-drop-body ul {
  margin: 5px 10px;
}
.filterasset-new-theme .filterasset-drop-body::-webkit-scrollbar-thumb {
  background-color: #03002f;
  border-radius: 6px;
  border: 1px solid #03002f;
}
.filterasset-new-theme .drop-arrow {
  width: 22px;
  height: 22px;
  background: #f2f2f5;
  transform: rotate(45deg);
  margin-left: 340px;
  margin-top: -30px;
}

:root {
  font-size: 16px;
}

.pnl-view-header-section td,
.pnl-view-header-section th,
.pnl-editable-action td,
.pnl-editable-action th,
.view-pnl-reports-table td,
.view-pnl-reports-table th {
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .pnl-view-header-section,
  .pnl-editable-action,
  .view-pnl-reports-table {
    margin-left: 15px;
    margin-right: 15px;
    padding: 0px;
  }
}
.pnl-view-header-section,
.pnl-editable-action,
.view-pnl-reports-table {
  padding: 0px 112px;
}

@media screen and (max-width: 1024px) {
  .pnl-summary-details {
    padding: 0px 15px;
  }
}
.pnl-summary-details {
  padding: 0px 16px 0px 112px;
}

.summary-mobile {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 22px;
  padding: 0px 15px;
}
.summary-mobile .isin-container,
.summary-mobile .company-qty-ltp,
.summary-mobile .company-container {
  width: 100%;
}
.summary-mobile .isin-container .isin {
  font-family: "encodesans_normal";
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: left;
  color: #b8b8b8;
}
.summary-mobile .company-container {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 16.8px;
  letter-spacing: 0em;
  text-align: left;
  color: #727271;
  margin-top: 6px;
}
.summary-mobile .company-qty-ltp .pnl-description {
  width: 70%;
}
.summary-mobile .company-qty-ltp {
  display: flex;
  margin-top: 4px;
  align-items: flex-start;
}
.summary-mobile .company-qty-ltp .script-container {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0em;
  text-align: left;
  color: #444444;
}
.summary-mobile .company-qty-ltp .script-container.m-w-43 {
  min-width: 43%;
}
.summary-mobile .company-qty-ltp .script-container.m-w-56 {
  min-width: 56%;
}
.summary-mobile .company-qty-ltp .qty-container {
  position: relative;
  vertical-align: middle;
}
.summary-mobile .company-qty-ltp .qty-container i {
  margin-left: 8.86px;
  margin-right: 4px;
  font-size: 0.75rem;
}
.summary-mobile .company-qty-ltp .qty-container {
  font-family: "RobotoRegular";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: left;
  color: #727271;
}
.summary-mobile .company-qty-ltp .qty-container.m-w-20 {
  min-width: 20%;
}
.summary-mobile .company-qty-ltp .ltp-container {
  width: 30%;
  text-align: end;
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18.2px;
  letter-spacing: 0em;
  text-align: right;
  color: #444444;
  padding-top: 0px;
}
.summary-mobile .company-qty-ltp .ltp-container.m-w-37 {
  min-width: 37%;
}
.summary-mobile .company-qty-ltp .ltp-container.m-w-24 {
  min-width: 24%;
}
.summary-mobile .company-qty-ltp .ltp-container.m-w-43 {
  min-width: 43%;
}

* {
  box-sizing: border-box !important;
}

.pnl-summary-details .color-red {
  color: #e71e04;
}
.pnl-summary-details .color-green {
  color: #51b255;
}
.pnl-summary-details {
  margin-top: 30px;
  margin-bottom: 36.68px;
}
.pnl-summary-details .pn-summary-container {
  display: flex;
  display: flex;
}
.pnl-summary-details .pn-summary-container div,
.pnl-summary-details .pn-summary-container span {
  cursor: default;
}
.pnl-summary-details .pn-summary-container .pnl.profit-loss {
  width: 10.643%;
  margin-right: 38px;
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .pnl-summary-details .pn-summary-container .pnl.profit-loss {
    width: 138px;
    margin-right: 38px;
  }
}
@media screen and (max-width: 1024px) {
  .pnl-summary-details .pn-summary-container .pnl.profit-loss {
    width: 50%;
    margin: 0px;
  }
}
.pnl-summary-details .pn-summary-container .pnl.isin {
  width: 10.643%;
  margin-right: 116px;
}
@media screen and (max-width: 1024px) {
  .pnl-summary-details .pn-summary-container .pnl.isin {
    width: 50%;
  }
}
.pnl-summary-details .pn-summary-container .pnl.company {
  width: 18.155%;
  margin-right: 15px;
}
@media screen and (max-width: 1024px) {
  .pnl-summary-details .pn-summary-container .pnl.company {
    width: 50%;
  }
}
.pnl-summary-details .pn-summary-container .pnl.scrip {
  width: 10.539%;
  margin-right: 65.93px !important;
}
@media screen and (max-width: 1023px) {
  .pnl-summary-details .pn-summary-container .pnl.scrip {
    width: 50%;
  }
}
.pnl-summary-details .pn-summary-container .pnl.qty {
  width: 7.693%;
  margin-right: 92.07px;
}
@media screen and (max-width: 1024px) {
  .pnl-summary-details .pn-summary-container .pnl.qty {
    width: 50%;
  }
}
.pnl-summary-details .pn-summary-container .ltp-change {
  width: 18.33%;
}
@media screen and (max-width: 1024px) {
  .pnl-summary-details .pn-summary-container .ltp-change {
    width: 50%;
  }
}
.pnl-summary-details .pnl-summary-heading {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  color: #b8b8b8;
  height: 37px;
  line-height: 37px;
}
.pnl-summary-details .pnl-summary-value {
  font-family: "RobotoRegular";
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #444444;
  margin-top: 8.32px;
}
.pnl-summary-details .pnl-summary-value .ltp-value {
  font-family: "RobotoRegular";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #444444;
}
.pnl-summary-details .pnl-summary-value .ltp-value .change,
.pnl-summary-details .pnl-summary-value .ltp-value .change-per {
  font-family: "InterRegular";
  font-size: 0.938rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.24px;
  text-align: left;
}
.pnl-summary-details .pnl-summary-value .ltp-value .change {
  padding-left: 10px;
}
.pnl-summary-details .pnl-summary-value .ltp-value .change-per {
  padding-left: 5px;
}

.view-pnl-reports-table {
  margin-top: 20px;
}
.view-pnl-reports-table .pnl-view-table-css {
  margin-left: 0px;
  margin-right: 0px;
}
.view-pnl-reports-table table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0px;
}
.view-pnl-reports-table table .serial {
  width: 39px;
  min-width: 39px;
}
@media screen and (min-width: 1200px) {
  .view-pnl-reports-table table .serial img {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .view-pnl-reports-table table th.serial {
    height: 30px;
    padding: 4px 8px;
  }
}
@media screen and (min-width: 1025px) {
  .view-pnl-reports-table table th.serial {
    padding: 9px 11.55px 9px 5px;
    height: 37px;
    max-height: 37px;
    vertical-align: bottom;
  }
}
@media screen and (max-width: 1024px) {
  .view-pnl-reports-table table td.serial {
    height: 36px !important;
    padding: 5px 9px 7px 5px;
  }
  .view-pnl-reports-table table td.serial img {
    width: 18px;
  }
}
@media screen and (min-width: 1025px) {
  .view-pnl-reports-table table td.serial {
    max-height: 45px;
    padding: 11.22px 13.55px 12.22px 5px;
    height: 45px;
  }
}
.view-pnl-reports-table table td.serial img {
  cursor: pointer;
}
.view-pnl-reports-table table th.txn-date {
  width: 84px;
}
.view-pnl-reports-table table td.txn-date {
  width: 84px;
}
.view-pnl-reports-table table th:not(.serial) {
  padding: 4px 8px;
}
.view-pnl-reports-table table td:not(.serial) {
  padding: 4px 8px;
}
@media screen and (max-width: 640px) {
  .view-pnl-reports-table table .txn-date {
    width: 75px;
    min-width: 75px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .txn-date {
    width: 103px;
    min-width: 103px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .action {
    min-width: 57px;
    width: 57px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .qty {
    min-width: 49.08px;
    width: 49.08px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .price {
    min-width: 79px;
    width: 79px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .txn-type {
    min-width: 100px;
    width: 100px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .brokerage {
    min-width: 81px;
    width: 81px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .stax-gst {
    width: 137px;
    min-width: 137px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .stt {
    width: 59px;
    min-width: 59px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .stamp-duty {
    width: 94px;
    min-width: 94px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .sebi-fees {
    width: 82px;
    min-width: 82px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .txn-charges {
    width: 99px;
    min-width: 99px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .tax-txn-charges {
    width: 135px;
    min-width: 135px;
  }
}
@media screen and (min-width: 1380px) {
  .view-pnl-reports-table table .other {
    width: 101px;
    min-width: 101px;
  }
}
.view-pnl-reports-table table thead {
  position: sticky;
  top: 0px;
}
.view-pnl-reports-table table thead th {
  background-color: #f0f9ff;
}
@media screen and (min-width: 1025px) {
  .view-pnl-reports-table table thead th {
    font-family: "encodesans_normal";
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.08px;
    text-align: left;
    color: #b8b8b8;
    height: 37px;
    max-height: 37px;
  }
}
@media screen and (max-width: 1024px) {
  .view-pnl-reports-table table thead th {
    height: 30px;
    font-family: "InterRegular";
    font-size: 0.813rem;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.08px;
    text-align: left;
    color: #b8b8b8;
  }
}
.view-pnl-reports-table table thead th {
  vertical-align: middle;
}
.view-pnl-reports-table table tbody {
  border-top: 0px !important;
}
.view-pnl-reports-table table tbody tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: white;
  background-color: #ffffff;
}
.view-pnl-reports-table table tbody tr:nth-of-type(even) > * {
  background-color: #f0f9ff;
}
.view-pnl-reports-table table tbody td {
  color: #444444 !important;
  border: 0px !important;
}
@media screen and (max-width: 1024px) {
  .view-pnl-reports-table table tbody td {
    height: 36px !important;
  }
}
@media screen and (min-width: 1025px) {
  .view-pnl-reports-table table tbody td {
    height: 45px !important;
    max-height: 45px !important;
  }
}
@media screen and (min-width: 1024px) {
  .view-pnl-reports-table table tbody .txn-date,
  .view-pnl-reports-table table tbody .txn-type {
    font-family: "encodesans_normal";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.24px;
    text-align: left;
  }
}
.view-pnl-reports-table table tbody .txn-date,
.view-pnl-reports-table table tbody .txn-type {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.24px;
}
@media screen and (min-width: 1024px) {
  .view-pnl-reports-table table tbody .action {
    font-family: "encodesans_normal";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.24px;
    text-align: left;
  }
}
.view-pnl-reports-table table tbody .action {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.24px;
}
@media screen and (min-width: 1024px) {
  .view-pnl-reports-table table tbody .qty,
  .view-pnl-reports-table table tbody .price,
  .view-pnl-reports-table table tbody .brokerage,
  .view-pnl-reports-table table tbody .stax-gst,
  .view-pnl-reports-table table tbody .stt,
  .view-pnl-reports-table table tbody .stamp-duty,
  .view-pnl-reports-table table tbody .sebi-fees,
  .view-pnl-reports-table table tbody .txn-charges,
  .view-pnl-reports-table table tbody .tax-txn-charges,
  .view-pnl-reports-table table tbody .other {
    font-family: "RobotoRegular";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.08px;
    text-align: left;
  }
}
.view-pnl-reports-table table tbody .qty,
.view-pnl-reports-table table tbody .price,
.view-pnl-reports-table table tbody .brokerage,
.view-pnl-reports-table table tbody .stax-gst,
.view-pnl-reports-table table tbody .stt,
.view-pnl-reports-table table tbody .stamp-duty,
.view-pnl-reports-table table tbody .sebi-fees,
.view-pnl-reports-table table tbody .txn-charges,
.view-pnl-reports-table table tbody .tax-txn-charges,
.view-pnl-reports-table table tbody .other {
  font-family: "RobotoRegular";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.24px;
}

.pnl-editable-action .pnl-edit-checkbox {
  display: block;
  position: relative;
  padding-left: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 56%;
}
@media screen and (max-width: 1024px) {
  .pnl-editable-action .edit-text {
    padding-left: 12px;
    font-family: "encodesans_normal";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 15.6px;
    letter-spacing: 0em;
    color: #444444;
    position: relative;
    top: -2px;
  }
}
.pnl-editable-action .edit-text {
  position: relative;
  top: 0px;
  padding-left: 23px;
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17.5px;
  letter-spacing: 0px;
  color: #444444;
}
.pnl-editable-action {
  /* Hide the browser's default checkbox */
}
.pnl-editable-action .pnl-edit-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: 0px;
}
@media screen and (min-width: 1024px) {
  .pnl-editable-action .pnl-edit-checkbox input {
    width: 25px;
    height: 25px;
    top: 0px;
  }
}
.pnl-editable-action .pnl-edit-checkbox input {
  top: 4px;
  width: 16px;
  height: 16px;
}
.pnl-editable-action {
  /* Create a custom checkbox */
}
.pnl-editable-action .teleport-switch-control-indicator {
  position: absolute;
  left: 0px;
}
@media screen and (min-width: 1024px) {
  .pnl-editable-action .teleport-switch-control-indicator {
    width: 25px;
    height: 25px;
    top: 0px;
  }
}
.pnl-editable-action .teleport-switch-control-indicator {
  top: 4px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
}
.pnl-editable-action .pnl-edit-checkbox:hover input ~ .teleport-switch-control-indicator {
  background-color: #cccccc;
}
.pnl-editable-action {
  /* When the checkbox is checked, add a blue background */
}
.pnl-editable-action .pnl-edit-checkbox input:checked ~ .teleport-switch-control-indicator {
  background-color: #3580f7;
}
.pnl-editable-action {
  /* Create the checkmark/indicator (hidden when not checked) */
}
.pnl-editable-action .teleport-switch-control-indicator:after {
  content: "";
  position: absolute;
  display: none;
}
.pnl-editable-action {
  /* Show the checkmark when checked */
}
.pnl-editable-action .pnl-edit-checkbox input:checked ~ .teleport-switch-control-indicator:after {
  display: block;
}
.pnl-editable-action {
  /* Style the checkmark/indicator */
}
@media screen and (max-width: 1024px) {
  .pnl-editable-action .pnl-edit-checkbox .teleport-switch-control-indicator:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border-width: 0 2px 2px 0;
  }
}
.pnl-editable-action .pnl-edit-checkbox .teleport-switch-control-indicator:after {
  left: 8px;
  top: 4px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-112 {
  padding-left: 112px;
  padding-right: 112px;
}

@media screen and (max-width: 1024px) {
  #pnl-view-transaction-report .qty-container {
    vertical-align: middle;
    position: relative;
  }
  #pnl-view-transaction-report .qty-container span {
    top: 0px !important;
  }
  #pnl-view-transaction-report .ltp-container {
    align-self: center;
  }
  .view-pnl-reports-table {
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .view-pnl-reports-table::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
  }
}
.d-shimmer {
  display: block;
  width: 100%;
}

.edit-split-info {
  background: rgba(231, 231, 231, 0.3);
  border-radius: 10px;
  text-align: justify;
}

:root {
  font-size: 16px;
}

.mob-filterasset-drop {
  width: 100%;
  font-family: "encodesans_normal";
  font-style: normal;
  font-size: 0.875rem;
  line-height: 20px;
  z-index: 1000;
  background-color: #ffffff;
}
.mob-filterasset-drop-head {
  height: auto;
  width: 100%;
  text-align: center;
  background-color: #f4f9ff;
  box-sizing: border-box !important;
}
.mob-filterasset-drop-head .down-bar {
  display: flex;
  justify-content: space-between;
  padding: 20px 3%;
}
.mob-filterasset-drop-head .down-bar-left {
  color: #292929;
  font-weight: 700;
}
.mob-filterasset-drop-head .down-bar-right {
  font-weight: 400;
  font-size: 0.75rem;
  color: #3580f7;
  background: none;
  border: none;
}
.mob-filterasset-drop-body .bodyhead {
  font-weight: 500;
  color: #292929;
  margin: 6px 0px;
  padding: 3%;
}
.mob-filterasset-drop-body .bodylist#asset li:last-child p {
  margin-bottom: 110px;
}
.mob-filterasset-drop-body .bodylist {
  padding: 0 3%;
  margin: 0;
  height: 145px;
}
.mob-filterasset-drop-body .bodylist-title {
  text-overflow: ellipsis;
  overflow: hidden;
}
.mob-filterasset-drop-body .filter-asset-seperator {
  border: 1px solid #e8e8e8;
}
.mob-filterasset-drop-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90px;
  position: fixed;
  bottom: 0px;
  background: white;
}
.mob-filterasset-drop-footer input {
  width: 360px;
  height: 40px;
  background: #3580f7;
  border-radius: 4px;
  border: none;
  padding: 1%;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  font-feature-settings: "case" on;
  color: #ffffff;
}
.mob-filterasset-drop-footer .ed_button.apply_filter {
  width: 360px;
  height: 40px;
  background: #3580f7 !important;
  border-radius: 4px !important;
  border: none;
  padding: 1% !important;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  font-feature-settings: "case" on;
  color: #ffffff !important;
}
.mob-filterasset-drop .bodylist .checkbox {
  position: relative;
  display: flex;
  font-size: 0.875rem;
  line-height: 20px;
  color: #292929;
  width: 119px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  font-feature-settings: "case" on;
  white-space: nowrap;
  width: 80%;
}
.mob-filterasset-drop .bodylist .checkbox.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.mob-filterasset-drop .bodylist .checkbox input[type=checkbox] {
  opacity: 0;
  width: 0px;
  height: 0px;
}
.mob-filterasset-drop .bodylist .checkbox input[type=checkbox]:checked + .checked {
  background-color: #3580f7;
  border: 1px solid #e7e7e7;
}
.mob-filterasset-drop .bodylist .checkbox .bodylist-title,
.mob-filterasset-drop .bodylist .checkbox .checked {
  display: inline-block;
  cursor: pointer;
}
.mob-filterasset-drop .bodylist .checkbox .checked {
  width: 20px;
  height: 20px;
  border: solid 1px;
  border-color: rgba(38, 6, 203, 0.3);
  border-radius: 0.25rem;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  transition: border-color 0.2s, background-color 0.2s;
}
.mob-filterasset-drop .bodylist .checkbox .checked::before {
  color: #ffffff;
  display: inline-block;
  font-size: 1.25rem;
  margin-top: -8%;
}
.mob-filterasset-drop .bodylist .checkbox .bodylist-title {
  margin-left: 10px;
}
.mob-filterasset-drop .light-blue {
  color: #3580f7;
}
.mob-filterasset-drop .dark-grey {
  color: #444444;
}
.mob-filterasset-drop .light-grey {
  color: #b8b8b8;
}
.mob-filterasset-drop .show {
  display: block;
}
.mob-filterasset-drop .hide {
  display: none;
}
.mob-filterasset-drop .nrml,
.mob-filterasset-drop .cnc,
.mob-filterasset-drop .fo,
.mob-filterasset-drop .mts,
.mob-filterasset-drop .bo,
.mob-filterasset-drop .mtf {
  border: 1px solid rgba(223, 167, 23, 0.1);
  padding: 2px 4px;
  margin-left: 10px;
  border-radius: 2px;
  height: 21px;
  line-height: 15px;
  align-self: center;
  color: #dfa717;
  text-transform: uppercase;
  font-size: 0.625rem;
  margin-bottom: 14px;
}
.mob-filterasset-drop .mis {
  border: 1px solid hsla(1, 69%, 59%, 0.1);
  padding: 2px 4px;
  margin-left: 10px;
  border-radius: 2px;
  height: 21px;
  line-height: 15px;
  align-self: center;
  color: #dd504d;
  text-transform: uppercase;
  font-size: 0.625rem;
  margin-bottom: 14px;
}

:root {
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .drawer__handle-wrapper {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
  }
  .drawer__handle-wrapper.z-index-high {
    z-index: 10001 !important;
  }
  .customForm.mobForm.taxreport input[type=radio]:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 10%;
  }
  .customForm.mobForm.taxreport .mobForm {
    margin: 25px 15px;
  }
  .customForm.mobForm.taxreport .mobForm .mobFormWrap {
    background-color: #f0f9ff;
  }
  .customForm.mobForm.taxreport .mobForm .mobFormWrap .form-check-input:checked {
    background-color: #3580f7;
  }
  .customForm.mobForm.taxreport .mobForm .blue_bg {
    background-color: #ffffff;
  }
  .customForm.mobForm.taxreport .mobForm .blue_bg.mail .mail-input input {
    background-color: #f0f9ff;
  }
  .customForm.mobForm.taxreport .mobForm .blue_bg.mail .icon i {
    color: #3580f7;
  }
  .customForm.mobForm.taxreport .mobForm .custom_btn {
    background-color: #3580f7;
    border: 1px solid #3580f7;
    right: 0;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section {
    align-items: center !important;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .form-label {
    margin-bottom: 0px !important;
    color: #444444 !important;
    font-family: "EncodeSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .form-label b {
    font-weight: 500;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .input-group-append .input-group-text {
    cursor: pointer;
    font-family: "EncodeSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #3580f7;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .input-group-append .input-group-text span {
    position: relative;
    top: 1px;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .input-group-append .input-group-text i {
    font-size: 0.688rem;
    margin-right: 10px;
  }
}
body {
  background: white !important;
  font-size: 16px;
}

*:focus {
  box-shadow: none !important;
}

.hide-nav-tabs {
  display: none;
}

.container .square-off-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  background: white;
  z-index: 99999;
  margin-right: -15px;
  margin-left: -15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: -26px;
  padding-bottom: 30px;
}
.container .position-filter-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 165px;
  z-index: 99999;
}
.container .square-off-state {
  color: #b8b8b8;
}
.container .square-off-selected-button-mobile {
  padding-top: 30px;
}
.container .square-off-selected-button-mobile button {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: center;
}
.container .square-off-selected {
  align-items: center;
}
.container .square-off-selected:nth-child(1) {
  padding: 15px 15px 10px 15px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.container .square-off-selected:nth-child(2) {
  padding: 0px 15px 15px 15px;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.container .square-off-selected {
  background-color: #f0f9ff;
}
.container .square-off-selected .days-mtm {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .square-off-selected .day-mtm-change {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
}
.container .square-off-selected .days-mtm-change-percentage {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 5px;
}
.container .square-off-position-left-container {
  position: relative;
}
.container .square-off-position-container-right {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  color: #444444;
}
.container .square-off-position-container-right .square-count {
  padding-right: 5px;
}
.container .select-all {
  padding-left: 25px;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .square-off-position-left-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  width: 16px;
  height: 16px;
}
.container {
  /* Create a custom checkbox */
}
.container .sqaure-checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
}
.container {
  /* When the checkbox is checked, add a blue background */
}
.container .square-off-position-left-container input:checked ~ .sqaure-checkmark {
  background-color: #3580f7;
}
.container {
  /* Create the checkmark/indicator (hidden when not checked) */
}
.container .sqaure-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container {
  /* Show the checkmark when checked */
}
.container .square-off-position-left-container input:checked ~ .sqaure-checkmark:after {
  display: block;
}
.container {
  /* Style the checkmark/indicator */
}
.container .square-off-position-left-container .sqaure-checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container .market-status-position-mobile .d-flex {
  padding-bottom: 6px !important;
}
.container .market-status-position-mobile .col-4:first-child {
  width: 22%;
  text-align: center !important;
}
.container .market-status-position-mobile .col-4:first-child span {
  text-align: right;
}
.container .market-status-position-mobile .col-4:nth-child(2) {
  width: 22%;
  text-align: center !important;
}
.container .market-status-position-mobile .col-4:nth-child(2) span {
  text-align: right;
}
.container .market-status-position-mobile .col-4:nth-child(3) {
  width: 24%;
  text-align: right !important;
}
.container .market-status-position-mobile .col-4:nth-child(3) span {
  text-align: right;
}
.container .market-status-position-mobile .col h3 {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  color: #b8b8b8;
}
.container .market-status-position-mobile .col span.realised-pnl-change,
.container .market-status-position-mobile .col .totalpnl,
.container .market-status-position-mobile .col .pnlchangepercent,
.container .market-status-position-mobile .col .realised-pnl,
.container .market-status-position-mobile .col .unrealise-pnl,
.container .market-status-position-mobile .col .un-realised-val span.unrealise-pnl-change {
  display: block !important;
}
.container .market-status-position-mobile .col .totalpnl,
.container .market-status-position-mobile .col .realised-pnl,
.container .market-status-position-mobile .col .unrealise-pnl {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0px;
}
.container .market-status-position-mobile .col .totalpnl .realised-pnl-change,
.container .market-status-position-mobile .col .totalpnl .unrealise-pnl-change,
.container .market-status-position-mobile .col .totalpnl .pnlchangepercent,
.container .market-status-position-mobile .col .realised-pnl .realised-pnl-change,
.container .market-status-position-mobile .col .realised-pnl .unrealise-pnl-change,
.container .market-status-position-mobile .col .realised-pnl .pnlchangepercent,
.container .market-status-position-mobile .col .unrealise-pnl .realised-pnl-change,
.container .market-status-position-mobile .col .unrealise-pnl .unrealise-pnl-change,
.container .market-status-position-mobile .col .unrealise-pnl .pnlchangepercent {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0px;
  text-align: right;
}
.container .market-status-position-mobile .col .totalpnl .realised-val,
.container .market-status-position-mobile .col .realised-pnl .realised-val,
.container .market-status-position-mobile .col .unrealise-pnl .realised-val {
  margin-top: 5px;
}
.container .market-status-position-mobile .col .totalpnl .realized_text,
.container .market-status-position-mobile .col .realised-pnl .realized_text,
.container .market-status-position-mobile .col .unrealise-pnl .realized_text {
  font-size: 0.5rem;
  line-height: 9px;
  font-family: "RobotoRegular";
  color: #b8b8b8;
}
.container #square-filter.wrapper-fil .d-flex {
  justify-content: space-between;
  align-items: center;
}
.container #square-filter.wrapper-fil {
  margin-top: 31px;
  margin-bottom: 31px;
}
.container #square-filter.wrapper-fil .square-off-disabled {
  color: #b8b8b8 !important;
  pointer-events: none;
}
.container #square-filter.wrapper-fil .square_off.ps-4 {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0px;
  text-align: left;
  color: #3580f7;
}
.container #square-filter.wrapper-fil .square_off.ps-4 img {
  margin-right: 7px;
}
.container #square-filter.wrapper-fil .summarize .custom-control {
  margin-left: 25px;
  margin-right: 10px;
}
.container #square-filter.wrapper-fil .summarize .custom-control .border-switch-control-indicator {
  margin-right: 5px;
}
.container #square-filter.wrapper-fil .summarize .custom-control .teleport-switch-control-description {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
}
.container #square-filter.wrapper-fil .inlcude_position {
  display: block;
  position: relative;
  padding-left: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container #square-filter.wrapper-fil .inlcude_position .teleport-switch-control-description {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  padding-left: 10px;
}
.container #square-filter.wrapper-fil .inlcude_position .teleport-switch-control-description sup {
  position: relative;
  left: -10px;
  top: -10px;
}
.container #square-filter.wrapper-fil {
  /* Hide the browser's default checkbox */
}
.container #square-filter.wrapper-fil .inlcude_position input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: 0px;
  width: 16px;
  height: 16px;
}
.container #square-filter.wrapper-fil {
  /* Create a custom checkbox */
}
.container #square-filter.wrapper-fil .teleport-switch-control-indicator {
  position: absolute;
  top: 4px;
  left: 0px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
}
.container #square-filter.wrapper-fil .inlcude_position:hover input ~ .teleport-switch-control-indicator {
  background-color: #cccccc;
}
.container #square-filter.wrapper-fil {
  /* When the checkbox is checked, add a blue background */
}
.container #square-filter.wrapper-fil .inlcude_position input:checked ~ .teleport-switch-control-indicator {
  background-color: #3580f7;
}
.container #square-filter.wrapper-fil {
  /* Create the checkmark/indicator (hidden when not checked) */
}
.container #square-filter.wrapper-fil .teleport-switch-control-indicator:after {
  content: "";
  position: absolute;
  display: none;
}
.container #square-filter.wrapper-fil {
  /* Show the checkmark when checked */
}
.container #square-filter.wrapper-fil .inlcude_position input:checked ~ .teleport-switch-control-indicator:after {
  display: block;
}
.container #square-filter.wrapper-fil {
  /* Style the checkmark/indicator */
}
.container #square-filter.wrapper-fil .inlcude_position .teleport-switch-control-indicator:after {
  left: 5px;
  top: 3px;
  width: 4px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container .market-status .d-flex:first-child {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.container #holdings .dayspnl-container .col-6:last-child {
  text-align: end;
}
.container #holdings .png-container-wrapper {
  z-index: 8;
}
.container #holdings .png-container-wrapper .dayspnl-container {
  padding: 13px 15px;
  background-color: #f2f2f5;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.container #holdings .png-container-wrapper .dayspnl-container.border-on-search-none {
  border-radius: 0;
  border: 0;
}
.container #holdings .png-container-wrapper .dayspnl-container h3 {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  color: #444444;
}
.container #holdings .png-container-wrapper .dayspnl-container .dayspnl {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}
.container #holdings .png-container-wrapper .dayspnl-container .daypnlchange {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}
.container #positions .mb-30 {
  margin-bottom: 30px;
}
.container #positions .dayspnl-container .col-6:last-child {
  text-align: end;
}
.container #positions .png-container-wrapper .dayspnl-container {
  padding: 13px 15px;
  background-color: #f2f2f5;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.container #positions .png-container-wrapper .dayspnl-container h3 {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  color: #444444;
}
.container #positions .png-container-wrapper .dayspnl-container .dayspnl {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}
.container #positions .png-container-wrapper .dayspnl-container .daypnlchange {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}
.container .market-status .d-flex {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.container .market-status .d-flex:first-child {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.container .market-status .col:last-child .totalpnl-val {
  margin: auto;
  width: fit-content !important;
}
.container .market-status .col:last-child .totalpnl-val .pnlchangepercent {
  text-align: right;
}
.container .market-status .col {
  text-align: center;
}
.container .market-status .col .investment-mob h3,
.container .market-status .col .curr-val-mob h3,
.container .market-status .col .totalpnl-heading h3,
.container .market-status .col .realised-pnl-head h3,
.container .market-status .col .un-realised-head h3 {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
  color: #b8b8b8;
}
.container .market-status .col .investment-mob .inv-val span,
.container .market-status .col .curr-val-mob .curr-val span,
.container .market-status .col .realised-val .totalpnl,
.container .market-status .col .un-realised-val .totalpnl {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  color: #444444;
  padding-top: 5px;
  display: block;
}
.container .market-status .col .totalpnl-val .totalpnl {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 16.41px;
  letter-spacing: 0px;
  margin-top: 5px;
}
.container .market-status .col .pnlchangepercent {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0px;
}
.container .labels span {
  font-family: "EncodeSansMedium";
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 12.5px;
  letter-spacing: 0em;
  text-align: center;
}
.container .labels span.N,
.container .labels span.C,
.container .labels span.R {
  height: 16px;
  width: 16px;
  border: 1px solid rgba(53, 128, 247, 0.2);
  border-radius: 50%;
  text-align: center;
  color: #3580f7;
  margin-left: 3px;
  display: block;
}
.container .labels span.EQ,
.container .labels span.MF,
.container .labels span.CNC,
.container .labels .NRML,
.container .labels .ETF,
.container .labels .FO,
.container .labels .MAP,
.container .labels .FNO,
.container .labels .FI,
.container .labels .CO,
.container .labels .RE,
.container .labels .ETF,
.container .labels .MF,
.container .labels .CDS,
.container .labels .BO,
.container .labels .MTF {
  border: 1px solid rgba(223, 167, 23, 0.2588235294);
  padding: 0px 2px;
  margin-left: 3px;
  border-radius: 2px;
  color: #dfa717;
  margin-left: 3px;
}
.container .labels span.SELL {
  border: 1px solid rgba(255, 107, 0, 0.2);
  margin-left: 3px;
  border-radius: 2px;
  padding: 0px 2px;
  color: #ff6b00;
}
.container .labels span.MIS {
  border: 1px solid rgba(221, 80, 77, 0.1803921569);
  padding: 0px 2px;
  margin-left: 3px;
  border-radius: 2px;
  color: #dd504d;
}
.container .labels span.BUY {
  border: 1px solid #51b255;
  padding: 0px 2px;
  border-radius: 2px;
  color: #51b255;
  margin-left: 3px;
}
.container .labels div:last-child {
  margin-right: 0px;
}
.container span.rounded-circle.exclamation {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  color: #3580f7;
  border: 1px solid #c2dbeb;
  position: relative;
  top: 3px;
}
.container span.rounded-circle.exclamation i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}
.container .back-button i {
  left: -8px;
  position: relative;
  color: #3580f7;
  font-size: 1.438rem;
  top: 1px;
}
@media (max-width: 1023px) {
  .container .back-button i {
    top: 4px;
  }
}
.container .main-heading.holdingstab-heading {
  font-family: "EncodeSansMedium";
  padding-right: 10px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0px;
}
.container .main-heading.holdingstab-heading .date-text {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  line-height: 17px !important;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 6px;
}
.container .main-heading.holdingstab-heading .date-text span {
  padding-right: 3px;
  color: #b8b8b8 !important;
}
.container .mx-0 {
  margin-right: 0 !important;
  margin-right: 0 !important;
}
.container .ed-holding-table-mobile #tableContent {
  border-bottom: 1px solid #f1f1f1;
}
.container .ed-holding-table-mobile .ed-market-name .name {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  color: #444444;
}
.container .ed-holding-table-mobile .ed-market-name .name span.name {
  display: flex;
}
.container .ed-holding-table-mobile .ed-market-name .name span.name:first-letter {
  text-transform: capitalize;
}
.container .ed-holding-table-mobile .ed-market-name .name span.name span:nth-child(1) {
  width: 139px;
  overflow: hidden;
}
.container .ed-holding-table-mobile .ed-market-name span.stockValue {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #444444;
}
.container .ed-holding-table-mobile .ed-market-name .ed-market-profit-loss {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  padding-left: 5px;
}
.container .ed-holding-table-mobile .ed-market-name .ed-market-profit-los {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  padding-left: 5px;
}
.container .ed-holding-table-mobile .ed-market-name .ed-market-profit-loss-change {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .ed-holding-table-mobile .ed-profit-loss .profit-loss {
  line-height: 19.6px;
  text-align: right;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.container .ed-holding-table-mobile .ed-profit-loss .profit-loss span.profit-loss {
  font-family: "DMSansNormal";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  color: #b8b8b8;
}
.container .ed-holding-table-mobile .ed-profit-loss .profit-loss .profit,
.container .ed-holding-table-mobile .ed-profit-loss .profit-loss .profit-loss-change {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 5px;
}
.container .ed-holding-table-mobile .ed-profit-loss .text-align-left-imp {
  text-align: left !important;
}
.container .ed-holding-table-mobile .ed-profit-loss .days-change {
  line-height: 19.6px;
  text-align: right;
}
.container .ed-holding-table-mobile .ed-profit-loss .days-change .days-text {
  font-family: "encodesans_normal";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: right;
  color: #b8b8b8;
}
.container .ed-holding-table-mobile .ed-profit-loss .days-change .days-profit-loss {
  font-family: "RobotoRegular";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0px;
  padding-left: 4px;
}
.container .ed-holding-table-mobile .ed-market-data {
  margin-top: 20px;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion .qty .qty-text,
.container .ed-holding-table-mobile .ed-market-data .left-portion .avg-price .avg-price-text,
.container .ed-holding-table-mobile .ed-market-data .left-portion .curr-val .curr-val-text,
.container .ed-holding-table-mobile .ed-market-data .col-9 .qty .qty-text,
.container .ed-holding-table-mobile .ed-market-data .col-9 .avg-price .avg-price-text,
.container .ed-holding-table-mobile .ed-market-data .col-9 .curr-val .curr-val-text {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  color: #b8b8b8;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion .qty .qty-value,
.container .ed-holding-table-mobile .ed-market-data .left-portion .avg-price .avg-price-value,
.container .ed-holding-table-mobile .ed-market-data .left-portion .curr-val .curr-val-value,
.container .ed-holding-table-mobile .ed-market-data .col-9 .qty .qty-value,
.container .ed-holding-table-mobile .ed-market-data .col-9 .avg-price .avg-price-value,
.container .ed-holding-table-mobile .ed-market-data .col-9 .curr-val .curr-val-value {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  padding-right: 5px;
  padding-left: 5px;
  color: #727271;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion .qty .qty-value::after,
.container .ed-holding-table-mobile .ed-market-data .left-portion .avg-price .avg-price-value::after,
.container .ed-holding-table-mobile .ed-market-data .col-9 .qty .qty-value::after,
.container .ed-holding-table-mobile .ed-market-data .col-9 .avg-price .avg-price-value::after {
  content: "•";
  color: #c4c4c4;
  padding-left: 5px;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion,
.container .ed-holding-table-mobile .ed-market-data .col-9 {
  overflow-wrap: break-word;
}
.container .ed-holding-table-mobile .ed-market-data .left-portion .qty,
.container .ed-holding-table-mobile .ed-market-data .left-portion .avg-price,
.container .ed-holding-table-mobile .ed-market-data .left-portion .curr-val,
.container .ed-holding-table-mobile .ed-market-data .col-9 .qty,
.container .ed-holding-table-mobile .ed-market-data .col-9 .avg-price,
.container .ed-holding-table-mobile .ed-market-data .col-9 .curr-val {
  white-space: nowrap;
}
.container .ed-position-table-mobile .offset-1 {
  margin-left: 7.333333%;
}
.container .ed-position-table-mobile #tableContent {
  padding-top: 24px;
  padding-bottom: 24px;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #f1f1f1;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  width: 25px;
  position: relative;
}
.container .ed-position-table-mobile #tableContent .col-1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  width: 16px;
  height: 16px;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* Create a custom checkbox */
}
.container .ed-position-table-mobile #tableContent .col-1 .teleport-switch-control-indicator {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #dde2eb;
  border: 1px solid #7e8899;
  opacity: 0.25;
}
.container .ed-position-table-mobile #tableContent .col-1 :hover input ~ .teleport-switch-control-indicator {
  background-color: #cccccc;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* When the checkbox is checked, add a blue background */
}
.container .ed-position-table-mobile #tableContent .col-1 input:checked ~ .teleport-switch-control-indicator {
  background-color: #3580f7;
  border: 1px solid #3580f7;
  opacity: 1;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* Create the checkmark/indicator (hidden when not checked) */
}
.container .ed-position-table-mobile #tableContent .col-1 .teleport-switch-control-indicator:after {
  content: "";
  position: absolute;
  display: none;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* Show the checkmark when checked */
}
.container .ed-position-table-mobile #tableContent .col-1 input:checked ~ .teleport-switch-control-indicator:after {
  display: block;
}
.container .ed-position-table-mobile #tableContent .col-1 {
  /* Style the checkmark/indicator */
}
.container .ed-position-table-mobile #tableContent .col-1 .teleport-switch-control-indicator:after {
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container .ed-position-table-mobile .ed-market-name .name {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  color: #444444;
}
.container .ed-position-table-mobile .ed-market-name span.stockValue {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #444444;
}
.container .ed-position-table-mobile .ed-market-name .ed-market-profit-loss {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .ed-position-table-mobile .ed-market-name .ed-market-profit-los {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .ed-position-table-mobile .ed-market-name .ed-market-profit-loss-change {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .ed-position-table-mobile .ed-profit-loss .profit-loss {
  line-height: 19.6px;
  text-align: right;
}
.container .ed-position-table-mobile .ed-profit-loss .profit-loss span.profit-loss {
  font-family: "encodesans_normal";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  color: #b8b8b8;
}
.container .ed-position-table-mobile .ed-profit-loss .profit-loss span.na {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
  padding-left: 5px;
}
.container .ed-position-table-mobile .ed-profit-loss .profit-loss .profit,
.container .ed-position-table-mobile .ed-profit-loss .profit-loss .profit-loss-change {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0px;
  text-align: left;
  padding-left: 5px;
}
.container .ed-position-table-mobile .ed-profit-loss .days-change {
  line-height: 19.6px;
  text-align: right;
}
.container .ed-position-table-mobile .ed-profit-loss .days-change .days-text {
  font-family: "DMSansNormal";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: right;
  color: #b8b8b8;
}
.container .ed-position-table-mobile .ed-profit-loss .days-change .days-profit-loss {
  font-family: "RobotoRegular";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0px;
  padding-left: 4px;
}
.container .ed-position-table-mobile .ed-market-data {
  margin-top: 20px;
}
.container .ed-position-table-mobile .ed-market-data .col-7 .qty .qty-text,
.container .ed-position-table-mobile .ed-market-data .col-7 .avg-price .avg-price-text {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0em;
  padding-right: 5px;
  color: #b8b8b8;
}
.container .ed-position-table-mobile .ed-market-data .col-7 .qty .qty-value,
.container .ed-position-table-mobile .ed-market-data .col-7 .avg-price .avg-price-value {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  padding-right: 5px;
  color: #444444;
}
.container .ed-position-table-mobile .ed-market-data .col-7 .qty .qty-value::after {
  content: "•";
  color: #c4c4c4;
  padding-left: 5px;
}
.container .holding-tabs .nav-tabs {
  top: 0px !important;
  z-index: 999 !important;
  background: #ffffff;
  border-bottom-color: #e7e7e7;
}
.container .holding-tabs .nav-tabs li button {
  border-top: none;
  border-right: none;
  border-left: none;
  background: transparent;
  font-family: "encodesans_normal";
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  text-wrap: nowrap;
  white-space: nowrap;
  padding: 5px 10px 10.5px 10px;
  color: #727271;
}
.container .holding-tabs .nav-tabs li button.active {
  border-color: #3580f7;
  font-family: "EncodeSansMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  color: #3580f7;
}
.container .holding-tabs .nav-tabs li span.badge {
  background-color: #3580f7 !important;
  height: 19px;
  width: 19px;
  font-family: "RobotoMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0px;
  text-align: center;
}
.container .holding-tabs .nav-tabs li span.badge span {
  position: relative;
  left: -2px;
  top: -1px;
}
.container .holding-tabs #search-filter #summarize-mob {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  justify-content: space-between;
}
.container .holding-tabs #search-filter #summarize-mob .summarize span.teleport-switch-control-description {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17.5px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .holding-tabs #search-filter .d-flex {
  align-items: center;
}
.container .holding-tabs #search-filter .d-flex .summarize {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .holding-tabs #search-filter .d-flex .inlcude_position {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
}
.container .holding-tabs #search-filter .d-flex .inlcude_position input {
  height: 25px;
  width: 25px;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
}
.container .holding-tabs #search-filter .d-flex .inlcude_position label {
  display: flex;
  align-items: center;
}
.container .holding-tabs #search-filter .d-flex .inlcude_position label sup {
  top: -12px;
  margin-left: -10px;
}
.container .holding-tabs #search-filter .d-flex .quantity,
.container .holding-tabs #search-filter .d-flex .square_off {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  color: #3580f7;
}
.container .holding-tabs #search-filter .d-flex .quantity i.edel-icon-arrow-down:before,
.container .holding-tabs #search-filter .d-flex .square_off i.edel-icon-arrow-down:before {
  position: relative;
  right: 12px;
  top: 3px;
}
.container .holding-tabs #search-filter .d-flex .quantity img,
.container .holding-tabs #search-filter .d-flex .square_off img {
  margin-right: 10px;
}
.container .holding-tabs #search-filter .d-flex .quantity .tap-to-pledge,
.container .holding-tabs #search-filter .d-flex .square_off .tap-to-pledge {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
}
.container .holding-tabs #search-filter .d-flex .quantity .tap-to-pledge a,
.container .holding-tabs #search-filter .d-flex .square_off .tap-to-pledge a {
  color: #3580f7;
}
.container .holding-tabs #search-filter .d-flex .tap-to-pledge i {
  color: #3580f7;
  padding-right: 10.4px;
}
.container .holding-tabs #search-filter .d-flex .tap-to-pledge span {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper {
  display: flex;
  margin: 0px -15px;
  padding: 10.5px 0px;
  background-color: #f0f9ff;
  align-items: center;
}
.container .holding-tabs #search-filter .filter-wrapper button {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads {
  background-color: #f0f9ff !important;
  color: #3580f7;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  border-radius: 0px;
  border: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button {
  border: 0px !important;
  border-radius: 0px;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button i.edel-icon-download {
  font-size: 1.563rem;
  position: relative;
  top: 1px;
}
.container .holding-tabs #search-filter .filter-wrapper .left-thin-arrow-expand {
  margin-left: 15px !important;
  padding-left: 0px !important;
  padding-right: 10px !important;
  line-height: 24px !important;
  transform: rotate(180deg);
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.container .holding-tabs #search-filter .filter-wrapper .left-thin-arrow-expand::before {
  font-size: 0.375rem;
}
.container .holding-tabs #search-filter .filter-wrapper .p-10 {
  padding-left: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .close-expand {
  height: 36px;
  margin-left: 0px;
  margin-right: 15px !important;
  padding-right: 10px !important;
  border: 0px !important;
  color: #3580f7;
  font-size: 1rem;
  line-height: 27px;
  padding-left: 7px;
  line-height: 30px !important;
  color: #b8b8b8 !important;
}
.container .holding-tabs #search-filter .filter-wrapper .close-expand::before {
  font-size: 0.563rem;
}
.container .holding-tabs #search-filter .filter-wrapper .close-expand {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c {
  display: flex;
  width: 100%;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i {
  background-color: #f0f9ff;
  padding-left: 15px;
  padding-right: 0px;
  border: 0px !important;
  color: #3580f7;
  font-size: 1rem;
  line-height: 34px;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i:before {
  top: 1px;
  position: relative;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i.edel-icon-close {
  padding: 7px 0px 13px 4px;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i.edel-icon-left-arrow {
  background-color: #f0f9ff;
  padding-left: 15px;
  padding-right: 0px;
  border: 0px !important;
  color: #3580f7;
  font-size: 1rem;
  line-height: 34px;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c i.edel-icon-left-arrow:before {
  font-size: 0.625rem;
  top: 4px;
  margin-left: 10px;
  position: relative;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c input {
  background-color: #f0f9ff;
  border: 0px !important;
  padding-left: 8px;
  width: 100%;
  border-radius: 0px !important;
}
.container .holding-tabs #search-filter .filter-wrapper .searchbar-c input::placeholder {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button {
  border: 0px;
  background-color: #f0f9ff;
  border: 0px !important;
  border-radius: 0px;
  padding-right: 15px;
  color: #0d6efd;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button:hover {
  color: #0d6efd;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button i {
  font-size: 0.85rem;
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button .sort-filter-icon {
  position: relative;
}
.container .holding-tabs #search-filter .filter-wrapper .sort button .sort-filter-icon .sort-filter-selected {
  background: #dd504d;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  right: -2px;
  top: -1px;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button {
  background-color: #f0f9ff;
  border-radius: 0px;
  padding-right: 15px;
  color: #0d6efd;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button:hover {
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button i {
  font-size: 0.938rem;
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button .filter-icon {
  position: relative;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button .filter-icon .filter-selected {
  background: #dd504d;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  right: -2px;
  top: -1px;
}
.container .holding-tabs #search-filter .filter-wrapper .filter button::after {
  border-right: 1px solid #e7e7e7 !important;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads {
  height: 23px;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads::before {
  font-size: 1rem;
  content: "";
  border-left: 1px solid #e7e7e7 !important;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button {
  border: 0px;
  background-color: #f0f9ff;
  border: 0px !important;
  border-radius: 0px;
  color: #0d6efd;
  padding-left: 15px;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button i {
  font-size: 1.25rem;
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper .downloads button:hover {
  color: #3580f7;
}
.container .holding-tabs #search-filter .filter-wrapper.dock-filterbar-mob {
  position: fixed;
  top: 110px;
  width: 102%;
  z-index: 9;
}
.container .holding-tabs #search-filter .filter-wrapper.dock-filterbar-mob.-top-push {
  top: 160px;
}
.container .holding-tabs #search-filter .filter-wrapper.dock-filterbar-mob-pos {
  position: fixed;
  top: 160px;
  width: 102%;
  z-index: 99;
}
.container .holding-tabs .holdings-table-content-wrapper {
  margin-top: 29px;
}
.container .holding-tabs .ed-table {
  margin-bottom: 20px;
}
.container .holding-tabs .ed-table #table-headings {
  padding: 14px;
}
.container .holding-tabs .ed-table #table-headings td {
  border-bottom-width: 0px;
}
.container .holding-tabs .ed-table #table-headings td:first-child {
  width: 275px !important;
  padding-left: 15px;
}
.container .holding-tabs .ed-table #table-headings td:first-child {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #727271;
}
.container .holding-tabs .ed-table #table-headings td:first-child .sort-caret .d-flex {
  margin-top: -3px;
  align-items: center !important;
  flex-direction: column !important;
}
.container .holding-tabs .ed-table #table-headings td:first-child .sort-caret .d-flex div {
  height: 6px;
  padding-left: 5px;
}
.container .holding-tabs .positions-table .no-position-open {
  padding-top: 30px;
  margin-left: -15px;
  margin-right: -15px;
}
.container .holding-tabs .positions-table .no-position-open .inc-pos-message {
  padding-bottom: 30px;
}
.container .holding-tabs .positions-table .no-position-open .inc-pos-message p {
  margin-top: 9px;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: center;
  color: #727271;
}
.container .holding-tabs .positions-table .teleport-switch-control-description {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17.5px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
  position: relative;
  top: 0px;
}
@media screen and (min-width: 1180px) {
  .container .holding-tabs .positions-table #holding {
    padding: 0px 112px;
  }
}
.container .name .name.holding .readmore i,
.container .name .name.position .readmore i {
  font-size: 1.25rem;
  position: relative;
  top: 0;
  left: 0;
}
.container .name .readmore {
  color: #03002f;
  position: relative;
  top: -4px;
}
.container .name .readmore i {
  font-size: 1.25rem;
  position: relative;
  top: 25px;
  left: -3px;
}
.container .name .tag {
  padding-left: 5px;
  position: relative;
  top: -0.4px !important;
}
.container span.name {
  font-family: "EncodeSansMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  color: #444444;
  display: flex;
}
.container span.tag {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #b8b8b8;
  position: relative;
  top: -2px;
}
.container span.pnl {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
}
.container span.pnlchangepercent {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
}
.container .change-red {
  color: #dd504d !important;
}
.container .change-up {
  color: #3580f7 !important;
}
.container .change-green {
  color: #51b255 !important;
}
.container .custom-control.teleport-switch {
  --color: $secondary-navy;
  padding-left: 0;
}
.container .teleport-switch-control-description {
  font-family: "encodesans_normal";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17.5px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
  position: relative;
  top: 0px;
}
.container .custom-control.teleport-switch .teleport-switch-control-input {
  display: none;
}
.container .custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator {
  border-color: var(--color);
}
.container .custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::after {
  left: -14px;
}
.container .custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::before {
  right: 3px;
  top: 3px;
  background-color: var(--color);
}
.container .custom-control.teleport-switch .teleport-switch-control-input:disabled ~ .teleport-switch-control-indicator {
  opacity: 0.4;
}
.container .custom-control.teleport-switch .teleport-switch-control-indicator {
  display: inline-block;
  position: relative;
  margin: 0 5px 0px 0px;
  top: 2px;
  width: 32px;
  height: 19px;
  background: #ffffff;
  border-radius: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #cccccc;
  overflow: hidden;
}
.container .custom-control.teleport-switch .teleport-switch-control-indicator::after {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: 3px;
  left: 3px;
  background: #cccccc;
}
.container .custom-control.teleport-switch .teleport-switch-control-indicator::before {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: 2px;
  right: -14px;
  background: #cccccc;
}
@media screen and (min-width: 1180px) {
  .container #holding {
    padding: 0px 112px;
  }
}
.container .ed-table .row col:first-child {
  width: 226px !important;
}
.container ::-webkit-scrollbar {
  width: 1px;
  height: 2px;
}
.container {
  /* Track */
}
.container ::-webkit-scrollbar-track {
  background: transparent;
}
.container {
  /* Handle */
}
.container ::-webkit-scrollbar-thumb {
  background: #3580f7;
}
.container .noDataFound {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
}

#positions span.name span.name-readmore {
  width: 130px;
  overflow: hidden;
  text-transform: capitalize;
  word-break: break-all;
}
#positions span.name .w-auto {
  width: 164px !important;
}
#positions .ed-alert-position {
  padding: 12px 15px;
  color: #d69a26;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  background: #fffbec;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  align-items: center;
}
#positions .ed-alert-position i {
  border: 1px solid;
  border-radius: 50%;
  padding: 4px;
  font-size: 0.625rem;
}
#positions .ed-alert-position-closed {
  padding: 12px 15px;
  color: #dd504d;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  background: #fceded;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  align-items: center;
}
#positions .ed-alert-position-closed .div-alert-text:nth-child(1) {
  width: 33%;
}
#positions .ed-alert-position-closed .div-alert-text:nth-child(2) {
  width: 55%;
}
#positions .ed-alert-position-closed i {
  border: 1px solid;
  border-radius: 50%;
  padding: 4px;
  font-size: 0.625rem;
}
#positions .closed-position-label {
  background: #fff2f2;
  padding-left: 20px;
  color: #727271;
  margin-left: -15px;
  margin-right: -15px;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
}
#positions .closed-position-label span.badge {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
  color: #3580f7;
  padding-left: 5px;
}
#positions .include-position-label {
  background: #eef7ee;
  padding-left: 20px;
  color: #727271;
  margin-left: -15px;
  margin-right: -15px;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
}
#positions .include-position-label span.badge {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0px;
  text-align: left;
  color: #3580f7;
  padding-left: 5px;
}

.un-realised-val {
  margin-top: 5px;
}

.empty-val {
  color: #b8b8b8;
}

.position-scroll {
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 30px;
  position: fixed;
  top: 63px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #ffffff;
  z-index: 9999;
}

.holding-tab-dock {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 0px 15px;
  background-color: #fff;
  z-index: 9999;
}

.png-container-dock {
  left: 0;
  right: 0;
  position: fixed;
  top: 50px;
  z-index: 1;
}

.png-position-dock {
  width: 102%;
  margin-left: -15px;
  margin-right: -15px;
  position: fixed;
  top: 117px;
  z-index: 9;
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
}

.all-quantity {
  width: 32%;
  white-space: nowrap;
}
.all-quantity .btn-select-qty-mob {
  border: none;
  color: #3580f7;
  background-color: #ffffff;
  padding: 12px 10px 12px 12px;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "EncodeSansMedium";
}
.all-quantity i.edel-icon-arrow-down {
  top: 2px !important;
  color: #3580f7;
  position: relative;
}

.pos_filter_dock_mob {
  position: fixed;
  top: 165px;
  width: 100%;
  padding: 0 5px;
  background-color: #ffffff;
  z-index: 99;
  border-radius: 5px;
  height: 50px;
}

.dockfilters-tag-push {
  position: fixed;
  top: 160px;
  width: 100%;
}

.dockfilters-tag-push-pos {
  position: fixed;
  top: 210px;
  width: 102%;
}

.hover-col .scrip-accordion .btn.btn-primary {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.holding-slider-button-watchlist-style {
  height: 30px;
  width: 30px;
  display: flex;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
}
.holding-slider-button-watchlist-style.holding-acc-watchlist::after {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}
.holding-slider-button-watchlist-style .accordion-button {
  width: 30px !important;
  padding: 0px 0px !important;
}
.holding-slider-button-watchlist-style .accordion-button::after {
  width: auto;
  height: auto;
  margin-left: 0px !important;
  background-color: #ffffff !important;
}

.grid-custom-100-mb {
  display: grid;
  grid-template-columns: 180px auto;
}

.w-add-cta {
  width: 44px !important;
}

.w-sqoff-cta {
  width: 65px !important;
}

.w-unset {
  width: unset;
}

.funds-sort.common-fund-sort .sort-drop-footer .ed_button {
  width: 100% !important;
}
.funds-sort .sort-drop {
  margin-top: 15px !important;
  right: 0px !important;
  z-index: 9;
}

.filter-accordion.accordion {
  padding-bottom: 7px;
}
.filter-accordion.accordion .accordion-header .accordion-button:not(.collapsed) {
  background-color: #f2f2f5;
}
.filter-accordion.accordion .accordion-header .accordion-button {
  font-size: 1rem;
  font-family: "DMSansMedium";
  background-color: #f2f2f5;
}
.filter-accordion.accordion .accordion-header .accordion-button.collapsed {
  background-color: #f2f2f5;
}
.filter-accordion.accordion .inside-list {
  gap: 5px;
}
.filter-accordion.accordion .inside-list:last-child {
  margin-bottom: 0px;
}
.filter-accordion.accordion .inside-list input {
  width: 16px;
  height: 16px;
}
.filter-accordion.accordion .inside-list input:checked {
  accent-color: #03002f;
}
.filter-accordion.accordion .inside-list .bodylist-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
}

.aum-input {
  gap: 10px;
}
.aum-input .equity-dropdown-block.dropdown button {
  width: 103px;
  height: 43px;
}
.aum-input .equity-dropdown-block.dropdown button i {
  color: #3580f7;
}
.aum-input input {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}

.desk.aum-input {
  border-radius: 5px;
  padding: 20px;
}
.desk.aum-input .equity-dropdown-block.dropdown {
  padding: 20px 0px;
}
.desk.aum-input .equity-dropdown-block.dropdown button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-color: #e7e7e7;
}
.desk.aum-input input.form-control {
  height: 43px;
  border-color: #e7e7e7;
}

.funds.filterasset-drop-footer .ed_button.blue-one.button.filter-button-disable {
  border: none;
}

@media screen and (max-width: 1023px) {
  .filter-accordion.accordion {
    padding-bottom: 7px;
  }
  .filter-accordion.accordion .accordion-header .accordion-button:not(.collapsed) {
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .accordion-button {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .accordion-button.collapsed {
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .accordion-button::after {
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .clear-btn {
    width: unset !important;
    padding: 0 !important;
    margin-left: 10px;
  }
  .filter-accordion.accordion .nested-body::-webkit-scrollbar-thumb {
    background-color: #03002f;
  }
  .filter-accordion.accordion .nested-body.accordion-body {
    padding: 10px 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .filter-accordion.accordion .nested-body.accordion-body .inside-list {
    padding: 10px 0;
  }
  .funds-filter .mob-filterasset-drop-head .down-bar-right {
    color: #03002f;
  }
  .funds-filter .mob-filterasset-drop-body .main.filter-accordion {
    padding: 1% 3%;
  }
  .funds-filter .mob-filterasset-drop-body {
    padding-bottom: 86px;
  }
  .funds-filter .mob-filterasset-drop-body .bodylist {
    height: unset;
  }
  .funds-filter .mob-filterasset-drop-body .mf-Accordian-item {
    padding: 9px 20px;
  }
  .funds-filter .mob-filterasset-drop-footer {
    display: contents !important;
  }
  .funds-filter .mob-filterasset-drop-footer.funds-footer {
    height: unset;
    padding: 15px;
    width: 95%;
  }
  .funds-filter .mob-filterasset-drop-footer.funds-footer .ed_button.button {
    width: 90%;
    margin: 5% !important;
    padding: 2%;
  }
}
.light-blue label {
  color: #03002f !important;
}

.errorstate-section h1 {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .errorstate-section h1 {
    margin-bottom: 15px;
  }
}
.errorstate-section {
  height: 700px;
}
@media (max-width: 768px) {
  .errorstate-section {
    height: 835px;
  }
}
.errorstate-section .path-4318 {
  position: absolute;
  top: 150px;
  z-index: -1;
}
@media (max-width: 768px) {
  .errorstate-section .outersection .outer-section-2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.errorstate-section .outersection {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-top: 100px;
}
@media (max-width: 768px) {
  .errorstate-section .outersection {
    flex-direction: column;
    align-items: self-start;
    justify-content: flex-start;
  }
}
.errorstate-section .Edbutton-error {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media (max-width: 768px) {
  .errorstate-section .Edbutton-error {
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    margin-top: 30px !important;
  }
  .errorstate-section .Edbutton-error .ed_button {
    padding: 10px !important;
    z-index: 1;
    width: 72%;
  }
  .errorstate-section .Edbutton-error .midnight-blue-no-underline {
    background-color: #ffffff;
    border-radius: 10px;
  }
}
.errorstate-section .Edbutton-error .errorstate-btn {
  border-radius: 30px;
}

.path4318mb {
  position: absolute;
  height: 100%;
  left: 0px;
  top: 50%;
}

.errostatemobile {
  height: 158px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

:root {
  font-size: 16px;
}

@media (max-width: 767px) {
  .tabs_pnl .nav-tabs {
    display: flex;
    height: 55px;
    overflow-y: scroll;
    flex-direction: column;
  }
  .tabs_pnl .dock_tabs_mobile {
    position: fixed !important;
    width: 100%;
    left: 0;
    padding-left: 15px;
    z-index: 8 !important;
  }
  .calender-section {
    position: unset;
  }
  .calender-section.dock_calender_mobile {
    position: fixed;
    width: 100%;
    left: 0;
    padding-left: 15px;
    top: 116px;
    z-index: 8;
  }
  .calender-section.dock_calender_mobile .calendar_date {
    grid-template-columns: 0.5fr 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 10px 0px;
  }
  .calender-section.dock_calender_mobile .calendar_date .fin_year {
    white-space: nowrap;
  }
  .calender-section.dock_calender_mobile .calendar_date :nth-child(2) {
    white-space: nowrap;
  }
  .calender-section.dock_calender_mobile .calendar_date .calendar_change {
    justify-self: end;
    padding-right: 15px;
  }
  .calendar_date {
    display: flex;
    position: unset;
    justify-content: space-between;
  }
  .calendar_date span {
    font-family: "DMSansNormal";
    font-size: 0.875rem;
    line-height: 130%;
    color: #444444;
  }
  .calendar_date .calendar_change span {
    color: #03002f;
  }
  .calendar_date .calendar_change i {
    font-size: 1.063rem;
  }
  .calendar_date .fin_year {
    font-family: "DMSansMedium";
  }
  .summary_details {
    position: unset;
    gap: 10px;
  }
  .summary_details span[aria-busy=true] {
    width: 100%;
  }
  .summary_details .border-radius-bottom-left {
    border-bottom-left-radius: 9px;
  }
  .summary_details .border-radius-bottom-right {
    border-bottom-right-radius: 9px;
  }
  .summary_details {
    border: 1px solid #b8b8b8;
    height: 130px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 10px;
    padding-top: 0px;
  }
  .summary_details .summary_box {
    border: none !important;
    height: 50px;
    padding: 20px 10px;
    gap: 5px;
  }
  .summary_details .summary_box .summary_title {
    font-size: 0.688rem;
    font-family: "DMSansMedium";
    line-height: 14px;
    margin-bottom: 5px;
  }
  .summary_details .summary_box .summary_values {
    display: unset;
    margin-right: 10px;
  }
  .summary_details .summary_box .summary_values span {
    font-size: 0.875rem;
    font-family: "RobotoMedium";
    line-height: 16px;
    display: block;
    overflow-wrap: break-word;
  }
  .summary_details .summary_box .summary_values .percentage_value {
    font-size: 0.625rem;
    display: flex;
  }
  .summary_details.dayspnl-container .col-6:last-child {
    text-align: end;
  }
  .summary_details.png-container-wrapper {
    z-index: 8;
  }
  .summary_details.png-container-wrapper .dayspnl-container {
    padding: 13px 15px;
    background-color: #f2f2f5;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-top: 28px;
  }
  .summary_details.png-container-wrapper .dayspnl-container.border-on-search-none {
    border-radius: 0;
    border: 0;
  }
  .summary_details.png-container-wrapper .dayspnl-container h3 {
    font-family: "encodesans_normal";
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0px;
    color: #444444;
  }
  .summary_details.png-container-wrapper .dayspnl-container .dayspnl {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    padding-left: 6px;
  }
  .summary_details.png-container-wrapper .dayspnl-container .daypnlchange {
    font-family: "RobotoMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    padding-left: 6px;
  }
  .dock_filter_mob {
    position: fixed;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 5px 15px;
    top: 177px;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.05);
    z-index: 7;
    height: 50px;
    overflow-x: scroll;
    display: flex;
    flex-direction: row;
  }
  .dock_filter_mob.dock_filter_mob_push {
    top: 222px;
  }
  .dock_filter_mob .clear-all-tag {
    right: -15px;
    padding-right: 10px;
  }
  .filter-wrapper {
    display: flex;
    margin: 0px -15px;
    padding: 10.5px 0px;
    background-color: #f0f9ff;
    align-items: center;
  }
  .filter-wrapper button {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .filter-wrapper .downloads {
    background-color: #f0f9ff !important;
    color: #03002f;
    font-family: "EncodeSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    border-radius: 0px;
    border: 0px !important;
  }
  .filter-wrapper .downloads button {
    border: 0px !important;
    border-radius: 0px;
  }
  .filter-wrapper .downloads button i.edel-icon-download {
    font-size: 1.563rem;
    position: relative;
    top: 1px;
  }
  .filter-wrapper .left-thin-arrow-expand {
    margin-left: 15px !important;
    padding-left: 0px !important;
    padding-right: 10px !important;
    line-height: 24px !important;
    transform: rotate(180deg);
    padding-top: 4px;
    border-bottom-right-radius: 0px;
    padding-bottom: 16px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
  }
  .filter-wrapper .left-thin-arrow-expand::before {
    font-size: 0.375rem;
  }
  .filter-wrapper .p-10 {
    padding-left: 0px !important;
  }
  .filter-wrapper .close-expand {
    height: 36px;
    margin-left: 0px;
    margin-right: 15px !important;
    padding-right: 10px !important;
    border: 0px !important;
    color: #03002f;
    font-size: 1rem;
    line-height: 27px;
    padding-left: 7px;
    line-height: 30px !important;
    color: #b8b8b8 !important;
  }
  .filter-wrapper .close-expand::before {
    font-size: 0.563rem;
  }
  .filter-wrapper .close-expand {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
  }
  .filter-wrapper .searchbar-c {
    display: flex;
    width: 100%;
  }
  .filter-wrapper .searchbar-c i {
    background-color: #f0f9ff;
    padding-left: 15px;
    padding-right: 0px;
    border: 0px !important;
    color: #03002f;
    font-size: 1rem;
    line-height: 34px;
  }
  .filter-wrapper .searchbar-c i:before {
    top: 1px;
    position: relative;
  }
  .filter-wrapper .searchbar-c i.edel-icon-close {
    padding: 7px 0px 13px 4px;
  }
  .filter-wrapper .searchbar-c i.edel-icon-left-arrow {
    background-color: #f0f9ff;
    padding-left: 15px;
    padding-right: 0px;
    border: 0px !important;
    color: #03002f;
    font-size: 1rem;
    line-height: 34px;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .filter-wrapper .searchbar-c i.edel-icon-left-arrow:before {
    font-size: 0.625rem;
    top: 4px;
    margin-left: 10px;
    position: relative;
  }
  .filter-wrapper .searchbar-c input {
    background-color: #f0f9ff;
    border: 0px !important;
    padding-left: 8px;
    width: 80%;
  }
  .filter-wrapper .searchbar-c input::placeholder {
    font-family: "EncodeSansMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
  }
  .filter-wrapper .searchbar-c-new i,
  .filter-wrapper .searchbar-c-new i.edel-icon-left-arrow {
    color: #3580f7;
  }
  .filter-wrapper .sort button {
    border: 0px;
    background-color: #f0f9ff;
    border: 0px !important;
    border-radius: 0px;
    padding-right: 15px;
    color: #0d6efd;
  }
  .filter-wrapper .sort button:hover {
    color: #0d6efd;
  }
  .filter-wrapper .sort button i {
    font-size: 0.85rem;
    color: #03002f;
  }
  .filter-wrapper .sort button.sort-btn i {
    color: #3580f7;
  }
  .filter-wrapper .sort button.sort-btn:hover {
    color: #3580f7;
  }
  .filter-wrapper .sort button .sort-filter-icon {
    position: relative;
  }
  .filter-wrapper .sort button .sort-filter-icon .sort-filter-selected {
    background: #dd504d;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    right: -2px;
    top: -1px;
  }
  .filter-wrapper .drawer__handle-wrapper__handle-wrapper {
    padding: 15px 0px 0px !important;
    background: none;
    border-radius: 5px 5px 0px 0px;
  }
  .filter-wrapper .filter button {
    background-color: #f0f9ff;
    border-radius: 0px;
    padding-right: 15px;
    color: #0d6efd;
  }
  .filter-wrapper .filter button:hover {
    color: #03002f;
  }
  .filter-wrapper .filter button i {
    font-size: 0.938rem;
    color: #03002f;
  }
  .filter-wrapper .filter button.filter-btn i {
    color: #3580f7;
  }
  .filter-wrapper .filter button.filter-btn:hover {
    color: #3580f7;
  }
  .filter-wrapper .filter button .filter-icon {
    position: relative;
  }
  .filter-wrapper .filter button .filter-icon .filter-selected {
    background: #dd504d;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    right: -2px;
    top: -1px;
  }
  .filter-wrapper .filter button::after {
    border-right: 1px solid #e7e7e7 !important;
  }
  .filter-wrapper .downloads {
    height: 23px;
  }
  .filter-wrapper .downloads::before {
    content: "";
    border-left: 1px solid #e7e7e7 !important;
  }
  .filter-wrapper .downloads button {
    border: 0px;
    background-color: #f0f9ff;
    border: 0px !important;
    border-radius: 0px;
    color: #0d6efd;
    padding-left: 15px;
  }
  .filter-wrapper .downloads button i {
    font-size: 1.25rem;
    color: #03002f;
  }
  .filter-wrapper .downloads button:hover {
    color: #03002f;
  }
  .filter-wrapper .downloads button.download-btn i {
    color: #3580f7;
  }
  .filter-wrapper .downloads button.download-btn:hover {
    color: #3580f7;
  }
  .filter-wrapper.dock-filterbar-mob-pnl {
    position: fixed;
    top: 175px;
    width: 102%;
    z-index: 8;
  }
  .summarize-pnl {
    margin: 0px 0px 15px 0px;
  }
  .date_band {
    font-family: "EncodeSansRegular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 15px;
    margin-top: 15px;
    height: 40px;
    color: #d69a26;
  }
  .pnl_detail_data {
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    border-bottom: 1px solid #e5e5e5;
  }
  .pnl_detail_data .name_wrapper {
    font-family: "EncodeSansMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 140%;
    text-transform: uppercase;
    display: grid;
    align-items: center !important;
    color: #444444;
    margin: 20px 0px;
  }
  .pnl_detail_data .name_wrapper .scrip_name {
    align-self: self-end;
  }
  .pnl_detail_data .name_wrapper .scrip_name span.name-readmore {
    overflow: hidden;
    word-break: break-all;
  }
  .pnl_detail_data .name_wrapper .scrip_name .w-auto {
    width: 111px !important;
  }
  .pnl_detail_data .name_wrapper .value {
    font-family: "RobotoRegular";
    font-weight: 400;
    align-self: baseline;
  }
  .pnl_detail_data .value_wrapper {
    display: grid;
    justify-content: end;
    align-self: center;
    margin-bottom: 3px;
    gap: 10px;
  }
  .pnl_detail_data .value_wrapper .tag {
    font-family: "EncodeSansMedium";
    font-size: 0.625rem;
    line-height: 18px;
    color: #b8b8b8;
    text-align: right;
    overflow: hidden;
    overflow-wrap: anywhere;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .pnl_detail_data .value_wrapper .tag .value {
    font-family: "RobotoMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    word-break: break-all;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .pnl_detail_data .value_wrapper .price_qty {
    font-family: "EncodeSansMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.688rem;
    line-height: 14px;
    color: #b8b8b8;
    display: flex;
    justify-content: end;
  }
  .pnl_detail_data .value_wrapper .price_qty .price_value {
    font-family: "RobotoRegular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.688rem;
    line-height: 22px;
    color: #727271;
    margin-left: 4px;
  }
  .pnl_detail_data .value_wrapper .price_qty .price_qty_alone {
    justify-content: end;
  }
  .pnl_detail_data .value_wrapper .price_qty .dot {
    margin: 5px;
    font-size: 0rem;
    width: 4px !important;
    height: 4px !important;
    border: 2px solid #b8b8b8;
    border-radius: 5px;
    position: relative;
    top: -3px;
  }
  .pnl_all_data {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    border-bottom: 1px solid #e5e5e5;
  }
  .pnl_all_data .name_wrapper {
    font-family: "EncodeSansRegular";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 140%;
    text-transform: uppercase;
    display: grid;
    color: #444444;
  }
  .pnl_all_data .name_wrapper .name-readmore {
    width: 137px;
    overflow: hidden;
    word-break: break-all;
  }
  .pnl_all_data .name_wrapper .name-readmore.w-auto {
    width: 137px !important;
  }
  .pnl_all_data .name_wrapper .scrip_name {
    align-self: flex-end;
  }
  .pnl_all_data .name_wrapper .value {
    align-self: flex-start;
    font-family: "RobotoMedium";
  }
  .pnl_all_data .value_wrapper {
    display: grid;
    justify-content: end;
    align-self: center;
    margin-bottom: 3px;
    gap: 10px;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 10px;
    text-align-last: end;
    display: grid;
    grid-template-rows: 30px 30px;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .price_qty {
    font-family: "EncodeSansMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.688rem;
    line-height: 14px;
    color: #b8b8b8;
    display: flex;
    justify-content: end;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .price_qty .price_value {
    font-family: "RobotoRegular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.688rem;
    line-height: 22px;
    color: #727271;
    margin-left: 4px;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .price_qty .price_qty_alone {
    justify-content: end;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .price_qty .dot {
    margin: 5px;
    font-size: 0rem;
    width: 4px !important;
    height: 4px !important;
    border: 2px solid #b8b8b8;
    border-radius: 5px;
    position: relative;
    top: -3px;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .tag {
    font-family: "EncodeSansMedium";
    font-size: 0.625rem;
    line-height: 18px;
    color: #b8b8b8;
    text-align: right;
    overflow: hidden;
    overflow-wrap: anywhere;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: end;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .tag .value {
    font-family: "RobotoMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    word-break: break-all;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .pnl_all_data .value_wrapper .realised_wrapper {
    text-align-last: end;
    justify-self: end;
  }
  .pnl_all_data .value_wrapper .realised_wrapper .tag {
    font-family: "EncodeSansMedium";
    font-size: 0.625rem;
    line-height: 18px;
    color: #b8b8b8;
    text-align: right;
    overflow: hidden;
    overflow-wrap: anywhere;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .pnl_all_data .value_wrapper .realised_wrapper .tag .value {
    font-family: "RobotoMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    word-break: break-all;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .drawer__handle-wrapper__content {
    padding: 0 !important;
  }
  .drawer_container {
    width: 100%;
    text-align: center;
  }
  .drawer_container .calendar_list {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 24px;
    height: 340px;
    color: #727271;
    background-color: #f2f2f5;
  }
  .drawer_container .calendar_list .list_container {
    height: 54px;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
  }
  .drawer_container .calendar_list .list_container span {
    padding: 14px 0px 15px 18px;
    display: flex;
  }
  .drawer_container .calendar_list .list_container span .right_arrow {
    display: flex;
    align-self: center;
    position: fixed;
    right: 17px;
  }
  .drawer_container .calendar_list .list_container span .right_arrow i {
    background-color: transparent;
    color: #03002f;
    padding: 10px 12px;
    border-radius: 5px;
    height: 30px !important;
    width: 30px !important;
    align-items: center;
    display: flex;
  }
  .drawer_container .custom_btn {
    width: 360px;
    height: 40px;
    -webkit-appearance: none !important;
  }
  .drawer_year_container .mob_year_container {
    background: #f2f2f5;
    height: 75px;
  }
  .drawer_year_container .mob_year_container span {
    display: flex;
    padding-top: 30px;
    font-size: 0.875rem;
    font-family: "DMSansBold";
  }
  .drawer_year_container .mob_year_container span i {
    color: #03002f;
    font-size: 0.75rem;
    margin: 6px 11px 0px 15px;
  }
  .drawer_year_container .year_list {
    width: 100%;
    background-color: #ffffff;
    align-items: center;
  }
  .drawer_year_container .year_list .financial_year {
    height: 53px;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .drawer_year_container .year_list .financial_year span {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 24px;
    color: #727271;
  }
  .drawer_year_container .year_list .financial_year:last-child {
    height: 100px;
  }
  .drawer_year_container .year_list div.btn-container {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: white;
    left: 0px;
    right: 0px;
    padding-bottom: 17px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .drawer_year_container .year_list div.btn-container button {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    background: #03002f;
    color: #ffffff;
    padding: 9px 17px;
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    align-self: center;
    border: none !important;
    margin-top: 9px;
  }
  .drawer_year_container .year_list :nth-last-child(2) {
    border-bottom: none !important;
    margin-bottom: 68px;
  }
  .drawer__handle-wrapper .from_and_To_Container {
    height: 255px;
  }
  .drawer__handle-wrapper .from_and_To_Container .custom_heading {
    min-height: 60px;
    background: #f2f2f5;
    justify-content: center;
    align-items: center;
  }
  .drawer__handle-wrapper .from_and_To_Container .custom_heading span {
    display: flex;
    padding-top: 20px;
    padding-bottom: 23px;
  }
  .drawer__handle-wrapper .from_and_To_Container .custom_heading span i {
    color: #03002f;
    font-size: 0.75rem;
    margin: 6px 11px 0px 15px;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container {
    height: 150px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 15px;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .date-labels {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 140%;
    color: #b8b8b8;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .form-control {
    background: none;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .input-group-text.d-block {
    background: none;
    border: none;
    padding: 6px 10px 10px 8px;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .input-group-text.d-block i {
    font-size: 0.688rem;
    color: #03002f;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .custom_btn {
    margin: 20px 0px;
    border-radius: 6px !important;
    height: 40px;
    width: 360px;
    padding: 8px 0px 0px 0px;
    align-items: center;
    -webkit-appearance: none !important;
    margin-left: 0px !important;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .input-group-date-section .date-partition {
    width: 135px;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .input-group-date-section .date-partition .form-control {
    width: 100px;
    color: #444444;
  }
}
@media (max-width: 767px) and (max-width: 1023px) {
  .drawer__handle-wrapper .from_to_container_new .calendar--row {
    padding: 20px 20px 0px;
    border-bottom: 0px;
  }
}
@media (max-width: 767px) and (max-width: 1023px) {
  .drawer__handle-wrapper .from_to_container_new .inputFieldCalendarIcon {
    border: 1px solid #e7e7e7;
    padding: 0px;
    padding-left: 5px;
  }
  .drawer__handle-wrapper .from_to_container_new .inputFieldCalendarIcon .input-group-text {
    padding: 8px 10px;
  }
  .drawer__handle-wrapper .from_to_container_new .inputFieldCalendarIcon .form-control {
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .drawer__handle-wrapper .from_to_container_new .custom_heading {
    min-height: 60px;
    background: #f2f2f5;
    justify-content: center;
    align-items: center;
  }
  .drawer__handle-wrapper .from_to_container_new .custom_heading span {
    display: flex;
    padding-top: 20px;
    padding-bottom: 23px;
  }
  .drawer__handle-wrapper .from_to_container_new .custom_heading span i {
    color: #03002f;
    font-size: 0.75rem;
    margin: 6px 11px 0px 15px;
  }
  button .react-datepicker__navigation {
    top: 3%;
  }
  .pnl_data_wrapper {
    margin-bottom: 120px;
  }
  .display_end {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
  }
  .selected_option {
    margin: 13px 0px 3px 0px;
  }
  .selected_option .edel-icon-arrow-down {
    top: 152px;
  }
  .other_options {
    top: 183px;
  }
  .date-picker {
    padding: 0px 10px;
  }
  .button_container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .button_container .next_btn {
    width: 360px;
    height: 40px;
  }
  .pnl-drawer-container {
    height: 126;
  }
  .pnl-drawer-container .custom_btn {
    -webkit-appearance: none !important;
  }
  .pnl-drawer-container .date-container {
    left: 0px;
    height: 75px;
    top: 316px;
    background: #f2f2f5;
    border-radius: 5px 5px 0px 0px;
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
  .pnl-drawer-container .date-container .select-date {
    width: 115px;
    height: 20px;
    padding: 20px 0px 10px 0px;
    margin: 0px 0px 10px 15px;
    font-family: "Encode Sans";
    font-style: normal;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 140%;
    display: flex;
    align-items: baseline;
    color: #444444;
  }
  .pnl-drawer-container .date-container .form-control {
    box-sizing: border-box;
    width: 201px;
    height: 36px;
    left: 15px;
    top: 386px;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    margin-left: 10px;
  }
  .input-group-date-section {
    display: flex !important;
    justify-content: space-between;
  }
}
.setting-padding {
  padding: 0px 20px 4.25px;
}

:root {
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .drawer__handle-wrapper {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
  }
  .drawer__handle-wrapper.z-index-high {
    z-index: 10001 !important;
  }
  .customForm.mobForm.taxreport input[type=radio]:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 10%;
  }
  .customForm.mobForm.taxreport .mobForm {
    margin: 25px 15px;
  }
  .customForm.mobForm.taxreport .mobForm .mobFormWrap {
    background-color: #f0f9ff;
  }
  .customForm.mobForm.taxreport .mobForm .mobFormWrap .form-check-input:checked {
    background-color: #3580f7;
  }
  .customForm.mobForm.taxreport .mobForm .blue_bg {
    background-color: #ffffff;
  }
  .customForm.mobForm.taxreport .mobForm .blue_bg.mail .mail-input input {
    background-color: #f0f9ff;
  }
  .customForm.mobForm.taxreport .mobForm .blue_bg.mail .icon i {
    color: #3580f7;
  }
  .customForm.mobForm.taxreport .mobForm .custom_btn {
    background-color: #3580f7;
    border: 1px solid #3580f7;
    right: 0;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section {
    align-items: center !important;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .form-label {
    margin-bottom: 0px !important;
    color: #444444 !important;
    font-family: "EncodeSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .form-label b {
    font-weight: 500;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .input-group-append .input-group-text {
    cursor: pointer;
    font-family: "EncodeSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #3580f7;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .input-group-append .input-group-text span {
    position: relative;
    top: 1px;
  }
  .customForm.mobForm.taxreport .customFormSection .input-group-date-section .input-group-append .input-group-text i {
    font-size: 0.688rem;
    margin-right: 10px;
  }
}.search-sort-filter {
  margin: 8px 0;
  justify-content: end;
  gap: 10px;
}
.search-sort-filter .fund-search {
  border-radius: 5px;
  width: 277px;
  height: 44px;
}
.search-sort-filter .fund-search .edel-icon-search {
  font-size: 1.563rem;
  position: relative;
  padding: 9.5px 7.5px;
}
.search-sort-filter .fund-search input {
  width: 207px;
  border: none;
  font-size: 0.75rem;
  color: #727271;
  font-family: "DMSansMedium";
  line-height: 140%;
}
.search-sort-filter .fund-search.open-search {
  justify-content: space-around;
  border: 1px solid #03002f;
  background: #ffffff;
}
.search-sort-filter .fund-search.open-search .search-bar {
  background: #ffffff;
}
.search-sort-filter .fund-search.open-search i::before {
  font-size: 0.625rem;
  position: relative;
  top: -2px;
}
.search-sort-filter .fund-search.open-search .edel-icon-left-arrow {
  padding-left: 10px;
  padding-right: 2px;
}
.search-sort-filter .fund-search.open-search .edel-icon-bold-close {
  padding-right: 10px;
  cursor: pointer;
}
.search-sort-filter .search-bar {
  width: 100%;
  display: flex;
  justify-content: inherit;
}
.search-sort-filter .sort .ed_button.link,
.search-sort-filter .filter .ed_button.link {
  border-radius: 5px;
  color: #03002f;
}
.search-sort-filter .sort .ed_button.link.bg_ed_blue,
.search-sort-filter .filter .ed_button.link.bg_ed_blue {
  color: #ffffff;
}
.search-sort-filter .sort .ed_button.link {
  padding: 10px 12px;
}
.search-sort-filter .filter .ed_button.link {
  padding: 10px 14px;
}
.search-sort-filter .filter-selected,
.search-sort-filter .sort-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 28px;
  top: -33px;
  position: relative;
  display: flex;
}

.compare-funds {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 9;
}
.compare-funds .compare-clear {
  display: flex;
  justify-content: space-between;
}
.compare-funds .compare-clear .compare-clear-buttons {
  gap: 20px;
}
.compare-funds .compare-clear .compare-clear-buttons .ed_button.link {
  color: #03002f;
}

.checked-block {
  gap: 30px;
}
.checked-block .checked-list {
  padding: 5px 10px;
  margin: 5px 0;
  border-right: 1px solid #b8b8b8;
}
.checked-block .checked-list label {
  padding: 10px 15px;
  gap: 20px;
  border-radius: 2px;
}

.compare-button {
  padding: 10px 16px;
  gap: 10px;
  border-radius: 6px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.compare-button button {
  color: #ffffff;
  border: 0;
  background-color: inherit;
}
.compare-button i {
  font-size: 1.375rem;
}

.top-funds.filters-tag {
  padding: 0 10px 15px;
}
@media (max-width: 768px) {
  .top-funds.filters-tag {
    padding: 0px !important;
  }
}

.funds.filterasset-drop-footer .clear_all.ed_button.blue-one {
  padding: 12.5px;
  background-color: #f0f9ff;
  color: #03002f;
}
.funds.filterasset-drop-footer .ed_button.blue-one {
  font-size: 0.875rem;
}

@media screen and (max-width: 1023px) {
  .top-fund-mob .top-funds-tabs {
    padding-left: 5px;
    padding-right: 5px;
  }
  .top-fund-mob .top-funds-tabs .sort-filter-labels {
    padding: 0 5px 0px 5px;
    overflow-x: unset;
  }
  .top-fund-mob .marketgroup.container.card-group {
    padding: 0;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card {
    border-radius: 0 !important;
    border: 0;
    padding: 0;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardhead.card-header {
    padding: 11px 15px 6px 15px !important;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .top-funds-tabs .nav.nav-tabs {
    padding-left: 15px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .top-funds-tabs .nav.nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #03002f;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter {
    border-radius: 5px;
    gap: 0px;
    justify-content: center;
    margin: 10px 0 10px 0;
    padding: 0 15px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search {
    width: 100%;
    border-radius: 5px 0 0 5px;
    padding: 22px 0;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search.open-search {
    border: 0;
    padding: 7px;
    border: 1px solid #03002f;
    margin-right: 5px;
    border-radius: 5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search.open-search .search-bar {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 7px;
    border-radius: 5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search.open-search .search-bar input {
    width: 100%;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search .edel-icon-search {
    top: 0px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .sort .ed_button.link,
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .filter .ed_button.link {
    width: 100%;
    border-radius: 5px 0px 0px 5px;
    padding: 16.5px 12.5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .filter .ed_button.link {
    border-radius: 0px 5px 5px 0px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .generic-tabs.top-funds-tabs .view-more-label {
    padding: 15px;
    line-height: 140%;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .generic-tabs.top-funds-tabs .view-more-label .ed_button {
    position: relative;
    top: -2px;
    margin-left: 2px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob {
    margin: 0px -5px;
    padding: 5px;
    border-top: 1px solid #e7e7e7;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .row {
    margin: 0;
    padding: 0;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .compare {
    gap: 10px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .compare input {
    accent-color: #03002f;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .star-rating {
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 7px;
    gap: 5px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .star-rating i {
    font-size: 0.75rem;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .num {
    position: relative;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .fund-labels {
    gap: 5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .fund-labels i {
    font-size: 0.25rem;
    color: #b8b8b8;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .share-btn {
    width: 30px;
    height: 30px;
    border-radius: 33px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .share-btn i::before {
    position: relative;
    top: 1.5px;
    left: -1px;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist {
    padding: 0;
    margin: 0;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist .nested-list {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist .nested-list label {
    margin-bottom: 5px;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist .nested-list li {
    border: 0;
    padding: 10px 5px 10px 20px;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li {
    display: flex;
    padding: 20px 17px 19px 20px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e7;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li label {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li .bodylist-right {
    color: #b8b8b8;
    display: flex;
    align-items: center;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li .bodylist-right p {
    margin: 0;
    font-size: 0.75rem;
    font-family: "DMSansMedium";
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li .bodylist-right p span i {
    margin-left: 6px;
  }
  .sort-filter-labels {
    padding: 0 5px 10px 5px;
  }
}
.top-funds .top-funds-tabs {
  padding-top: 10px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .top-funds .top-funds-tabs .nav-tabs {
    padding-left: 15px !important;
  }
}

.top-funds-tabs .filterasset-drop {
  z-index: 9 !important;
}

.topperforming-filter-focus-scroll,
.topperforming-filter-focus {
  display: none !important;
}

#TopPerformingFunds {
  margin-top: 40px;
}.non-ddpi-client-authorise-to-sell-main-desktop {
  position: relative;
  margin-block: 24px 10px;
  display: flex;
  margin-inline: 19.5%;
  border-radius: 5px;
  background: linear-gradient(129deg, #1c1a45 -13.72%, #7e79ef 138.86%);
}
.non-ddpi-client-authorise-to-sell-main-desktop .non-ddpi-client-authorise-to-sell-img {
  position: relative;
  top: 0%;
  width: 100%;
  overflow: hidden;
}
.non-ddpi-client-authorise-to-sell-main-desktop .non-ddpi-client-authorise-to-sell-img img {
  width: 100%;
  height: 100%;
}
.non-ddpi-client-authorise-to-sell-main-desktop .non-ddpi-client-authorise-to-sell-main-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.non-ddpi-client-authorise-to-sell-main-desktop .non-ddpi-client-authorise-to-sell-text .non-ddpi-client-authorise-to-sell-text-sub {
  position: relative;
  right: 4%;
}
.non-ddpi-client-authorise-to-sell-main-desktop .non-ddpi-client-authorise-to-sell-text .heading {
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 23px;
  letter-spacing: -0.32px;
  color: #e1e0f8;
}
.non-ddpi-client-authorise-to-sell-main-desktop .non-ddpi-client-authorise-to-sell-text .heading span {
  font-family: "DMSansMedium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #ffffff;
}
.non-ddpi-client-authorise-to-sell-main-desktop .non-ddpi-client-authorise-to-sell-text .sub-heading {
  color: var(--Color-Link-Blue-100, #e1e0f8);
  font-family: "DMSansNormal";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.2px;
  margin-bottom: 28px;
}
.non-ddpi-client-authorise-to-sell-main-desktop .non-ddpi-client-authorise-to-sell-text .sub-heading span {
  color: var(--Color-Link-Blue-300, #a6a8e6);
  font-family: "DMSansMedium";
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  letter-spacing: -0.18px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.non-ddpi-client-authorise-to-sell-main-desktop .non-ddpi-client-authorise-to-sell-button {
  position: relative;
  margin-inline: 46px;
  display: flex;
  min-width: 75.912px;
  padding: 6px 24px;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-4, 12px);
  border-radius: 75.912px;
  background: #f04e45;
  color: #ffffff;
  height: 30px;
  position: relative;
  color: #ffffff;
  text-align: center;
  font-family: "DMSansMedium";
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 12px */
  top: 34%;
}
.non-ddpi-client-authorise-to-sell-main-desktop .non-ddpi-client-authorise-to-sell-button .blue-star {
  position: absolute;
  top: 37px;
  left: 17px;
  width: 8px;
  height: 8px;
}
.non-ddpi-client-authorise-to-sell-main-desktop .non-ddpi-client-authorise-to-sell-button .yellow-star {
  position: absolute;
  width: 8px;
  height: 8px;
  bottom: 41px;
  left: -36px;
}

.non-ddpi-client-authorise-to-sell-main-mobile {
  margin-block: 10px;
  border-radius: 5px;
  display: flex;
  position: relative;
  background: linear-gradient(129deg, #1c1a45 -13.72%, #7e79ef 138.86%);
}
.non-ddpi-client-authorise-to-sell-main-mobile .non-ddpi-client-authorise-to-sell-main-content {
  display: flex;
  justify-content: space-around;
  overflow: hidden;
}
.non-ddpi-client-authorise-to-sell-main-mobile .non-ddpi-client-authorise-to-sell-main-content .non-ddpi-client-authorise-to-sell-text {
  padding-left: 17px;
  padding-bottom: 20px;
}
.non-ddpi-client-authorise-to-sell-main-mobile .non-ddpi-client-authorise-to-sell-main-content .non-ddpi-client-authorise-to-sell-text .non-ddpi-client-authorise-to-sell-text-sub {
  font-family: "DMSansNormal";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 125% */
  letter-spacing: -0.24px;
}
.non-ddpi-client-authorise-to-sell-main-mobile .non-ddpi-client-authorise-to-sell-main-content .non-ddpi-client-authorise-to-sell-text .heading {
  font-family: "DMSansNormal";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 125% */
  letter-spacing: -0.24px;
  color: #e1e0f8;
  margin-block: 13px 4px;
}
.non-ddpi-client-authorise-to-sell-main-mobile .non-ddpi-client-authorise-to-sell-main-content .non-ddpi-client-authorise-to-sell-text .heading span {
  color: #ffffff;
  font-family: "DMSansMedium";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 27.328px;
}
.non-ddpi-client-authorise-to-sell-main-mobile .non-ddpi-client-authorise-to-sell-main-content .non-ddpi-client-authorise-to-sell-text .sub-heading {
  color: var(--Color-Link-Blue-100, #e1e0f8);
  font-family: "DMSansMedium";
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 127%; /* 10.16px */
  letter-spacing: -0.16px;
  letter-spacing: -0.2px;
  margin-bottom: 12px;
}
.non-ddpi-client-authorise-to-sell-main-mobile .non-ddpi-client-authorise-to-sell-main-content .non-ddpi-client-authorise-to-sell-text .sub-heading span {
  color: var(--Color-Link-Blue-100, #e1e0f8);
  position: relative;
  font-family: "DMSansNormal";
  font-size: 8px;
  font-style: normal;
  z-index: 1;
  font-weight: 400;
  line-height: 127%;
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.non-ddpi-client-authorise-to-sell-main-mobile .non-ddpi-client-authorise-to-sell-img img {
  overflow: hidden;
  position: absolute;
  width: 53%;
  bottom: 0;
  right: 0%;
}
.non-ddpi-client-authorise-to-sell-main-mobile .non-ddpi-client-authorise-to-sell-button {
  width: fit-content;
  position: relative;
  z-index: 1;
  color: #ffffff;
  text-align: center;
  font-family: "DMSansMedium";
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 9.6px */
  border-radius: 63.26px;
  background: #f04e45;
  min-width: 63.26px;
  padding: 5px 20px;
}
.non-ddpi-client-authorise-to-sell-main-mobile .non-ddpi-client-authorise-to-sell-button .blue-star {
  position: absolute;
  bottom: 34px;
  right: 91px;
}
.non-ddpi-client-authorise-to-sell-main-mobile .non-ddpi-client-authorise-to-sell-button .yellow-star {
  position: absolute;
  bottom: 84px;
  right: 43px;
}.selectlist-block .select-watchlist {
  padding: 20px 15px 15px;
}
.selectlist-block .drawer-footer {
  padding: 15px 30px 14px !important;
}
.selectlist-block .ed_button.button {
  padding: 10px 14px;
  line-height: 19.6px;
}
@media (max-width: 480px) {
  .selectlist-block .ed_button.button {
    padding: 10px 19px !important;
    font-size: 0.75rem;
  }
}
.selectlist-block .edel-icon-arrow-left1 {
  font-size: 0.625rem;
  margin-right: 10px;
}

.watchlist-stockslist {
  border-top: 1px solid #e7e7e7;
}
.watchlist-stockslist .edel-icon-watchlist-briefcase:before {
  color: #727271;
}
.watchlist-stockslist .edel-icon-arrow-right1:before {
  color: #03002f;
}

.mgl-5 {
  margin-left: 5px;
}

.mgl-7_5 {
  margin-left: 7.5px;
}

.mgl-10 {
  margin-left: 10px;
}

.pd-15 {
  padding: 15px;
}

.selectstock-outer .selectstock-sec {
  padding: 10px 15px;
}
.selectstock-outer .selectstock-sec .form-check-label {
  line-height: 25px;
}
.selectstock-outer .selectstock-sec .form-check-input:checked {
  background-color: #03002f !important;
  border-color: #03002f !important;
}

.watchlist-form-check {
  display: flex;
  align-items: center;
}

.select-stock-reports {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
}

.selectedstock-data-list {
  padding: 10px 15px;
  border-top: 1px solid #e7e7e7;
}

.watchlist-borderbtn {
  width: 35%;
}

.watchlist-backgroundbtn {
  border: 1px solid #03002f;
}
@media (max-width: 340px) {
  .watchlist-backgroundbtn {
    padding: 10px 10px;
  }
}

.selected-stok-buttons {
  padding: 15px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  justify-content: space-between;
  border-top: 1px solid #e7e7e7;
}
.selected-stok-buttons .ed_button.midnight-blue-border {
  padding: 10px 35px;
  border: none;
  text-decoration: underline;
  font-size: 0.875rem;
}
.selected-stok-buttons .ed_button.midnight-blue {
  padding: 10px;
  font-size: 0.875rem;
  text-transform: none !important;
}

@media screen and (min-width: 1023px) {
  .searched-list {
    max-height: 250px;
    overflow-y: scroll;
  }
  .template-list {
    max-height: 200px;
    overflow-y: scroll;
  }
}
@media (max-width: 768px) {
  .mt-mb-25 {
    margin-top: 25px !important;
  }
  .px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
.todayhigh-section .accordion-header .accordion-button {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.todayhigh-section .accordion-header .accordion-button:not(.collapsed) {
  background-color: transparent !important;
  border: none !important;
}

.stock-lock {
  font-size: 0.625rem;
  padding-left: 5px;
  color: #727271;
}

.Editwatchlist-serach-section .editwatchlist-input {
  border: 1px solid #e7e7e7;
  border-radius: 5px !important;
}
.Editwatchlist-serach-section .editwatchlist-input .input_suffix {
  height: 44px !important;
}
.Editwatchlist-serach-section .editwatchlist-input .form-control {
  font-size: 0.75rem !important;
  font-family: "DMSansNormal" !important;
}
.Editwatchlist-serach-section .editwatchlist-input .input_prefix {
  display: flex;
  align-items: center;
  padding-left: 10px;
  vertical-align: middle !important;
}
.Editwatchlist-serach-section .editwatchlist-input .input_prefix .edel-icon-left-arrow {
  font-size: 0.625rem;
}

.watchlist-drawer .edel-icon-round-circle {
  font-size: 0.563rem;
  margin-top: -3px;
  margin-left: 2px;
}
.watchlist-drawer .drawer-header {
  background-color: transparent !important;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.watchlist-drawer .drawer-header .sortname {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
}
.watchlist-drawer .drawer-header .ed_button {
  font-size: 0.75rem;
  color: #03002f;
  font-family: "DMSansNormal";
  border-bottom: 1px solid #03002f;
  background: none;
}
.watchlist-drawer .drawer-body {
  padding-bottom: 0px !important;
}
.watchlist-drawer .drawer-body .sortlist-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 15px 20px 15px;
}
.watchlist-drawer .drawer-body .sortlist-body:last-child {
  border-bottom: 1px solid #e7e7e7;
}
.watchlist-drawer .drawer-body .sortlist-names {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
}
.watchlist-drawer .drawer-body .sortlist-values {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}
.watchlist-drawer .drawer-body .sortlist-values .edel-icon-point-arrow-down {
  margin-left: 7px;
}
.watchlist-drawer .drawer-body .sortlist-values .edel-icon-point-arrow-up {
  margin-left: 7px;
}
.watchlist-drawer .drawer-body .sortlist-body.active-filter .sortlist-names,
.watchlist-drawer .drawer-body .sortlist-body.active-filter .sortlist-values {
  font-family: "DMSansMedium" !important;
  color: #03002f !important;
}
.watchlist-drawer.sortlist-desk .drawer-header .ed_button {
  border-bottom: none !important;
  text-decoration: underline !important;
}

.headingSection {
  padding: 20px 20px 0px 15px;
}
.headingSection span {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.editwatchlistsection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e7e7e7;
  padding: 22px 15px;
}
.editwatchlistsection .edel-icon-edit,
.editwatchlistsection .edel-icon-duplicate {
  font-size: 0.938rem;
  margin-right: 14px;
}

.todayshighlightouter .todayshighlightsection {
  padding: 20px 15px;
}
.todayshighlightouter .todayshighlightsection .form-check-label {
  line-height: 20px;
}
.todayshighlightouter .todayshighlightsection .form-check-input:checked {
  background-color: #03002f !important;
  border-color: #03002f !important;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item .accordion-body {
  padding: 0px 15px 15px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item .accordion-collapse.show .accordion-body {
  padding: 0px 15px 15px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item .accordion-header .accordion-button::after {
  background-color: #f2f2f5;
  color: #03002f;
  height: 30px;
  width: 30px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item:first-child .accordion-body #accordion-content {
  display: grid;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item:first-child .accordion-body #accordion-content .customAlertSection {
  display: flex;
  justify-content: space-between;
  padding-inline: 10px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item:last-child .accordion-body {
  padding: 0px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-item:last-child .accordion-collapse.show .accordion-body {
  padding: 0px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-body #accordion-content {
  display: grid;
  grid-template-columns: 100%;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-body #accordion-content .accordiancheckbox .form-check-label {
  line-height: 20px;
}
.todayshighlightouter .customaccordian.accordianSection .accordion-body #accordion-content .accordiancheckbox .form-check-input:checked {
  background-color: #03002f !important;
  border-color: #03002f !important;
}

.mb-watchlist-settings .__content {
  overflow-y: scroll;
  max-height: calc(70vh - 155px);
  padding: 0px;
}
.mb-watchlist-settings .drawer-header {
  position: sticky;
  top: -2px;
  z-index: 9;
  background-color: #f2f2f5;
}
.mb-watchlist-settings .mb-settings-first-row {
  position: sticky;
  top: 50px;
  z-index: 9;
  background-color: #f2f2f5;
}
.mb-watchlist-settings .watchlist-drawer .drawer-header {
  z-index: 5 !important;
}
.mb-watchlist-settings .drawer-body {
  background-color: #ffffff;
}

.actioncomponent.mh-65 {
  min-height: 65vh;
  overflow-y: hidden;
  padding-bottom: 110px;
}
.actioncomponent.sticky .drawer-header {
  position: sticky;
  top: 0px;
  z-index: 9;
}
.actioncomponent .overflowclass {
  height: 300px;
  overflow: scroll;
}
.actioncomponent .overflowclass-240 {
  height: 240px;
  overflow: scroll;
}
.actioncomponent .drawer-header .edel-icon-arrow-left:before {
  font-size: 1.625rem;
}
.actioncomponent .drawer-header .edel-icon-arrow-left {
  vertical-align: sub;
}
.actioncomponent .drawer-footer {
  padding: 15px !important;
}
.actioncomponent .drawer-footer button {
  width: 100%;
}
.actioncomponent .drawer-footer button:first-child {
  margin-right: 20px;
}
.actioncomponent .drawer-footer button:last-child {
  margin-right: 0px;
}
.actioncomponent .editwatchlistsection.sticky {
  position: fixed;
  z-index: 999;
  width: 100%;
  border-bottom: none !important;
  box-shadow: 0px 3px 17px 0px #e7e7e7;
  background-color: #ffffff;
}

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

.select-indices-block {
  margin-bottom: 10px;
}

.performance-indices-block {
  padding: 0px 15px 15px;
}

.editwatchlistCard {
  padding: 0px 30px;
  background-color: #ffffff;
}
.editwatchlistCard #draggable-list-edit {
  margin-bottom: 0px !important;
  padding-left: 0px !important;
  max-height: calc(var(--edit-Section-height) - (var(--bottombtn-height) + var(--edit-head-height) + var(--edit-search-height))) !important;
  min-height: calc(var(--edit-Section-height) - (var(--bottombtn-height) + var(--edit-head-height) + var(--edit-search-height))) !important;
}
.editwatchlistCard #draggable-list-edit.listView {
  max-height: calc(var(--listview-height) - (var(--listview-search-height) + var(--listview-table-head-height) + var(--stockvalue-section-height) + 15px + 4rem)) !important;
  min-height: calc(var(--listview-height) - (var(--listview-search-height) + var(--listview-table-head-height) + var(--stockvalue-section-height) + 15px + 4rem)) !important;
}
.editwatchlistCard #draggable-list-edit .drop-and-drop-inside .draggable-tabs.dragging {
  opacity: 0.5;
  background-color: #e0e0e0;
  cursor: grabbing;
}
.editwatchlistCard #draggable-list-edit .drop-and-drop-inside .draggable-tabs {
  padding: 10px;
  margin: 5px 0;
  padding: 10px;
  margin-bottom: 5px;
  cursor: default;
  align-items: center;
  border-bottom: 1px solid rgba(231, 231, 231, 0.9058823529);
}
.editwatchlistCard .editwatchlistCard-weapper .draggable-tabs {
  padding: 10px;
  margin: 5px 0;
  padding: 10px;
  margin-bottom: 5px;
  cursor: default;
  align-items: center;
  border-bottom: 1px solid rgba(231, 231, 231, 0.9058823529);
}
.editwatchlistCard .draglist::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}
.editwatchlistCard .draglist > div {
  border-top: 1px solid #e7e7e7;
}
.editwatchlistCard.marketgroup {
  padding: 0px;
  border: none !important;
  margin: 0px auto !important;
}
.editwatchlistCard.marketgroup .marketCard {
  padding: 0px;
}
.editwatchlistCard.marketgroup .marketCard .mk-card-topleftmain1 {
  padding: 15px 20px 20px 20px !important;
  font-size: 1.25rem !important;
  font-family: "DMSansMedium" !important;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .editwatchlistCard.marketgroup .marketCard .mk-card-topleftmain1 {
    font-size: 0.75rem !important;
    font-family: "DMSansMedium" !important;
    padding: 15px 10px 10px 10px !important;
    line-height: 15px !important;
  }
}
.editwatchlistCard.marketgroup .marketCard .mk-card-topleftmain1 .edel-icon-arrow-left {
  color: #03002f;
}
.editwatchlistCard.marketgroup .marketCard .watchlistsearch {
  padding: 0 20px 20px 20px;
}
.editwatchlistCard.marketgroup .marketCard .z-index-1 {
  z-index: 1;
}
.editwatchlistCard.marketgroup .marketCard .subHead {
  padding: 0 20px 10px 20px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .editwatchlistCard.marketgroup .marketCard .subHead {
    padding: 0 10px 10px 10px;
    font-size: 1.25rem;
    font-family: "DMSansBold";
  }
}
.editwatchlistCard.marketgroup .marketCard .subHead .toast-body {
  padding: 10px;
  line-height: 16.8px;
}
.editwatchlistCard.marketgroup .marketCard .marketcardbody {
  padding: 0px !important;
}
.editwatchlistCard .editwatchlistDiv {
  padding: 20px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .editwatchlistCard .editwatchlistDiv {
    padding: 10px;
    display: grid;
    align-items: center;
  }
}
.editwatchlistCard .editwatchlistDiv {
  border-bottom: 1px solid #e7e7e7;
  height: 52px;
  display: grid;
  grid-template-columns: 80% 10% 10%;
}
.editwatchlistCard .editwatchlistDiv .edel-icon-pin-large {
  width: 16px;
  height: 16px;
}
.editwatchlistCard .editwatchlistDiv .edel-icon-trash {
  width: 16px;
  height: 16px;
}
.editwatchlistCard .editwatchlistDiv .edel-icon-Vector-6 {
  width: 16px;
  height: 16px;
}
.editwatchlistCard .editwatchlistDiv span {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  text-transform: capitalize;
  color: #444444;
}
.editwatchlistCard .editwatchlistDiv .icon-content::before {
  content: "\e951";
  font-family: "edel_icon" !important;
  font-size: 0.438rem;
  margin-right: 10px;
  top: -1px;
  position: relative;
  color: #727271;
}
.editwatchlistCard .editwatchlistDiv .edel-icon-trash {
  color: #dd504d;
}
.editwatchlistCard .editwatchlistDiv i {
  justify-content: flex-end;
  display: flex;
  color: #b8b8b8;
  align-items: center;
}
.editwatchlistCard .bottombtngroup {
  padding: 20px 0px 20px 0px;
}
@media (max-width: 768px) {
  .editwatchlistCard .bottombtngroup {
    padding: 10px 20px;
  }
}
.editwatchlistCard .bottombtngroup .ed_button {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.editwatchlistCard .bottombtngroup .editcancel {
  border: none !important;
  color: #dd504d;
}
.editwatchlistCard .bottombtngroup.topborder {
  box-shadow: 0px 4px 17px rgba(60, 60, 60, 0.11);
}
.editwatchlistCard .bottombtngroup.topborder.edit-bottom-btm {
  position: fixed;
  bottom: 0px;
}
.editwatchlistCard .editwatchlist-input {
  background-color: #f2f2f5;
  border-radius: 3px;
}
.editwatchlistCard .editwatchlist-input .form-control {
  border: none !important;
  background-color: #f2f2f5;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 3px !important;
  color: #03002f !important;
  font-size: 0.75rem;
  font-family: "EncodeSansRegular";
}
.editwatchlistCard .editwatchlist-input .input_suffix {
  background-color: transparent;
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
  position: relative;
  line-height: 50px;
  align-items: center;
  display: flex;
  height: 50px;
  padding-right: 10px;
  padding-left: 10px;
}
.editwatchlistCard .editwatchlist-input .input_prefix {
  color: #03002f !important;
}
.editwatchlistCard .editwatchlist-input .input_prefix .edel-icon-search1 {
  font-size: 1rem;
}
.editwatchlistCard .editwatchlist-input.error-border {
  border: 1px solid #dd504d !important;
  background-color: #fdf6f6;
}
.editwatchlistCard .editwatchlist-input.error-border input {
  background-color: inherit;
}
.editwatchlistCard .editwatchlist-input.error-border .form-control {
  margin-left: 0px !important;
}
.editwatchlistCard .deskcommoninput {
  display: grid;
  grid-template-columns: 365px auto;
  grid-gap: 10px;
  align-items: center;
}

.edit-bottombtngroup.new {
  position: fixed;
  gap: 30px;
  left: 32px;
  right: 90px;
  bottom: -35px;
  max-width: 100%;
}
.edit-bottombtngroup.new .save-btn {
  padding: 10px !important;
}

@media (max-width: 768px) {
  .editwatchlistCard #draggable-list-edit {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    max-height: calc(87vh - (var(--bottombtn-height) + var(--edit-head-height) + var(--edit-search-height) + var(--header-container-height))) !important;
  }
}
.listviewsectionouter .deskcommoninput {
  grid-template-columns: 50% auto;
}
.listviewsectionouter .deskcommoninput .editwatchlist-search-section {
  display: flex;
  align-items: center;
}
.listviewsectionouter .deskcommoninput .editwatchlist-search-section .subHead {
  padding-right: 10px;
}

.editwatchlist-search-section .subHead .fade.toast {
  position: relative;
  z-index: 9;
}

.error-border input {
  border: 1px solid #dd504d !important;
}

.common-btm-btn.edit-bottom-btn {
  position: fixed;
  bottom: 0px;
  width: 26%;
  padding: 0px !important;
  background-color: #ffffff;
  z-index: 7;
}
.common-btm-btn.edit-bottom-btn .ed_button {
  margin: 10px 20px 10px 20px;
  padding: 8px 0px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}

.pin-large .edel-icon-pin-large {
  color: #b8b8b8;
}

@media (max-width: 768px) {
  .create-new-watchlist-mb .__content {
    padding: 0px;
  }
  .create-new-watchlist-mb .drawer-footer {
    position: relative !important;
  }
  .create-new-watchlist .drawer-footer {
    gap: 30px !important;
    box-shadow: none !important;
    padding-bottom: 40px !important;
    padding-top: 20px !important;
  }
  .create-new-watchlist .drawer-footer .ed_button {
    font-size: 0.875rem !important;
    font-family: "DMSansMedium" !important;
  }
  .create-new-watchlist .drawer-footer .ed_button:first-child {
    margin-right: 0px !important;
  }
}
.watchlistdesk-section #Id-main {
  min-height: 100vh;
}
.watchlistdesk-section .modal-backdrop.show {
  background: rgba(68, 68, 68, 0.5) !important;
  backdrop-filter: blur(2px) !important;
}
.watchlistdesk-section .main-stock-values .RobotoM_16_500,
.watchlistdesk-section .main-stock-values .Roboto_16_400 {
  font-size: 0.813rem !important;
}

@media (min-width: 768px) and (max-width: 1600px) {
  .ps-34-desk {
    padding-left: 34px !important;
  }
  .editwatchlist-sidebar-brd {
    border-top: 1px solid #e7e7e7;
  }
}
.stoplossblock {
  padding: 4px 15px 28px;
  line-height: 22px;
}
.stoplossblock .edel-icon-loss:before {
  font-size: 9px;
}

.esip-watchlistOrderbook .slidingpane-icon-block {
  padding: 10px !important;
}

.watchlist-marketdepth .slidingpane-icon-block {
  align-items: center;
  text-wrap: nowrap;
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 2fr 2fr 1fr;
}
@media (max-width: 768px) {
  .watchlist-marketdepth .slidingpane-icon-block {
    display: flex;
    padding: 10px;
  }
}
.watchlist-marketdepth .slidingpane-icon-block {
  padding: 0px 0px 10px 0px;
}
.watchlist-marketdepth .slidingpane-icon-block .icon-tile a {
  color: #03002f !important;
}
.watchlist-marketdepth .slidingpane-icon-block .icon-tile a .icon-text {
  font-family: "DMSansMedium";
  font-size: 0.75rem !important;
  color: #03002f !important;
}
.watchlist-marketdepth .slidingpane-icon-block .icon-tile a:hover {
  color: #03002f !important;
}
.watchlist-marketdepth .pivot-points .pivotName {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 140%;
}
.watchlist-marketdepth .pivot-points .pivotValue {
  font-family: "RobotoMedium";
  font-size: 0.75rem;
  line-height: 140%;
}
.watchlist-marketdepth .pivot-points .pivotDate {
  line-height: 140%;
}
.watchlist-marketdepth .corporateGenericTitle {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.watchlist-marketdepth .marketdepth-generic .marketdepth-text {
  font-family: "DMSansMedium";
  color: #444444;
  padding: 15px 0px;
}
.watchlist-marketdepth .marketdepth-generic tr {
  font-family: "DMSansNormal";
}

.pivotpointsweek {
  display: grid !important;
  grid-template-columns: 100px auto;
}

.nettransaction-block .customaccordian .accordion-header .accordion-button {
  padding: 15px;
}
.nettransaction-block .customaccordian .accordion-header .accordion-button:after {
  background: #f2f2f5;
  color: #03002f;
}
.nettransaction-block .customaccordian .accordion-body {
  padding-bottom: 0px;
}
.nettransaction-block .customaccordian #accordion-content .realisedRow {
  padding: 0px 15px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.nettransaction-block .customaccordian #accordion-content .buy-sell-Row {
  padding: 11px 15px 12px;
  border-bottom: 1px solid #e7e7e7;
}

.allnetvalues-tiles {
  padding: 20px 15px;
}

.allnetvalues-tile {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.mb-34 {
  margin-bottom: 34px;
}
.mb-34:nth-child(4), .mb-34:nth-child(5), .mb-34:nth-child(6) {
  margin-bottom: 0px;
}

.line-height-140 {
  line-height: 140%;
}

.suspendedTag {
  padding: 9px 11px 11px 18px;
}

.watchlist-bottom-drawer .drawerblock .drawer-header-topMost .drawer-isin,
.watchlist-bottom-drawer .drawerblock .drawer-header-topMost .drawer-exc {
  font-family: "DMSansMedium";
  font-size: 0.625rem;
  color: #727271;
}
.watchlist-bottom-drawer .drawerblock .drawer-header-top .drawer-dname {
  font-family: "DMSansMedium";
}
.watchlist-bottom-drawer .drawerblock .drawer-header-bottom .drawer-desc {
  font-family: "DMSansMedium" !important;
}
.watchlist-bottom-drawer .drawerblock .drawer-header-bottom .drawer-values {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
}
.watchlist-bottom-drawer .researchtag {
  font-family: "DMSansMedium";
  font-size: 0.625rem;
  color: #03002f;
  border: 1px solid rgba(3, 0, 47, 0.5);
}
.watchlist-bottom-drawer .corporate-view {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  color: #03002f;
}
.watchlist-bottom-drawer .slidenewsgenericdate {
  font-family: "DMSansMedium";
  font-size: 0.625rem;
}
.watchlist-bottom-drawer .newscontent-block {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
}
.watchlist-bottom-drawer .pin-unpin-popup {
  position: relative;
}
.watchlist-bottom-drawer .pin-unpin-popup .pin-list {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  position: absolute;
  left: 40%;
  z-index: 1450;
}
.watchlist-bottom-drawer .pin-unpin-popup .pin-list .row {
  margin: 0;
  padding: 12px 10px;
  text-decoration-line: underline;
  color: #03002f;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}

.morepopup .morepopup-outer {
  background-color: #f4fafd;
  padding: 10px 15px;
  border-radius: 4px;
}
.morepopup .morepopup-outer .delete-morePopup .txt_bloodRed {
  color: #dd504d !important;
}
.morepopup .morepopup-outer .delete-morePopup .pinunpin-morePopup {
  padding-bottom: 15px;
}
.morepopup .morepopup-outer ul {
  padding-left: 0px;
  margin: 0;
}
.morepopup .morepopup-outer ul li {
  padding-bottom: 15px;
  cursor: pointer;
}
.morepopup .morepopup-outer ul li span {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #03002f;
}
.morepopup .morepopup-outer ul li i {
  color: #03002f;
  font-size: 0.875rem;
  margin-right: 10px;
}
.morepopup .morepopup-outer ul li:last-child {
  padding-bottom: 0px;
}
.morepopup .morepopup-outer ul li:last-child span,
.morepopup .morepopup-outer ul li:last-child i {
  color: #212529;
}

.morepopup {
  position: relative;
}
.morepopup .morepopup-outer {
  background-color: #f4fafd;
  width: 119px;
  height: 72px;
  padding: 10px;
  border-radius: 4px;
  position: absolute;
}
.morepopup .morepopup-outer ul {
  padding-left: 0px;
}
.morepopup .morepopup-outer ul li span {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #03002f;
}
.morepopup .morepopup-outer ul li i {
  color: #03002f;
  font-size: 0.875rem;
  margin-right: 5px;
}
.morepopup .morepopup-outer ul li i.me-15 {
  margin-right: 15px;
}
.morepopup .morepopup-outer ul li i.me-13 {
  margin-right: 13px;
}

.stock-details-body .morepopup .morepopup-outer {
  z-index: 2;
  background-color: #ffffff;
  width: 119px;
  height: 72px;
  right: 10px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
}
.stock-details-body .morepopup .morepopup-outer ul li span {
  font-size: 0.75rem;
}
.stock-details-body .morepopup .morepopup-outer ul li i.me-15 {
  margin-right: 8px;
}
.stock-details-body .morepopup .morepopup-outer ul li:last-child span,
.stock-details-body .morepopup .morepopup-outer ul li:last-child i {
  color: #444444;
}

@media screen and (max-width: 1023px) {
  .morepopup .morepopup-outer {
    background-color: #ffffff;
    width: 119px;
    height: 72px;
    right: 10px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  }
  .morepopup .morepopup-outer ul li span {
    font-size: 0.75rem;
  }
  .morepopup .morepopup-outer ul li i.me-15 {
    margin-right: 8px;
  }
  .morepopup .morepopup-outer ul li:last-child span,
  .morepopup .morepopup-outer ul li:last-child i {
    color: #444444;
  }
}
@media screen and (min-width: 1024px) {
  .watchlist-marketdepth.desk .pivot-points {
    padding-top: 0px !important;
  }
  .watchlist-marketdepth.desk .watchlist-todays-highlist {
    padding-top: 0px;
  }
  .watchlist-marketdepth.desk .watchlist-marketicons {
    border: 1px solid #e7e7e7;
    border-width: 1px 0px;
    display: flex;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 15px 9px 15px 10px;
  }
  .watchlist-marketdepth.desk .watchlist-marketicons .icon-tile {
    padding: 0;
    border: 0;
  }
  .watchlist-marketdepth.desk .watchlist-marketicons .icon-tile a {
    display: flex;
    gap: 5px;
    align-items: center;
  }
  .watchlist-marketdepth.desk .watchlist-marketicons .icon-tile a i {
    font-size: 0.813rem;
  }
  .watchlist-marketdepth.desk .watchlist-marketicons .icon-tile a .edel-icon-View-quote::before {
    content: "\e9b5";
  }
  .watchlist-marketdepth.desk .watchlist-marketicons .icon-tile:last-child a {
    flex-direction: unset;
  }
  .watchlist-marketdepth.desk .watchlist-news,
  .watchlist-marketdepth.desk .watchlist-corporate {
    border-bottom: 1px solid #e7e7e7;
  }
  .watchlist-marketdepth.desk .row .col .researchtag {
    border: 1px solid #03002f;
    color: #03002f;
  }
  .watchlist-marketdepth.desk .row .corporate-view,
  .watchlist-marketdepth.desk .row .research-view {
    color: #03002f;
  }
  .watchlist-marketdepth.desk .watchlist-corporate .col {
    padding: 0;
  }
  .watchlist-marketdepth.desk .watchlist-corporate .col .row {
    padding: 0;
    margin: 0;
  }
  .watchlist-marketdepth.desk .watchlist-corporate .col .row .corporateGenericTitle {
    padding: 0 0 0 8px;
  }
  .watchlist-marketdepth.desk .watchlist-corporate.actions .text-align-end {
    text-align: end !important;
  }
  .watchlist-marketdepth.desk .watchlist-corporate.actions .bottom-content {
    margin-left: 20px !important;
  }
  .pin-unpin-popup .pin-list {
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
  }
  .pin-unpin-popup .pin-list .row {
    cursor: pointer;
    margin: 0;
    padding: 5px 10px;
    text-decoration-line: none;
    color: #03002f;
    font-size: 0.875rem;
    font-family: "DMSansNormal";
  }
}
.watchlist-marketdepth .marketdepth-generic table tr td {
  padding: 7px !important;
}
.watchlist-marketdepth .marketdepth-generic table tr th:nth-child(3) {
  padding: 7px !important;
}

.marketdepth-tab .generic-tabs .nav-tabs .nav-link {
  padding: 10px 10px 8px 15px !important;
}

.watchlistoutersection .watchlistinner {
  padding-left: 30px;
  padding-right: 30px;
}
.watchlistoutersection .psl-2 {
  padding-left: 10px;
}
.watchlistoutersection .psl-1 {
  padding-left: 5px;
}
.watchlistoutersection .watchlistmenuSection {
  display: grid;
  align-items: center;
}
.watchlistoutersection .watchlistmenuSection .outerboxwatchlist {
  border: 1px solid #e7e7e7;
}
.watchlistoutersection .watchlistmenuSection .watchlistmenutab .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.watchlistoutersection .watchlistmenuSection .watchlistmenutab .nav-tabs .nav-item:last-child .nav-link {
  margin-right: 0px !important;
}
.watchlistoutersection .watchlistmenuSection .watchlistmenutab .nav-tabs .nav-item .nav-link {
  padding: 11px 0px 11px 0px !important;
  margin-right: 18px;
  font-size: 0.875rem !important;
  font-family: "DMSansNormal" !important;
}
.watchlistoutersection .watchlistmenuSection .watchlistmenutab .nav-tabs .nav-item .nav-link.active {
  color: #03002f;
  border-bottom: 1px solid #03002f;
  font-size: 0.875rem !important;
  font-family: "DMSansBold" !important;
}
.watchlistoutersection .watchlistmenuSection .btn-gray {
  background-color: #f2f2f5;
}
.watchlistoutersection .watchlistmenuSection .btnwatchlist {
  padding: 0px;
  height: 35px;
  width: 35px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.watchlistoutersection .watchlistmenuSection .btnwatchlist .edel-icon-pnl-alert {
  font-size: 1.063rem;
  line-height: 25px;
  color: #03002f;
}
.watchlistoutersection .watchlistmenuSection .icon-watchlist::before {
  content: "\e995";
  font-family: "edel_icon" !important;
  padding-right: 2px;
}
.watchlistoutersection .watchlistDrowerGraph {
  height: 300px;
}
.watchlistoutersection .chartmainsection {
  padding: 22px;
  border-right: none !important;
}
.watchlistoutersection .chartmainsection .iframeoutersection {
  border: 1px solid #e7e7e7;
}
.watchlistoutersection .chartmainsection .iframeoutersection .iframeClasswatchlist {
  height: calc(100vh - 6.3rem);
  width: 100%;
}
.watchlistoutersection .chartmainsection .optionChainContainer {
  position: relative;
}
.watchlistoutersection .modalwatchlist .modal-body {
  padding-top: 0px;
  padding-bottom: 0px;
}

.ReactModal__Body--open .hidecontent {
  display: none !important;
}
.ReactModal__Body--open .headersectionleft.stockvalueSection {
  height: 40px !important;
}
.ReactModal__Body--open .watchlistoutersection .watchlistmenuSection {
  display: grid;
  align-items: center;
}
.ReactModal__Body--open .watchlistoutersection .watchlistmenuSection div:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
.ReactModal__Body--open .watchlistoutersection .watchlistmenuSection div:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}
.ReactModal__Body--open .watchlistoutersection .watchlistmenuSection div:nth-child(3) {
  grid-column: 2;
}
.ReactModal__Body--open .mainHeadingSection {
  height: 45px !important;
}
.ReactModal__Body--open .mainHeadingSection .reportpanelouter {
  display: grid;
}
.ReactModal__Body--open .mainHeadingSection .reportpanelouter .leftsidesection .reportheading div.active::after {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 2px;
  width: 3.5rem;
  background: #03002f;
}
.ReactModal__Body--open .mainHeadingSection .reportpanelouter .addfundsection span:last-child {
  margin-left: 1px;
}
.ReactModal__Body--open .mainHeadingSection .reportpanelouter .header-right-info .nav-link {
  padding: 0px 7px;
}
.ReactModal__Body--open .mainHeadingSection .reportpanelouter .header-right-info .nav-link i {
  position: relative;
  top: 2px;
}
.ReactModal__Body--open .create-watchlist .ps-md-5 {
  padding-left: 15px !important;
}
.ReactModal__Body--open .listviewheader.docked-position {
  top: 40px !important;
  padding: 5px 20px 10px 0px !important;
  width: 73% !important;
}
.ReactModal__Body--open .watchlistdesk-section .main-header {
  width: calc(100% - var(--chart-width));
}
.ReactModal__Body--open .watchlistdesk-section .main-header.listview {
  width: 45% !important;
}
.ReactModal__Body--open .watchlistdesk-section .main-header .signup-box-watchlist.hidecontent {
  display: block !important;
}
.ReactModal__Body--open .wrapper-main .main-header .mainHeadingSection {
  padding-right: 23px !important;
}

@media only screen and (max-width: 1208px) {
  .hidecontent {
    display: none !important;
  }
  .hidecontent.todaycontent.d-flex {
    display: none !important;
  }
  .mainHeadingSection {
    height: 45px !important;
  }
  .mainHeadingSection .reportpanelouter {
    display: grid;
    grid-template-columns: 55% 30% 15%;
  }
  .mainHeadingSection .reportpanelouter .leftsidesection {
    grid-template-columns: 30% 40% 25%;
  }
  .mainHeadingSection .reportpanelouter .leftsidesection .reportheading div.active::after {
    content: "";
    position: absolute;
    bottom: 0px;
    height: 2px;
    width: 24vh;
    background: #03002f;
    left: 12px;
  }
  .mainHeadingSection .reportpanelouter .addfundsection span:last-child {
    margin-left: 10px;
  }
  .mainHeadingSection .reportpanelouter .header-right-info .nav-link {
    padding: 0px 7px;
  }
  .mainHeadingSection .reportpanelouter .header-right-info .nav-link i {
    position: relative;
    top: 6px;
  }
}
.listviewheader .create-watchlist .watchlist-tabs.generic-tabs {
  width: 100%;
}
.listviewheader .create-watchlist .watchlist-tabs.generic-tabs .nav-tabs {
  flex-direction: column;
  height: 35px;
}
.listviewheader .create-watchlist .watchlist-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 10px 5px 5px 6px;
}
@media (min-width: 1023px) {
  .listviewheader .create-watchlist .ps-md-5 {
    padding-left: 12px !important;
  }
}

.modalwatchlist.common-modal-gray {
  background: rgba(68, 68, 68, 0.5);
  backdrop-filter: blur(2px);
}
.modalwatchlist.common-modal-gray .modal-dialog .modal-content .modal-header {
  background-color: #f2f2f5 !important;
}
.modalwatchlist.common-modal-gray .modal-dialog .modal-content .modal-header .modal-title {
  padding-left: 20px;
}

.listviewtab .nav-tabs .nav-link {
  margin-right: 15px !important;
}
.listviewtab .nav-tabs .nav-item {
  position: relative;
}
.listviewtab .nav-tabs .nav-item .remove-btn-props {
  position: absolute;
  right: 10px;
  top: 3px;
}
.listviewtab .nav-tabs .nav-item .remove-btn-props button .lock-icon.edel-icon-watchlist-briefcase {
  color: #727271;
  font-size: 0.563rem;
}

@media (min-width: 1240) and (max-width: 1318px) {
  .watchlistoutersection .watchlistmenuSection {
    display: grid;
    align-items: center;
    grid-template-columns: 45% 40% 15%;
  }
}
@media only screen and (max-width: 1240px) {
  .watchlistoutersection .watchlistmenuSection {
    display: grid;
    align-items: center;
    grid-template-columns: 75% 25%;
  }
  .watchlistoutersection .watchlistmenuSection div:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .watchlistoutersection .watchlistmenuSection div:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .watchlistoutersection .watchlistmenuSection div:nth-child(3) {
    grid-column: 2;
  }
}
body.ReactModal__Body--open .right-side-content {
  right: 5px;
  position: relative;
}
body.ReactModal__Body--open .listviewsectioninner .watchlist_table .table thead tr {
  padding-right: 4px;
}
body.ReactModal__Body--open .listviewheader #Id-sidebar {
  right: 5px;
  position: relative;
}

.reportpanelouter {
  display: grid;
  grid-template-columns: 50% 20% 30%;
  align-items: center;
}
.reportpanelouter .leftsidesection {
  display: grid;
  grid-template-columns: 45% 35% 15%;
}
.reportpanelouter .leftsidesection .reportheading {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.reportpanelouter .leftsidesection .reportheading .circlehighligh {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  color: #ffffff;
  background: #03002f;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
}
.reportpanelouter .header-right-info {
  justify-content: flex-end;
}
.reportpanelouter .header-right-info .nav-link {
  position: relative;
}
.reportpanelouter .header-right-info .nav-link .edel-icon-watchlist-menu {
  font-size: 1.25rem;
}
.reportpanelouter .header-right-info .nav-link i {
  color: #03002f;
  font-size: 1rem;
}
.reportpanelouter .header-right-info .nav-link .indicator-nt {
  height: 6px;
  width: 6px;
  background-color: #f83c3c;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: 28px;
}

.watchlistmenutab {
  position: relative;
}
.watchlistmenutab .nav-item.notification {
  position: relative;
}
.watchlistmenutab .nav-item.notification .nav-link::after {
  content: "\e962";
  font-family: "edel_icon" !important;
  position: absolute;
  top: 5px;
  font-size: 8px;
  color: #f83c3c;
}

.signup-box-watchlist {
  display: flex;
  align-items: center;
}
.signup-box-watchlist .signUp .logout-popup-drop {
  top: 40px !important;
  right: 15px !important;
}
.signup-box-watchlist .signUp li.category {
  padding-right: 15px !important;
}
.signup-box-watchlist .signUp li.category .sign-up-text {
  white-space: nowrap;
}

#holdings.watchlist .common-fixedbtm-btn {
  width: -webkit-fill-available;
}

.watchlist-orderbook .common-filter-sorting-ui .generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 17px !important;
}
.watchlist-orderbook .common-filter-sorting-ui .common-filter-section .all-filters {
  height: 100vh;
}
.watchlist-orderbook .common-filter-sorting-ui .common-filter-section .rightsidebar {
  max-height: 100vh !important;
}

.show-more-popup {
  background-color: #ffffff;
}

.settings-popup {
  min-height: 500px;
  max-height: 500px;
}
.settings-popup .settings-popup-content {
  scrollbar-width: none;
  border-radius: 5px;
  padding: 20px 0px 15px 0px;
}
.settings-popup .settings-popup-content.height-540 {
  height: 540px;
  overflow-y: scroll;
}
.settings-popup .settings-popup-content.height-600 {
  height: 600px;
  overflow-y: scroll;
  padding-bottom: 20px;
}
.settings-popup .settings-popup-content .add-padding {
  padding: 0px 15px;
}
.settings-popup .settings-popup-content .setting-text {
  padding: 20px 15px 15px 15px;
  border-top: 1px solid #e7e7e7;
}
.settings-popup .settings-popup-content .setting-clear {
  text-decoration-line: underline;
  font-feature-settings: "case" on;
}
.settings-popup .settings-popup-content .setting-sorting {
  border-radius: 5px;
  margin: 0 15px;
  padding: 15px;
}
.settings-popup .settings-popup-content .change-view {
  border-radius: 5px;
  margin: 10px 15px 20px 15px;
  padding: 8px 15px 15px 15px;
}
.settings-popup .settings-popup-content .change-view .title {
  padding-bottom: 12px;
}
.settings-popup .settings-popup-content .change-view .row .col i {
  margin: 0px 5px 0px 10px;
}
.settings-popup .settings-popup-content .change-view .row .col input {
  width: 16px;
  height: 16px;
  accent-color: #03002f;
}
.settings-popup .settings-popup-content .edit-duplicate i {
  font-size: 1rem;
  margin-right: 5px;
  font-weight: bold;
}

.watchlist-drawer.sortlist-desk .drawer-header {
  padding: 0px 0px 5px 0px;
}
.watchlist-drawer.sortlist-desk .drawer-header .sortname {
  font-size: 0.75rem;
}
.watchlist-drawer.sortlist-desk .drawer-header .ed_button.blue-link {
  background-color: unset;
}
.watchlist-drawer.sortlist-desk .edel-icon-round-circle {
  font-size: 0.438rem;
}
.watchlist-drawer.sortlist-desk .drawer-body .sortlist-body {
  border: none;
  cursor: pointer;
  padding: 5px 0px;
}
.watchlist-drawer.sortlist-desk .drawer-body .sortlist-body .sortlist-names {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
.watchlist-drawer.sortlist-desk .drawer-body .sortlist-body .sortlist-values {
  color: #727271;
}
.watchlist-drawer.sortlist-desk .drawer-body .sortlist-body.active-filter .sortlist-names,
.watchlist-drawer.sortlist-desk .drawer-body .sortlist-body.active-filter .sortlist-values {
  font-family: "DMSansBold" !important;
  color: #03002f !important;
}

.desk-highlights {
  border-top: 1px solid #e7e7e7;
}
.desk-highlights .todayshighlightouter.row {
  margin: 0;
}
.desk-highlights .todayshighlightouter.row .col-lg-12 {
  background-color: #f2f2f5;
}
.desk-highlights .todayshighlightouter.row .customaccordian.accordianSection.accordion {
  background-color: #f2f2f5;
}
.desk-highlights .todayshighlightouter.row .customaccordian.accordianSection.accordion .accordion-header .accordion-button {
  font-family: "DMSansBold";
  font-size: 0.875rem;
  padding: 15px;
}
.desk-highlights .todayshighlightouter.row .customaccordian.accordianSection.accordion .accordion-button:not(.collapsed) {
  background-color: #ffffff;
  box-shadow: none;
}
.desk-highlights .todayHigh-desc {
  display: flex;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
  margin-top: 5px;
}

.mob-highlights .customaccordian.accordianSection.accordion {
  background-color: #f2f2f5;
}
.mob-highlights .customaccordian.accordianSection.accordion .accordion-header .accordion-button {
  font-family: "DMSansBold";
  font-size: 0.875rem;
  padding: 15px;
}
.mob-highlights .customaccordian.accordianSection.accordion .accordion-button:not(.collapsed) {
  background-color: #ffffff;
}

.import-preset {
  padding: 16px 0px 0px 0px;
}
.import-preset .col {
  gap: 10px;
}
.import-preset .ed_button.midnight-blue-border.button {
  border: none;
  text-decoration: underline;
}

.deletewatchlistclass .drawer-body {
  padding-bottom: 0px !important;
  background-color: #ffffff;
}
.deletewatchlistclass .edel-icon-arrow-left {
  font-size: 1.563rem;
  position: relative;
}
.deletewatchlistclass.deletewatchlistclass-overwrite .pt-5 {
  padding-top: 20px !important;
}

.warningwatchlistclass .drawer-header .drawer-header-top {
  justify-content: center !important;
}
.warningwatchlistclass .drawer-body {
  padding-bottom: 0px !important;
}

.more-popup.popover,
.search-popup.popover {
  border-radius: 0px;
  min-width: 366px;
  box-shadow: 0px 4px 10px 0px #e7e7e7;
  filter: unset;
}
.more-popup.popover .popover-arrow::after,
.search-popup.popover .popover-arrow::after {
  top: 0px;
  border-width: 0 0.6rem 0.6rem 0.6rem;
  border-bottom-color: #fff;
  left: 40%;
}
.more-popup.popover .popover-arrow::before,
.search-popup.popover .popover-arrow::before {
  left: 40%;
}

.setting-popup.popover {
  border-color: #f2f2f5 !important;
  min-width: 384px;
  padding: 0px;
}
.setting-popup.popover .popover-arrow::after,
.setting-popup.popover .popover-arrow::before {
  border-bottom-color: #f2f2f5;
}

.search-popup.popover {
  min-width: 345px;
}
.search-popup.popover .popover-arrow {
  left: 0px;
  transform: translate(40px, 0px) !important;
}

.searchdata-popup .preset {
  border-radius: 0px;
}
.searchdata-popup .search-data-popup .adding.watchlist-scrips:first-child {
  border-top: none;
}

.search-no-data {
  z-index: 1;
}
.search-no-data .preset {
  border-radius: 0px;
}

.search-no-data.position-relative .preset {
  border-radius: 0px;
  border-width: 1px 1px 0px 1px;
}
.search-no-data.position-relative .search-watchlist-data {
  position: absolute;
  background: white;
  z-index: 1;
  width: -webkit-fill-available;
}

.pin-unpin-popup.show.popover {
  border-color: #03002f !important;
}
.pin-unpin-popup.show.popover .popover-arrow::before {
  border-bottom-color: #03002f !important;
}

.more-tooltip.show.popover {
  margin-left: 20px;
  border-color: #f4fafd !important;
}
.more-tooltip.show.popover .popover-arrow::after,
.more-tooltip.show.popover .popover-arrow::before {
  border-right-color: #f4fafd !important;
}

.gap-25 {
  gap: 25px;
}

.sidebarbar-pinunpinmsg .pin-unpin-popup {
  position: relative;
}
.sidebarbar-pinunpinmsg .pin-unpin-popup .pin-list {
  position: absolute;
  max-width: fit-content;
  right: 30%;
}

.borderbox-watchlist {
  max-height: 300px;
  overflow-y: scroll;
  position: absolute;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 0px 0px 5px 5px;
  z-index: 1000;
  margin: 0px 10px;
  border-width: 0px 1px 1px 1px;
  width: 98%;
}

@media (max-width: 768px) {
  .watchlist-script-inner .watchlist-scripts-div:last-child {
    padding-bottom: 70px;
  }
  .watchlist-script-inner.watchlist-scripts-div-padding {
    margin-bottom: 200px;
  }
}
#Id-main .tooltip-invisible {
  display: none;
}

.watchlistoutersection .search-data-popup .search-data-popup-listview {
  position: absolute;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 0px 0px 5px 5px;
  z-index: 1000;
  margin: 165px 0px 0px 10px;
  border-width: 0px 1px 1px 1px;
  width: 97%;
}
.watchlistoutersection .search-data-popup .search-data-popup-listview .watchlist-div-content {
  min-height: 300px;
  max-height: 500px;
  overflow-y: scroll;
}

.editwatchlistCard .listviewheader .search-data-popup .borderbox-watchlist {
  margin-top: 80px;
}
.editwatchlistCard .listviewheader .search-data-popup .borderbox-watchlist.borderbox-watchlist-focus {
  margin-top: 120px;
}

.import-preset.generic-popup-layout .popup-buttons {
  justify-content: space-between;
  padding: 15px 0px;
  border: none;
  gap: 10px;
}
.import-preset.generic-popup-layout .popup-buttons .midnight-blue-border.button {
  border: none !important;
}

.watchlist-container {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.watchlist-container .fixed-container {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10;
}
.watchlist-container .fixed-container .mob-header {
  height: auto;
  background-color: white;
}
.watchlist-container .fixed-container .create-watchlist {
  height: auto;
}
.watchlist-container .fixed-container .search-parent {
  height: auto;
  padding-bottom: 10px;
}
.watchlist-container .watchlist-script-inner {
  margin-top: calc(var(--market-height) + var(--tabs-height) + var(--search-height));
  width: 100%;
  height: auto;
  overflow-y: auto;
}
.watchlist-container .watchlist-script-inner .hide {
  overflow-y: hidden;
  height: 50px;
}
.watchlist-container .list-view {
  height: calc(100vh - (var(--preset-height) + var(--tabs-height) + var(--search-height)));
  width: 100%;
  overflow-y: auto;
}

.preset-list {
  max-height: 70vh;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .preset-list {
    max-height: calc(65vh - (var(--watchlist-drawer-header-height) + var(--watchlist-drawer-footer-height) + var(--watchlist-drawer-top-row-height)));
    padding-bottom: 0px;
  }
}

.create-watchlist {
  border-bottom: 1px solid #e7e7e7;
  padding-right: 3px;
  padding-left: 15px !important;
  --bs-gutter-x: 0;
}
.create-watchlist.desk-main {
  position: sticky;
  top: 0px;
  background-color: #ffffff;
  z-index: 1000;
}
.create-watchlist .watchlist-tabs-list ul {
  overflow-x: scroll;
  overflow-y: hidden;
}
.create-watchlist .watchlist-tabs-list ul::-webkit-scrollbar-thumb {
  background-color: #ffffff !important;
}
.create-watchlist .watchlist-tabs-list ul::-webkit-scrollbar-thumb:hover {
  background-color: #03002f !important;
}
.create-watchlist .watchlist-tabs-list ul button {
  text-wrap: nowrap;
}
.create-watchlist .watchlist-tabs-list.generic-tabs .nav-tabs .nav-item:first-child {
  padding-left: 5px;
}
.create-watchlist .watchlist-tabs-list.generic-tabs .nav-tabs .nav-item .nav-link {
  display: flex;
  padding: 11px 0px 5px 0px;
  margin: 0px 16px;
}
.create-watchlist .watchlist-tabs-list.generic-tabs .nav-tabs .nav-item .nav-link:first-child {
  margin-left: 0px;
}
.create-watchlist .watchlist-tabs-list.generic-tabs .nav-tabs .nav-item .nav-link.active {
  border-bottom: 4px solid #03002f !important;
  padding-left: 0px;
  padding-right: 0px;
}
.create-watchlist .watchlist-tabs-list.generic-tabs .nav-tabs .nav-item:last-child .nav-link.active {
  margin-right: 50px;
}
@media (min-width: 1023px) {
  .create-watchlist .watchlist-tabs-list ul {
    flex-wrap: nowrap !important;
  }
}
.create-watchlist .watchlist-tabs.generic-tabs {
  position: relative;
  top: 6px;
  scrollbar-width: none;
}
.create-watchlist .watchlist-tabs.generic-tabs .nav-tabs {
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: scroll;
  height: 35px;
  scrollbar-width: none;
}
@media (min-width: 768px) {
  .create-watchlist .watchlist-tabs.generic-tabs .nav-tabs {
    height: 40px;
  }
}
@media (min-width: 1023px) {
  .create-watchlist .watchlist-tabs.generic-tabs .nav-tabs {
    height: 39px;
  }
}
.create-watchlist .watchlist-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  padding: 10px 5px 9px 6px;
  margin-right: 10px;
}
@media (max-width: 1023px) {
  .create-watchlist .watchlist-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
    padding: 7px 4px 7px 6px;
  }
}
.create-watchlist .watchlist-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
  font-family: "DMSansMedium";
  color: #03002f;
  border-bottom: 2px solid #03002f;
}
.create-watchlist .watchlist-tabs.generic-tabs .nav-tabs .nav-item .nav-link.suffix {
  margin-top: 9px;
  padding-bottom: 0px;
}
@media (max-width: 1023px) {
  .create-watchlist .watchlist-tabs.generic-tabs .nav-tabs .nav-item .nav-link.suffix {
    margin-top: 6px;
    padding-bottom: 0px;
  }
}
.create-watchlist .watchlist-tabs.generic-tabs .nav-tabs::-webkit-scrollbar {
  display: none;
}
.create-watchlist .accordion-button.watchlist {
  padding: 0;
  border-radius: 5px;
}
.create-watchlist .accordion-button.collapsed.watchlist {
  height: 30px;
  width: 30px;
  margin-top: -3px;
}
.create-watchlist .accordion-button.collapsed.watchlist::after {
  height: 30px;
  width: 30px;
  background-color: #f2f2f5;
  color: #03002f;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-watchlist .accordion-button:not(.collapsed)::after {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-watchlist .watchlist-search .common-search-bar input {
  font-family: "DMSansNormal";
}
@media (min-width: 326px) and (max-width: 430px) {
  .create-watchlist.search-docked-watchlist-tabs {
    top: 0px !important;
  }
}
@media (max-width: 768px) {
  .create-watchlist.search-docked-watchlist-tabs {
    position: relative;
  }
}
.create-watchlist.docked-watchlist-tabs {
  width: 100%;
  background: #ffffff;
  z-index: 2;
  right: 0;
}
@media (max-width: 325px) {
  .create-watchlist.docked-watchlist-tabs {
    top: 120px;
  }
}
@media (min-width: 326px) and (max-width: 430px) {
  .create-watchlist.docked-watchlist-tabs {
    top: 120px;
  }
}
.create-watchlist.docked-watchlist-tabs .nav.nav-tabs {
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: scroll;
  height: 35px;
}
.create-watchlist.docked-watchlist-tabs.search {
  top: 0px;
}

.dock-search {
  position: sticky;
  top: 56px;
  background-color: #ffffff;
  z-index: 1;
  padding-top: 1px;
}
.dock-search .search-toptabs-block {
  margin-block: 10px;
  gap: 5px !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.dock-search .search-toptabs-block .search-nosplit-block {
  padding-inline: 10px;
}

.toaster-wrapper .toast-container {
  position: fixed !important;
}

.watchlist-main .search-setting {
  gap: 10px;
}
.watchlist-main .search-setting .settings-icon {
  width: 50px;
  height: 50px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .watchlist-main.docked-search-focus {
    position: relative;
  }
}
.watchlist-main.docked-search {
  margin: 0;
  padding: 15px;
  width: 100%;
  background: #ffffff;
  left: 0;
  z-index: 2;
}
.watchlist-main.docked-search.no-search {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.watchlist-main.docked-search.search {
  top: 60px;
}

.dock-preset {
  position: fixed;
  top: 165px;
  background: #ffffff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  width: 100%;
}
.dock-preset .preset {
  padding-top: 10px;
}
@media (max-width: 325px) {
  .dock-preset {
    top: 204px;
  }
}
@media (min-width: 326px) and (max-width: 430px) {
  .dock-preset {
    top: 195px;
  }
}
.dock-preset.search {
  top: 132px;
}

.watchlist-orderbook-scrips {
  border-bottom: none !important;
}
.watchlist-orderbook-scrips .edel-icon-refresh {
  line-height: 1.7;
}
.watchlist-orderbook-scrips .edel-icon-bold-close {
  color: #03002f;
}
.watchlist-orderbook-scrips .layers-icon-buttons .btn-primary {
  border: 1px solid #03002f !important;
}

.watchlist-scrips {
  border-bottom: 1px solid #e7e7e7;
}
.watchlist-scrips.bg_blue-light_bg .value-col,
.watchlist-scrips.bg_blue-light_bg .labels-col .hover-col {
  padding: 10px 15px 10px 10px;
}
.watchlist-scrips.watchlist-third-col.bg_blue-light_bg .value-col,
.watchlist-scrips.watchlist-third-col.bg_blue-light_bg .labels-col,
.watchlist-scrips.watchlist-third-col.bg_blue-light_bg .hover-col {
  padding: 10px 15px 0px 10px;
}
.watchlist-scrips .value-col {
  line-height: 140%;
  padding: 11px 15px;
}
.watchlist-scrips .labels-col {
  padding-right: 0px;
}
@media (max-width: 768px) {
  .watchlist-scrips .labels-col {
    display: flex;
    align-items: flex-start;
    padding: 10px 15px;
    line-height: 140%;
  }
}
@media (min-width: 768px) {
  .watchlist-scrips .labels-col {
    padding: 10px 15px;
  }
}
.watchlist-scrips .labels-col .d-flex .edel-icon-pin-large {
  margin-right: 5px;
}
.watchlist-scrips .index-label {
  margin: 0 5px;
}
.watchlist-scrips .indicator {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0.1px solid #03002f;
  margin-right: 5px;
}
.watchlist-scrips .more-options i {
  padding: 0px 5px;
  font-size: 0.375rem;
}

.watchlist-text {
  padding: 20px 20px 0px 15px;
}

.your-watchlist {
  padding: 20px;
}
.your-watchlist .col div {
  margin-bottom: 15px;
}
.your-watchlist .col div i {
  font-size: 1.5rem;
}

.create-new {
  padding: 60px 15px;
}
.create-new .name {
  padding: 0px 0px 10px 0px;
}
.create-new .validation-tag {
  padding-top: 10px;
}

.watchlist-tooltip button,
.watchlist-tooltip button:hover,
.watchlist-tooltip button:active {
  padding: 0;
  background: #f2f2f5;
  border-radius: 5px;
  height: 30px;
  width: 30px;
  border-color: #f2f2f5;
}
.watchlist-tooltip button i,
.watchlist-tooltip button:hover i,
.watchlist-tooltip button:active i {
  color: #03002f;
  font-size: 0.875rem;
}
.watchlist-tooltip button .edel-icon-tick:before,
.watchlist-tooltip button:hover .edel-icon-tick:before,
.watchlist-tooltip button:active .edel-icon-tick:before {
  font-size: 1.75rem;
}

.watchlist-innertooltip.bs-tooltip-top .tooltip-inner {
  background-color: #51b255;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 16px;
}
.watchlist-innertooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #51b255;
}

@media (max-width: 768px) {
  .wl-innertooltip.bs-tooltip-top .tooltip-inner {
    display: none;
  }
  .wl-innertooltip.bs-tooltip-top .tooltip-arrow::before {
    display: none;
  }
}

.adding.watchlist-scrips {
  border-top: 1px solid #e7e7e7;
  border-bottom: 0;
}
.adding.watchlist-scrips.watchlist-scrips {
  border-bottom: 1px solid #e7e7e7 !important;
}
.adding.watchlist-scrips .description-label {
  margin: 5px 0px 10px 0px;
}
.adding.watchlist-scrips .description-label.name {
  font-size: 0.625rem !important;
  font-family: "DMSansNormal" !important;
}
@media screen and (min-width: 1023px) {
  .adding.watchlist-scrips .description-label {
    margin: 5px 0px 0px 0px;
  }
}
.adding.watchlist-scrips .tooltip-col {
  padding-right: 15px;
}

.preset {
  cursor: pointer;
}
.preset i {
  font-size: 1.125rem;
}
@media screen and (min-width: 1023px) {
  .preset {
    border: 1px solid #e7e7e7;
    border-radius: 0px 0px 5px 5px;
    border-width: 0px 1px 1px 1px;
    padding: 10px;
    margin: 0px 10px 0px 10px;
  }
}

.add-stocks {
  padding: 60px 0px;
  margin-bottom: -1px;
}
.add-stocks i {
  font-size: 2.625rem;
  padding-bottom: 23px;
}
@media screen and (min-width: 1023px) {
  .add-stocks {
    padding: 0px;
    height: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.create-buttons {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 15px;
  box-shadow: 0px 4px 17px rgba(60, 60, 60, 0.11);
  gap: 26px;
  justify-content: center;
  display: flex;
  background-color: #ffffff;
}
.create-buttons .ed_button.button {
  width: 45%;
}
.create-buttons .ed_button.button.watchlist-borderbtn {
  text-underline-offset: 3px;
  text-decoration: underline;
}
.create-buttons.add-stock {
  width: 25.614%;
}
.create-buttons.add-stock .ed_button.button {
  padding: 10px 30px;
}
.create-buttons.add-stock .ed_button.button.watchlist-borderbtn {
  text-decoration: none;
}
.create-buttons.add-stock-list {
  padding: 15px 20px;
  left: 0;
}
.create-buttons.add-stock-list .ed_button.button {
  padding: 10px 50px;
  width: auto;
}

.preset-mob {
  padding: 20px 15px 15px 15px;
}

.preset-stocks .selectstock-sec {
  padding: 16px;
}

.watchlist-main.search-preset {
  margin: 10px 10px 0px 10px;
  border: 1px solid #e7e7e7;
  border-radius: 5px 5px 0px 0px;
  border-width: 1px 1px 0px 1px;
}
.watchlist-main.search-preset .common-search-bar {
  border-radius: 0px;
}

@media screen and (min-width: 1024px) {
  .create-watchlist {
    padding-right: 0px;
    margin: 0 !important;
  }
  .create-watchlist .watchlist-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
    font-size: 0.75rem;
  }
  .create-watchlist .setting-accordion {
    gap: 5px;
    padding-right: 10px;
    align-items: center;
  }
  .create-watchlist .setting-accordion .accordion-button.collapsed.watchlist {
    margin-top: 0px;
  }
  .create-watchlist .setting-accordion button {
    padding: 0;
    border: none;
    background-color: unset !important;
  }
  .watchlist-main {
    margin-inline: 10px;
  }
  .watchlist-main.list-view-search {
    margin-block: 10px;
  }
  .watchlist-main .watchlist-search .common-search-bar.brd-5 {
    border-radius: 5px 5px 0px 0px;
  }
  .watchlist-main .watchlist-search .common-search-bar .edel-icon-search1 {
    padding-left: 10px;
  }
  .watchlist-main .watchlist-search .common-search-bar input {
    font-size: 0.875rem;
    padding: 11.5px 10px;
    color: #03002f !important;
  }
  .watchlist-main .watchlist-search .common-search-bar.open-search .edel-icon-close {
    padding-right: 14px;
  }
  .watchlist-scrips {
    cursor: pointer;
  }
  .watchlist-scrips .hover-col {
    display: flex;
    gap: 10px;
    padding: 14px 10px;
    align-items: center;
  }
  .watchlist-scrips .hover-col div {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .watchlist-scrips .hover-col div.div-box {
    height: 30px;
    width: 30px;
  }
  .watchlist-scrips .hover-col .accordion-button.collapsed.watchlist::after {
    background-color: #ffffff;
    color: #03002f;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .watchlist-scrips .hover-col .scrip-accordion .btn.btn-primary {
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    width: 30px;
    height: 30px;
  }
  .watchlist-scrips .hover-col .accordion-button.watchlist:not(.collapsed)::after {
    background-color: #ffffff;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .watchlist-scrips .hover-col .accordion-button.watchlist {
    padding: 0px;
  }
  .desk-tooltips {
    pointer-events: none;
    width: max-content !important;
    filter: none;
    box-shadow: none;
  }
  .desk-tooltips .tooltip-inner {
    border-radius: 5px;
    color: #03002f;
    font-family: "DMSansNormal";
    font-size: 0.75rem;
    background-color: #ffffff;
    display: inline-block;
    position: relative;
    text-align: left;
    border: 1px solid #03002f;
    padding: 5px 10px;
    margin: 0 0 7px 0;
  }
  .desk-tooltips .tooltip-arrow {
    display: none !important;
  }
  .desk-tooltips .tooltip-inner::before,
  .desk-tooltips .tooltip-inner::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
  }
  .desk-tooltips .tooltip-inner::after {
    right: calc(50% - 8px);
    border-color: #ffffff transparent transparent transparent;
    border-width: 8px 8px;
  }
  .desk-tooltips .tooltip-inner::before {
    right: calc(49% - 8px);
    border-color: #03002f transparent transparent transparent;
    border-width: 9px;
  }
  .desk-tooltips.positions {
    inset: auto auto -16px 0px !important;
  }
  .accordion-button.watchlist:not(.collapsed)::after {
    color: #03002f;
    background-color: #f2f2f5;
  }
  .your-watchlist-desk {
    padding: 20px 15px;
    border-bottom: 1px solid #e7e7e7;
  }
  .your-watchlist-desk .d-flex.col {
    cursor: pointer;
  }
  .your-watchlist-desk .d-flex.col div {
    display: flex;
    align-items: center;
  }
  .your-watchlist-desk .d-flex.col div i {
    font-size: 0.875rem;
    margin-right: 5px;
  }
  .desk.settings-icon {
    width: 30px;
    height: 30px;
    border-radius: 5px;
  }
  .tooltop-content {
    width: max-content !important;
  }
}
.layers-icon-button .edel-icon-layers {
  color: #444444;
}

.blur-scrips {
  pointer-events: none;
  background: #ffffff;
  opacity: 0.45;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.blur-scrips.hide_scripts {
  opacity: 0;
}

.editwatchlistCard .create {
  max-height: 350px;
  overflow-y: scroll;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.editwatchlistCard .create .editwatchlistDiv.create-drag {
  padding: 15px;
}

.lock-icon {
  position: relative;
  top: -10px;
  margin-left: 5px;
  color: #727271;
  font-size: 0.563rem;
}

.search-watchlist-data {
  padding: 20px;
  border: 1px solid #e7e7e7;
  border-width: 0px 1px 1px 1px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin: 0px 10px;
}

.watchlist-inner > div:first-child > div:first-child > div {
  height: fit-content !important;
}
.watchlist-inner > div:first-child .watchlist-scrips {
  border-top: 1px solid #e7e7e7;
}
.watchlist-inner > div:last-child {
  padding-bottom: 50px;
}
@media (max-width: 768px) {
  .watchlist-inner > div:last-child .watchlist-scrips {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .mob-watchlist {
    max-height: 100vh;
    overflow-y: scroll;
  }
}
.your-watch-list {
  background-color: #f2f2f5;
}

.your-watch-list.__content {
  padding: 0px;
}
.your-watch-list.__content .drawer-header {
  background-color: #f2f2f5;
  position: absolute;
  width: 100%;
  top: 1rem;
  min-height: 3rem;
  z-index: 2;
  padding: 10px 21px 25px 15px !important;
}
.your-watch-list.__content .drawer-body {
  position: relative;
  top: 2rem;
  background-color: #ffffff;
}
.your-watch-list.__content .drawer-body .draw-head {
  position: sticky;
  width: 100%;
  background-color: #ffffff;
  top: 3rem;
  z-index: 1;
  margin: 0px !important;
}

.isin-tag {
  margin: 5px 10px;
}
.isin-tag .suspendedTag {
  background-color: #fff6f6 !important;
  border-radius: 5px;
}

.bg_green-buy .btn-primary {
  background-color: #51b255 !important;
}

.bg_bloodRed-sell .btn-primary {
  background-color: #dd504d !important;
}

.watchlist-tabs-list-listview {
  overflow: scroll;
}

@media (max-width: 768px) {
  #draggable-list {
    overflow-x: hidden;
    touch-action: pan-y;
  }
}
.draggable-item.dragging {
  opacity: 0.5;
  background-color: #e0e0e0;
  cursor: grabbing;
}

.your-watch-list .drawer-body {
  padding-bottom: 10px;
}

.drag-and-drop-wrapper .edel-icon-trash {
  color: #dd504d;
}
.drag-and-drop-wrapper .icon-content-wrappar {
  display: flex;
  flex-direction: column;
  cursor: grab;
  padding-right: 8px;
  align-items: center;
}
.drag-and-drop-wrapper .icon-content-main {
  width: 15px;
  height: 2px;
  background-color: #727271;
  margin: 1px 0;
}
.drag-and-drop-wrapper .icon-content {
  color: #292929;
}

.drop-and-drop-inside #draggable-list {
  list-style-type: none;
  padding: 0;
  width: auto;
  max-height: auto;
  overflow-y: auto;
  list-style-type: none;
  width: 100%;
}
.drop-and-drop-inside .draggable-item {
  padding: 10px;
  padding: 10px;
  cursor: default;
  align-items: center;
  border-bottom: 1px solid rgba(231, 231, 231, 0.9058823529);
}

.editwatchlistCard-weapper #draggable-list {
  list-style-type: none;
  padding-inline: 0;
  width: 200px;
  list-style-type: none;
  width: 100%;
}
.editwatchlistCard-weapper #draggable-list.loader {
  min-height: 350px;
}
.editwatchlistCard-weapper .draggable-item {
  padding: 10px;
  margin: 5px 0;
  padding: 10px;
  margin-bottom: 5px;
  cursor: default;
  align-items: center;
  border-bottom: 1px solid rgba(231, 231, 231, 0.9058823529);
}
.editwatchlistCard-weapper .draggable-item .icon-content {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  text-transform: capitalize;
  color: #444444;
}

@media (min-resolution: 1.25dppx) {
  .watchlistoutersection .watchlist-listview-header .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set {
    left: 20px !important;
  }
  .watchlistoutersection .watchlist-listview-header .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set.exit-watchlist .tooltip-inner::after {
    left: 80% !important;
  }
  .watchlistoutersection .watchlist-listview-header .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set.exit-watchlist .tooltip-inner::before {
    left: 80% !important;
  }
}
@media (min-resolution: 1.5dppx) {
  .watchlistoutersection .watchlist-listview-header .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set {
    left: -20px !important;
  }
  .watchlistoutersection .watchlist-listview-header .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set.exit-watchlist .tooltip-inner::after {
    left: 80% !important;
  }
  .watchlistoutersection .watchlist-listview-header .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set.exit-watchlist .tooltip-inner::before {
    left: 80% !important;
  }
}
.watchlistoutersection .watchlist-listview-header .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set.exit-watchlist .tooltip-inner::after {
  left: 80% !important;
}
.watchlistoutersection .watchlist-listview-header .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set.exit-watchlist .tooltip-inner::before {
  left: 80% !important;
}

.watchlist-without-listview .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set {
  /* Common styles for .exit-watchlist */
}
.watchlist-without-listview .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set.exit-watchlist .tooltip-inner::after, .watchlist-without-listview .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set.exit-watchlist .tooltip-inner::before {
  left: 80% !important;
}
.watchlist-without-listview .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set {
  /* Media Queries for different screen resolutions */
}
@media (min-resolution: 1dppx) {
  .watchlist-without-listview .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set.exit-watchlist {
    left: -61px !important;
  }
}
@media (min-resolution: 1.25dppx) {
  .watchlist-without-listview .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set.exit-watchlist {
    left: -3.1rem !important;
  }
}
@media (min-resolution: 1.5dppx) {
  .watchlist-without-listview .search-data-popup.search-data-popup-listview .desk-tooltips.watchlist-desk-tooltip-set.exit-watchlist {
    left: -3.125rem !important;
  }
}

.zoom-out-112 .watchlistoutersection .watchlist-listview-header .search-data-popup.search-data-popup-listview .desk-tooltips {
  left: 20px !important;
}
.zoom-out-112 .watchlist-without-listview .search-data-popup.search-data-popup-listview .desk-tooltips.exit-watchlist {
  left: -30px !important;
}
.zoom-out-112 .desk-tooltips.additional-details-tab-tootltip .tooltip-inner {
  left: 20px !important;
}

.zoom-out-113 .watchlistoutersection .watchlist-listview-header .search-data-popup.search-data-popup-listview .desk-tooltips {
  left: 25px !important;
}
.zoom-out-113 .watchlist-without-listview .search-data-popup.search-data-popup-listview .desk-tooltips.exit-watchlist {
  left: -30px !important;
}
.zoom-out-113 .desk-tooltips.additional-details-tab-tootltip .tooltip-inner {
  left: 25px !important;
}
.zoom-out-113 .WatchlistOrderbookCTA-section-4 .desk-tooltips.additional-details-tab-tootltip.last-additional-deatils .tooltip-inner {
  left: 35px !important;
}

.zoom-out-135 .watchlistoutersection .watchlist-listview-header .search-data-popup.search-data-popup-listview .desk-tooltips {
  left: -20px !important;
}
.zoom-out-135 .watchlist-without-listview .search-data-popup.search-data-popup-listview .desk-tooltips.exit-watchlist {
  left: -50px !important;
}
.zoom-out-135 .desk-tooltips.additional-details-tab-tootltip .tooltip-inner {
  left: -20px !important;
}

.zoom-out-120 .watchlistoutersection .watchlist-listview-header .search-data-popup.search-data-popup-listview .desk-tooltips {
  left: -20px !important;
}
.zoom-out-120 .watchlist-without-listview .search-data-popup.search-data-popup-listview .desk-tooltips.exit-watchlist {
  left: -65px !important;
}
.zoom-out-120 .desk-tooltips.additional-details-tab-tootltip .tooltip-inner {
  left: -20px !important;
}

.overflow-hidden-react {
  overflow: auto !important;
}
.overflow-hidden-react::-webkit-scrollbar {
  width: 20px;
}

.overflow-auto-react::-webkit-scrollbar {
  width: 20px;
}
.overflow-auto-react::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
}
.overflow-auto-react::-webkit-scrollbar-track {
  background: #e5e5e5;
}

.watchlistdesk-section .stock-details-overlayblock {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.watchlistdesk-section .stock-details-overlayblock.push_back {
  z-index: -1 !important;
}
.watchlistdesk-section .stock-details-overlayblock .cd-panel {
  /*...*/
  visibility: hidden;
  transition: visibility 0s 0.6s;
}
.watchlistdesk-section .stock-details-overlayblock .cd-panel.cd-panel--is-visible {
  visibility: visible;
  display: block;
  transition: visibility 0s 0s;
  box-shadow: -5px 0px 16px 5px #e7e7e7;
  height: inherit;
}
.watchlistdesk-section .stock-details-overlayblock .cd-panel__header {
  /*...*/
  transition: transform 0.3s 0s 0.3;
  transform: translate3d(100%, 0, 0);
}
.watchlistdesk-section .stock-details-overlayblock .cd-panel--is-visible .cd-panel__header {
  transition: transform 0.3s 0.3s;
  transform: translate3d(0, 0, 0);
  transition-delay: 0s;
  background: #f2f2f5;
  font-family: "DMSansNormal";
  background-color: #f2f2f5;
}
.watchlistdesk-section .stock-details-overlayblock .cd-panel__container {
  /*...*/
  transition: transform 0.3s 0.3s;
  max-height: 100vh;
  overflow-y: scroll;
}
.watchlistdesk-section .stock-details-overlayblock .cd-panel--from-right .cd-panel__container {
  transform: translate3d(100%, 0, 0);
}
.watchlistdesk-section .stock-details-overlayblock .cd-panel--from-left .cd-panel__container {
  transform: translate3d(-100%, 0, 0);
}
.watchlistdesk-section .stock-details-overlayblock .cd-panel--is-visible .cd-panel__container {
  transform: translate3d(0, 0, 0);
  transition-delay: 0s;
}
.watchlistdesk-section .stock-details-overlayblock .toc-sliding-pane .watchlist-stock-details .sliding-heading {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.watchlistdesk-section .stock-details-overlayblock .toc-sliding-pane .watchlist-stock-details .marqueeTable-block {
  overflow-x: hidden !important;
}

.create-new-watchlist .drawer-body {
  min-height: 200px;
}

#Id-search {
  margin-bottom: 10px;
}

@media (max-width: 1680px) {
  .WatchlistOrderbookCTA-section-4 .desk-tooltips.additional-details-tab-tootltip.last-additional-deatils .tooltip-inner {
    left: 15px;
  }
}
.wrapper-main {
  position: relative;
}
@media (min-width: 992px) {
  .wrapper-main .col-lg-3 {
    width: 28.614%;
  }
  .wrapper-main .col-lg-9.listviewsectionouter {
    width: 75% !important;
  }
  .wrapper-main .col-lg-9 {
    width: 71.386%;
  }
}
.wrapper-main .position-fixed {
  position: fixed;
  top: 0px;
  background-color: #ffffff;
  z-index: 999;
}
.wrapper-main .position-fixed .stockvalueSection {
  height: 66px !important;
  display: grid;
  align-items: center;
  padding: 0px 0px 0px 23px;
}
.wrapper-main .position-fixed .stockvalueSection.headersectionleft {
  padding: 0px 20px 0px 23px;
  border-bottom: 1px solid #e7e7e7;
}
.wrapper-main .position-fixed .stockvalueSection.headersectionleft .displayFlex.stockValues {
  justify-content: space-between;
}
.wrapper-main .position-fixed .stockvalueSection.headersectionleft .displayFlex.stockValues .main-stock-values span {
  margin-right: 3px;
}
.wrapper-main .position-fixed .stockvalueSection p {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
}
.wrapper-main .position-fixed .stockvalueSection span {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
}
.wrapper-main .main-header {
  background-color: #ffffff;
  z-index: 6;
  position: fixed;
  margin-left: 28.614%;
}
.wrapper-main .main-header.listview {
  top: 46px;
}
.wrapper-main .main-header.z-index-1 {
  z-index: 11;
}
.wrapper-main .main-header .mainHeadingSection {
  height: 66px !important;
  border: 1px solid #e7e7e7;
  border-top: none !important;
  border-right: none !important;
  border-left: none;
  display: grid;
  align-items: center;
  padding: 0px 0px 0px 23px;
  background-color: #ffffff;
}
.wrapper-main .main-sidebar {
  height: 100vh;
  min-height: 100%;
  top: 0;
  display: block;
  padding-left: 30px;
}
.wrapper-main .main-sidebar .stockvalueSection {
  padding-left: 30px;
  border-right: 1px solid #e7e7e7;
}
.wrapper-main .main-sidebar .sidebar {
  overflow-y: scroll;
}
.wrapper-main .main-sidebar .sidebar.watchlist {
  overflow: hidden !important;
}
.wrapper-main .main-sidebar .sidebar {
  height: calc(100% - (3.5rem + 1px));
  overflow-x: hidden;
  margin-left: 30px;
  border-right: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
}
.wrapper-main .main-sidebar .displayFlex.stockValues {
  border-left: 1px solid #e7e7e7;
  padding: 10px;
  gap: 5px;
  justify-content: space-between;
}
.wrapper-main .main-sidebar .displayFlex.stockValues .main-stock-values span {
  margin-right: 5px;
  font-size: 0.875rem;
}
.wrapper-main .main-sidebar .displayFlex.stockValues .main-stock-values p {
  font-size: 0.75rem;
}
.wrapper-main .content-wrapper {
  height: 100%;
  margin-top: calc(4rem + 1px);
  padding-bottom: calc(6.5rem + 1px);
}

.docked-tabs {
  position: relative !important;
}

.layout-fixed .sidebar {
  height: calc(100vh - (3.5rem + 1px));
}
.layout-fixed .main-sidebar {
  bottom: 0;
  float: none;
  left: 0;
  position: fixed;
}
.layout-fixed .content-wrapper {
  transition: margin-left 0.3s ease-in-out;
  margin-left: 28.614%;
}

.mob-header {
  padding: 10px 6px;
  border: 1px solid #e7e7e7;
  border-width: 1px 0px;
}
.mob-header.docked-head {
  position: fixed;
  top: 64px;
  background: #ffffff;
  z-index: 10;
  width: 100%;
}
.mob-header .displayFlex.stockValues {
  background-color: #ffffff;
  line-height: 140%;
  display: flex;
  justify-content: space-between;
}
.mob-header .displayFlex.stockValues .main-stock-values {
  display: flex;
  gap: 3px;
}
@media (max-width: 430px) {
  .mob-header .displayFlex.stockValues .main-stock-values {
    display: inline-block;
  }
  .mob-header .displayFlex.stockValues .main-stock-values span {
    margin-right: 3px;
  }
}

.top-position-extra-sh.watchlistdesk-section .main-header {
  top: 95px !important;
}
.top-position-extra-sh.watchlistdesk-section .main-sidebar {
  top: 100px !important;
}
.top-position-extra-sh.watchlistdesk-section .chartmainsection .iframeoutersection {
  height: 440px;
}
.top-position-extra-sh.watchlistdesk-section .position-fixed.global-stock-content {
  top: 95px;
}
.top-position-extra-sh #Id-main .settings-popup .settings-popup-content.height-600 {
  height: 500px;
}
.top-position-extra-sh .listviewsectionouter .listviewheader.docked-position.list {
  top: 150px;
}

@media (min-width: 992px) {
  .watchlistdesk-section #Id-main .content-wrapper.col-width-content.col-lg-6 {
    width: calc(100% - var(--chart-width));
  }
}
@media (min-resolution: 1.25dppx) {
  .setting-popup .popover-arrow {
    left: 13px !important;
  }
}
@media (min-resolution: 1.5dppx) {
  .setting-popup .popover-arrow {
    left: -15px !important;
  }
}

@media (min-resolution: 1.25dppx) {
  .more-popup .popover-arrow {
    left: 5px !important;
  }
}
@media (min-resolution: 1.5dppx) {
  .more-popup .popover-arrow {
    left: -20px !important;
  }
}

@media (min-resolution: 1.25dppx) {
  .right-side-content .setting-popup .popover-arrow {
    left: 0px !important;
  }
}
@media (min-resolution: 1.5dppx) {
  .right-side-content .setting-popup .popover-arrow {
    left: -8px !important;
  }
}
@media (min-resolution: 1.25dppx) {
  .right-side-content .more-popup .popover-arrow {
    left: 0px !important;
  }
}
@media (min-resolution: 1.5dppx) {
  .right-side-content .more-popup .popover-arrow {
    left: -12px !important;
  }
}

.watchlist .position-report-revamp-main .holding-slider-button-watchlist-style .holding-watchlist-ui {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px !important;
}
.watchlist .position-report-revamp-main .holding-slider-button-watchlist-style .holding-watchlist-ui::after {
  margin-left: 0px;
}
.watchlist .holding-slider-button-watchlist-style .holding-watchlist-ui {
  width: 30px !important;
}
.watchlist .holding-slider-button-watchlist-style .holding-watchlist-ui::after {
  margin-left: 0px;
}

.wrapper-main.watchlistdesk-section #Id-main.right-side-content .main-sidebar .stockvalueSection .common-stock .main-stock-values div p.script-name.DMSanB_12_700 {
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
  color: #727271 !important;
}
.wrapper-main.watchlistdesk-section #Id-main.right-side-content .main-sidebar .stockvalueSection .common-stock .main-stock-values .ltp-value {
  font-size: 0.875rem !important;
  font-family: "RobotoRegular" !important;
}
.wrapper-main.watchlistdesk-section #Id-main.right-side-content .main-sidebar .stockvalueSection .common-stock .main-stock-values .ltp-change-price,
.wrapper-main.watchlistdesk-section #Id-main.right-side-content .main-sidebar .stockvalueSection .common-stock .main-stock-values .ltp-change-per {
  font-size: 0.75rem !important;
  font-family: "RobotoMedium" !important;
}
.wrapper-main.watchlistdesk-section .support-drop {
  top: 125px !important;
  right: 1%;
}
.wrapper-main.watchlistdesk-section .support-drop .drawer-body::after {
  right: 8%;
}

.listviewsectionouter {
  margin-left: 0px !important;
}
.listviewsectionouter .watchlistoutersection .add-stocks {
  min-height: 400px;
}
.listviewsectionouter .listviewheader.docked-position {
  position: fixed;
  top: 66px;
  padding: 20px 20px 10px 0px;
  background-color: #ffffff;
  z-index: 100;
  width: 100%;
  left: 0px;
  right: 0px;
  padding: 20px 20px 10px 17px;
  margin: 0;
}
.listviewsectionouter .listviewheader.docked-position.list {
  position: fixed;
  width: 100% !important;
  z-index: 7;
  top: 65px !important;
  padding: 0px !important;
}
.listviewsectionouter .listviewheader.docked-position .drag-drop.watchlist-tabs.generic-tabs .nav-tabs .nav-item .nav-link.suffix {
  margin-top: 9px;
  padding-bottom: 0px;
}
.listviewsectionouter .listviewheader.docked-position .list-view-tab {
  border-bottom: 1px solid #e7e7e7;
}
.listviewsectionouter .listviewheader .search-col {
  margin-left: 13%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.spacing {
  padding: 70px 30px 0px 30px;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.EditwatchlistTable .editwatchlistDivTable span {
  display: none;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.EditwatchlistTable .editwatchlistDivTable tr {
  display: inline-table;
  width: 100%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.EditwatchlistTable .editwatchlistDivTable tr td .listviewftd {
  display: grid;
  grid-template-columns: 90% 10%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.EditwatchlistTable thead tr {
  display: inline-table;
  width: 100%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #e7e7e7;
  border-width: 1px 1px 0px 1px;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table thead th {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #727271;
  padding: 12px 20px;
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table thead th:not(th:first-child) .title {
  justify-content: end;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table thead th:not(th:first-child) {
  text-align: end;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table tbody td {
  font-size: 0.875rem;
  font-family: "RobotoRegular";
  color: #444444;
  padding: 12px 20px;
  border: none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0px;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table tbody td:not(td:first-child) .title {
  justify-content: end;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table tbody td:not(td:first-child) {
  text-align: end;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table tbody td .listviewftd {
  justify-content: center;
  align-items: center;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table tbody td .listviewftd .listview-scrips {
  border: none !important;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table tbody td .listviewftd .listview-scrips .index-label {
  position: relative;
  left: 5px;
  top: -2px;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table tbody td .listviewftd .edel-icon-pin-large {
  margin-right: 10px;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table tbody td .listviewftd .edel-icon-trash {
  color: #dd504d;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table tbody td .listviewftd .edel-icon-move {
  font-size: 0.5rem;
  position: relative;
}
.listviewsectionouter .listviewsectioninner .watchlist_table table tbody td .listview-scrips {
  border: none !important;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.blurtable thead tr th:not(:first-child) {
  opacity: 0.5;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.blurtable tbody tr td:not(:first-child) {
  opacity: 0.5;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.blurtable tbody tr:hover {
  background-color: transparent !important;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.blurtable .minheight500 {
  max-height: calc(100vh - 280px);
  overflow: scroll;
  padding-bottom: 20px;
}
@media (min-resolution: 1dppx) {
  .listviewsectionouter .listviewsectioninner .watchlist_table.blurtable .minheight500 {
    max-height: calc(100vh - 290px);
  }
}
@media (min-resolution: 1.25dppx) {
  .listviewsectionouter .listviewsectioninner .watchlist_table.blurtable .minheight500 {
    max-height: calc(100vh - 290px);
  }
}
@media (min-resolution: 1.5dppx) {
  .listviewsectionouter .listviewsectioninner .watchlist_table.blurtable .minheight500 {
    max-height: calc(100vh - 300px);
  }
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr td:nth-child(1),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr th:nth-child(1) {
  width: 16%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr td:nth-child(2),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr th:nth-child(2) {
  width: 11%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr td:nth-child(3),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr th:nth-child(3) {
  width: 11%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr td:nth-child(4),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr th:nth-child(4) {
  width: 11%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr td:nth-child(5),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr th:nth-child(5) {
  width: 12%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr td:nth-child(6),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr th:nth-child(6) {
  width: 12%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr td:nth-child(7),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr th:nth-child(7) {
  width: 10%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr td:nth-child(8),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr th:nth-child(8) {
  width: 13%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr td:nth-child(9),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table tr th:nth-child(9) {
  width: 4%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr td:nth-child(1),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr th:nth-child(1) {
  width: 26%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr td:nth-child(2),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr th:nth-child(2) {
  width: 9%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr td:nth-child(3),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr th:nth-child(3) {
  width: 9%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr td:nth-child(4),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr th:nth-child(4) {
  width: 9%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr td:nth-child(5),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr th:nth-child(5) {
  width: 12%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr td:nth-child(6),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr th:nth-child(6) {
  width: 12%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr td:nth-child(7),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr th:nth-child(7) {
  width: 10%;
}
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr td:nth-child(8),
.listviewsectionouter .listviewsectioninner .watchlist_table.generic-table.EditwatchlistTable tr th:nth-child(8) {
  width: 13%;
}
.listviewsectionouter .create-watchlist {
  border-bottom: none !important;
}
.listviewsectionouter .create-watchlist .listviewtab {
  border-bottom: 1px solid #e7e7e7;
  position: relative;
}
.listviewsectionouter .create-watchlist .listviewtab .nav-item.notificationlock {
  position: relative;
}
.listviewsectionouter .create-watchlist .listviewtab .nav-item.notificationlock .nav-link::after {
  content: "\e9ab";
  font-family: "edel_icon" !important;
  position: absolute;
  top: 8px;
  right: 1px;
  font-size: 10px;
  color: #727271;
}
.listviewsectionouter .create-watchlist .listviewtab .nav-item.notificationlock .nav-link.active::after {
  color: #03002f;
}
.listviewsectionouter.col-lg-9 thead tr th:nth-child(7) {
  display: none;
}
.listviewsectionouter.col-lg-9 thead tr th:nth-child(8) {
  display: none;
}
.listviewsectionouter.col-lg-9 tbody tr td:nth-child(5) {
  display: none;
}
.listviewsectionouter.col-lg-9 tbody tr td:nth-child(8) {
  display: none;
}
.listviewsectionouter .brd-block {
  width: 95.5%;
  left: 30px;
  right: 30px;
  padding: 14px 10px 15px 10px;
  background: #ffffff;
  position: fixed;
  bottom: 0;
  box-shadow: 0px 4px 17px rgba(60, 60, 60, 0.11);
}
.listviewsectionouter .brd-block .white-twenty {
  border: none !important;
  text-decoration: underline;
}
.listviewsectionouter .brd-block .ed_button {
  padding: 10px 60px;
  font-family: "DMSansMedium";
}

.no_search_data {
  padding: 50px 0;
}

.EditwatchlistTable thead tr th:nth-child(1),
.EditwatchlistTable tbody tr td:nth-child(1) {
  width: 23%;
}

.EditwatchlistTable thead tr th:nth-child(2),
.EditwatchlistTable tbody tr td:nth-child(2) {
  width: 8%;
}

.EditwatchlistTable thead tr th:nth-child(3),
.EditwatchlistTable tbody tr td:nth-child(3) {
  width: 8%;
}

.EditwatchlistTable thead tr th:nth-child(4),
.EditwatchlistTable tbody tr td:nth-child(4) {
  width: 9%;
}

.EditwatchlistTable thead tr th:nth-child(5),
.EditwatchlistTable tbody tr td:nth-child(5) {
  width: 9%;
}

.EditwatchlistTable thead tr th:nth-child(6),
.EditwatchlistTable tbody tr td:nth-child(6) {
  width: 9%;
}

.EditwatchlistTable thead tr th:nth-child(7),
.EditwatchlistTable tbody tr td:nth-child(7) {
  width: 9%;
}

.EditwatchlistTable thead tr th:nth-child(8),
.EditwatchlistTable tbody tr td:nth-child(8) {
  width: 12%;
}

.EditwatchlistTable thead tr th:nth-child(9),
.EditwatchlistTable tbody tr td:nth-child(9) {
  width: 10%;
}

.grid-container-2-watchlist .bottombtngroup {
  gap: 10px;
  padding-bottom: 15px;
}
.grid-container-2-watchlist .ed_button.button {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  padding: 10px;
  width: 100%;
}
.grid-container-2-watchlist .ed_button.button.midnight-blue-border {
  text-decoration: underline;
}

.container .watchlist .wrapper-fil {
  display: none;
}

@media (max-width: 768px) {
  .paddingRemove {
    padding: 8px 0px !important;
  }
}
.watchlist-ui .holdings-count,
.watchlist_table .holdings-count {
  font-size: 0.625rem !important;
  font-family: "RobotoRegular" !important;
}
.watchlist-ui .edel-icon-stock-briefcase,
.watchlist_table .edel-icon-stock-briefcase {
  font-size: 10px !important;
}
.watchlist-ui .holding-qty-section,
.watchlist_table .holding-qty-section {
  display: flex;
  align-items: center;
}

.watchlist-row-wrappar {
  text-align: right;
  margin-inline: 20px;
}

.position-fixed-table {
  scroll-behavior: smooth;
}
.position-fixed-table .watchlist_table.generic-table thead {
  position: fixed;
  top: 125px;
  background-color: #ffffff;
  z-index: 1;
  width: 100%;
  left: 0px;
  right: 0px;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}
.position-fixed-table .watchlist_table.generic-table thead tr {
  display: inline-flex;
  width: 100%;
  padding: 20px 2% 0px 2%;
}
.position-fixed-table .watchlist_table.shink thead {
  margin-left: 30px !important;
  width: 72% !important;
}
.position-fixed-table .watchlist_table.shink thead tr {
  padding: 20px 0% 0px 0% !important;
  display: block !important;
}
.position-fixed-table .watchlist_table.shink thead tr :nth-child(6) {
  text-align: center !important;
}

.delete-watchlist .txt_bloodRed {
  color: #dd504d !important;
}

#displaywatchlist-id .matched-row {
  background-color: #f2f2f5;
}

.zoom-out-113 .listviewsectionouter .listviewsectioninner .watchlist_table .minheight500 {
  max-height: calc(100vh - 280px);
}

.zoom-out-135 .listviewsectionouter .listviewsectioninner .watchlist_table .minheight500 {
  max-height: calc(100vh - 280px);
}

@media screen and (min-width: 1920px) {
  .listviewsectionouter .listviewsectioninner .watchlist_table .minheight500 {
    max-height: calc(100vh - 360px) !important;
  }
}
.menumsgmainsection {
  height: 100vh;
  display: grid;
  place-items: center;
}
.menumsgmainsection .watchlistmenulist .iconimg::before {
  font-size: 35px;
}
.menumsgmainsection .watchlistmenulist .menuname {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #444444;
  width: 100%;
  display: inline-block;
  margin-top: 25px;
}
.menumsgmainsection .watchlistmenulist .mt-82 {
  margin-top: 82px;
}

.traderlounge-section {
  background-color: #ffffff;
  height: 46px;
}
.traderlounge-section.listview {
  position: fixed;
  top: 0px;
  z-index: 9;
}
.traderlounge-section {
  align-items: center;
  justify-content: start;
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  width: 100%;
}
.traderlounge-section .edel-icon-section {
  padding-left: 30px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.traderlounge-section .edel-icon-Traders {
  font-size: 1.25rem;
}
.traderlounge-section .img-logo {
  padding-left: 15px;
}
.traderlounge-section .img-logo::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 22px;
  background-color: #e7e7e7;
  margin-left: 15px;
}

.watchlist-listview-content.right-side-content .position-fixed {
  top: 46px;
}
.watchlist-listview-content .content-wrapper.listviewsectionouter .watchlistoutersection .listviewheader.docked-position {
  top: 112px !important;
}

.watchlist-toggle-section {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
}
.watchlist-toggle-section .watchlist-toggle .toggle-tab,
.watchlist-toggle-section .watchlist-toggle .toggle-tab * {
  box-sizing: border-box;
}
.watchlist-toggle-section .watchlist-toggle .toggle-tab {
  background: #e5e5eb;
  border-radius: 20px;
  border-style: solid;
  border-color: #e5e5eb;
  border-width: 1px;
  padding: 2px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
  width: max-content;
  min-width: 120px;
  height: 24px;
}
.watchlist-toggle-section .watchlist-toggle .toggle-tab::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  height: calc(100% - 4px);
  background: #f04e45;
  border-radius: 40px;
  transition: transform 200ms ease;
  z-index: 0;
}
.watchlist-toggle-section .watchlist-toggle .toggle-tab.option-active::before {
  transform: translateX(56%);
  width: 95px;
  left: 0%;
  right: 0px;
}
.watchlist-toggle-section .watchlist-toggle .toggle-tab.chart-active::before {
  transform: translateX(0%);
  width: calc(40% - 2px);
}
.watchlist-toggle-section .watchlist-toggle .tabs-parts {
  border-radius: 40px;
  padding: 4px 8px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 20px;
  min-width: 56px;
  position: relative;
  cursor: pointer;
  transition: background-color 200ms ease, color 200ms ease;
  z-index: 1;
}
.watchlist-toggle-section .watchlist-toggle .label-2 {
  color: #828096;
  text-align: center;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  position: relative;
}
.watchlist-toggle-section .watchlist-toggle .tabs-parts2 {
  border-radius: 40px;
  padding: 4px 8px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 20px;
  min-width: 56px;
  position: relative;
  cursor: pointer;
  transition: background-color 200ms ease, color 200ms ease;
  z-index: 1;
}
.watchlist-toggle-section .watchlist-toggle .label-3 {
  color: #828096;
  text-align: center;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  position: relative;
}
.watchlist-toggle-section .watchlist-toggle .chart-active .tabs-parts .label-2,
.watchlist-toggle-section .watchlist-toggle .option-active .tabs-parts2 .label-3 {
  color: #ffffff;
}

.watchlist-sliding .stock-details-head {
  padding: 15px;
}
.watchlist-sliding.position-in-watchlist .stock-details-switch-key {
  margin-left: -36px;
  top: 35px;
}
.watchlist-sliding.position-in-watchlist .stock-details-switch-key {
  margin-left: -36px;
  top: 35px;
}
.watchlist-sliding .generic-tabs .nav-item .nav-link {
  padding: 11px 11px 5px 16px !important;
}
.watchlist-sliding .sliding-heading {
  display: flex;
  grid-template-columns: 1fr auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.watchlist-sliding .sliding-heading .edel-icon-bold-close {
  font-size: 0.875rem;
}
.watchlist-sliding .stock-details-body .watchlist .market-status > div {
  border-top: 1px solid #e7e7e7;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.position-in-watchlist-overlay .slide-pane_from_right {
  transform: unset;
}
.position-in-watchlist-overlay .slide-pane {
  will-change: unset;
  background: transparent !important;
}

.watchlist-canvas {
  transition: none !important;
}.dbar29RangesliderWrapper {
  width: 100%;
  margin: 0px auto;
}

.dbar29Horizontal {
  height: 0.29em;
  border-radius: 0.6em;
}

.dbar29Rangeslider,
.dbar29Rangeslider .dbar29RangesliderFill {
  display: block;
}

.dbar29Rangeslider {
  margin: 20px 0;
  position: relative;
  touch-action: none;
}

.dbar29Horizontal .dbar29RangesliderFill {
  width: 100% !important;
  height: 100%;
  border-radius: 10px;
  top: 0;
}

.dbar29Rangeslider .dbar29RangesliderHandle {
  position: absolute;
}

.dbar29RangesliderLabels {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  list-style-type: none;
  left: 0px;
  right: 0px;
  padding-left: 0px;
  font-weight: bold;
  font-size: 0.938rem;
  text-align: center;
}

.dbar29Horizontal .dbar29Grey {
  background: transparent;
}

.dcustomRangeBar {
  list-style-type: none;
  width: 100%;
  display: flex;
}
.dcustomRangeBar.indicatorStyle {
  padding-top: 8px;
  padding-bottom: 8px;
}

.dcustomRangeBar div {
  height: 4px;
}

.dcustomRangeBar div:nth-child(1) {
  background-color: #00d6bc;
}

.dcustomRangeBar div:nth-child(2) {
  background-color: #0378a6;
}

.dcustomRangeBar.moveableTooltip div:nth-child(1) {
  background-color: #0378a6 !important;
}

.dcustomRangeBar.moveableTooltip div:nth-child(2) {
  background-color: #00d6bc !important;
}

.dbar29RangesliderLabelname li:nth-child(1) {
  text-align: left;
}

.dbar29RangesliderLabelname li:nth-child(2) {
  text-align: right;
}

.dbar29RangesliderLabelname {
  width: 100%;
  padding-inline-start: 0px !important;
  display: flex;
}

@keyframes blinkingDot {
  50% {
    opacity: 0.6;
    transform: translate3d(-250%, -250%, 0);
  }
}
.dSkewcoderight1 {
  clip-path: polygon(0 0, 100% 0%, 98% 99%, 0% 100%);
}

.dSkewcoderight2 {
  clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%);
}

.fullwidth {
  width: 100%;
}

.lh10 {
  line-height: 8px;
}

.dbar29Horizontal .dbar29RangesliderHandle::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 0.6em solid #44475b;
  border-radius: 0;
  outline: none;
  transition: 0.5s ease-in-out;
  position: relative;
  top: -5px;
}

.dbar29Horizontal .dbar29RangesliderHandle.bt-green::after {
  border-top: 0.6em solid #00d6bc;
}

.dbar29Horizontal .dbar29RangesliderHandle.bt-blood-red::after {
  border-top: 0.6em solid #0378a6;
}

.dbar29Horizontal .dbar29RangesliderHandle.bt-green .dbar29RangesliderLabels li {
  color: #00d6bc;
  justify-content: center;
  align-items: center;
}
.dbar29Horizontal .dbar29RangesliderHandle.bt-blood-red .pbar29RangesliderLabels li {
  color: #0378a6;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .dSkewcoderight2 {
    margin: 0px auto !important;
  }
  .dcustomRangeBar div {
    height: 4px;
  }
}
/**********************skew new designing ****************/
.box {
  height: 4px;
}

.right-skew {
  position: relative;
  margin-right: 21px;
}

.right-skew-bar {
  position: relative;
  margin-right: -6px;
}

.right-skew-bar:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -21px;
  display: block;
  min-width: 0px;
  background: #0378a6;
  -webkit-transform: skew(-48deg);
  -ms-transform: skew(-48deg);
  transform: skew(-48deg);
}

.left-skew {
  position: relative;
  margin-left: 19px;
}

.left-skew-bar {
  position: relative;
  margin-left: 0px;
}

.left-skew-bar:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  display: block;
  min-width: 0px;
  background: #00d6bc;
  -webkit-transform: skew(-48deg);
  -ms-transform: skew(-48deg);
  transform: skew(-48deg);
}

.left-skew:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  display: block;
  min-width: 25px;
  background: #00d6bc;
  -webkit-transform: skew(-48deg);
  -ms-transform: skew(-48deg);
  transform: skew(-48deg);
}

.right-skew:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -21px;
  display: block;
  min-width: 25px;
  background: #0378a6;
  -webkit-transform: skew(-48deg);
  -ms-transform: skew(-48deg);
  transform: skew(-48deg);
}

.right-skew.positive::before {
  background: #51b255 !important;
}

.left-skew.negative::before {
  background: #dd504d !important;
}

.blue-green-theme .Progresscommondatavalue {
  font-family: "RobotoRegular";
}
.blue-green-theme .dcustomRangeBar.moveableTooltip div:nth-child(1) {
  background-color: #008fbc !important;
}
.blue-green-theme .dcustomRangeBar.moveableTooltip div:nth-child(2) {
  background-color: #00d6bc !important;
}
.blue-green-theme .right-skew:before {
  background: #008fbc;
}
.blue-green-theme .left-skew:before {
  background: #00d6bc;
}
.blue-green-theme .dbar29RangesliderLabels.move {
  margin-inline-start: 10px !important;
}
.blue-green-theme .dbar29Horizontal .dbar29RangesliderHandle.bt-green::after {
  border-top: 0.6em solid #444444;
}

.red-green-theme .Progresscommondatavalue {
  font-family: "RobotoRegular";
}
.red-green-theme .dcustomRangeBar.moveableTooltip div:nth-child(1) {
  background-color: #51b255 !important;
}
.red-green-theme .dcustomRangeBar.moveableTooltip div:nth-child(2) {
  background-color: #dd504d !important;
}
.red-green-theme .right-skew:before {
  background: #51b255;
}
.red-green-theme .left-skew:before {
  background: #dd504d;
}
.red-green-theme .dbar29Horizontal .dbar29RangesliderHandle.bt-green::after {
  border-top: 0.6em solid #444444;
}.ext-holdings-btn {
  cursor: pointer;
}
.ext-holdings-btn .edel-icon-arrow-right {
  font-size: 1rem;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .ext-holdings-btn {
    line-height: 1rem;
  }
}.common-actions-block {
  height: 90px;
  border-radius: 15px;
  background-color: #f8f7f9;
  flex-direction: column;
  padding: 15px;
}
.common-actions-block .icon {
  font-size: 25px;
}
.common-actions-block .toggle-switch-label.e-switch-active {
  border: 1px solid #e7e7e7;
}.radio-checkbox-mix .dropdown-menu.show {
  padding: 10px;
}
.radio-checkbox-mix .row-block.row-block-innercheck {
  gap: 10px;
  padding: 9px 16px 9px 40px;
}
.radio-checkbox-mix .row-block {
  padding: 12px 16px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.radio-checkbox-mix .row-block label {
  color: #444444;
  grid-template-columns: 1fr;
}
.radio-checkbox-mix .row-block.common-checkbox-custom input[type=checkbox] {
  margin: 0px;
}
.radio-checkbox-mix .row-block.common-radio-button-custom input[type=radio] {
  width: 13px;
  height: 13px;
}
.radio-checkbox-mix .row-block.common-radio-button-custom input[type=radio]:before {
  top: 0px;
  left: 0px;
  margin: 0px auto;
  width: 100%;
  height: 100%;
  border: 2px solid #ffffff;
}
.radio-checkbox-mix.equity-dropdown-block.show .dropdown-menu {
  max-height: 280px !important;
  min-height: auto;
  margin: 0px;
  border-radius: 10px;
  border: 1px solid #f1f1f4;
  min-width: 230px;
  background: #ffffff;
  box-shadow: 0px 25px 37px 0px rgba(0, 0, 0, 0.1), 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}

.postionaction-main-block {
  border-radius: 5px 5px 0px 0px;
  padding: 11px;
}
.postionaction-main-block .filters-display-block {
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
  scrollbar-width: none;
}
.postionaction-main-block .filters-display-block .filters-section {
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
  scrollbar-width: none;
  border-left: 1px solid rgba(0, 0, 0, 0.11);
  padding-left: 14px;
}
.postionaction-main-block {
  border-bottom: none !important;
}
.postionaction-main-block .square-off-checkbox-container {
  background-color: #f7f7f7;
  border-radius: 100px;
  padding: 5px 15px;
}
@media (max-width: 1023px) {
  .postionaction-main-block .square-off-checkbox-container {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: rgba(248, 247, 250, 0.5);
    padding-left: 5px;
  }
}
@media (max-width: 1023px) {
  .postionaction-main-block {
    background-color: rgba(248, 247, 250, 0.5);
  }
}
.postionaction-main-block .square-off-checkbox {
  padding: 8px 26px 8px 15px;
  background: #f7f7f7;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  border: 1px solid #e7e7e7;
}
.postionaction-main-block .square-off-checkbox .radio_btn {
  gap: 11px;
  display: flex;
  align-items: center;
  grid-template-columns: unset;
}
.postionaction-main-block .square-off-checkbox .radio_btn span {
  line-height: 22px;
}
.postionaction-main-block .select-check {
  width: 16px;
  height: 16px;
  border: 1px solid #e7e7e7;
  background: #ffffff;
  border-radius: 4px;
}
.postionaction-main-block .select-check-few-checked {
  border: 1px solid #03002f;
  position: relative;
}
.postionaction-main-block .select-check-few-checked::before {
  content: "";
  border-top: 1px solid #03002f;
  padding: 4px;
  position: absolute;
  top: 6px;
  left: 3px;
}
.postionaction-main-block .select-check-all-checked {
  border: none;
  position: relative;
  background: #03002f;
}
.postionaction-main-block .select-check-all-checked::after {
  content: "\e906";
  font-family: "edel_icon";
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 1.313rem;
  height: 16px;
  width: 16px;
  border-radius: 4px;
}
@media (min-width: 1023px) {
  .postionaction-main-block .select-check-all-checked::after {
    font-size: 1.063rem;
  }
}
.postionaction-main-block .square-off-checkbox.common-checkbox-custom input[type=checkbox] {
  margin: 0px;
  height: 16px;
  width: 16px;
}
@media (min-width: 1023px) {
  .postionaction-main-block .action-icon-filter {
    width: 30px;
    height: 30px;
    padding: 3px;
  }
  .postionaction-main-block .action-icon-filter .edel-icon-settings-sort {
    font-size: 22px;
  }
}

.filter-list-block {
  height: calc(100% - 70px) !important;
  overflow-y: scroll;
}
.filter-list-block .filter-block:first-child {
  padding-top: 14px;
}
.filter-list-block .filter-block .common-checkbox-custom input[type=checkbox] {
  margin: 0px;
}
.filter-list-block .radio_btn {
  gap: 8px;
  display: flex;
  align-items: center;
  grid-template-columns: unset;
}
.filter-list-block .filter-head {
  padding: 10px 15px;
}
.filter-list-block .filter-head span {
  font-family: "DMSansBold";
  color: #03002f !important;
}
.filter-list-block .filter-subhead {
  padding: 10px 15px 10px 35px;
}

.position-action-sidebar .action-sidebar-block {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  height: fit-content;
}
.position-action-sidebar .action-switchblock {
  padding: 20px 15px 25px;
}
.position-action-sidebar .filter-list-block {
  height: calc(100% - 70px) !important;
  overflow-y: scroll;
  padding: 0px 15px 0px 22px;
}
.position-action-sidebar .filter-list-block .filter-block:first-child {
  padding-top: 14px;
}
.position-action-sidebar .filter-list-block .filter-block .common-checkbox-custom input[type=checkbox] {
  margin: 0px;
}
.position-action-sidebar .filter-list-block .radio_btn {
  gap: 8px;
  display: flex;
  align-items: center;
  grid-template-columns: unset;
}
.position-action-sidebar .filter-list-block .filter-head {
  padding: 10px 15px;
}
.position-action-sidebar .filter-list-block .filter-head span {
  font-family: "DMSansBold";
  color: #03002f !important;
}
.position-action-sidebar .filter-list-block .filter-subhead {
  padding: 10px 15px 10px 35px;
}
.position-action-sidebar .edel-sidebar-drawer-head {
  display: flex;
  align-items: center;
  min-height: 68px !important;
}
@media (max-width: 1023px) {
  .position-action-sidebar .edel-sidebar-drawer-head {
    border-bottom: 1px solid #ccccd6 !important;
  }
}
.position-action-sidebar .buy-sell-btns {
  padding: 10px 16px;
  height: 70px !important;
  width: 100%;
  gap: 6px;
  position: sticky;
  bottom: 0;
}
.position-action-sidebar .buy-sell-btns .buy-btn,
.position-action-sidebar .buy-sell-btns .sell-btn {
  width: 100%;
}

.pos-checkbox {
  padding: 9px 9px 9px 41px;
}
.pos-checkbox span {
  font-size: 0.75rem;
}
.pos-checkbox.radio-button label {
  display: flex;
  align-items: center;
  grid-template-columns: unset;
  gap: 12px;
}
.pos-checkbox.common-checkbox-custom input[type=checkbox] {
  margin: 0px;
}

.product-tag-purple {
  border-radius: 2px;
  border: 1px solid #bd4b9b;
  color: #bd4b9b;
  padding: 0px 2px;
}

.position-sidebar-body {
  flex: 1;
  overflow-y: auto;
}
.position-sidebar-body .marketdepth-generic table {
  padding: 0px 15px;
}
@media (max-width: 1023px) {
  .position-sidebar-body {
    padding-bottom: 75px;
  }
}
.position-sidebar-body::-webkit-scrollbar {
  width: 2px !important;
  height: 5px !important;
}
.position-sidebar-body {
  /* Track */
}
.position-sidebar-body::-webkit-scrollbar-track {
  background: transparent;
}
.position-sidebar-body {
  /* Handle */
}
.position-sidebar-body::-webkit-scrollbar-thumb {
  background: #03002f;
}
.position-sidebar-body .pivot-points {
  margin: 0px;
  padding: 10px 27px 10px 30px !important;
  border-bottom: 1px solid #e7e7e7;
}
.position-sidebar-body .pivot-points div {
  padding: 0px !important;
}
.position-sidebar-body .convert-stoploss-btns {
  padding: 15px 15px 5px;
}
.position-sidebar-body .convert-stoploss-btns .convert-btn,
.position-sidebar-body .convert-stoploss-btns .stoploss-btn {
  border-radius: 5px;
  border: 1px solid #f2f2f5;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  padding: 6px 10px;
  background-color: transparent !important;
}
.position-sidebar-body .convert-stoploss-btns .convert-btn i,
.position-sidebar-body .convert-stoploss-btns .stoploss-btn i {
  font-size: 1rem;
}
.position-sidebar-body .convert-stoploss-btns .convert-btn .f-10,
.position-sidebar-body .convert-stoploss-btns .stoploss-btn .f-10 {
  font-size: 0.625rem;
}
.position-sidebar-body .reports-slidingpane-icon-block .slidingpane-icon-block {
  opacity: 1;
}
.position-sidebar-body .marketdepth-generic {
  padding: 10px 15px;
}

@media (max-width: 1023px) {
  .sidebar-twin-btns {
    padding-bottom: 75px;
  }
}

.pd-15 {
  padding: 15px;
}

.mob-position-actionblock {
  padding: 30px 15px 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  height: fit-content;
}

.position-tooltip-desktable.position-tooltip-block .popover {
  left: 0px !important;
}

.position-tooltip-block .popover {
  left: 20px !important;
  max-width: max-content;
}
.position-tooltip-block .popover-arrow::before {
  border-width: 0px;
  border-right-color: #ffffff;
}
.position-tooltip-block .fade.show.popover {
  z-index: 8;
}

.select-all-desclaimer ol li {
  list-style: number;
}
.select-all-desclaimer .edel-icon-cross-bold-small {
  color: #828096;
  font-size: 16px;
}

.position-tooltiop-hover {
  left: 297px !important;
}

.position-data-block {
  background: #ffffff;
  min-height: 650px;
  border-radius: 5px;
}

.position-chart-block .chartiqouterclass {
  padding: 10px 5px 0px !important;
}

.squareoff-bar-tooltip {
  max-width: 527px;
}
.squareoff-bar-tooltip.rebrandreports-tooltip-hover .popover-body {
  white-space: normal;
  padding: 12px !important;
  border-radius: 8px;
}
.squareoff-bar-tooltip.rebrandreports-tooltip-hover .popover-body .ordered-list {
  padding-left: 20px;
}
.squareoff-bar-tooltip .popover-arrow::after,
.squareoff-bar-tooltip .popover-arrow::before {
  border-left-color: #ffffff;
}
.squareoff-bar-tooltip li {
  list-style: number;
}

.squareoff-bar-tooltip-block {
  gap: 18px;
}
.squareoff-bar-tooltip-block .edel-icon-Information:before {
  font-size: 24px;
  color: #b8b8b8;
}

.table-row-opacity td {
  position: relative;
}
.table-row-opacity td:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 0;
}

@media (max-width: 1023px) {
  .lavendar-grey-bdrb .edel-sidebar-drawer-head {
    border-bottom: 1px solid #ccccd6;
  }
}.marqueeTable-block {
  min-height: 300px;
  padding-bottom: 100px;
  overflow-y: scroll;
}
.marqueeTable-block .marquee-block {
  --gap: 1rem;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
}
.marqueeTable-block .marquee-block ul {
  padding-left: 0px !important;
  margin-bottom: 0 !important;
}
.marqueeTable-block .marquee-block:after {
  content: "";
  z-index: 9;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  opacity: 0.5;
  right: 0px;
}
.marqueeTable-block .non-morque-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.marqueeTable-block .marquee_content {
  flex-shrink: 0;
  display: flex;
  justify-content: left;
  gap: var(--gap);
  min-width: 100%;
  animation: scrollLeft 10s linear infinite;
}
@keyframes scrollLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.marqueeTable-block .marquee-row-block {
  padding: 10px 15px;
}
.marqueeTable-block .marquee-row-block .marquee-row-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
}
.marqueeTable-block .marquee-row-block .marquee-row-body .field-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.marqueeTable-block .marquee-row-block {
  border-block: 1px solid #e7e7e7;
}
.marqueeTable-block .marquee-row-block:first-child {
  border-top: none;
}

.grid-3-0 {
  display: grid;
  grid-template-columns: 3fr 0fr;
}

.watchlist .marquee-row-block {
  cursor: pointer;
}
.watchlist .marquee-row-block .buy-sell-title {
  min-height: 70px;
}
.watchlist .marquee-row-block .buy-sell-title .buy-sell-title-wrapper {
  width: 100%;
}.custom-calendar-theme .modal-content {
  border: none;
  border-radius: 15px;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 8px 8px -4px rgba(16, 24, 40, 0.04);
}
.custom-calendar-theme .modal-content .modal-header {
  border-radius: 15px 15px 0px 0px;
  border-bottom: 2px solid #e8e7ec;
  background: #f2f2f5;
}
.custom-calendar-theme .modal-content .modal-header .modal-title {
  font-family: "DMSansBold";
  font-size: 1.5rem;
}
.custom-calendar-theme .modal-content .modal-body {
  padding: 30px;
}
.custom-calendar-theme .modal-content .modal-body .date-drawer-input-field {
  padding: 18px 17px;
}
.custom-calendar-theme .custom_buttons {
  display: flex;
  gap: 12px;
  padding-top: 20px;
}
.custom-calendar-theme .custom_buttons button {
  width: 50%;
}
.custom-calendar-theme .apply-cancel-btns-spacing {
  height: 48px !important;
  padding: 0;
  margin-top: 20px;
  gap: 10px;
  position: unset;
}
.custom-calendar-theme .input-box {
  border-radius: 5px;
}
.custom-calendar-theme .extra-border {
  border-width: 1.5px;
}
.custom-calendar-theme.common-download-newtheme .common-datepicker .react-datepicker .react-datepicker__day-name {
  width: 32px !important;
}

.orderbook-calendar.custom-calendar-theme .modal-content .modal-body {
  padding: 20px;
}
@media (min-width: 1023px) {
  .orderbook-calendar.common-download-newtheme .yearDropdown .react-datepicker .react-datepicker__navigation-icon--next:before {
    left: -85px !important;
    top: 24px !important;
  }
}
.orderbook-calendar .input-group-text {
  background-color: transparent;
  border: 0;
  padding: 1px;
  gap: 5px;
  font-family: "DMSansMedium";
  font-size: 1.25rem;
  color: #03002f;
}
@media (max-width: 1023px) {
  .orderbook-calendar .input-group-text {
    padding-left: 10px !important;
  }
}
.orderbook-calendar .inputFieldCalendarIcon {
  padding: 10px;
  border-radius: 5px;
}

.orderbook-calendar-date-picker .react-datepicker {
  width: 100%;
}
@media (min-width: 1023px) {
  .orderbook-calendar-date-picker .react-datepicker .react-datepicker__navigation-icon--previous:before {
    left: 100px;
    top: 24px !important;
  }
}
.orderbook-calendar-date-picker .react-datepicker__month-container {
  float: unset;
}
.orderbook-calendar-date-picker .react-datepicker__header {
  background-color: #ffffff;
}

.orderbook-calendar-drawer .orderbook-calendar-date-picker,
.orderbook-calendar-drawer .calendar-row {
  margin: 0px 15px;
}
.orderbook-calendar-drawer .inputFieldCalendarIcon {
  padding: 10px;
  border-radius: 5px;
}
.orderbook-calendar-drawer .timeperiod-information {
  margin: 15px;
}
.orderbook-calendar-drawer .common-datepicker .react-datepicker .react-datepicker__navigation-icon--previous::before {
  right: -10px !important;
  top: 100% !important;
}
.orderbook-calendar-drawer .common-datepicker .react-datepicker .react-datepicker__navigation-icon--previous {
  left: 75% !important;
}
.orderbook-calendar-drawer .common-datepicker .react-datepicker .react-datepicker__navigation-icon--next {
  left: -50px;
}
.orderbook-calendar-drawer .common-datepicker .react-datepicker .react-datepicker__navigation-icon--next::before {
  top: 100% !important;
}
.orderbook-calendar-drawer .react-datepicker__header {
  background-color: #ffffff;
}
.orderbook-calendar-drawer .react-datepicker__header .react-datepicker__header__dropdown {
  margin: 10px 0px;
}
.orderbook-calendar-drawer .react-datepicker__month {
  margin: 0px;
}
.orderbook-calendar-drawer .react-datepicker__day {
  height: 31px !important;
  width: 31px !important;
}
.orderbook-calendar-drawer .react-datepicker__day-name {
  width: 44px !important;
}
.orderbook-calendar-drawer .edel-sidebar-drawer-head {
  background-color: #f2f2f5;
}
.orderbook-calendar-drawer .inputFieldCalendarIcon .form-control[readonly] {
  background-color: #ffffff;
  border: 0;
  padding: 0px;
  cursor: default !important;
}
.orderbook-calendar-drawer .inputFieldCalendarIcon .input-group-text {
  background-color: #ffffff;
  border: 0;
  padding: 0px;
}

@media (max-width: 1023px) {
  .dates-display-block .input-group-text {
    padding-left: 10px !important;
  }
}
.dates-display-block .form-control {
  font-family: "DMSansNormal";
  font-size: 1rem;
  color: #444444;
  cursor: default !important;
}

.inputDisabled {
  background-color: #cccccc !important;
  cursor: not-allowed !important;
}.negativeClassbrd {
  border-left: 3px solid #dd504d;
}

.TextValueProgressbarnegative {
  float: right;
  right: 5%;
  position: absolute;
  font-size: 1rem;
  line-height: 60px;
  font-family: "DMSansMedium";
}

.datacontent.dataContentnegative {
  justify-content: flex-start;
  margin-left: 5px;
  font-family: "RobotoRegular";
}
.datacontent.dataContentnegative span:first-child {
  text-align: left !important;
}

@media (min-width: 320px) {
  .colhalf {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 320px) {
  .colfull {
    flex: 0 0 auto;
    width: 100%;
  }
}:root {
  font-size: 16px;
}

.no_scroll_webkit {
  overflow-y: scroll;
}

.banner {
  position: relative;
}
@media (max-width: 640px) {
  .banner {
    background: #ffffff;
  }
}
.banner .banner-col {
  position: relative;
}
.banner .row .bgImg {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  z-index: auto;
  background-size: cover;
  object-fit: contain;
  margin-top: -60px;
}
.banner .row .bgImg img {
  max-width: 100%;
}
.banner .bannerWrap {
  position: absolute;
  top: 25%;
  left: auto;
  text-align: center;
  right: auto;
  width: 100%;
}
.banner .bannerWrap .banner-title {
  font-family: "DMSansNormal";
  font-size: 2rem;
  line-height: 140%;
  color: #03002f;
  margin-bottom: 15.5px;
}
.banner .bannerWrap .banner-title .highLight {
  font-family: "DMSansBold";
}
.banner .bannerWrap .banner-tagline {
  font-family: "DMSansNormal";
  font-size: 1rem;
  color: #444444;
  line-height: 22.4px;
  margin-bottom: 41px;
}
.banner .bannerWrap .ed_button {
  padding: 15px 31px;
  font-family: "DMSansMedium";
  color: #ffffff;
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .banner .bannerWrap .ed_button {
    padding: 9px 19px 9px 20px;
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}

@media (max-width: 1150px) {
  .SignUp {
    top: 13rem !important;
  }
}
.bg-color {
  background-color: #fbfbfb;
}

.ExploreOfferings {
  float: none;
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  color: #03002f;
  line-height: 25px;
  padding-bottom: 1.2rem;
}
.ExploreOfferings .highLight {
  font-family: "DMSansBold";
}

.loan-insurance-card {
  width: 23%;
  border: 1px solid #e7e7e7;
  background-color: #ffffff;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 41px 30px 19px 31px;
  font-family: "EncodeSansLight";
  font-style: normal;
  height: 280px;
}
.loan-insurance-card:hover {
  background-color: #f0f9ff;
}
.loan-insurance-card .loan-insurance-card-heading {
  font-family: "EncodeSansBold";
  font-size: 1.25rem;
  line-height: 28px;
  color: #444444;
}
.loan-insurance-card .loan-insurance-card-body {
  font-family: "EncodeSansLight";
  font-size: 1rem;
  line-height: 22px;
  padding-top: 1rem;
}
.loan-insurance-card .loan-insurance-card-body img {
  float: right;
  transform: translateY(48px);
}
@media (max-width: 1152px) {
  .loan-insurance-card .loan-insurance-card-body img {
    transform: translateY(35px);
  }
}
@media (max-width: 640px) {
  .loan-insurance-card .loan-insurance-card-body img {
    transform: translateY(9px);
  }
}

.upgrade-experience {
  width: 55%;
  background-color: #fffbf2;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 32px;
  font-family: "EncodeSansLight";
  font-style: normal;
  height: 280px;
}
.upgrade-experience .upgrade-experience-heading {
  font-family: "EncodeSansBold";
  font-size: 1.25rem;
  line-height: 28px;
  color: #444444;
}
.upgrade-experience .upgrade-experience-body {
  font-weight: 300;
  font-size: 1rem;
  line-height: 20px;
  padding-top: 11px;
}
.upgrade-experience .upgrade-experience-body .BtnUpgrade {
  float: left;
  margin-top: 3.688rem;
}
.upgrade-experience .upgrade-experience-body p {
  max-width: 310px;
}
.upgrade-experience .upgrade-experience-body img {
  float: right;
  margin-top: -11px;
}
@media (max-width: 1058px) {
  .upgrade-experience img {
    margin-top: 0;
  }
  .upgrade-experience .BtnUpgrade {
    margin-top: 4.5rem;
  }
}

.loan-insurance-section {
  display: flex;
  gap: 30px;
  padding-right: 0px !important;
  padding-left: 0px !important;
}
@media (max-width: 640px) {
  .loan-insurance-section {
    padding-top: 0px;
  }
}

.bg-color {
  background-color: #fbfbfb;
}

.news-container {
  position: relative;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
}

.webinar-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 0px;
  background: #fbfbfb;
}
@media (max-width: 991px) {
  .webinar-container {
    background: none;
    padding-right: 15px;
  }
}

.container-header {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .container-header {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .container-header h3 {
    margin-bottom: 0px;
  }
}

.view-all-icon {
  align-items: center;
  display: flex;
}
.view-all-icon .d-ln-view-all {
  color: #03002f;
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 22px;
  margin-right: 10px;
}
.view-all-icon .icon-container {
  height: 41px;
  width: 41px;
  border-radius: 50%;
  border: 1px solid rgba(53, 128, 247, 0.05);
  margin-left: 10px;
}
.view-all-icon .icon-container .icon-box {
  height: 30.5px;
  width: 30.5px;
  border-radius: 50%;
  background: rgba(53, 128, 247, 0.1);
  position: relative;
  top: 5px;
  left: 5px;
}
.view-all-icon .icon-container .icon-box .icon {
  height: 23px;
  width: 23px;
  background: #3580f7;
  color: #ffffff;
  border-radius: 50%;
  position: relative;
  top: 3.7px;
  left: 3.7px;
}
.view-all-icon .icon-container .icon-box .icon .edel-icon-arrow-right::before {
  left: 3px;
  top: 3px;
  position: relative;
}

@media (max-width: 768px) {
  .carasoualslidermb {
    padding-top: 30px !important;
  }
}

:root {
  font-size: 16px;
}

.container .mob-banner-title {
  font-family: "DMSansNormal";
  font-size: 1.5rem;
  line-height: 140%;
  color: #03002f;
  text-align: center;
}
.container .mob-banner-title .highLight {
  font-family: "DMSansBold";
}
@media (max-width: 340px) {
  .container .mob-banner-title {
    left: 0;
  }
}
.container .mob-banner-tagline {
  font-family: "DMSansNormal";
  font-size: 1rem;
  color: #444444;
  text-align: center;
  margin: 16px 0;
}
@media (max-width: 365px) {
  .container .mob-banner-tagline {
    padding: 40px 0;
    left: 13%;
  }
}
@media (min-width: 366px) and (max-width: 400px) {
  .container .mob-banner-tagline {
    padding: 40px 0;
    left: 20%;
  }
}
@media (max-width: 365px) {
  .container .mob-banner-tagline {
    padding: 40px 0;
    left: 13%;
  }
}
.container .bgImg {
  max-width: 100%;
  max-height: 100%;
  z-index: -1000;
  height: 286px;
  background: center;
  padding: 10px;
  margin: -55px auto 0px;
}
.container .bgImg img {
  max-width: 100%;
}
.container .SignUp {
  margin-top: 10%;
}
@media (min-width: 371px) and (max-width: 400px) {
  .container .SignUp {
    margin-top: 10% auto;
  }
}

@media (max-width: 640px) {
  .loan-insurance-section {
    display: flex;
    gap: 0px !important;
  }
}

@media (max-width: 640px) {
  .loan-insurance-card {
    background: #ffffff;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 1rem;
    font-family: "EncodeSansLight";
    font-style: normal;
  }
}
@media (max-width: 640px) and (max-width: 375px) {
  .loan-insurance-card {
    width: 145px;
  }
}
@media (max-width: 640px) and (max-width: 340px) {
  .loan-insurance-card {
    width: 118px;
  }
}
@media (max-width: 640px) {
  .loan-insurance-card .loan-insurance-card-heading {
    font-weight: 600;
    font-size: 1rem;
    line-height: 20px;
  }
  .loan-insurance-card .loan-insurance-card-body {
    font-family: "EncodeSansLight";
    font-size: 0.875rem;
    line-height: 20px;
    padding-top: 1rem;
  }
  .loan-insurance-card .loan-insurance-card-body img {
    float: right;
  }
}
@media (max-width: 640px) and (max-width: 340px) {
  .loan-insurance-card .loan-insurance-card-body img {
    height: 52px;
  }
}
@media (max-width: 640px) {
  .upgrade-experience {
    background-color: #fffbf2;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 1.5rem;
    font-family: "EncodeSansLight";
    font-style: normal;
    grid-column: 1/4;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 200px;
    height: 100%;
  }
}
@media (max-width: 640px) and (max-width: 991px) {
  .upgrade-experience {
    padding: 27px 10px 22px 27px;
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .upgrade-experience {
    margin-top: 13px;
  }
}
@media (max-width: 640px) and (max-width: 375px) {
  .upgrade-experience {
    width: 310px;
  }
}
@media (max-width: 640px) and (max-width: 340px) {
  .upgrade-experience {
    width: 250px;
  }
}
@media (max-width: 640px) {
  .upgrade-experience .upgrade-experience-heading {
    font-weight: bold;
    font-size: 1rem;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #292929;
    width: 235px;
    word-break: break-word;
  }
}
@media screen and (max-width: 640px) and (min-width: 991px) and (max-device-width: 1980px) {
  .upgrade-experience .upgrade-experience-heading {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .upgrade-experience .upgrade-experience-body {
    font-weight: 300;
    font-size: 1rem;
    line-height: 22px;
    padding-top: 11px;
  }
  .upgrade-experience .upgrade-experience-body p {
    max-width: 233px;
  }
}
@media screen and (max-width: 640px) and (min-width: 991px) and (max-device-width: 1980px) {
  .upgrade-experience .upgrade-experience-body p {
    max-width: 310px;
  }
}
@media (max-width: 640px) {
  .upgrade-experience .upgrade-experience-body img {
    width: 100px;
  }
  .upgrade-experience .upgrade-experience-body .BtnUpgrade {
    float: left;
    margin-top: 1rem;
  }
}
@media (max-width: 640px) and (max-width: 991px) {
  .upgrade-experience .upgrade-experience-body .BtnUpgrade {
    margin-top: 2px;
    width: 89px;
    height: 40px;
    padding: 9px 17px;
  }
}
.bg-color {
  background-color: #fbfbfb;
}

.purple-haze-bg {
  border-radius: 12.865px;
  background: linear-gradient(131deg, #1c1a45 -47.26%, #7e79ef 106.02%);
}

.orange-kush-bg {
  border-radius: 12.865px;
  background: linear-gradient(308deg, #ab433d 13.26%, #df7771 82.27%);
}

.imperial-blue-bg {
  background: linear-gradient(130deg, #1c9ad6 4.85%, #61a2c1 92.89%);
}

@media (max-width: 768px) {
  .frame-1410264634.Wrapper-nuvama-why {
    flex-direction: column;
    padding-top: 10px;
  }
}
.frame-1410264634.Wrapper-nuvama-why {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: 32px;
}
.frame-1410264634.Wrapper-nuvama-why .over-60-products {
  color: #ccccd6;
  text-align: center;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .frame-1410264634.Wrapper-nuvama-why .over-60-products {
    font-size: 16px;
  }
}
.frame-1410264634.Wrapper-nuvama-why .over-60-products {
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  width: 234px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-1410264634.Wrapper-nuvama-why .rectangle-34625277 {
  background: #ccccd6;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(45deg) scale(1, 1);
}
.frame-1410264634.Wrapper-nuvama-why .top-wealth-managers {
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  font-size: 1.5rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .frame-1410264634.Wrapper-nuvama-why .top-wealth-managers {
    font-size: 16px;
  }
}
.frame-1410264634.Wrapper-nuvama-why .top-wealth-managers {
  line-height: 24px;
  font-weight: 400;
  position: relative;
  width: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-1410264634.Wrapper-nuvama-why .rectangle-34625276 {
  background: #ccccd6;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(45deg) scale(1, 1);
}
.frame-1410264634.Wrapper-nuvama-why .cutting-edge-platforms {
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  font-size: 1.5rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .frame-1410264634.Wrapper-nuvama-why .cutting-edge-platforms {
    font-size: 16px;
  }
}
.frame-1410264634.Wrapper-nuvama-why .cutting-edge-platforms {
  line-height: 24px;
  font-weight: 400;
  position: relative;
  width: 284px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.why-nuvama-box .width-459 {
  width: 459px;
}
.why-nuvama-box {
  transition: all 0.3s ease;
  height: 100%;
  padding: 30px;
}
.why-nuvama-box:hover {
  transform: translateY(-20px);
  cursor: default;
}
@media (max-width: 1023px) {
  .why-nuvama-box:hover {
    transform: none;
  }
}
@media (max-width: 1023px) {
  .why-nuvama-box {
    transition: none;
    transform: none;
    padding: 21px;
    height: 320px;
  }
}

.line-height-40 {
  line-height: 40px !important;
}

.width-278 {
  width: 278px;
}

.width-135 {
  width: 135px;
}

.edel-icon-brain:before {
  font-size: 42px;
}

.edel-icon-alpha:before {
  font-size: 42px;
}

.edel-icon-flow-chart:before {
  font-size: 42px;
}

.primary-card-section-mob {
  padding-bottom: 0;
}
.primary-card-section-mob .ed-card-primary {
  width: 360px;
  margin: 1rem;
}
.primary-card-section-mob .ed-card-primary:last-child {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .primary-card-section-mob.pd-b30 {
    padding-bottom: 0px !important;
  }
}

.secondary-card-section-mob {
  padding: 1em;
  padding-top: 0;
}
.secondary-card-section-mob .ed-card-secondary {
  width: 360px;
  margin: 1rem;
}

.bg-white {
  background-color: #ffffff;
}

@media screen and (max-width: 640px) {
  #explore-offfering-sec .row {
    padding: 0px;
  }
  #insurance .row {
    padding: 0px;
  }
}
.primary-card-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 30px;
}
.primary-card-section .ed-card-primary {
  max-width: 100%;
  height: 249px;
}
.primary-card-section .ed-card-primary:hover {
  box-shadow: 10px 0px 20px 0px rgba(53, 128, 247, 0.16);
}

.secondary-card-section {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 30px;
}
.secondary-card-section .ed-card-secondary {
  max-width: 100%;
}
.secondary-card-section .ed-card-secondary:hover {
  box-shadow: 10px 0px 20px 0px rgba(53, 128, 247, 0.16);
}

.tertiary-card-section {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 1fr;
  gap: 30px;
}
.tertiary-card-section .ed-tertiary-bg-img img {
  max-width: 33.13px;
}
.tertiary-card-section .ed-card-tertiary:hover {
  box-shadow: 10px 0px 20px 0px rgba(53, 128, 247, 0.16);
}
.tertiary-card-section .view-all {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 50px;
}
.tertiary-card-section .view-all .d-teritary-view-all {
  color: #3580f7;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  line-height: 22px;
  display: flex;
  width: 100%;
}
.tertiary-card-section .view-all .d-teritary-view-all .icon-container {
  height: 41px;
  width: 41px;
  border-radius: 50%;
  border: 1px solid rgba(53, 128, 247, 0.05);
}

.bg-white {
  background-color: #ffffff;
}

.deskweb-add-pop {
  background: rgba(204, 204, 204, 0.19);
  backdrop-filter: blur(50px);
}
.deskweb-add-pop .modal-dialog {
  max-width: 830px;
  transition: none;
  margin-top: 100px;
  max-height: 786px;
}
.deskweb-add-pop .modal-dialog .modal-content {
  height: auto;
  border: none;
  background: linear-gradient(#f2f2f5, #ffffff, #ffffff);
}
.deskweb-add-pop .modal-dialog .modal-content .modal-header {
  display: block;
  color: #0b243a;
  font-family: "EncodeSansLight";
  border-bottom: none;
  font-style: normal;
  padding-right: 27px;
  padding-top: 30px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-header .btn-close {
  color: #1c1c28;
  opacity: 1;
  height: 17px;
  width: 17px;
  float: right;
  transform: translateY(-27px);
  box-shadow: none;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-header .modal-title .d-w-a-title {
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  color: #03002f;
  text-align: center;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-header .modal-title .d-w-a-title span {
  margin-left: 5px;
  font-family: "DMSansBold";
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body {
  padding: 0px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body {
  margin: 0px 86px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -15px;
  left: 60.5%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-image: linear-gradient(to bottom, #f5f5f5 56%, transparent 50%);
  z-index: 2;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile:after {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  right: 35.5%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  z-index: 2;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile {
  position: relative;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .left {
  content: "";
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 1px 37px/28px 27px repeat-x;
  transform: rotate;
  transform: rotate(90deg);
  width: 199px;
  top: 74px;
  left: -16.6666666667%;
  height: 51px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile {
  background: #ffffff;
  box-shadow: 0px 4px 38px rgba(0, 0, 0, 0.05);
  display: flex;
  height: 231px;
  padding: 18px 15px;
  align-items: flex-start;
  width: 97.5%;
  justify-content: space-between;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile:before {
  content: "";
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 3px -1px/32px 28px repeat-x;
  transform: rotate;
  transform: rotate(270deg);
  width: 231px;
  top: 110px;
  /* left: 88%; */
  right: -15.5%;
  height: 11px;
  position: absolute;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile:after {
  content: "";
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 3px 37px/32px 27px repeat-x;
  transform: rotate;
  transform: rotate(90deg);
  width: 231px;
  top: 90px;
  /* left: calc(100% / -6); */
  height: 51px;
  position: absolute;
  left: -15.5%;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left {
  width: 63%;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-hostName {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  color: #ff7a00;
  margin-bottom: 7px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-description {
  font-family: "EncodeSansMedium";
  font-size: 1.25rem;
  line-height: 28px;
  color: #444444;
  margin-bottom: 15px;
  width: 303px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-text {
  font-family: "DMSansMedium";
  font-size: 1.25rem;
  line-height: 22px;
  color: #444444;
  margin-bottom: 20px;
  margin-top: 15px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left .webcards-text {
  margin-bottom: 12px;
  align-items: center;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left .webcards-text .d-web-date {
  background: #03002f;
  width: 164px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 0.75rem;
  padding: 2px 11px;
  line-height: 22px;
  text-align: center;
  font-family: "DMSansBold";
  overflow: clip;
}
@media (max-width: 1152px) {
  .deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left .webcards-text .d-web-date {
    padding: 2px 4px;
  }
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left .webcards-text .d-web-hostName {
  color: #ff6b00;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  margin: 12px 13px 12px 15px;
}
@media (max-width: 1024px) {
  .deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left .webcards-text .d-web-hostName {
    margin: 10px 0px 12px 15px;
  }
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-right {
  margin: 6px 0px;
  padding-left: 25px;
  border-left: 1px dashed #cbe0ff;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-right img {
  width: 167px;
  height: 183px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .right {
  content: "";
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, white 50%, white 100%) 1px -3px/28px 32px repeat-x;
  transform: rotate;
  transform: rotate(270deg);
  width: 197px;
  top: 94px;
  left: 88%;
  height: 11px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-add-form {
  margin-top: 50px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-add-form #add-form .form-group input {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #727271;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-add-form #add-form .form-group .holder {
  position: absolute;
  top: 20px;
  transform: translateX(10px);
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-add-form #add-form .form-group .holder label {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #727271;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-add-form #add-form .form-group .holder .star {
  color: #e62020;
  margin-left: 5px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-add-form #add-form .form-group .row {
  position: relative;
  margin-top: 15px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-add-form #add-form .form-group .row .holder {
  position: absolute;
  top: 20px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-add-form #add-form .form-group .row input {
  height: 60px;
  border-radius: 8px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-add-form #add-form .form-group .row input:focus {
  box-shadow: none;
  border: 1px solid #03002f;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-add-form #add-form .form-group .secondRow,
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-add-form #add-form .form-group .thirdRow {
  margin-top: 15px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-add-form #add-form .form-group .submitRow {
  margin-top: 25px;
}
.deskweb-add-pop .modal-dialog .modal-content .modal-body .d-web-add-form #add-form .form-group .submitRow button {
  width: 100%;
  background: #3580f7;
  border-radius: 5px;
  color: #ffffff;
  font-family: "EncodeSansMedium";
  font-size: 1.125rem;
  height: 53px;
  border: none;
  outline: none;
}

.mb-81 {
  margin-bottom: 81px;
}

:root {
  font-size: 16px;
}

.d-webinar-cards-container {
  margin-top: 100px;
  width: 100%;
}
.d-webinar-cards-container .d-flex {
  display: flex;
}
.d-webinar-cards-container .blueicon {
  color: #03002f;
}
.d-webinar-cards-container .d-webcards-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px 0px 30px 0px !important;
}
.d-webinar-cards-container .d-webcards-heading .d-webcards-heading-left {
  font-size: 2.5rem;
  font-family: "DMSansBold";
  line-height: 28px;
  color: #333333;
}
.d-webinar-cards-container .d-webcards-heading .d-webcards-heading-left span {
  font-family: "DMSansBold";
}
.d-webinar-cards-container .d-webcards-heading .d-webcards-heading-right a {
  align-items: center;
}
.d-webinar-cards-container .d-webcards-heading .d-webcards-heading-right .d-webcards-view-all {
  color: #03002f;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  line-height: 22px;
}
.d-webinar-cards-container .d-webcards-heading .d-webcards-heading-right .d-webcards-icon-container {
  height: 41px;
  width: 41px;
  border-radius: 50%;
  border: 1px solid rgba(53, 128, 247, 0.05);
  margin-left: 10px;
}
.d-webinar-cards-container .d-webcards-heading .d-webcards-heading-right .d-webcards-icon-container .d-webcards-icon-box {
  height: 30.5px;
  width: 30.5px;
  border-radius: 50%;
  background: rgba(53, 128, 247, 0.1);
  position: relative;
  top: 5px;
  left: 5px;
}
.d-webinar-cards-container .d-webcards-heading .d-webcards-heading-right .d-webcards-icon-container .d-webcards-icon-box .d-webcards-icon {
  height: 23px;
  width: 23px;
  background: #03002f;
  color: #ffffff;
  border-radius: 50%;
  position: relative;
  top: 3.7px;
  left: 3.7px;
}
.d-webinar-cards-container .d-webcards-heading .d-webcards-heading-right .d-webcards-icon-container .d-webcards-icon-box .d-webcards-icon .edel-icon-arrow-right::before {
  left: 3px;
  top: 3px;
  position: relative;
}
.d-webinar-cards-container .d-webinarcard-tiles {
  margin-left: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile {
  background: #ffffff;
  border-radius: 5px;
  height: 199px;
  position: relative;
  width: 100%;
  max-width: 53%;
}
@media (min-width: 1919px) and (max-width: 1921px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile {
    max-width: 52%;
  }
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile {
  background: white;
  margin-top: 30px;
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile {
  padding: 20px 5px 0px 5px;
  justify-content: space-between;
  background: #ffffff;
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile:before {
  content: "";
  position: absolute;
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 3px -2px/27px 31px repeat-y;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  width: 15px;
  top: 0px;
  left: 99% !important;
  height: 198px;
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile:after {
  content: "";
  position: absolute;
  background: radial-gradient(20px circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 2px 21px/26px 34px repeat-y;
  transform: rotate(180deg);
  width: 15px;
  left: -2%;
  height: 198px;
  top: 0%;
}
@media (max-width: 1024px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile {
    align-items: center;
    padding: 20px 10px 0px -7px;
  }
}
@media (max-width: 1024px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile {
    padding: 20px 10px 0px 5px;
  }
}
@media (max-width: 1024px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left {
    padding-left: 12px;
  }
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left {
  max-width: 90%;
  width: 100%;
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .webcards-text {
  align-items: center;
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .webcards-text .d-web-date {
  background: #03002f;
  text-wrap: nowrap;
  border-radius: 5px;
  color: #ffffff;
  font-size: 0.75rem;
  padding: 2px 11px;
  line-height: 22px;
  text-align: center;
  font-family: "DMSansBold";
}
@media (max-width: 1152px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .webcards-text .d-web-date {
    padding: 2px 4px;
  }
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .webcards-text .d-web-hostName {
  color: #ff6b00;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  margin: 12px 13px 12px 15px;
}
@media (max-width: 1024px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .webcards-text .d-web-hostName {
    margin: 10px 0px 12px 15px;
  }
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-description {
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 1.125rem;
  line-height: 26px;
  word-break: break-word;
  overflow: clip;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 20px;
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-description p {
  margin-bottom: 0px;
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-icons {
  align-items: center;
  padding-right: 40px;
  cursor: pointer;
  justify-content: space-between;
  margin-top: 32px;
  padding-bottom: 20px;
}
@media (max-width: 1024px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-icons {
    margin-top: 20px;
  }
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-icons span {
  font-family: "DMSansMedium";
  font-size: 1rem;
  color: #03002f;
  line-height: 142.5%;
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-icons .share-icon {
  margin-left: 0.718rem;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5 !important;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-icons .share-icon .edel-icon-calendar2:before {
  content: "\e96f";
  font-size: 1.188rem;
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-icons .share-icon .edel-icon-share-icon:before {
  content: "\e96c";
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-middle {
  border-left: 1px dashed #cbe0ff;
  height: 135px;
  margin-top: 15px;
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-right {
  padding-left: 59px;
}
@media (max-width: 1152px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-right {
    padding-left: 30px;
  }
}
@media (max-width: 1024px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-right {
    padding-left: 15px;
  }
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-right img {
  width: 141.48px;
  height: 153.88px;
}
@media (max-width: 1024px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-right img {
    width: 100px;
    height: 100px;
  }
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -15px;
  left: 71.5%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f5f5f5 !important;
  z-index: 2;
}
@media (max-width: 1920px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 63%;
  }
}
@media (max-width: 1680px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 62.5%;
  }
}
@media (max-width: 1600px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 62%;
  }
}
@media (max-width: 1440px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 63%;
  }
}
@media (max-width: 1400px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 63%;
  }
}
@media (max-width: 1366px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 57%;
  }
}
@media (max-width: 1360px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 56.5%;
  }
}
@media (max-width: 1280px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 57%;
  }
}
@media (max-width: 1152px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 54.5%;
  }
}
@media (max-width: 1024px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 68%;
  }
}
.d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  right: 25%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-image: linear-gradient(to top, #f5f5f5 50%, transparent 50%);
  z-index: 2;
}
@media (max-width: 1920px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 32.5%;
  }
}
@media (max-width: 1680px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 32.5%;
  }
}
@media (max-width: 1600px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 33%;
  }
}
@media (max-width: 1440px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 32%;
  }
}
@media (max-width: 1400px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 33%;
  }
}
@media (max-width: 1366px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 37%;
  }
}
@media (max-width: 1360px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 38%;
  }
}
@media (max-width: 1280px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 38%;
  }
}
@media (max-width: 1152px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 39%;
  }
}
@media (max-width: 1024px) {
  .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 25%;
  }
}

.modal-open .d-web-pop {
  background: rgba(204, 204, 204, 0.19);
  backdrop-filter: blur(50px);
}
.modal-open .d-web-pop .modal-dialog {
  max-width: 830px;
  transition: none;
  margin-top: 100px;
  max-height: 671px;
}
.modal-open .d-web-pop .modal-dialog .modal-content {
  max-height: 671px;
  border: none;
  background: linear-gradient(#f2f2f5, #ffffff, #ffffff);
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-header {
  display: block;
  color: #03002f;
  font-family: "DMSansNormal";
  border-bottom: none;
  padding-right: 27px;
  padding-top: 30px;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-header .btn-close {
  color: #1c1c28;
  opacity: 1;
  height: 17px;
  width: 17px;
  float: right;
  transform: translateY(-27px);
  box-shadow: none;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-header .modal-title .d-w-s-headtitle {
  font-size: 1.75rem;
  line-height: 39px;
  text-align: center;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-header .modal-title .d-w-s-headtitle span {
  font-family: "DMSansBold";
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body {
  padding-bottom: 40px;
  background: #ffffff;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body {
  margin: 0px 90px;
  padding: 1rem 0rem;
  background-color: #ffffff;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -15px;
  left: 59.5%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-image: linear-gradient(to bottom, #f5f5f5 56%, transparent 50%);
  z-index: 2;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile:after {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  right: 35.5%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  z-index: 2;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile {
  position: relative;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .left {
  content: "";
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, white 50%, white 100%) 1px 37px/28px 27px repeat-x;
  transform: rotate;
  transform: rotate(90deg);
  width: 199px;
  top: 74px;
  left: -16.6666666667%;
  height: 51px;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile {
  background: #ffffff;
  box-shadow: 0px 4px 38px rgba(0, 0, 0, 0.05);
  display: flex;
  height: 231px;
  padding: 18px 15px;
  align-items: flex-start;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile:before {
  content: "";
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 3px -2px/28px 28px repeat-x;
  transform: rotate;
  transform: rotate(270deg);
  width: 231px;
  top: 110px;
  /* left: 88%; */
  right: -19.5%;
  height: 11px;
  position: absolute;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile:after {
  content: "";
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 3px 37px/28px 27px repeat-x;
  transform: rotate;
  transform: rotate(90deg);
  width: 231px;
  top: 90px;
  /* left: calc(100% / -6); */
  height: 51px;
  position: absolute;
  left: -16.5%;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .webcards-text {
  display: flex;
  gap: 15px;
  align-items: center;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left {
  width: 60%;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-hostName {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  color: #ff7a00;
  margin-bottom: 7px;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-description {
  font-family: "DMSansMedium";
  font-size: 1.25rem;
  line-height: 28px;
  color: #444444;
  margin-bottom: 15px;
  width: 303px;
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 1.125rem;
  line-height: 26px;
  word-break: break-word;
  overflow: clip;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 25px;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-description p {
  margin-bottom: 0px;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-text {
  font-family: "DMSansMedium";
  font-size: 1.25rem;
  line-height: 22px;
  color: #444444;
  margin-bottom: 20px;
  margin-top: 15px;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-date {
  display: flex;
  font-family: "RobotoRegular";
  font-weight: 600;
  align-items: center;
  background: #03002f;
  text-wrap: nowrap;
  border-radius: 5px;
  color: #ffffff;
  font-size: 0.75rem;
  padding: 2px 11px;
  line-height: 22px;
  text-align: center;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-middle {
  border-left: 1px dashed #cbe0ff;
  height: 145px;
  margin-left: 17px;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-right {
  padding-left: 51px;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .d-webcards-tile .d-webcards-right img {
  width: 167px;
  height: 183px;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-webinarcard-tile .right {
  content: "";
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, white 50%, white 100%) 1px -3px/28px 32px repeat-x;
  transform: rotate;
  transform: rotate(270deg);
  width: 197px;
  top: 94px;
  left: 88%;
  height: 11px;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-web-sharetile-share {
  margin-top: 52px;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-web-sharetile-inputbox input {
  border: none;
  width: 100%;
  font-family: "DMSansNormal";
  font-size: 1rem;
  line-height: 22px;
  color: #727271;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-web-sharetile-inputbox {
  pointer-events: auto;
  margin-top: 38px;
  height: 60px;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 18px;
  align-items: center;
  display: flex;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-web-sharetile-invite {
  margin-top: 50px;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-body .d-web-modal-body .d-web-sharetile-invite button {
  height: 53px;
  width: 100%;
  background: #03002f;
  color: #ffffff;
  outline: none;
  border: none;
  border-radius: 5px;
}
.modal-open .d-web-pop .modal-dialog .modal-content .modal-footer {
  border-top: none;
}

.d-webcards-loader {
  display: flex;
}

.d-webinarcard-loader {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
}

.webinar-viewall-mainhead {
  padding-bottom: 70px;
}
.webinar-viewall-mainhead .webinar-container {
  background: #ffffff;
  margin-top: -125px;
}
.webinar-viewall-mainhead .d-webinarcard-tiles .d-webinarcard-tile:before,
.webinar-viewall-mainhead .d-webinarcard-tiles .d-webinarcard-tile:after {
  background-color: #fbfbfb !important;
}
.webinar-viewall-mainhead .d-webinarcard-tiles .d-webinarcard-tile:after {
  background-image: linear-gradient(to top, #fbfbfb 50%, transparent 50%);
}
.webinar-viewall-mainhead .d-webinar-cards-container {
  margin-top: 0px;
}
.webinar-viewall-mainhead .banner .bannerWrap {
  top: 40%;
}

.webinar-success-msg .edel-icon-checked-half-circle {
  font-size: 146px;
  color: #51b255;
}
.webinar-success-msg .text-content {
  margin-top: 50px;
  margin-bottom: 80px;
}

.more-webisode {
  opacity: 0.2;
  line-height: 46px;
  padding: 100px 0px;
}

.mob-webinar-cards-container {
  margin-top: 20px;
}
.mob-webinar-cards-container .d-flex {
  display: flex;
}
.mob-webinar-cards-container .blueicon {
  color: #03002f;
}
.mob-webinar-cards-container .m-webcards-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 15px;
}
@media screen and (max-width: 1023px) {
  .mob-webinar-cards-container .m-webcards-heading {
    margin-bottom: 10px;
  }
}
.mob-webinar-cards-container .m-webcards-heading .m-webcards-heading-left {
  font-family: "DMSansNormal";
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
}
.mob-webinar-cards-container .m-webcards-heading .m-webcards-heading-left span {
  font-family: "DMSansBold";
}
.mob-webinar-cards-container .m-webcards-heading .m-webcards-heading-right a {
  align-items: center;
}
.mob-webinar-cards-container .m-webcards-heading .m-webcards-heading-right .m-webcards-view-all {
  color: #03002f;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 22px;
}
.mob-webinar-cards-container .m-webcards-heading .m-webcards-heading-right .m-icon-container {
  height: 41px;
  width: 41px;
  border-radius: 50%;
  border: 1px solid rgba(53, 128, 247, 0.05);
  margin-left: 10px;
}
.mob-webinar-cards-container .m-webcards-heading .m-webcards-heading-right .m-icon-container .m-icon-box {
  height: 30.5px;
  width: 30.5px;
  border-radius: 50%;
  background: rgba(53, 128, 247, 0.1);
  position: relative;
  top: 5px;
  left: 5px;
}
.mob-webinar-cards-container .m-webcards-heading .m-webcards-heading-right .m-icon-container .m-icon-box .m-icon {
  height: 23px;
  width: 23px;
  background: #03002f;
  color: #ffffff;
  border-radius: 50%;
  position: relative;
  top: 3.7px;
  left: 3.7px;
}
.mob-webinar-cards-container .m-webcards-heading .m-webcards-heading-right .m-icon-container .m-icon-box .m-icon .edel-icon-arrow-right::before {
  left: 3px;
  top: 3px;
  position: relative;
}
.mob-webinar-cards-container .m-tiles-block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 20px;
}
.mob-webinar-cards-container .m-tiles-block .owl-dots {
  display: flex;
  justify-content: center;
  padding: 20px 0px 0px 0px;
}
.mob-webinar-cards-container .m-tiles-block .owl-dots .owl-dot span {
  width: 15px !important;
  height: 0px !important;
  margin: 0.1em !important;
  display: block;
  border: 1px solid #cccccc;
  border-radius: 30px;
}
.mob-webinar-cards-container .m-tiles-block .owl-dots .owl-dot.active span {
  border: 2px solid #03002f;
}
.mob-webinar-cards-container .m-tiles-block .owl-theme .owl-nav {
  display: none;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0px;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item:nth-of-type(odd) > div {
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  border: none !important;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item:nth-of-type(even) > div {
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  border: none !important;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item:nth-child(3n+3) > div {
  background-color: #ffffff !important;
  border: 1px solid #e7e7e7 !important;
  border: none !important;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item > div {
  cursor: pointer;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile {
  height: 181px;
  position: relative;
  width: 100%;
  max-width: 93%;
  background: white;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -15px;
  left: 56.4971751412%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  z-index: 2;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile:after {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  right: 35.7142857143%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  z-index: 2;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile {
  padding: 15px 15px 0px 15px;
  justify-content: space-between;
  transform: translateY(-5px);
  align-items: center;
  position: relative;
  width: 100%;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile:before {
  content: "";
  position: absolute;
  background: radial-gradient(circle, transparent, transparent 50%, white 50%, white 100%) 7px -10px/25px 18px repeat-y;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  width: 15px;
  top: 0px;
  left: 97% !important;
  height: 198px;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile:after {
  content: "";
  position: absolute;
  background: radial-gradient(circle, transparent, transparent 50%, white 50%, white 100%) 4px 23px/25px 21px repeat-y;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 15px;
  left: -2% !important;
  height: 198px;
  top: 0%;
}
@media (max-width: 360px) {
  .mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile:after {
    background: radial-gradient(17px circle, transparent, transparent 50%, white 50%, white 100%) -170px 19px/25px 31px repeat-x;
    width: 180px;
    height: 33px;
    right: 68%;
    top: 75px;
  }
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile .m-webcards-left {
  width: 100%;
  max-width: 65%;
}
@media (max-width: 360px) {
  .mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile .m-webcards-left {
    max-width: 61%;
  }
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile .m-webcards-left .m-web-date {
  background: #03002f;
  width: 136px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 0.75rem;
  padding: 2px 11px;
  line-height: 22px;
  text-align: center;
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  margin-bottom: 17px;
  text-wrap: nowrap;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile .m-webcards-left .m-web-description {
  color: black;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 20px;
  word-break: break-word;
  width: 169px;
  height: 60px;
  margin-right: 14px;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile .m-webcards-left .m-web-hostName {
  color: #ff6b00;
  font-size: 0.6rem;
  font-size: 0.625rem;
  font-family: "DMSansMedium";
  margin: 12px 0px;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile .m-webcards-left .m-web-icons {
  align-items: center;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile .m-webcards-left .m-web-icons .share-icon {
  height: 21px;
  width: 21px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile .m-webcards-left .m-web-icons .share-icon .edel-icon-share-icon:before {
  content: "\e96c";
  font-size: 0.688rem;
  left: 5px;
  position: absolute;
  top: 5px;
  color: #03002f;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile .m-webcards-middle {
  border-left: 1px dashed #cbe0ff;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile .m-webcards-right img {
  width: 94px;
  height: 102px;
}
.mob-webinar-cards-container .m-tiles-block .owl-stage-outer .owl-stage .owl-item .m-tile .m-webcards-tile .m-webcards-right {
  padding-left: 19px;
}

.mobwebReg_wrapper__backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
}

.mobwebShare_wrapper__backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
}

.mobwebReg_wrapper {
  background-image: linear-gradient(180deg, #f0f9ff 11%, white 50%) !important;
}
.mobwebReg_wrapper .mobwebReg_wrapper__handle-wrapper {
  padding: 20px 0px;
  background-color: #f0f9ff;
  border-radius: 5px 5px 0px 0px;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content {
  padding: 0px 15px !important;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .mob-feed-web .mob-feed-web-head {
  margin-bottom: 24px;
  font-family: "DMSansNormal";
  font-size: 1.25rem;
  line-height: 20px;
  color: #444444;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .mob-feed-web .mob-feed-web-head span {
  font-family: "DMSansBold";
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .m-web-share-body .form-group {
  position: relative;
  margin: 0px 15px;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .m-web-share-body .form-group .form-control:focus,
.mobwebReg_wrapper .mobwebReg_wrapper__content .m-web-share-body .form-group .form-select:focus {
  box-shadow: none;
  border: 1px solid #3580f7;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .m-web-share-body .form-group textarea {
  resize: none;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .m-web-share-body .form-group .mob-rweb-holder {
  position: absolute;
  transform: translate(20px, 10px);
  color: #727271;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .m-web-share-body .form-group .mob-rweb-holder input {
  font-family: "DMSansMedium";
  color: #727271;
  font-size: 0.875rem;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .m-web-share-body .form-group .mob-rweb-holder .form-control {
  border-color: #e7e7e7;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .m-web-share-body .form-group .mob-rweb-holder .label {
  font-family: "DMSansMedium";
  color: #727271;
  font-size: 0.875rem;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .m-web-share-body .form-group .mob-rweb-holder .star {
  color: #e62020;
  margin-left: 5px;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .m-web-share-body .form-group input {
  padding: 10px 0px 10px 20px;
  height: 40px;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .m-web-share-body .form-group input:focus {
  box-shadow: none;
  border: 1px solid #3580f7;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .m-web-share-body .form-group .mob-rweb-fnamerow {
  margin-top: 40px;
}
.mobwebReg_wrapper .mobwebReg_wrapper__content .m-web-share-body .form-group .submit {
  width: 100%;
  background: #3580f7;
  border-radius: 5px;
  color: #ffffff;
  font-family: "DMSanM";
  font-size: 1.125rem;
  height: 53px;
  border: none;
  outline: none;
  margin-top: 30px;
}

.m-web-share-body .m-tile {
  margin: auto;
  width: 320px;
}
.m-web-share-body .m-tile:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -15px;
  left: 64.5%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ffffff;
  z-index: 2;
}
.m-web-share-body .m-tile:after {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  right: 26%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  z-index: 2;
}
.m-web-share-body .m-tile {
  position: relative;
}
.m-web-share-body .m-tile .left {
  content: "";
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, white 50%, white 100%) 1px 37px/28px 27px repeat-x;
  transform: rotate;
  transform: rotate(90deg);
  width: 199px;
  top: 74px;
  left: -16.6666666667%;
  height: 51px;
}
.m-web-share-body .m-tile .m-webcards-tile {
  background: #ffffff;
  box-shadow: 0px 4px 38px rgba(0, 0, 0, 0.05);
  display: flex;
  height: 156px;
  padding: 18px 15px;
  align-items: center;
}
.m-web-share-body .m-tile .m-webcards-tile:before {
  content: "";
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 0px 1px/22px 27px repeat-x;
  transform: rotate;
  transform: rotate(270deg);
  width: 155px;
  top: 73px;
  /* left: 88%; */
  right: -25.5%;
  height: 11px;
  position: absolute;
}
.m-web-share-body .m-tile .m-webcards-tile:after {
  content: "";
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 1px 40px/22px 27px repeat-x;
  transform: rotate;
  transform: rotate(90deg);
  width: 155px;
  top: 52px;
  /* left: calc(100% / -6); */
  height: 51px;
  position: absolute;
  left: -19%;
}
.m-web-share-body .m-tile .m-webcards-tile .m-webcards-left {
  width: 100%;
  max-width: 65%;
}
.m-web-share-body .m-tile .m-webcards-tile .m-webcards-left .m-web-hostName {
  font-family: "DMSansMedium";
  font-size: 0.625rem;
  display: flex;
  align-items: center;
  color: #ff7a00;
  margin-bottom: 7px;
}
.m-web-share-body .m-tile .m-webcards-tile .m-webcards-left .m-web-description {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 20px;
  color: #444444;
  margin-bottom: 4px;
}
.m-web-share-body .m-tile .m-webcards-tile .m-webcards-left .m-web-text {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 15px;
  color: #444444;
  margin-bottom: 13px;
}
.m-web-share-body .m-tile .m-webcards-tile .m-webcards-left .m-web-date {
  font-family: "DMSansBold";
  font-size: 0.75rem;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #03002f;
}
.m-web-share-body .m-tile .m-webcards-tile .m-webcards-middle {
  border-left: 1px dashed #cbe0ff;
  height: 113px;
  margin-left: 17px;
}
.m-web-share-body .m-tile .m-webcards-tile .m-webcards-right {
  padding-left: 18px;
}
.m-web-share-body .m-tile .m-webcards-tile .m-webcards-right img {
  width: 64px;
  height: 69px;
}
.m-web-share-body .m-tile .right {
  content: "";
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, white 50%, white 100%) 1px -3px/28px 32px repeat-x;
  transform: rotate;
  transform: rotate(270deg);
  width: 197px;
  top: 94px;
  left: 88%;
  height: 11px;
}
.m-web-share-body .m-web-sharetile-share {
  margin-top: 52px;
  font-size: 0.875rem;
  color: #444444;
  font-family: "DMSansMedium";
}
.m-web-share-body .m-web-sharetile-defaultmail {
  margin-top: 20px;
}
.m-web-share-body .m-web-sharetile-inputbox input {
  border: none;
  width: 100%;
  font-family: "DMSansNormal";
  font-size: 1rem;
  line-height: 22px;
}
.m-web-share-body .m-web-sharetile-inputbox span {
  color: #03002f;
}
.m-web-share-body .m-web-sharetile-inputbox {
  pointer-events: auto;
  margin-top: 10px;
  width: 100%;
  height: 40px;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 18px;
  align-items: center;
  display: flex;
}
.m-web-share-body .m-web-sharetile-invite {
  margin-top: 30px;
}
.m-web-share-body .m-web-sharetile-invite button {
  height: 40px;
  width: 100%;
  background: #03002f;
  color: #ffffff;
  outline: none;
  border: none;
  border-radius: 5px;
}

.mobwebShare_wrapper {
  background-image: linear-gradient(180deg, #f2f2f5 11%, white 50%) !important;
}
.mobwebShare_wrapper .mobwebShare_wrapper__handle-wrapper {
  padding: 20px 0px;
  background-color: #f2f2f5;
  border-radius: 5px 5px 0px 0px;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content {
  padding: 0px 15px !important;
  margin-bottom: 20px;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .mob-feed-web .mob-feed-web-head {
  margin-bottom: 24px;
  font-family: "DMSansNormal";
  font-size: 1.25rem;
  line-height: 20px;
  color: #444444;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .mob-feed-web .mob-feed-web-head span {
  font-family: "DMSansBold";
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .m-web-share-body .form-group {
  position: relative;
  margin: 0px 15px;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .m-web-share-body .form-group .form-control:focus,
.mobwebShare_wrapper .mobwebShare_wrapper__content .m-web-share-body .form-group .form-select:focus {
  box-shadow: none;
  border: 1px solid #3580f7;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .m-web-share-body .form-group textarea {
  resize: none;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .m-web-share-body .form-group .mob-rweb-holder {
  position: absolute;
  transform: translate(20px, 10px);
  color: #727271;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .m-web-share-body .form-group .mob-rweb-holder input {
  font-family: "DMSansMedium";
  color: #727271;
  font-size: 0.875rem;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .m-web-share-body .form-group .mob-rweb-holder .form-control {
  border-color: #e7e7e7;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .m-web-share-body .form-group .mob-rweb-holder .label {
  font-family: "DMSansMedium";
  color: #727271;
  font-size: 0.875rem;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .m-web-share-body .form-group .mob-rweb-holder .star {
  color: #e62020;
  margin-left: 5px;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .m-web-share-body .form-group input {
  padding: 10px 0px 10px 20px;
  height: 40px;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .m-web-share-body .form-group input:focus {
  box-shadow: none;
  border: 1px solid #3580f7;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .m-web-share-body .form-group .mob-rweb-fnamerow {
  margin-top: 40px;
}
.mobwebShare_wrapper .mobwebShare_wrapper__content .m-web-share-body .form-group .submit {
  width: 100%;
  background: #3580f7;
  border-radius: 5px;
  color: #ffffff;
  font-family: "DMSanM";
  font-size: 1.125rem;
  height: 53px;
  border: none;
  outline: none;
  margin-top: 30px;
}

.owl-theme.hide-dots .owl-dots.disabled {
  display: none !important;
}
.owl-theme.hide-dots .owl-dots {
  display: none;
}

:root {
  font-size: 16px;
}

.ed-card-investor {
  border: 1px solid #e7e7e7;
  padding: 20px;
  border-radius: 5px;
}
.ed-card-investor .media-container {
  margin-bottom: 20px;
  height: 130px;
}
.ed-card-investor .media-container img {
  width: 100%;
  height: 130px;
  border-radius: 5px;
  max-width: 100%;
}
.ed-card-investor .media-container video {
  width: 100%;
  height: auto;
}
.ed-card-investor .ed-card-meta-container {
  display: block;
}
.ed-card-investor .ed-card-meta-container .ed-date-title {
  flex: 2;
}
.ed-card-investor .ed-card-meta-container .ed-date-title p.meta-date {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  color: #a2a2a2;
  margin-bottom: 0px;
}
.ed-card-investor .ed-cardinvestor-body {
  position: relative;
  margin-top: 5px;
}
.ed-card-investor .ed-cardinvestor-body .ed-card-investor-description {
  font-family: "encodesans_normal";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: left;
  color: #333333;
  margin-bottom: 57px;
}
.ed-card-investor .ed-cardinvestor-body .ed-card-investor-description .ed-readmore-btn {
  margin-left: 5px;
}
.ed-card-investor .ed-investor-media-icon {
  margin-top: 32px;
}
.ed-card-investor .ed-investor-media-icon img {
  position: absolute;
  bottom: 21px;
}

@media screen and (max-width: 640px) {
  .ed-card-investor {
    width: 100%;
    border: 1px solid #e7e7e7;
    padding: 10px;
    border-radius: 5px;
    max-width: 100%;
  }
  .ed-card-investor .media-container {
    margin-bottom: 10px;
    height: 100px;
  }
  .ed-card-investor .media-container img {
    width: 100%;
    border-radius: 5px;
    height: 100px;
    max-width: 100%;
  }
  .ed-card-investor .media-container video {
    width: 100%;
    height: auto;
  }
  .ed-card-investor .ed-card-meta-container {
    display: block;
  }
  .ed-card-investor .ed-card-meta-container .ed-date-title {
    flex: 2;
  }
  .ed-card-investor .ed-card-meta-container .ed-date-title p.meta-date {
    font-family: "encodesans_normal";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 12.5px;
    letter-spacing: 0em;
    text-align: left;
    color: #a2a2a2;
    margin-bottom: 0px;
  }
  .ed-card-investor .ed-cardinvestor-body {
    position: relative;
    margin-top: 10px;
  }
  .ed-card-investor .ed-cardinvestor-body .ed-card-investor-description {
    font-family: "encodesans_normal";
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 17.1px;
    letter-spacing: 0px;
    text-align: left;
    color: #333333;
    margin-bottom: 40px;
    height: 62px;
  }
  .ed-card-investor .ed-cardinvestor-body .ed-card-investor-description .ed-readmore-btn {
    margin-left: 5px;
  }
  .ed-card-investor .ed-investor-media-icon {
    margin-top: 20px;
  }
}
.ed-card-investorLoader {
  width: 95% !important;
}

:root {
  font-size: 16px;
}

.ed-card-primary {
  border: 1px solid #e7e7e7;
  padding: 30px;
  border-radius: 4px;
  max-width: 100%;
}
.ed-card-primary .ed-card-headline-container {
  display: flex;
  margin-bottom: 12px;
}
.ed-card-primary .ed-card-headline-container .ed-headline-title {
  flex: 2;
}
.ed-card-primary .ed-card-headline-container .ed-headline-title .title {
  font-family: "DMSansBold";
  font-size: 1.125rem;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
  align-items: center;
}
.ed-card-primary .ed-card-headline-container .ed-headline-title .title span.badge {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 15px;
  letter-spacing: 0em;
  padding: 0px;
  text-align: left;
  color: #f7943e;
  position: relative;
}
.ed-card-primary .ed-card-headline-container .ed-count-ed-funds {
  flex: 1;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  line-height: 15px;
  letter-spacing: 0em;
  text-align: right;
  color: #00b274;
}
.ed-card-primary .ed-cardprimary-body {
  position: relative;
}
.ed-card-primary .ed-cardprimary-body .ed-card-description {
  font-family: "DMSansNormal";
  font-size: 1rem;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: left;
  color: #444444;
  margin-bottom: 47px;
  max-width: 55%;
  height: 51px;
}
.ed-card-primary .ed-cardprimary-body .ed-card-description p {
  margin-bottom: 0px;
}
.ed-card-primary .ed-cardprimary-body .ed-cardprimary-bg-img {
  position: absolute !important;
  width: 120px;
  height: 80px;
  right: 50px;
  bottom: -14px;
  transform: translate(54px, -19px);
}
.ed-card-primary .ed-cardprimary-body .ed-cardprimary-bg-img.ed-cardprimary-bg-img.edFixBottomImg {
  right: -15px;
  bottom: -68px;
}
.ed-card-primary .ed-cardprimary-body .ed-cardprimary-bg-img img {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 17px;
  bottom: -6px;
}
@media (max-width: 640px) {
  .ed-card-primary .ed-cardprimary-body .ed-cardprimary-bg-img img {
    left: 4px;
    bottom: -24px;
  }
}
.ed-card-primary .ed-cardprimary-body .ed-card-tagline {
  background: #fef6f0;
  border-radius: 4px;
  padding: 7px 10px 7px 7px;
  display: flex;
  align-items: center;
  position: relative;
  max-width: 75%;
}
@media (max-width: 1366px) {
  .ed-card-primary .ed-cardprimary-body .ed-card-tagline {
    max-width: 81%;
  }
}
.ed-card-primary .ed-cardprimary-body .ed-card-tagline span {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #f7943e;
  padding-left: 4px;
}
.ed-card-primary .ed-cardprimary-body .ed-card-tagline span p {
  margin-bottom: 0px;
}
.ed-card-primary .ed-cardprimary-body .ed-card-tagline .ed-tagline-icon-img {
  width: 25px !important;
  height: 25px !important;
}
.ed-card-primary .ed-cardprimary-body .ed-card-tagline .ed-tagline-icon-img img {
  max-width: 100%;
  height: auto;
}
.ed-card-primary:hover {
  box-shadow: 10px 0px 20px 0px rgba(53, 128, 247, 0.16);
}

@media screen and (max-width: 640px) {
  .ed-card-primary {
    padding: 17px !important;
    max-width: 100% !important;
  }
  .ed-card-primary .ed-card-headline-container {
    margin-bottom: 0px !important;
  }
  .ed-card-primary .ed-card-headline-container p.title {
    font-size: 1rem !important;
    line-height: 22px !important;
    letter-spacing: 0px !important;
  }
  .ed-card-primary .ed-card-headline-container p.title span.badge {
    font-weight: 500 !important;
    line-height: 13px !important;
    font-size: 0.625rem !important;
  }
  .ed-card-primary .ed-card-headline-container .ed-count-ed-funds {
    font-size: 0.625rem !important;
    font-weight: 500 !important;
    line-height: 13px !important;
  }
  .ed-card-primary .ed-cardprimary-body {
    max-width: 90% !important;
    position: relative !important;
  }
  .ed-card-primary .ed-cardprimary-body .ed-card-description {
    font-size: 0.875rem !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    margin-bottom: 10px !important;
    max-width: 85% !important;
    font-family: "encodesans_normal" !important;
  }
  .ed-card-primary .ed-cardprimary-body .ed-card-tagline {
    max-width: 76%;
  }
  .ed-card-primary .ed-cardprimary-body .ed-card-tagline .ed-tagline-icon-img {
    width: 21px !important;
    height: 21px !important;
  }
  .ed-card-primary .ed-cardprimary-body .ed-card-tagline .ed-tagline-icon-img img {
    max-width: 21px !important;
    height: 21px !important;
  }
  .ed-card-primary .ed-cardprimary-body .ed-card-tagline span {
    font-size: 0.625rem !important;
    line-height: 18px !important;
  }
  .ed-card-primary .ed-cardprimary-body .ed-card-tagline span p {
    margin-bottom: 0px;
  }
  .ed-card-primary .ed-cardprimary-body .ed-cardprimary-bg-img {
    position: absolute !important;
    width: 71px !important;
    height: 71px !important;
    right: 23px;
    bottom: 4px;
  }
  .ed-card-primary .ed-cardprimary-body .ed-cardprimary-bg-img img {
    max-width: 100%;
    height: auto;
  }
  .ed-card-primary .ed-cardprimary-body.ed-cardprimary-bg-img.edFixBottomImg {
    bottom: -24px !important;
  }
  .ed-card-primary:hover {
    box-shadow: 10px 0px 20px 0px rgba(53, 128, 247, 0.16);
  }
}
:root {
  font-size: 16px;
}

.ed-card-secondary {
  border: 1px solid #e7e7e7;
  padding: 23px 30px 23px 30px;
  border-radius: 4px;
  max-width: 100%;
  overflow: hidden;
  height: 150px;
  position: relative;
}
.ed-card-secondary .ed-card-headline-container {
  max-width: 70%;
  width: 70%;
}
@media (max-width: 1399px) {
  .ed-card-secondary .ed-card-headline-container {
    max-width: 80%;
    width: 80%;
  }
}
.ed-card-secondary .ed-card-headline-container .ed-card-description {
  font-family: "DMSansNormal";
  font-size: 1rem;
  line-height: 25px;
  letter-spacing: 0px;
  color: #444444;
}
.ed-card-secondary .ed-card-headline-container .ed-headline-title {
  flex: 2;
  margin-bottom: 10px;
}
.ed-card-secondary .ed-card-headline-container .ed-headline-title .title {
  font-family: "DMSansBold";
  color: #444444;
  font-size: 1.125rem;
  line-height: 25.2px;
  letter-spacing: 0px;
  text-align: left;
}
.ed-card-secondary .ed-secondary-body {
  align-self: end;
  max-width: 30%;
  width: 30%;
}
.ed-card-secondary .ed-secondary-body .ed-secondary-bg-img {
  position: absolute;
  max-width: 77px;
  max-height: 86px;
  right: 22px;
  bottom: 15px;
  align-items: flex-end;
  text-align: right;
}
.ed-card-secondary .ed-secondary-body .ed-secondary-bg-img img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 640px) {
  .ed-card-secondary {
    padding: 17px !important;
    max-width: 100% !important;
    min-height: 126px !important;
  }
  .ed-card-secondary .ed-secondary-body {
    position: relative !important;
  }
  .ed-card-secondary .ed-secondary-body .ed-secondary-bg-img {
    position: absolute !important;
    max-width: 77px !important;
    max-height: 86px !important;
    right: 0px !important;
    bottom: 0px !important;
    align-items: flex-end;
    text-align: right;
  }
  .ed-card-secondary .ed-secondary-body .ed-secondary-bg-img img {
    width: 100%;
    height: auto;
  }
  .ed-card-secondary .ed-headline-title p.title {
    font-size: 1rem !important;
    line-height: 22.4px !important;
    letter-spacing: 0px !important;
  }
  .ed-card-secondary .ed-card-description {
    font-size: 0.875rem !important;
    font-weight: 300 !important;
    line-height: 19.6px !important;
    max-width: 100% !important;
  }
}
:root {
  font-size: 16px;
}

.ed-card-tertiary {
  border: 1px solid #e7e7e7;
  padding: 25px 23px 8px;
  border-radius: 4px;
}
.ed-card-tertiary .ed-card-headline-container .ed-headline-title .title {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 19.6px;
  justify-content: center;
  letter-spacing: 0px;
  text-align: center;
  color: #444444;
  margin-bottom: 0px !important;
}
@media (max-width: 640px) {
  .ed-card-tertiary .ed-card-headline-container .ed-headline-title .title {
    margin-bottom: 0px !important;
  }
}
.ed-card-tertiary .ed-tertiary-body .ed-tertiary-bg-img {
  text-align: center;
  margin-bottom: 15px;
  width: 64px;
  height: 35px;
  margin-left: auto;
  margin-right: auto;
}
.ed-card-tertiary .ed-tertiary-body .ed-tertiary-bg-img img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 577px) {
  .ed-card-tertiary.tertiary-card {
    display: none !important;
  }
}
.badgenew {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 15px;
  color: #ff7a00;
  margin-top: 5px;
  margin-bottom: 0px;
  text-align: center;
}

:root {
  font-size: 16px;
}

@media (min-width: 1023px) {
  .edelinvestor .owl-nav button {
    border: none;
    background: none;
    color: #3580f7;
  }
  .edelinvestor .owl-nav button span {
    display: none;
  }
  .edelinvestor .owl-nav .investLeft {
    border: none;
    background: none;
    color: #3580f7;
    margin-top: -430px;
    margin-left: -30px;
    z-index: 999;
  }
}
@media (min-width: 1023px) and (min-width: 1360px) {
  .edelinvestor .owl-nav .investLeft {
    margin-left: -43px;
  }
}
@media (min-width: 1023px) and (min-width: 1600px) {
  .edelinvestor .owl-nav .investLeft {
    margin-left: -58px;
  }
}
@media (min-width: 1023px) and (min-width: 1680px) {
  .edelinvestor .owl-nav .investLeft {
    margin-left: -58px;
  }
}
@media (min-width: 1023px) and (min-width: 1920px) {
  .edelinvestor .owl-nav .investLeft {
    margin-left: -58px;
  }
}
@media (min-width: 1023px) {
  .edelinvestor .owl-nav .investLeft span {
    display: none;
  }
  .edelinvestor .owl-nav .investRight {
    border: none;
    z-index: 999;
    background: none;
    color: #3580f7;
    margin-top: -387px;
    margin-right: 50px;
  }
}
@media (min-width: 1023px) and (min-width: 1360px) {
  .edelinvestor .owl-nav .investRight {
    margin-right: 93px;
  }
}
@media (min-width: 1023px) and (min-width: 1440px) {
  .edelinvestor .owl-nav .investRight {
    margin-right: 110px;
  }
}
@media (min-width: 1023px) and (min-width: 1600px) {
  .edelinvestor .owl-nav .investRight {
    margin-right: 118px;
  }
}
@media (min-width: 1023px) and (min-width: 1680px) {
  .edelinvestor .owl-nav .investRight {
    margin-right: 124px;
  }
}
@media (min-width: 1023px) and (min-width: 1920px) {
  .edelinvestor .owl-nav .investRight {
    margin-right: 110px;
  }
}
@media (min-width: 1023px) {
  .edelinvestor .owl-nav .investRight span {
    display: none;
  }
}

@media (min-width: 1024px) {
  .edelinvestor {
    padding-left: 7%;
    overflow-x: hidden;
  }
}
@media (min-width: 1400px) {
  .edelinvestor {
    padding-left: 3%;
    overflow-x: hidden;
  }
}
@media (min-width: 1440px) {
  .edelinvestor {
    padding-left: 4%;
    overflow-x: hidden;
  }
}
@media (min-width: 1600px) {
  .edelinvestor {
    padding-left: 9%;
    overflow-x: hidden;
  }
}
@media (min-width: 1680px) {
  .edelinvestor {
    padding-left: 10.5%;
    overflow-x: hidden;
  }
}
@media (min-width: 1920px) {
  .edelinvestor {
    padding-left: 15%;
    overflow-x: hidden;
  }
}
.edelinvestor .owl-dots {
  padding: 0px;
  padding-top: 50px;
}

.edelinvestor .owl-theme .owl-nav {
  margin-top: 0px;
}

.edel-investor-edel-heading .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.edel-investor-edel-heading .row .investor-heading-right a {
  align-items: center;
}
.edel-investor-edel-heading .row .investor-heading-right .m-inv-view-all {
  color: #3580f7;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  line-height: 22px;
}
.edel-investor-edel-heading .row .investor-heading-right .icon-container {
  height: 41px;
  width: 41px;
  border-radius: 50%;
  border: 1px solid rgba(53, 128, 247, 0.05);
  margin-left: 10px;
}
.edel-investor-edel-heading .row .investor-heading-right .icon-container .icon-box {
  height: 30.5px;
  width: 30.5px;
  border-radius: 50%;
  background: rgba(53, 128, 247, 0.1);
  position: relative;
  top: 5px;
  left: 5px;
}
.edel-investor-edel-heading .row .investor-heading-right .icon-container .icon-box .icon {
  height: 23px;
  width: 23px;
  background: #3580f7;
  color: #ffffff;
  border-radius: 50%;
  position: relative;
  top: 3.7px;
  left: 3.7px;
}
.edel-investor-edel-heading .row .investor-heading-right .icon-container .icon-box .icon .edel-icon-arrow-right::before {
  left: 3px;
  top: 3px;
  position: relative;
}

@media screen and (min-width: 1023px) {
  .edelinvestor {
    min-height: 357px !important;
  }
  .ed-card-investor {
    height: 357px !important;
  }
}
h3.InvestorHeading {
  float: none;
  font-family: "EncodeSansLight";
  font-style: normal;
  font-size: font_twentyEight;
  line-height: 25px;
  margin-left: 2.2rem;
}
h3.InvestorHeading .highLight {
  font-family: "EncodeSansBold";
}

@media screen and (max-width: 1225px) and (min-width: 1100px) {
  .ed-card-investor {
    min-height: 357px !important;
  }
}
.edelinvestor .owl-stage-outer .owl-item:nth-child(3n+3) > div,
.edelinvestor .owl-stage-outer .owl-item:nth-of-type(odd) > div {
  background-color: transparent;
  border: none !important;
  border-radius: 5px !important;
}

.edelinvestor .owl-stage-outer .owl-item {
  border: 0px !important;
  border-radius: 5px !important;
}

@media (max-width: 640px) {
  .edelinvestor .owl-stage-outer .owl-item .ed-card-investorLoaderMob {
    display: block;
    width: 94%;
  }
  .edelinvestor .owl-stage-outer .owl-item:nth-child(3n+3) > .ed-card-investorLoaderMob {
    background: #ffffff !important;
    border: 1px solid #e7e7e7;
  }
}
.ed-investor-media-icon img {
  width: auto !important;
}

.edel-investor-edel-heading {
  padding-top: 20px !important;
}

@media screen and (max-width: 640px) {
  .edel-investor-edel-heading {
    padding-top: 13px !important;
  }
  .edel-investor-edel-heading .pd-t50 {
    padding-top: 0px;
  }
  .edel-investor-edel-heading .pd-t50 .d-flex {
    align-items: center;
  }
  .edel-investor-edel-heading .investor-heading-right a .investor-view-all {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    line-height: 21.6px !important;
  }
  .edelinvestor {
    margin-top: 0px !important;
    width: 353px;
    padding-top: 30px !important;
    padding-bottom: 64px;
  }
  .edelinvestor .owl-dots {
    padding-top: 20px !important;
    margin-top: 0px !important;
  }
  .edelinvestor .ed-card-investor .ed-investor-media-icon img {
    position: absolute;
    bottom: 11px;
  }
  .edelinvestor .col-100 .row .owl-carousel {
    padding-left: 10px;
    padding-right: 0px;
  }
  h3.InvestorHeading {
    margin-left: 0px !important;
    font-family: Encode Sans;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0px;
  }
  h3.InvestorHeading span {
    font-family: Encode Sans;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
  }
  .edelinvestor .col-100.pd-b50 {
    padding-bottom: 0px !important;
  }
  .edel-investor-edel-heading {
    margin: 0px !important;
  }
}
@media screen and (max-width: 360px) {
  h3.InvestorHeading {
    max-width: 43%;
    margin: auto;
  }
}
@media screen and (max-width: 375px) and (min-width: 361px) {
  h3.InvestorHeading {
    max-width: 42%;
    margin: auto;
  }
}
@media screen and (max-width: 393px) and (min-width: 376px) {
  h3.InvestorHeading {
    max-width: 40%;
    margin: auto;
  }
}
@media screen and (max-width: 416px) and (min-width: 394px) {
  h3.InvestorHeading {
    max-width: 38%;
    margin: auto;
  }
}
@media screen and (min-width: 1400px) {
  section.edelinvestor .owl-carousel {
    padding: 0px;
  }
  section.edelinvestor .owl-carousel .investor-wrap {
    width: 100%;
  }
  .ed-card-investor {
    width: 94%;
    height: 340px !important;
    min-height: 340px !important;
  }
  .edel-investor-edel-heading h3 {
    margin-left: 0px;
  }
}
@media screen and (max-width: 640px) {
  .investor-wrap {
    width: 94%;
  }
}
@media screen and (min-width: 1500px) {
  .ed-card-investor {
    width: 90%;
    height: 368px !important;
  }
  section.edelinvestor .owl-carousel {
    padding: 0px;
  }
  section.edelinvestor .owl-carousel .investor-wrap {
    width: 100%;
  }
  h3.InvestorHeading {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 1400px) {
  .edel-investor-edel-heading h3 {
    margin-left: 0px;
  }
}
@media screen and (max-width: 1350px) and (min-width: 1301px) {
  .ed-card-investor {
    width: 90% !important;
    margin: auto;
  }
  h3.InvestorHeading {
    margin-left: 8px;
  }
}
@media screen and (max-width: 1366px) and (min-width: 1341px) {
  .ed-card-investor {
    width: 90% !important;
    margin: auto;
  }
  h3.InvestorHeading {
    margin-left: 0px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1183px) {
  .ed-card-investor {
    width: 242px;
    padding-bottom: 0px !important;
    height: 330px;
    margin: auto;
  }
  .edelinvestor #item {
    width: 100%;
  }
  h3.InvestorHeading {
    margin-left: 14px;
  }
}
.ed-card-investor {
  background: #ffffff;
}

@media screen and (max-width: 1250px) and (min-width: 1201px) {
  .ed-card-investor {
    width: 232px;
    padding-bottom: 0px !important;
    height: 330px;
    margin: auto;
  }
  .edelinvestor #item {
    width: 100%;
  }
  h3.InvestorHeading {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1300px) and (min-width: 1251px) {
  .ed-card-investor {
    width: 90%;
    padding-bottom: 0px !important;
    height: 330px;
    margin: auto;
  }
  .edelinvestor #item {
    width: 100%;
  }
  h3.InvestorHeading {
    margin-left: 14px !important;
  }
}
@media screen and (max-width: 1180px) and (min-width: 1023px) {
  .ed-card-investor {
    width: 90% !important;
    margin: auto;
  }
  h3.InvestorHeading {
    margin-left: -5px !important;
  }
  .ed-card-investor {
    height: 316px !important;
  }
}
.investor-block .owl-stage-outer .owl-item:nth-of-type(odd) > div {
  border: none;
}

:root {
  font-size: 16px;
}

.ed-card-newedel:hover {
  background-color: #f4fafd;
}

.ed-card-newedel {
  border: 1px solid #e7e7e7;
  padding: 20px 20px 0px 20px;
  border-radius: 15px;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .ed-card-newedel {
    height: 252px;
  }
}
.ed-card-newedel {
  background-color: white;
  display: flex;
  flex-direction: column;
}
.ed-card-newedel .ed-newedel-body {
  height: 99px;
  margin-bottom: 45px;
  margin-top: 20px;
}
@media (max-width: 640px) {
  .ed-card-newedel .ed-newedel-body {
    margin-top: 0px;
  }
}
.ed-card-newedel .ed-newedel-body .ed-newedel-card-description {
  font-family: "DMSansNormal";
}
.ed-card-newedel .ed-newedel-body .ed-newedel-card-description strong {
  letter-spacing: 0px;
  text-align: left;
  font-family: "DMSansBold";
}
.ed-card-newedel .edel-media-container {
  position: relative;
}
@media (max-width: 640px) {
  .ed-card-newedel .edel-media-container {
    height: 80px;
  }
}
@media (max-width: 640px) {
  .ed-card-newedel .edel-media-container .meta-media-container .react-loading-skeleton {
    height: 100%;
  }
}
@media (min-width: 1024px) {
  .ed-card-newedel .edel-media-container .meta-media-container .media-banner {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 640px) {
  .ed-card-newedel .edel-media-container .meta-media-container .media-banner img {
    height: 100%;
    border-radius: 5px;
    width: 100%;
  }
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge {
  display: inline-block;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  height: 24px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge {
    height: 20px;
  }
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge span.badge {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 15px;
  text-align: center;
  max-width: 100%;
  font-weight: 400;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.red {
  background: #e8d3d8;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.red span.badge {
  color: #dd504d;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.green {
  background: rgba(32, 229, 158, 0.1019607843);
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.green span.badge {
  color: #007a4e;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.yellow {
  background: #fff0c8;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.yellow span.badge {
  color: #b58200;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.cyan {
  background: #fff0c8;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.cyan span.badge {
  color: #006f75;
}
.ed-card-newedel .ed-newedel-media {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 50px;
}
.ed-card-newedel .ed-newedel-media .ed-brand-logo img {
  width: 60px;
}
.ed-card-newedel .ed-newedel-media .bg-img img {
  max-width: 70px;
  max-height: 50px;
}
.ed-card-newedel .ed-newedel-media.flex-end {
  justify-content: flex-end;
}
.ed-card-newedel .ed-newedel-media.space-between {
  justify-content: space-between;
}

@media screen and (max-width: 640px) {
  .ed-card-newedel {
    border: 1px solid #e7e7e7;
    padding: 17px;
    border-radius: 4px;
    position: relative;
  }
  .ed-card-newedel .ed-newedel-body {
    margin-bottom: 15px;
  }
  .ed-card-newedel .ed-newedel-body .ed-newedel-card-description {
    font-size: 0.875rem;
    font-family: "DMSansNormal";
    line-height: 19.6px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 10px;
  }
  .ed-card-newedel .ed-newedel-body .ed-newedel-card-description h1 {
    font-size: 0.875rem;
    font-family: "DMSansNormal";
    line-height: 19.6px;
    letter-spacing: 0px;
    text-align: left;
  }
  .ed-card-newedel .ed-newedel-body .ed-newedel-card-description strong {
    font-size: 0.875rem;
    font-family: "DMSansBold";
    line-height: 19.6px;
    letter-spacing: 0px;
    text-align: left;
  }
  .ed-card-newedel .ed-newedel-media {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .ed-card-newedel .ed-newedel-media .bg-img img {
    max-width: 53px;
    width: 51px;
    max-height: 43px;
  }
  .ed-card-newedel .ed-newedel-media .ed-brand-logo img {
    width: 48px;
    height: auto;
    margin-bottom: -10px;
  }
  .ed-card-newedel .ed-newedel-badge {
    display: inline-block;
    padding: 1px 12px 4px 12px !important;
  }
}
@media screen and (max-width: 640px) and (max-width: 768px) {
  .ed-card-newedel .ed-newedel-badge {
    padding: 0px !important;
  }
}
@media screen and (max-width: 640px) {
  .ed-card-newedel .ed-newedel-badge span.badge {
    font-size: 0.625rem;
    font-family: "DMSansNormal";
    line-height: 12.5px !important;
    text-align: center !important;
  }
}
@media screen and (max-width: 640px) and (max-width: 768px) {
  .ed-card-newedel .ed-newedel-badge span.badge {
    font-size: 0.625rem !important;
    font-family: "DMSansNormal" !important;
  }
}
@media screen and (max-width: 1225px) and (min-width: 980px) {
  .ed-card-newedel h1 {
    font-size: 0.875rem !important;
  }
  .ed-card-newedel b {
    font-size: 1rem !important;
  }
}
@media screen and (max-width: 1078px) and (min-width: 1024px) {
  .ed-card-newedel {
    width: 100% !important;
    margin: auto;
  }
}
@media (min-width: 1023px) {
  .ed-card-newedel .media-banner-img {
    width: 100%;
  }
}

.edelcrad-padding-point {
  padding-left: 8% !important;
}
@media (min-width: 1023px) and (max-width: 1279px) {
  .edelcrad-padding-point {
    padding-left: 8% !important;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .edelcrad-padding-point {
    padding-left: 10% !important;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .edelcrad-padding-point {
    padding-left: 10% !important;
  }
}
@media (min-width: 1600px) {
  .edelcrad-padding-point {
    padding-left: 12% !important;
  }
}

.edelcrad-padding-point-eight {
  padding-left: 8%;
}

@media (max-width: 768px) {
  .news-on-home .mob-greybg {
    background-color: unset !important;
  }
  .home-on-carosoual .pd-b69 {
    padding-bottom: 0px !important;
  }
}
.hover-effect-tooltip-bg:hover {
  background-color: #f4fafd;
}
.hover-effect-tooltip-bg:hover .platforms-container {
  background-color: transparent !important;
}

.pdt-64 {
  padding-top: 64px;
}

.pdb-80 {
  padding-bottom: 80px;
}

@media (min-width: 768px) and (max-width: 1600px) {
  #explore-offfering-sec.container {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
.news-marketnews .d-webinar-cards-container {
  margin-top: 20px;
  width: 100%;
}
.news-marketnews .d-webinar-cards-container .d-webinarcard-tiles {
  display: flex;
  flex-flow: column;
}
.news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile {
  max-width: 96% !important;
  margin-top: 20px !important;
  background: #ffffff;
}
.news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:first-child {
  margin-top: 0px !important;
}
.news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -15px;
  left: 71.5%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f7f7f7 !important;
  z-index: 2;
}
@media (max-width: 1920px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 63%;
  }
}
@media (max-width: 1680px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 62.5%;
  }
}
@media (max-width: 1600px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 62%;
  }
}
@media (max-width: 1440px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 63%;
  }
}
@media (max-width: 1400px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 63%;
  }
}
@media (max-width: 1366px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 57%;
  }
}
@media (max-width: 1360px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 61%;
  }
}
@media (max-width: 1280px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 57%;
  }
}
@media (max-width: 1152px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 54.5%;
  }
}
@media (max-width: 1024px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:before {
    left: 68%;
  }
}
.news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  right: 25%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f7f7f7 !important;
  z-index: 2;
}
@media (max-width: 1920px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 32.5%;
  }
}
@media (max-width: 1680px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 32.5%;
  }
}
@media (max-width: 1600px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 33%;
  }
}
@media (max-width: 1440px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 32%;
  }
}
@media (max-width: 1400px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 33%;
  }
}
@media (max-width: 1366px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 37.5%;
  }
}
@media (max-width: 1360px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 34%;
  }
}
@media (max-width: 1280px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 38%;
  }
}
@media (max-width: 1152px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 39%;
  }
}
@media (max-width: 1024px) {
  .news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile:after {
    right: 25%;
  }
}
.news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-description {
  padding-left: 5px;
  padding-right: 20px;
}
.news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile:before {
  content: "";
  position: absolute;
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 3px -2px/27px 31px repeat-y;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  width: 15px;
  top: 0px;
  left: 99% !important;
  height: 198px;
}
.news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile:after {
  content: "";
  position: absolute;
  background: radial-gradient(20px circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 2px 21px/26px 34px repeat-y;
  transform: rotate(180deg);
  width: 15px;
  left: -2%;
  height: 198px;
  top: 0%;
}
.news-marketnews .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-right {
  padding-left: 8.6%;
}
.news-marketnews .webinar-container {
  background-color: unset;
  padding: 0px;
}
.news-marketnews .d-web-hostName {
  color: #f7943e;
}
.news-marketnews .d-web-icons {
  margin-top: 32px;
  padding-left: 5px;
}
.news-marketnews .d-web-icons .share-icon {
  background: #f2f2f5 !important;
}

.pd-b69 {
  padding-bottom: 69px;
}

.desktopnews {
  height: 730px;
}
.desktopnews .d-livenews-container {
  margin-top: 0px;
  padding: 0px;
}
.desktopnews .d-livenews-container .mask .d-ln-tiles {
  margin-top: 0px;
}
.desktopnews .d-livenews-container .mask .d-ln-tiles .d-ln-tile {
  padding: 25px 25px 15px;
  margin-top: 0px;
}
.desktopnews .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-sub {
  margin-bottom: 0px;
  margin-top: 15px;
}
.desktopnews .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-sub .d-ln-tile-subtext1 {
  color: #ff7a00;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
}
.desktopnews .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-sub .d-ln-tile-subtext2 {
  background: #f2f2f5;
}
.desktopnews .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-text2-content {
  color: #03002f;
}
.desktopnews .d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-dpname {
  color: #03002f;
}
.desktopnews .news-livenews .d-ln-heading {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom: 1px solid #e7e7e7;
  padding: 0px 25px 0px 27px;
}
.desktopnews .news-livenews .d-livenews-container {
  height: 730px;
}
.desktopnews .news-livenews .d-livenews-container::-webkit-scrollbar {
  width: 2px !important;
  height: 227px !important;
}
.desktopnews .news-livenews .d-livenews-container::-webkit-scrollbar-button {
  height: 77px;
}
.desktopnews .news-livenews .d-livenews-container::-webkit-scrollbar-track {
  height: 10px !important;
  width: 10px;
}
.desktopnews .news-livenews .d-livenews-container::-webkit-scrollbar-thumb {
  background-color: #03002f;
  height: 10px !important;
  width: 10px !important;
}

.mgt-33 {
  margin-top: 33px;
}

.mgt-22 {
  margin-top: 22px;
}

.our-customer-card-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 43px 27px 37px 40px;
  background-color: #ffffff;
  gap: 30px;
  margin-right: 20px;
  border-radius: 15px;
  min-height: 222px;
}
@media (max-width: 1023px) {
  .our-customer-card-block {
    margin: 0px 15px;
    padding: 15px;
    height: 290px;
  }
}
.our-customer-card-block .ratings {
  color: #ffb800;
}
.our-customer-card-block .middle-block {
  padding: 24px 0px 15px;
  line-height: normal;
}
@media (max-width: 1023px) {
  .our-customer-card-block .middle-block {
    line-height: 30px;
  }
}

@media (max-width: 768px) {
  .customer-says-mainblock {
    padding-top: 20px;
  }
}
.customer-says-mainblock .heading {
  padding-bottom: 42px;
}
@media (max-width: 768px) {
  .customer-says-mainblock .heading {
    padding-bottom: 27px;
  }
}
.customer-says-mainblock .owl-nav button {
  border: none;
  background: none;
  color: #03002f;
}
.customer-says-mainblock .owl-nav button span {
  display: none;
}
.customer-says-mainblock .owl-nav .owlnav .SliderIcon {
  position: relative;
}
.customer-says-mainblock .owl-nav .edelRight {
  border: none;
  background: none;
  color: #03002f;
  z-index: 999;
  position: absolute;
  margin-top: -144px;
  margin-left: 90%;
}
.customer-says-mainblock .owl-nav .edelRight span {
  display: none;
}
.customer-says-mainblock .owl-nav .edelLeft {
  border: none;
  background: none;
  color: #03002f;
  margin-top: -144px;
  position: absolute;
  margin-left: -58px;
}
@media (min-width: 1440px) {
  .customer-says-mainblock .owl-nav .edelLeft {
    margin-left: -48px !important;
  }
}
.customer-says-mainblock .owl-nav .edelLeft span {
  display: none;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .customer-says-mainblock .owl-dots {
    padding-right: 8% !important;
  }
}
.customer-says-mainblock .slick-prev {
  right: 55%;
}
.customer-says-mainblock .slick-next {
  left: 57%;
}

.bgcolor-desktopnews-block {
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
}

.sticky-header-remove .docked-position {
  top: 0px !important;
}

.home-section {
  line-height: normal;
}
@media screen and (max-width: 1023px) {
  .home-section {
    margin-top: -2px;
  }
}
.home-section .common-spacing {
  padding: 100px 0px;
}
@media screen and (max-width: 1023px) {
  .home-section .common-spacing {
    padding: 36px 0px;
  }
}
.home-section .gray-shade {
  background-color: #eff0f2;
}
.home-section .gray-white-nine {
  background-color: #f7f7f7;
}
.home-section .main-heading .title {
  font-family: "DMSansMedium";
  font-size: 2.625rem;
}
@media screen and (max-width: 1023px) {
  .home-section .main-heading .title {
    font-size: 1.25rem;
  }
}
.home-section .main-heading .title-two {
  font-family: "DMSansMedium";
  font-size: 2.625rem;
}
@media screen and (max-width: 1023px) {
  .home-section .main-heading .title-two {
    font-size: 1.5rem;
    font-family: "DMSansBold";
  }
}
.home-section .d-livenews-container .d-ln-heading .d-ln-heading-left {
  font-size: 2.5rem;
  font-family: "DMSansNormal";
}
.home-section .d-livenews-container .d-ln-heading .d-ln-heading-left span {
  font-family: "DMSansBold";
}
.home-section .d-livenews-container .d-ln-heading .liveNews-refresh-icon {
  display: none;
}
.home-section .webinar-container {
  padding: 0px;
}
.home-section .webinar-container .col-100 .row {
  margin: 0px;
}
.home-section .webinar-container .col-100 .row .mob-webinar-cards-container {
  padding: 0px;
}

.banner-block .heading {
  line-height: 100%;
  font-size: 3.625rem;
}
@media screen and (min-width: 1600px) {
  .banner-block .heading {
    font-size: 3.75rem;
  }
}
.banner-block .heading {
  font-family: "DMSansBold";
}
.banner-block .block-space {
  padding-top: 12vw;
}
.banner-block .ed_button.dark-peach-rounded {
  font-family: "DMSansMedium";
  font-size: 1.375rem;
  border-radius: 50px;
  padding: 17px 55px;
}
.banner-block .ed_button.dark-peach-rounded:hover {
  background-color: #f2736b;
}
@media screen and (max-width: 1023px) {
  .banner-block .ed_button.dark-peach-rounded {
    font-size: 1.125rem;
    padding: 16px 39px;
  }
}

.fill-content {
  height: -webkit-fill-available;
  height: -moz-available;
}
@media (max-width: 768px) {
  .fill-content {
    height: 100%;
  }
}

.home-banner-image {
  object-fit: cover;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1023px) {
  .home-banner-image {
    margin-top: -96px;
  }
}

.explore-offering .offering-card .main-card {
  border-radius: 20px;
}
@media screen and (max-width: 1023px) {
  .explore-offering .offering-card .main-card {
    border-radius: 5px;
  }
}
.explore-offering .offering-card .main-card:hover {
  transition: all 0.2s ease-in-out;
  box-shadow: 10px 0px 20px 0px rgba(0, 0, 0, 0.15);
  cursor: default;
}
@media screen and (max-width: 1023px) {
  .explore-offering .offering-card .main-card:hover {
    transition: none;
    box-shadow: none;
  }
}
.explore-offering .offering-card .colored-section {
  background-color: rgba(253, 234, 216, 0.3);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media screen and (max-width: 1023px) {
  .explore-offering .offering-card .colored-section {
    border-radius: 5px;
  }
}
.explore-offering .offerings-sub-card > div {
  border-radius: 15px;
}
@media screen and (max-width: 1023px) {
  .explore-offering .offerings-sub-card > div {
    border-radius: 10px;
  }
}
.explore-offering .offerings-sub-card > div:hover {
  transition: all 0.2s ease-in-out;
  box-shadow: 10px 0px 20px 0px rgba(0, 0, 0, 0.15);
  cursor: default;
}
@media screen and (max-width: 1023px) {
  .explore-offering .offerings-sub-card > div:hover {
    transition: none;
    box-shadow: none;
  }
}
.explore-offering .edel-icon-hand-money {
  font-size: 1.875rem;
}
.explore-offering .edel-icon-alt-funds {
  font-size: 1.875rem;
}
.explore-offering .edel-icon-fixed-income {
  font-size: 1.875rem;
}
.explore-offering .edel-icon-managed-port {
  font-size: 1.875rem;
}
.explore-offering .edel-icon-umbrella {
  font-size: 1.875rem;
}

.grow-stronger-box-mobile {
  border-radius: 6px;
}

.see-all-grid .ed_button.midnight-blue-no-underline {
  padding: 20px 15px 20px 0px;
  text-align: left;
  color: #000000;
  font-size: 1.375rem;
  font-family: "DMSansMedium";
}
@media screen and (max-width: 1023px) {
  .see-all-grid .ed_button.midnight-blue-no-underline {
    text-wrap: nowrap;
    border-radius: 10px;
    font-size: 0.75rem;
    font-family: "DMSansMedium";
    line-height: 16px;
    text-align: center;
  }
}
.see-all-grid.see-more-grid {
  padding: 30px 0px 25px 0px;
  display: grid;
  grid-template-columns: 32% 27.5% 32%;
  column-gap: 50px;
}
@media screen and (max-width: 1023px) {
  .see-all-grid.see-more-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 30px;
    padding: 0px;
    row-gap: 5px;
  }
}
@media screen and (min-width: 1440px) {
  .see-all-grid.see-more-grid {
    grid-template-columns: 32% 25.5% 32%;
    column-gap: 5%;
  }
}
.see-all-grid.see-more-grid .icon-buttons {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  margin-right: 20px;
  padding-left: 10px;
  margin-left: 15px;
  border-radius: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media screen and (min-width: 1440px) {
  .see-all-grid.see-more-grid .icon-buttons {
    margin-left: 20px;
  }
}
.see-all-grid.see-more-grid .icon-buttons.mob-icons {
  flex-direction: column;
  align-items: center;
  padding: 0px;
  margin: 0px;
  gap: 0px;
}

.gradiant-heading {
  background: linear-gradient(112deg, #fff 2.05%, rgba(217, 217, 217, 0) 181.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.why-nuvama-image {
  object-fit: cover;
  width: calc(100% + 1px);
  margin-left: -1px;
}

@media screen and (max-width: 1023px) {
  .home-dots .slick-dots li.slick-active button:before,
  .home-dots .slick-dots.custom-dots button.custom-dot.active:before {
    opacity: 1;
    color: #ffffff !important;
  }
}

@media screen and (max-width: 1023px) {
  .home-dots .slick-dots li.slick-active button:before,
  .home-dots .slick-dots.custom-dots button.custom-dot:before {
    opacity: 0.2;
    color: #ffffff !important;
  }
}

@media screen and (max-width: 1023px) {
  .slick-dots ul {
    padding-left: 0px;
  }
  .home-invest {
    position: relative;
    z-index: 1;
    margin-top: -95px;
  }
}
.legacy-border .custom-borders {
  border-bottom: 1px solid #ffffff;
  opacity: 0.1;
  width: 100%;
}
.legacy-border .custom-borders:first-child {
  border-bottom-left-radius: 50px;
}
.legacy-border .custom-borders:last-child {
  border-bottom-right-radius: 50px;
}

.pdr-140 {
  padding-right: 140px;
}

.textOverflow-twolines-480 {
  display: -webkit-box;
  max-width: 480px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 25px;
}

@media screen and (min-width: 1023px) {
  .carousal-padding > div {
    padding-left: 0px;
  }
}
.carousal-padding > div {
  padding-right: 0px !important;
}

@media screen and (max-width: 1023px) {
  .pdl-16-m {
    padding-left: 16px;
  }
}

@media screen and (max-width: 576px) {
  .header-font-size {
    line-height: 38px;
    font-size: 2.25rem;
    font-family: "DMSansBold";
    letter-spacing: -1px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .header-font-size {
    line-height: 38px;
    font-size: 2.5rem;
    font-family: "DMSansBold";
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .header-font-size {
    line-height: 38px;
    font-size: 3.125rem;
    font-family: "DMSansBold";
  }
}

.offering-low-index img {
  z-index: -1;
}

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

.desktop-offerings .lh-22 {
  line-height: 24px;
}
.desktop-offerings .icon,
.desktop-offerings .icon-buttons {
  gap: 15px;
}
.desktop-offerings .icon.add-padding,
.desktop-offerings .icon-buttons.add-padding {
  padding-top: 2px;
}
.desktop-offerings .icon:hover,
.desktop-offerings .icon-buttons:hover {
  background: #f5f6f6;
}
.desktop-offerings .icon:last-child,
.desktop-offerings .icon-buttons:last-child {
  margin-bottom: 0px;
}
.desktop-offerings .icon .path1::before,
.desktop-offerings .icon-buttons .path1::before {
  color: #616ecd;
}
.desktop-offerings .icon,
.desktop-offerings .icon-buttons {
  font-size: 2.625rem;
}
.desktop-offerings .gap-27 {
  gap: 27px;
  height: auto;
}
.desktop-offerings .height-available {
  height: -webkit-fill-available;
  height: -moz-available;
}
.desktop-offerings .main-content {
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 2px 4px 13px 0px rgba(0, 0, 0, 0.15);
}
.desktop-offerings .show-button {
  padding: 8px 23px 10px 25px;
  border-radius: 20px;
  color: #ffffff;
  background: #394499;
  font-family: "DMSansNormal";
  font-size: 1.125rem;
}
@media screen and (max-width: 1023px) {
  .desktop-offerings .show-button {
    font-size: 0.875rem;
  }
}
.desktop-offerings .show-button:hover {
  background: #616ecd;
}
.desktop-offerings .show-button .edel-icon-arrow-down.down {
  transform: rotate(180deg);
}
@media screen and (max-width: 1023px) {
  .desktop-offerings .offering-card {
    padding: 20px;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-offerings .offering-card {
    padding: 32px 45px 0px 44px;
  }
}
.desktop-offerings .offering-card {
  padding: 32px 25px 0px 27px;
  border-radius: 12px;
  box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.18);
  transition: all 0.3s ease;
}
@media screen and (min-width: 1023px) {
  .desktop-offerings .offering-card:hover {
    transform: translateY(-20px);
  }
}
.desktop-offerings .offering-card .colored-label {
  position: relative;
}
@media screen and (min-width: 1440px) {
  .desktop-offerings .offering-card .colored-label {
    margin-right: -45px;
  }
}
@media screen and (max-width: 1023px) {
  .desktop-offerings .offering-card .colored-label {
    padding: 12px 16px;
  }
}
.desktop-offerings .offering-card .colored-label {
  margin-right: -25px;
  padding: 21px 32px;
  border-top-left-radius: 5px;
  border: 1px solid #e7e7e7;
  border-width: 1px 0px 0px 1px;
  background: linear-gradient(180deg, rgba(168, 168, 168, 0.19) -50.32%, rgba(255, 255, 255, 0) 100%);
}
.desktop-offerings .offering-card .colored-label .tag {
  padding: 6px 12px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50px;
  color: #ffffff;
  background-color: #00b274;
}
.desktop-offerings .offering-card .low-opacity {
  opacity: 0.6;
}

.why-nuvama-carousel .slick-list {
  padding-bottom: 20px;
}

.captialize-content {
  text-transform: unset !important;
}

.alpha-white-rounded {
  color: #03002f;
  background-color: #ffffff;
  font-family: "DMSansBold";
  font-size: 1rem;
  border-radius: 50px;
  padding: 13px 49px;
  width: -moz-fit-content;
  width: fit-content;
}
.alpha-white-rounded:hover {
  background-color: #b2b2c2;
}

.horizontal-content {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #e7e7e7;
  line-height: 0.1em;
  margin: 76px 0 46px;
}
@media (max-width: 768px) {
  .horizontal-content {
    margin: 60px 0 30px;
  }
}
.horizontal-content span {
  background: #ffffff;
  padding: 0 10px;
}

.d-content-flex .content-link {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: start;
  align-items: center;
  gap: 20px;
  padding: 0px 34px 0px 34px;
}
.d-content-flex .content-link .content-link-hover {
  display: grid;
  grid-template-columns: 12% auto;
  gap: 10px;
  align-items: center;
  justify-content: start;
  max-width: 100%;
  width: 100%;
  padding: 15px 0px;
  border-radius: 5px;
}
.d-content-flex .content-link .content-link-hover:hover {
  background-color: #f5f6f6;
}
.d-content-flex .content-link .edel-icon-subfee-infinity {
  font-size: 0.563rem !important;
}
.d-content-flex .content-link .edel-icon-Bonds {
  font-size: 0.938rem;
}
.d-content-flex span {
  font-size: 1.125rem;
  text-align: right;
}
.d-content-flex .data-content {
  font-size: 1.188rem !important;
  font-family: "DMSansMedium";
  color: #444444 !important;
  text-align: left !important;
}
@media (max-width: 768px) {
  .d-content-flex .data-content {
    font-size: 0.875rem !important;
  }
}

.offering-card-padding {
  padding: 32px 25px 25px 27px;
}
@media (max-width: 768px) {
  .offering-card-padding {
    padding: 26px 24px 10px 24px;
  }
}

.height-fit-content {
  height: fit-content;
}

@supports (-moz-appearance: none) {
  .fill-content {
    height: 100% !important;
  }
}
.qr-main-div {
  position: absolute;
  right: 0px;
  top: 50%;
}
.qr-main-div .QR-code-section {
  width: 100%;
  height: 135px;
  background: linear-gradient(131deg, #1c1a45 -47.1%, #7e79ef 139.51%);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 0px;
  align-items: center;
  display: grid;
  justify-content: center;
}
.qr-main-div .QR-code-section .edel-icon-cross-bold-small {
  font-size: 0.625rem;
}

@media only screen and (min-width: 1100px) and (max-width: 1279px) {
  .banner-block .heading {
    font-size: 2.5rem !important;
  }
  .banner-block .desc-banner {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1359px) {
  .banner-block .heading {
    font-size: 3.125rem !important;
  }
}
@media only screen and (min-width: 1360px) and (max-width: 1365px) {
  .banner-block .heading {
    font-size: 3.125rem !important;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 1399px) {
  .banner-block .heading {
    font-size: 3.125rem !important;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1439px) {
  .banner-block .heading {
    font-size: 3.125rem !important;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .banner-block .heading {
    font-size: 3.625rem !important;
  }
}
@media only screen and (min-width: 1600) and (max-width: 1679px) {
  .banner-block .heading {
    font-size: 3.125rem !important;
  }
}
@media only screen and (min-width: 1680) and (max-width: 1920px) {
  .banner-block .heading {
    font-size: 3.625rem !important;
  }
}:root {
  font-size: 16px;
}

.d-flex {
  display: flex;
}

.removescroll {
  overflow-y: hidden !important;
  margin: 0px 14px 0px;
  border: 1px solid #e7e7e7;
  height: 864px;
  margin-top: 30px;
  padding: 0px 24px 27px;
  position: relative;
}

.d-livenews-container {
  margin: 0px 14px 0px;
  border: 1px solid #e7e7e7;
  border-radius: 15px;
}
@media (max-width: 768px) {
  .d-livenews-container {
    max-height: 100vh !important;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .d-livenews-container::-webkit-scrollbar {
    width: 1px !important;
    height: 5px !important;
  }
  .d-livenews-container {
    /* Track */
  }
  .d-livenews-container::-webkit-scrollbar-track {
    background: transparent;
  }
  .d-livenews-container {
    /* Handle */
  }
  .d-livenews-container::-webkit-scrollbar-thumb {
    background: #03002f;
  }
}
.d-livenews-container {
  margin-top: 30px;
  padding: 0px 24px 27px;
  overflow-y: scroll;
  position: relative;
}
.d-livenews-container::-webkit-scrollbar {
  width: 2px !important;
  height: 227px !important;
}
.d-livenews-container::-webkit-scrollbar-button {
  height: 77px;
}
.d-livenews-container::-webkit-scrollbar-track {
  height: 10px !important;
  width: 10px;
}
.d-livenews-container::-webkit-scrollbar-thumb {
  background-color: #03002f;
  height: 10px !important;
  width: 10px !important;
}
.d-livenews-container .masked {
  height: 50px;
  width: 100%;
  background: rgba(255, 255, 255, 0.5803921569);
  position: sticky;
  top: 0px;
  bottom: -25px;
}
.d-livenews-container .mask .d-ln-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  position: sticky;
  top: 0px;
  background: #ffffff;
  z-index: 1;
}
.d-livenews-container .mask .d-ln-heading .d-ln-heading-left {
  font-size: 1.25rem;
  font-family: "DMSansNormal";
  line-height: 20px;
  color: #03002f;
}
.d-livenews-container .mask .d-ln-heading .d-ln-heading-left span {
  font-family: "DMSansBold";
}
.d-livenews-container .mask .d-ln-heading .d-ln-heading-left span .edel-icon-double-refresh:before {
  font-size: 0.875rem;
}
.d-livenews-container .mask .d-ln-heading .d-ln-heading-right a {
  align-items: center;
}
.d-livenews-container .mask .d-ln-heading .d-ln-heading-right .d-ln-view-all {
  color: #03002f;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 22px;
  margin-right: 10px;
}
.d-livenews-container .mask .d-ln-heading .d-ln-heading-right .icon-container {
  height: 41px;
  width: 41px;
  border-radius: 50%;
  border: 1px solid rgba(53, 128, 247, 0.05);
  margin-left: 6px;
}
.d-livenews-container .mask .d-ln-heading .d-ln-heading-right .icon-container .icon-box {
  height: 30.5px;
  width: 30.5px;
  border-radius: 50%;
  background: rgba(53, 128, 247, 0.1);
  position: relative;
  top: 5px;
  left: 5px;
}
.d-livenews-container .mask .d-ln-heading .d-ln-heading-right .icon-container .icon-box .icon {
  height: 23px;
  width: 23px;
  background: #03002f;
  color: #ffffff;
  border-radius: 50%;
  position: relative;
  top: 3.7px;
  left: 3.7px;
}
.d-livenews-container .mask .d-ln-heading .d-ln-heading-right .icon-container .icon-box .icon .edel-icon-arrow-right::before {
  left: 3px;
  top: 3px;
  position: relative;
}
.d-livenews-container .mask .d-ln-tiles {
  margin-top: 0px;
}
.d-livenews-container .mask .d-ln-tiles:last-child {
  border-bottom: none;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile {
  border-bottom: 1px solid #e7e7e7;
  margin-top: 25px;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile:first-child {
  margin-top: 0px;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text1 {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: 15px;
  color: #727271;
  margin-bottom: 10px;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 {
  overflow: hidden;
  font-family: "DMSansBold";
  color: #444444;
  margin-bottom: 15px;
  line-height: 22px;
  word-wrap: break-word;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-dpname {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  border-bottom: 1px solid #03002f;
  cursor: pointer;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-chgP.red {
  color: #f14343;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-chgP.green {
  color: #1fc86d;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-chgP-red {
  color: #f14343;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-chgP-green {
  color: #1fc86d;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-text2 .d-ln-text2-content {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-sub {
  margin-bottom: 20px;
  align-items: center;
  justify-content: space-between;
  margin-top: 22px;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-sub .d-ln-tile-subtext1 {
  color: #ff6b00;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-sub .d-ln-tile-subtext2 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-sub .d-ln-tile-subtext2 .edel-icon-share-icon:before {
  content: "\e96c";
  left: 7px;
  position: absolute;
  top: 7px;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile .d-ln-tile-sub .blueicon {
  color: #03002f;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile1 {
  margin-top: 25px;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-text1 {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: 15px;
  color: #b8b8b8;
  margin-bottom: 10px;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-text2 {
  overflow: hidden;
  font-family: "DMSansBold";
  color: #444444;
  margin-bottom: 15px;
  line-height: 22px;
  word-wrap: break-word;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-text2 .d-ln-dpname {
  font-family: "DMSansBold";
  font-size: 1rem;
  text-decoration: underline;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-text2 .d-ln-chgP-red {
  color: #f14343;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-text2 .d-ln-chgP-green {
  color: #1fc86d;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-text2 .d-ln-text2-content {
  font-family: "DMSansMedium";
  font-size: 1rem;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-sub {
  margin-bottom: 20px;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-sub .d-ln-tile-subtext1 {
  color: #ff6b00;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-sub .d-ln-tile-subtext2 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-sub .d-ln-tile-subtext2 .edel-icon-share-icon:before {
  content: "\e96c";
  left: 7px;
  position: absolute;
  top: 7px;
}
.d-livenews-container .mask .d-ln-tiles .d-ln-tile1 .d-ln-tile-sub .blueicon {
  color: #03002f;
}

.name.option-tools-search {
  display: flex;
  align-items: center;
  justify-content: start;
}
.name.option-tools-search .readmore-arrow-mf .readmore {
  top: -22px !important;
}

.height500-new-div {
  max-height: 500px;
  min-height: max-content;
}

.main-webinar-content .d-webinar-cards-container .d-webinarcard-tiles .d-webinarcard-tile .d-webcards-tile .d-webcards-left .d-web-icons {
  align-items: center;
  padding-right: 40px;
  cursor: pointer;
  justify-content: space-between;
  margin-top: 62px;
  padding-bottom: 0px;
}

.d-webinarcard-tiles .d-webinarcard-tile-blank {
  background: #ffffff;
  height: 635px;
  position: relative;
  width: 100%;
  max-width: 96%;
}
.d-webinarcard-tiles .d-webinarcard-tile-blank:before {
  content: "";
  position: absolute;
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 3px -2px/27px 31px repeat-y;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  width: 15px;
  top: 0px;
  left: 99%;
  height: 635px;
}
.d-webinarcard-tiles .d-webinarcard-tile-blank:after {
  content: "";
  position: absolute;
  background: radial-gradient(20px circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 2px 21px/26px 34px repeat-y;
  transform: rotate(180deg);
  width: 15px;
  left: -2%;
  height: 635px;
  top: 0%;
}
.d-webinarcard-tiles .d-webinarcard-tile-blank.webinar-blank-card {
  max-width: 96%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-webinarcard-tiles .d-webinarcard-tile-blank.webinar-blank-card ::before {
  left: 70%;
}
.d-webinarcard-tiles .d-webinarcard-tile-blank.webinar-blank-card ::after {
  left: 70%;
}
.d-webinarcard-tiles .d-webinarcard-tile-blank .d-webinarcard-tile-semiCircle:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -19px;
  bottom: -19px;
  left: 70%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-image: linear-gradient(to bottom, #f5f5f5 56%, transparent 50%);
  z-index: 2;
}
.d-webinarcard-tiles .d-webinarcard-tile-blank .d-webinarcard-tile-semiCircle:after {
  content: "";
  display: block;
  position: absolute;
  top: -19px;
  top: -19px;
  left: 70%;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-image: linear-gradient(to top, #f5f5f5 56%, transparent 50%);
  z-index: 2;
}

.post-login-webisode .d-webinarcard-tiles .d-webinarcard-tile-blank {
  background: #ffffff;
  height: 198px;
  position: relative;
  width: 100%;
  max-width: 96%;
}
.post-login-webisode .d-webinarcard-tiles .d-webinarcard-tile-blank:before {
  content: "";
  position: absolute;
  bottom: -5px;
  background: radial-gradient(circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 3px -2px/27px 31px repeat-y;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  width: 15px;
  top: 0px;
  left: 99.5%;
  height: 198px;
}
.post-login-webisode .d-webinarcard-tiles .d-webinarcard-tile-blank:after {
  content: "";
  position: absolute;
  background: radial-gradient(20px circle, transparent, transparent 50%, #ffffff 50%, #ffffff 100%) 2px 21px/26px 34px repeat-y;
  transform: rotate(180deg);
  width: 15px;
  left: -1%;
  height: 198px;
  top: 0%;
}
.post-login-webisode .d-webinarcard-tiles .d-webinarcard-tile-blank.webinar-blank-card {
  max-width: 96%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.post-login-webisode .d-webinarcard-tiles .d-webinarcard-tile-blank.webinar-blank-card ::before {
  left: 70%;
}
.post-login-webisode .d-webinarcard-tiles .d-webinarcard-tile-blank.webinar-blank-card ::after {
  left: 70%;
}
.post-login-webisode .d-webinarcard-tiles .d-webinarcard-tile-blank .d-webinarcard-tile-semiCircle:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -19px;
  left: 70%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-image: linear-gradient(to bottom, #f5f5f5 56%, transparent 50%);
  z-index: 2;
}
.post-login-webisode .d-webinarcard-tiles .d-webinarcard-tile-blank .d-webinarcard-tile-semiCircle:after {
  content: "";
  display: block;
  position: absolute;
  top: -19px;
  left: 70%;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #f4f4f4;
  z-index: 2;
}

.mobile-no-wbisodes {
  width: 100%;
}
.mobile-no-wbisodes .d-webinarcard-tile-blank {
  height: 150px !important;
}
.mobile-no-wbisodes .d-webinarcard-tile-blank:after {
  height: 150px !important;
  left: -3% !important;
}
.mobile-no-wbisodes .d-webinarcard-tile-blank::before {
  height: 150px !important;
  left: 99.3% !important;
}:root {
  font-size: 16px;
}

.ed-card-newedel:hover {
  background-color: #f4fafd;
}

.ed-card-newedel {
  border: 1px solid #e7e7e7;
  padding: 20px 20px 0px 20px;
  border-radius: 15px;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .ed-card-newedel {
    height: 252px;
  }
}
.ed-card-newedel {
  background-color: white;
  display: flex;
  flex-direction: column;
}
.ed-card-newedel .ed-newedel-body {
  height: 99px;
  margin-bottom: 45px;
  margin-top: 20px;
}
@media (max-width: 640px) {
  .ed-card-newedel .ed-newedel-body {
    margin-top: 0px;
  }
}
.ed-card-newedel .ed-newedel-body .ed-newedel-card-description {
  font-family: "DMSansNormal";
}
.ed-card-newedel .ed-newedel-body .ed-newedel-card-description strong {
  letter-spacing: 0px;
  text-align: left;
  font-family: "DMSansBold";
}
.ed-card-newedel .edel-media-container {
  position: relative;
}
@media (max-width: 640px) {
  .ed-card-newedel .edel-media-container {
    height: 80px;
  }
}
@media (max-width: 640px) {
  .ed-card-newedel .edel-media-container .meta-media-container .react-loading-skeleton {
    height: 100%;
  }
}
@media (min-width: 1024px) {
  .ed-card-newedel .edel-media-container .meta-media-container .media-banner {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 640px) {
  .ed-card-newedel .edel-media-container .meta-media-container .media-banner img {
    height: 100%;
    border-radius: 5px;
    width: 100%;
  }
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge {
  display: inline-block;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  height: 24px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge {
    height: 20px;
  }
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge span.badge {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 15px;
  text-align: center;
  max-width: 100%;
  font-weight: 400;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.red {
  background: #e8d3d8;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.red span.badge {
  color: #dd504d;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.green {
  background: rgba(32, 229, 158, 0.1019607843);
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.green span.badge {
  color: #007a4e;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.yellow {
  background: #fff0c8;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.yellow span.badge {
  color: #b58200;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.cyan {
  background: #fff0c8;
}
.ed-card-newedel .edel-media-container .meta-media-container .ed-newedel-badge.cyan span.badge {
  color: #006f75;
}
.ed-card-newedel .ed-newedel-media {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 50px;
}
.ed-card-newedel .ed-newedel-media .ed-brand-logo img {
  width: 60px;
}
.ed-card-newedel .ed-newedel-media .bg-img img {
  max-width: 70px;
  max-height: 50px;
}
.ed-card-newedel .ed-newedel-media.flex-end {
  justify-content: flex-end;
}
.ed-card-newedel .ed-newedel-media.space-between {
  justify-content: space-between;
}

@media screen and (max-width: 640px) {
  .ed-card-newedel {
    border: 1px solid #e7e7e7;
    padding: 17px;
    border-radius: 4px;
    position: relative;
  }
  .ed-card-newedel .ed-newedel-body {
    margin-bottom: 15px;
  }
  .ed-card-newedel .ed-newedel-body .ed-newedel-card-description {
    font-size: 0.875rem;
    font-family: "DMSansNormal";
    line-height: 19.6px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 10px;
  }
  .ed-card-newedel .ed-newedel-body .ed-newedel-card-description h1 {
    font-size: 0.875rem;
    font-family: "DMSansNormal";
    line-height: 19.6px;
    letter-spacing: 0px;
    text-align: left;
  }
  .ed-card-newedel .ed-newedel-body .ed-newedel-card-description strong {
    font-size: 0.875rem;
    font-family: "DMSansBold";
    line-height: 19.6px;
    letter-spacing: 0px;
    text-align: left;
  }
  .ed-card-newedel .ed-newedel-media {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .ed-card-newedel .ed-newedel-media .bg-img img {
    max-width: 53px;
    width: 51px;
    max-height: 43px;
  }
  .ed-card-newedel .ed-newedel-media .ed-brand-logo img {
    width: 48px;
    height: auto;
    margin-bottom: -10px;
  }
  .ed-card-newedel .ed-newedel-badge {
    display: inline-block;
    padding: 1px 12px 4px 12px !important;
  }
}
@media screen and (max-width: 640px) and (max-width: 768px) {
  .ed-card-newedel .ed-newedel-badge {
    padding: 0px !important;
  }
}
@media screen and (max-width: 640px) {
  .ed-card-newedel .ed-newedel-badge span.badge {
    font-size: 0.625rem;
    font-family: "DMSansNormal";
    line-height: 12.5px !important;
    text-align: center !important;
  }
}
@media screen and (max-width: 640px) and (max-width: 768px) {
  .ed-card-newedel .ed-newedel-badge span.badge {
    font-size: 0.625rem !important;
    font-family: "DMSansNormal" !important;
  }
}
@media screen and (max-width: 1225px) and (min-width: 980px) {
  .ed-card-newedel h1 {
    font-size: 0.875rem !important;
  }
  .ed-card-newedel b {
    font-size: 1rem !important;
  }
}
@media screen and (max-width: 1078px) and (min-width: 1024px) {
  .ed-card-newedel {
    width: 100% !important;
    margin: auto;
  }
}
@media (min-width: 1023px) {
  .ed-card-newedel .media-banner-img {
    width: 100%;
  }
}

.edelcrad-padding-point {
  padding-left: 8% !important;
}
@media (min-width: 1023px) and (max-width: 1279px) {
  .edelcrad-padding-point {
    padding-left: 8% !important;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .edelcrad-padding-point {
    padding-left: 10% !important;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .edelcrad-padding-point {
    padding-left: 10% !important;
  }
}
@media (min-width: 1600px) {
  .edelcrad-padding-point {
    padding-left: 12% !important;
  }
}

.edelcrad-padding-point-eight {
  padding-left: 8%;
}

@media (max-width: 768px) {
  .news-on-home .mob-greybg {
    background-color: unset !important;
  }
  .home-on-carosoual .pd-b69 {
    padding-bottom: 0px !important;
  }
}
.hover-effect-tooltip-bg:hover {
  background-color: #f4fafd;
}
.hover-effect-tooltip-bg:hover .platforms-container {
  background-color: transparent !important;
}.desktopnews {
  display: flex;
  justify-content: space-between;
}
.desktopnews .news-marketnews {
  width: 100%;
  max-width: 50%;
}
.desktopnews .news-livenews {
  width: 100%;
  max-width: 50%;
}:root {
  font-size: 16px;
}

.container-platforms {
  padding-top: 80px;
}
.container-platforms .platforms-heading {
  margin-bottom: 70px;
}
.container-platforms .platforms-heading h3 {
  color: #0b243a;
  font-family: "DMSansNormal";
  font-size: font_twentyEight;
  line-height: 39px;
  letter-spacing: 0px;
  text-align: left;
}
.container-platforms .platforms-heading span {
  color: #0b243a;
  font-family: "DMSansBold";
  font-size: font_twentyEight;
  line-height: 39.2px;
  letter-spacing: 0px;
  text-align: left;
}
.container-platforms .platforms {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 42px;
}
@media (min-width: 1023px) {
  .container-platforms .platforms .box-img {
    padding-left: 25px;
  }
}
.container-platforms .platforms .box-img {
  padding-top: 8px;
}
@media (max-width: 768px) {
  .container-platforms .platforms {
    gap: 15px;
  }
}
.container-platforms .platforms.platform-grid-content {
  display: grid !important;
  grid-template-columns: 1fr !important;
}
.container-platforms .platforms .platforms-container {
  background: white;
  display: flex;
  align-items: center;
  max-height: 228px;
  border: 1px solid #e7e7e7;
  border-radius: 15px;
  gap: 0px !important;
}
.container-platforms .platforms .platforms-container .flatform-left {
  padding-left: 40px;
}
@media (max-width: 1023px) {
  .container-platforms .platforms .platforms-container .flatform-left {
    padding-left: 15px;
  }
}
.container-platforms .platforms .platforms-container .flatform-left {
  padding-top: 22px;
}
.container-platforms .platforms .platforms-container .platform-right {
  width: 100%;
}
.container-platforms .platforms .platforms-container .platform-right h3 {
  font-style: normal;
  font-weight: 300;
  line-height: 29px;
  letter-spacing: 0px;
  text-align: left;
  color: #0b243a;
}
.container-platforms .platforms .platforms-container .platform-right span {
  font-family: "DMSansBold";
  color: #0b243a;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0px;
  text-align: left;
}
.container-platforms .platforms .platforms-container .platform-right span.edel-icon-star {
  font-size: 1.5rem;
}
.container-platforms .platforms .platforms-container .platforms-description {
  height: 77px;
  margin-bottom: 19px;
}
.container-platforms .platforms .platforms-container .platforms-description p {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
}
.container-platforms .platforms .platforms-container .platforms-link-text .link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.container-platforms .platforms .platforms-container .platforms-link-text .link .icon-container {
  height: 67px;
  width: 67px;
  border-radius: 50%;
  border: 1px solid rgba(53, 128, 247, 0.05);
  margin-right: 13px;
}
.container-platforms .platforms .platforms-container .platforms-link-text .link .icon-container .icon-box {
  height: 49.95px;
  width: 49.95px;
  border-radius: 50%;
  background: rgba(53, 128, 247, 0.1);
  position: relative;
  top: 8px;
  left: 8px;
}
.container-platforms .platforms .platforms-container .platforms-link-text .link .icon-container .icon-box .icon {
  height: 36px;
  width: 36px;
  background: #3580f7;
  color: #ffffff;
  border-radius: 50%;
  position: relative;
  top: 6.7px;
  left: 6.7px;
}
.container-platforms .platforms .platforms-container .platforms-link-text .link .icon-container .icon-box .icon .edel-icon-arrow-right::before {
  left: 11px;
  top: 10px;
  position: relative;
}
.container-platforms .platforms .platforms-container .platforms-link-text .link .link-text {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  color: #3580f7;
}
.container-platforms .platforms .right-section-box-container.box-second {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border-radius: 15px;
}
.container-platforms .platforms .right-section-box-container.box-second .box-second {
  padding-right: 20px;
}
.container-platforms .platforms .right-section-box-container.box-second .box-first,
.container-platforms .platforms .right-section-box-container.box-second .box-second {
  border: 1px solid #e7e7e7;
  border-radius: 15px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  background-image: linear-gradient(90deg, transparent 5%, #ffffff 50%);
  justify-content: space-between;
  font-size: 1.25rem;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: left;
}
.container-platforms .platforms .right-section-box-container.box-second .box-first:hover,
.container-platforms .platforms .right-section-box-container.box-second .box-second:hover {
  background: #f4fafd;
}
.container-platforms .platforms .right-section-box-container.box-second .box-first span,
.container-platforms .platforms .right-section-box-container.box-second .box-second span {
  font-size: 1.25rem;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: left;
}
.container-platforms .platforms .right-section-box-container.box-second .platforms-link-text .link .icon-container {
  height: 49px;
  width: 49px;
  border-radius: 50%;
  border: 1px solid rgba(53, 128, 247, 0.05);
  margin-right: 13px;
}
.container-platforms .platforms .right-section-box-container.box-second .platforms-link-text .link .icon-container .icon-box {
  height: 36.53px;
  width: 36.53px;
  border-radius: 50%;
  background: rgba(53, 128, 247, 0.1);
  position: relative;
  top: 5px;
  left: 5px;
}
.container-platforms .platforms .right-section-box-container.box-second .platforms-link-text .link .icon-container .icon-box .icon {
  height: 26.5px;
  width: 26.5px;
  background: #3580f7;
  color: #ffffff;
  border-radius: 50%;
  position: relative;
  top: 5px;
  left: 5px;
}
.container-platforms .platforms .right-section-box-container.box-second .platforms-link-text .link .icon-container .icon-box .icon .edel-icon-download::before {
  left: 5px;
  top: 5px;
  position: relative;
}
.container-platforms .platforms .right-section-box-container.box-second .platforms-link-text .link .link-text {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: left;
  color: #3580f7;
}
.container-platforms .platforms .right-section-box-container.box-second.not-box-content {
  background-color: transparent !important;
  border: none !important;
  background-image: none !important;
}
.container-platforms .right-section-box-container.box-third {
  background-color: white;
  padding: 20px;
}
.container-platforms .right-section-box-container.box-third:hover {
  background: #f4fafd;
}
.container-platforms .right-section-box-container.box-third {
  border-radius: 15px;
  border: 1px solid #e7e7e7;
}
.container-platforms .right-section-box-container.box-third .box-third .box-desc {
  font-family: "DMSansNormal";
  font-size: 1.25rem;
  line-height: 29px;
  letter-spacing: 0px;
  text-align: left;
  color: #0b243a;
}
.container-platforms .right-section-box-container.box-third .box-third .box-desc span {
  font-family: "DMSansBold";
  color: #0b243a;
  font-size: 1.25rem;
  line-height: 29px;
  letter-spacing: 0px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .container-platforms {
    margin: 0px;
  }
  .container-platforms .platforms-heading {
    margin-bottom: 85px;
  }
  .container-platforms .platforms-heading h3 {
    color: #0b243a;
    font-size: 1.75rem;
    font-family: "DMSansNormal";
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 15px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .container-platforms .platforms-heading h3 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .container-platforms .platforms-heading span {
    color: #0b243a;
    font-size: 1.25rem;
    font-family: "DMSansBold";
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
  }
  .container-platforms .platforms {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 15px;
  }
  .container-platforms .platforms .platforms-container {
    width: 100%;
    background: white;
  }
  .container-platforms .platforms .platforms-container:hover {
    background-color: #f4fafd;
  }
  .container-platforms .platforms .platforms-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-height: none;
    margin-right: 0px;
    border-radius: 15px;
    position: relative;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .container-platforms .platforms .platforms-container {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  .container-platforms .platforms .platforms-container .flatform-left img {
    height: 168px;
  }
  .container-platforms .platforms .platforms-container .platform-right {
    width: 100%;
    margin-bottom: -14px;
    padding-left: 24px;
  }
  .container-platforms .platforms .platforms-container .platform-right h3 {
    font-style: normal;
    font-weight: 300;
    line-height: 22.4px;
    letter-spacing: 0px;
    text-align: left;
    color: #0b243a;
  }
  .container-platforms .platforms .platforms-container .platform-right span {
    font-family: "DMSansBold";
    color: #0b243a;
    font-size: 1rem;
    line-height: 22.4px;
    letter-spacing: 0px;
    text-align: left;
  }
  .container-platforms .platforms .platforms-container .platform-right img {
    margin-top: 11px;
    width: 65px;
    height: 30px;
  }
  .container-platforms .platforms .platforms-container .platforms-description {
    height: 77px;
    margin-bottom: 19px;
  }
  .container-platforms .platforms .platforms-container .platforms-description p {
    font-family: "DMSansMedium";
    font-size: 1rem;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
  .container-platforms .platforms .platforms-container .platforms-link-text .link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: -54px;
  }
  .container-platforms .platforms .platforms-container .platforms-link-text .link .icon-container {
    height: 49px;
    width: 49px;
    border-radius: 50%;
    border: 1px solid rgba(53, 128, 247, 0.05);
    margin-right: 13px;
  }
  .container-platforms .platforms .platforms-container .platforms-link-text .link .icon-container .icon-box {
    height: 36.53px;
    width: 36.53px;
    border-radius: 50%;
    background: rgba(53, 128, 247, 0.1);
    position: relative;
    top: 5px;
    left: 5px;
  }
  .container-platforms .platforms .platforms-container .platforms-link-text .link .icon-container .icon-box .icon {
    height: 26.5px;
    width: 26.5px;
    background: #3580f7;
    color: #ffffff;
    border-radius: 50%;
    position: relative;
    top: 5px;
    left: 5px;
  }
  .container-platforms .platforms .platforms-container .platforms-link-text .link .icon-container .icon-box .icon .edel-icon-arrow-right::before {
    left: 5px;
    top: 5px;
    position: relative;
  }
  .container-platforms .platforms .platforms-container .platforms-link-text .link .link-text {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #3580f7;
  }
  .container-platforms .platforms .right-section-box-container.box-second {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    border-radius: 15px;
    background-color: transparent;
  }
  .container-platforms .platforms .right-section-box-container.box-second .box-first,
  .container-platforms .platforms .right-section-box-container.box-second .box-second {
    display: flex;
    align-items: center;
    padding: 11px 14px;
    margin-bottom: 15px;
    background-image: linear-gradient(90deg, transparent 5%, #ffffff 50%);
  }
  .container-platforms .platforms .right-section-box-container.box-second .box-first img,
  .container-platforms .platforms .right-section-box-container.box-second .box-second img {
    width: 110px;
    height: 65.86px;
  }
  .container-platforms .platforms .right-section-box-container.box-second .box-first .box-desc,
  .container-platforms .platforms .right-section-box-container.box-second .box-second .box-desc {
    font-family: "DMSansNormal";
    font-size: 1rem;
    line-height: 22.4px;
    letter-spacing: 0px;
    text-align: left;
    padding-left: 38px;
  }
  .container-platforms .platforms .right-section-box-container.box-second .box-first .box-desc span,
  .container-platforms .platforms .right-section-box-container.box-second .box-second .box-desc span {
    font-family: "DMSansBold";
    font-size: 1rem;
    line-height: 22.4px;
    letter-spacing: 0px;
    text-align: left;
  }
  .container-platforms .platforms .right-section-box-container.box-second .box-first .platforms-link-text .link .icon-container,
  .container-platforms .platforms .right-section-box-container.box-second .box-second .platforms-link-text .link .icon-container {
    height: 49px;
    width: 49px;
    border-radius: 50%;
    border: 1px solid rgba(53, 128, 247, 0.05);
    margin-right: 13px;
  }
  .container-platforms .platforms .right-section-box-container.box-second .box-first .platforms-link-text .link .icon-container .icon-box,
  .container-platforms .platforms .right-section-box-container.box-second .box-second .platforms-link-text .link .icon-container .icon-box {
    height: 36.53px;
    width: 36.53px;
    border-radius: 50%;
    background: rgba(53, 128, 247, 0.1);
    position: relative;
    top: 5px;
    left: 5px;
  }
  .container-platforms .platforms .right-section-box-container.box-second .box-first .platforms-link-text .link .icon-container .icon-box .icon,
  .container-platforms .platforms .right-section-box-container.box-second .box-second .platforms-link-text .link .icon-container .icon-box .icon {
    height: 26.5px;
    width: 26.5px;
    background: #3580f7;
    color: #ffffff;
    border-radius: 50%;
    position: relative;
    top: 5px;
    left: 5px;
  }
  .container-platforms .platforms .right-section-box-container.box-second .box-first .platforms-link-text .link .icon-container .icon-box .icon .edel-icon-download::before,
  .container-platforms .platforms .right-section-box-container.box-second .box-second .platforms-link-text .link .icon-container .icon-box .icon .edel-icon-download::before {
    left: 5.5px;
    top: 4.5px;
    position: relative;
  }
  .container-platforms .platforms .right-section-box-container.box-third {
    background-color: white;
    padding: 11px 14px;
    width: 100%;
    border-radius: 15px;
  }
  .container-platforms .platforms .right-section-box-container.box-third .box-third {
    display: flex;
    align-items: center;
  }
  .container-platforms .platforms .right-section-box-container.box-third .box-third .img-outer-box {
    width: 107px;
    height: 60px;
    background-color: #f0f9ff;
    display: inline-block;
    padding: 11px 14px !important;
    margin-bottom: 33px;
    text-align: center;
    margin: 0px;
  }
  .container-platforms .platforms .right-section-box-container.box-third .box-third .img-outer-box img {
    width: 26.6px;
    height: 26.6px;
  }
  .container-platforms .platforms .right-section-box-container.box-third .box-third .box-desc {
    font-family: "DMSansNormal";
    font-size: 1rem;
    line-height: 22.4px;
    letter-spacing: 0px;
    text-align: left;
    color: #0b243a;
    padding-left: 38px;
  }
  .container-platforms .platforms .right-section-box-container.box-third .box-third .box-desc span {
    font-family: "DMSansBold";
    color: #0b243a;
    font-size: 1rem;
    line-height: 22.4px;
    letter-spacing: 0px;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .container-platforms .platforms .platforms-container,
  .right-section-box-container.box-second {
    max-height: 209px;
  }
  .container-platforms .platforms .platforms-container {
    margin-right: 5px;
  }
  .right-section-box-container.box-second img {
    width: 130px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1366px) {
  .container-platforms .platforms .platforms-container .platform-right {
    padding-left: 60px;
  }
}
@media screen and (min-width: 1367px) and (max-width: 1400px) {
  .container-platforms .platforms .platforms-container .platform-right {
    padding-left: 32px;
  }
}
.news-marketnews-mobile {
  padding: 0px;
  margin-bottom: 20px;
}
.news-marketnews-mobile .right-section-mobile {
  display: grid;
  width: 100%;
}
.news-marketnews-mobile .box-first {
  background-color: #ffffff;
  gap: 0px !important;
  justify-content: unset !important;
}
.news-marketnews-mobile .box-img {
  padding-right: 30px;
}
.news-marketnews-mobile .box-second.mb-box-second {
  background-color: #ffffff !important;
}
.news-marketnews-mobile .right-section-box-container .box-third {
  display: grid !important;
  grid-template-columns: 107px auto !important;
  gap: 30px !important;
}
.news-marketnews-mobile .right-section-box-container .box-third .box-third-image {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f9ff;
  border-radius: 15px;
  width: 100%;
}

.box-owl-nav {
  background-color: #ffffff;
  padding: 20px;
  margin: 0px 15px;
}
.box-owl-nav .our-customer-card-block {
  border: none !important;
  padding: 0px !important;
}
.box-owl-nav .our-customer-card-block .middle-block {
  line-height: 25px;
}
.box-owl-nav .our-customer-card-block img {
  width: 100px;
}
.box-owl-nav .owl-dots {
  display: flex;
  justify-content: start !important;
  text-align: left;
  padding-left: 0px;
  margin-top: 10px;
}

.app-platform-img img {
  width: 45px;
  height: 45px;
}
@media (max-width: 768px) {
  .app-platform-img .app-paltform-img-div {
    width: 65px;
    height: 30px;
  }
  .app-platform-img .app-paltform-img-div img {
    width: 30px !important;
    height: 30px;
  }
}

.Edplatform-partners-half .news-marketnews .container-platforms {
  padding-top: 0px !important;
}
.Edplatform-partners-half .news-marketnews .container-platforms .platforms {
  display: grid !important;
  grid-template-columns: 1fr !important;
}:root {
  font-size: 16px;
}

.lnBlock {
  margin: 0 15px;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 26px !important;
}
.lnBlock .m-livenews-container {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding-bottom: 20px;
}
.lnBlock .m-livenews-container .d-flex {
  display: flex;
}
.lnBlock .m-livenews-container .colorgreen {
  color: #1fc86d;
}
.lnBlock .m-livenews-container .colorred {
  color: #f14343;
}
.lnBlock .m-livenews-container .m-ln-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0px 15px;
}
.lnBlock .m-livenews-container .m-ln-heading .m-ln-heading-left {
  font-family: "DMSansNormal";
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
}
.lnBlock .m-livenews-container .m-ln-heading .m-ln-heading-left span {
  font-family: "DMSansMedium";
}
.lnBlock .m-livenews-container .m-ln-heading .m-ln-heading-right a {
  align-items: center;
}
.lnBlock .m-livenews-container .m-ln-heading .m-ln-heading-right .ln-view-all {
  color: #03002f;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 22px;
}
.lnBlock .m-livenews-container .m-ln-heading .m-ln-heading-right .icon-container {
  height: 41px;
  width: 41px;
  border-radius: 50%;
  border: 1px solid rgba(53, 128, 247, 0.05);
  margin-left: 10px;
}
.lnBlock .m-livenews-container .m-ln-heading .m-ln-heading-right .icon-container .icon-box {
  height: 30.5px;
  width: 30.5px;
  border-radius: 50%;
  background: rgba(53, 128, 247, 0.1);
  position: relative;
  top: 5px;
  left: 5px;
}
.lnBlock .m-livenews-container .m-ln-heading .m-ln-heading-right .icon-container .icon-box .icon {
  height: 23px;
  width: 23px;
  background: #03002f;
  color: #ffffff;
  border-radius: 50%;
  position: relative;
  top: 3.7px;
  left: 3.7px;
}
.lnBlock .m-livenews-container .m-ln-heading .m-ln-heading-right .icon-container .icon-box .icon .edel-icon-arrow-right::before {
  left: 3px;
  top: 3px;
  position: relative;
}
.lnBlock .m-livenews-container .m-ln-tiles-block:last-child {
  border-bottom: none;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile {
  border-bottom: 1px solid #e7e7e7;
  margin-top: 20px;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile .m-ln-text1 {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: 15px;
  color: #b8b8b8;
  margin-bottom: 10px;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile .m-ln-text2 {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  color: #444444;
  margin-bottom: 15px;
  line-height: 22px;
  word-wrap: break-word;
  overflow: clip;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile .m-ln-text2 .m-ln-dpname {
  font-family: "DMSansBold";
  font-size: 0.875rem;
  text-decoration: underline;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile .m-ln-text2 .d-ln-chgP.red {
  color: #f14343;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile .m-ln-text2 .d-ln-chgP.green {
  color: #1fc86d;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile .m-ln-text2 .m-ln-text2-content {
  font-family: "DMSansMedium";
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile .m-ln-text3 {
  margin-bottom: 20px;
  align-items: center;
  justify-content: space-between;
  padding-right: 2px;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile .m-ln-text3 .m-ln-subtext1 {
  color: #ff6b00;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile .m-ln-text3 .m-ln-subtext2 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile .m-ln-text3 .m-ln-subtext2 .edel-icon-share-icon:before {
  content: "\e96c";
  left: 7px;
  position: absolute;
  top: 7px;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile .m-ln-text3 .blueicon {
  color: #03002f;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile1 {
  margin-top: 20px;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile1 .m-ln-text1 {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: 15px;
  color: #b8b8b8;
  margin-bottom: 10px;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile1 .m-ln-text2 {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
  margin-bottom: 15px;
  line-height: 22px;
  word-wrap: break-word;
  overflow: clip;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile1 .m-ln-text2 .m-ln-dpname {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  text-decoration: underline;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile1 .m-ln-text2 .d-ln-chgP.red {
  color: #f14343;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile1 .m-ln-text2 .d-ln-chgP.green {
  color: #1fc86d;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile1 .m-ln-text2 .m-ln-text2-content {
  font-family: "DMSansMedium";
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile1 .m-ln-text3 {
  margin-bottom: 28px;
  align-items: center;
  justify-content: space-between;
  padding-right: 2px;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile1 .m-ln-text3 .m-ln-subtext1 {
  color: #ff6b00;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile1 .m-ln-text3 .m-ln-subtext2 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile1 .m-ln-text3 .m-ln-subtext2 .edel-icon-share-icon:before {
  content: "\e96c";
  left: 7px;
  position: absolute;
  top: 7px;
}
.lnBlock .m-livenews-container .m-ln-tiles-block .m-ln-tile1 .m-ln-text3 .blueicon {
  color: #03002f;
}.tax-harvesting-block.postloginpage-banner {
  width: unset !important;
  border-radius: 0 !important;
  margin: auto !important;
}
.tax-harvesting-block.postloginpage-banner .text-and-btn-box {
  padding: 24px 0px 24px 58px !important;
}
@media (max-width: 1023px) {
  .tax-harvesting-block.postloginpage-banner .text-and-btn-box {
    height: 93px;
    padding: 17px 0px 21px 21px !important;
  }
}
.tax-harvesting-block.postloginpage-banner .savetax-gradient {
  font-size: 1.75rem !important;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .tax-harvesting-block.postloginpage-banner .savetax-gradient {
    font-size: 0.75rem !important;
  }
}
.tax-harvesting-block.postloginpage-banner .capital-gain-text {
  font-size: 1.875rem !important;
  font-family: "DMSansMedium";
}
@media (max-width: 1023px) {
  .tax-harvesting-block.postloginpage-banner .capital-gain-text {
    font-size: 0.75rem !important;
  }
}
.tax-harvesting-block.postloginpage-banner .ed_button.tomato.tax-h-btn {
  font-size: 1.125rem !important;
  font-family: "DMSansMedium" !important;
  height: 46px !important;
}
@media (max-width: 1023px) {
  .tax-harvesting-block.postloginpage-banner .ed_button.tomato.tax-h-btn {
    height: 20px !important;
    font-size: 0.5rem !important;
  }
}
.tax-harvesting-block.postloginpage-banner .img-block img {
  height: 134px !important;
}
@media (max-width: 1023px) {
  .tax-harvesting-block.postloginpage-banner .img-block img {
    height: 100% !important;
  }
}

.tax-harvesting-block {
  width: 936px;
  border-radius: 4px;
  margin: 12px auto 12px;
  background: linear-gradient(129deg, #1c1a45 -13.72%, #7e79ef 138.86%);
}
@media (max-width: 1023px) {
  .tax-harvesting-block {
    margin: 12px 15px;
    width: unset;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }
}
.tax-harvesting-block .text-and-btn-box {
  padding: 16px 0px 16px 37px;
}
@media (max-width: 1023px) {
  .tax-harvesting-block .text-and-btn-box {
    height: 93px;
    padding: 17px 0px 21px 21px;
  }
}
.tax-harvesting-block .text-and-btn-box .title-box {
  line-height: 1;
  padding-bottom: 12px;
}
.tax-harvesting-block .text-and-btn-box .title-box .savetax-gradient {
  background: -webkit-linear-gradient(143deg, #fff -4.87%, rgba(217, 217, 217, 0) 338.18%);
  background: linear-gradient(143deg, #fff -4.87%, rgba(217, 217, 217, 0) 338.18%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.188rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .tax-harvesting-block .text-and-btn-box .title-box .savetax-gradient {
    font-size: 0.75rem;
  }
}
.tax-harvesting-block .text-and-btn-box .title-box .capital-gain-text {
  font-size: 1.313rem;
  font-family: "DMSansMedium";
}
@media (max-width: 1023px) {
  .tax-harvesting-block .text-and-btn-box .title-box .capital-gain-text {
    font-size: 0.75rem;
  }
}
@media (max-width: 1023px) {
  .tax-harvesting-block .text-and-btn-box .title-box {
    padding-bottom: 8px;
  }
}
.tax-harvesting-block .text-and-btn-box .ed_button.tomato.tax-h-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px !important;
  padding: 0 40px;
  height: 30px;
  font-size: 0.75rem;
  font-family: "DMSansMedium" !important;
}
@media (max-width: 1023px) {
  .tax-harvesting-block .text-and-btn-box .ed_button.tomato.tax-h-btn {
    padding: 0 15px !important;
    height: 20px !important;
    font-size: 0.5rem;
  }
}
.tax-harvesting-block .img-block {
  overflow: hidden;
}
@media (max-width: 1023px) {
  .tax-harvesting-block .img-block {
    right: 0;
  }
}@media screen and (min-width: 768px) {
  .benefits-of-currency-wrapper-main {
    gap: 36px;
    margin-inline: auto;
    width: 90%;
  }
  .benefits-of-currency-wrapper-main .benefits-of-Currency-wrapper {
    padding: 15px 30px;
    border-radius: 50px;
    border: 1px solid #ccccd6;
    justify-content: center;
    text-wrap: nowrap;
  }
}
@media screen and (min-width: 1600px) {
  .benefits-of-currency-wrapper-main {
    gap: 36px;
    margin-inline: auto;
    width: 65%;
  }
  .benefits-of-currency-wrapper-main .benefits-of-Currency-wrapper {
    padding: 15px 30px;
    border-radius: 50px;
    border: 1px solid #ccccd6;
    justify-content: center;
    text-wrap: nowrap;
  }
}
@media (max-width: 768px) {
  .benefits-of-currency-wrapper-main {
    justify-content: center;
    margin-inline: auto;
    width: 100%;
  }
  .benefits-of-currency-wrapper-main .benefits-of-Currency-wrapper {
    padding: 10px 20px !important;
    border: 1px solid #ccccd6;
    text-wrap: nowrap;
    border-radius: 50px;
    margin: 10px !important;
  }
}.search-sort-filter {
  margin: 8px 0;
  justify-content: end;
  gap: 10px;
}
.search-sort-filter .fund-search {
  border-radius: 5px;
  width: 277px;
  height: 44px;
}
.search-sort-filter .fund-search .edel-icon-search {
  font-size: 1.563rem;
  position: relative;
  padding: 9.5px 7.5px;
}
.search-sort-filter .fund-search input {
  width: 207px;
  border: none;
  font-size: 0.75rem;
  color: #727271;
  font-family: "DMSansMedium";
  line-height: 140%;
}
.search-sort-filter .fund-search.open-search {
  justify-content: space-around;
  border: 1px solid #03002f;
  background: #ffffff;
}
.search-sort-filter .fund-search.open-search .search-bar {
  background: #ffffff;
}
.search-sort-filter .fund-search.open-search i::before {
  font-size: 0.625rem;
  position: relative;
  top: -2px;
}
.search-sort-filter .fund-search.open-search .edel-icon-left-arrow {
  padding-left: 10px;
  padding-right: 2px;
}
.search-sort-filter .fund-search.open-search .edel-icon-bold-close {
  padding-right: 10px;
  cursor: pointer;
}
.search-sort-filter .search-bar {
  width: 100%;
  display: flex;
  justify-content: inherit;
}
.search-sort-filter .sort .ed_button.link,
.search-sort-filter .filter .ed_button.link {
  border-radius: 5px;
  color: #03002f;
}
.search-sort-filter .sort .ed_button.link.bg_ed_blue,
.search-sort-filter .filter .ed_button.link.bg_ed_blue {
  color: #ffffff;
}
.search-sort-filter .sort .ed_button.link {
  padding: 10px 12px;
}
.search-sort-filter .filter .ed_button.link {
  padding: 10px 14px;
}
.search-sort-filter .filter-selected,
.search-sort-filter .sort-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 28px;
  top: -33px;
  position: relative;
  display: flex;
}

.compare-funds {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 9;
}
.compare-funds .compare-clear {
  display: flex;
  justify-content: space-between;
}
.compare-funds .compare-clear .compare-clear-buttons {
  gap: 20px;
}
.compare-funds .compare-clear .compare-clear-buttons .ed_button.link {
  color: #03002f;
}

.checked-block {
  gap: 30px;
}
.checked-block .checked-list {
  padding: 5px 10px;
  margin: 5px 0;
  border-right: 1px solid #b8b8b8;
}
.checked-block .checked-list label {
  padding: 10px 15px;
  gap: 20px;
  border-radius: 2px;
}

.compare-button {
  padding: 10px 16px;
  gap: 10px;
  border-radius: 6px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.compare-button button {
  color: #ffffff;
  border: 0;
  background-color: inherit;
}
.compare-button i {
  font-size: 1.375rem;
}

.top-funds.filters-tag {
  padding: 0 10px 15px;
}
@media (max-width: 768px) {
  .top-funds.filters-tag {
    padding: 0px !important;
  }
}

.funds.filterasset-drop-footer .clear_all.ed_button.blue-one {
  padding: 12.5px;
  background-color: #f0f9ff;
  color: #03002f;
}
.funds.filterasset-drop-footer .ed_button.blue-one {
  font-size: 0.875rem;
}

@media screen and (max-width: 1023px) {
  .top-fund-mob .top-funds-tabs {
    padding-left: 5px;
    padding-right: 5px;
  }
  .top-fund-mob .top-funds-tabs .sort-filter-labels {
    padding: 0 5px 0px 5px;
    overflow-x: unset;
  }
  .top-fund-mob .marketgroup.container.card-group {
    padding: 0;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card {
    border-radius: 0 !important;
    border: 0;
    padding: 0;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardhead.card-header {
    padding: 11px 15px 6px 15px !important;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .top-funds-tabs .nav.nav-tabs {
    padding-left: 15px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .top-funds-tabs .nav.nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #03002f;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter {
    border-radius: 5px;
    gap: 0px;
    justify-content: center;
    margin: 10px 0 10px 0;
    padding: 0 15px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search {
    width: 100%;
    border-radius: 5px 0 0 5px;
    padding: 22px 0;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search.open-search {
    border: 0;
    padding: 7px;
    border: 1px solid #03002f;
    margin-right: 5px;
    border-radius: 5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search.open-search .search-bar {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 7px;
    border-radius: 5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search.open-search .search-bar input {
    width: 100%;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search .edel-icon-search {
    top: 0px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .sort .ed_button.link,
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .filter .ed_button.link {
    width: 100%;
    border-radius: 5px 0px 0px 5px;
    padding: 16.5px 12.5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .filter .ed_button.link {
    border-radius: 0px 5px 5px 0px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .generic-tabs.top-funds-tabs .view-more-label {
    padding: 15px;
    line-height: 140%;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .generic-tabs.top-funds-tabs .view-more-label .ed_button {
    position: relative;
    top: -2px;
    margin-left: 2px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob {
    margin: 0px -5px;
    padding: 5px;
    border-top: 1px solid #e7e7e7;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .row {
    margin: 0;
    padding: 0;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .compare {
    gap: 10px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .compare input {
    accent-color: #03002f;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .star-rating {
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 7px;
    gap: 5px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .star-rating i {
    font-size: 0.75rem;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .num {
    position: relative;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .fund-labels {
    gap: 5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .fund-labels i {
    font-size: 0.25rem;
    color: #b8b8b8;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .share-btn {
    width: 30px;
    height: 30px;
    border-radius: 33px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .share-btn i::before {
    position: relative;
    top: 1.5px;
    left: -1px;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist {
    padding: 0;
    margin: 0;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist .nested-list {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist .nested-list label {
    margin-bottom: 5px;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist .nested-list li {
    border: 0;
    padding: 10px 5px 10px 20px;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li {
    display: flex;
    padding: 20px 17px 19px 20px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e7;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li label {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li .bodylist-right {
    color: #b8b8b8;
    display: flex;
    align-items: center;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li .bodylist-right p {
    margin: 0;
    font-size: 0.75rem;
    font-family: "DMSansMedium";
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li .bodylist-right p span i {
    margin-left: 6px;
  }
  .sort-filter-labels {
    padding: 0 5px 10px 5px;
  }
}
.top-funds .top-funds-tabs {
  padding-top: 10px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .top-funds .top-funds-tabs .nav-tabs {
    padding-left: 15px !important;
  }
}

.top-funds-tabs .filterasset-drop {
  z-index: 9 !important;
}

.topperforming-filter-focus-scroll,
.topperforming-filter-focus {
  display: none !important;
}

#TopPerformingFunds {
  margin-top: 40px;
}

.funds-sort.common-fund-sort .sort-drop-footer .ed_button {
  width: 100% !important;
}
.funds-sort .sort-drop {
  margin-top: 15px !important;
  right: 0px !important;
  z-index: 9;
}

.filter-accordion.accordion {
  padding-bottom: 7px;
}
.filter-accordion.accordion .accordion-header .accordion-button:not(.collapsed) {
  background-color: #f2f2f5;
}
.filter-accordion.accordion .accordion-header .accordion-button {
  font-size: 1rem;
  font-family: "DMSansMedium";
  background-color: #f2f2f5;
}
.filter-accordion.accordion .accordion-header .accordion-button.collapsed {
  background-color: #f2f2f5;
}
.filter-accordion.accordion .inside-list {
  gap: 5px;
}
.filter-accordion.accordion .inside-list:last-child {
  margin-bottom: 0px;
}
.filter-accordion.accordion .inside-list input {
  width: 16px;
  height: 16px;
}
.filter-accordion.accordion .inside-list input:checked {
  accent-color: #03002f;
}
.filter-accordion.accordion .inside-list .bodylist-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
}

.aum-input {
  gap: 10px;
}
.aum-input .equity-dropdown-block.dropdown button {
  width: 103px;
  height: 43px;
}
.aum-input .equity-dropdown-block.dropdown button i {
  color: #3580f7;
}
.aum-input input {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}

.desk.aum-input {
  border-radius: 5px;
  padding: 20px;
}
.desk.aum-input .equity-dropdown-block.dropdown {
  padding: 20px 0px;
}
.desk.aum-input .equity-dropdown-block.dropdown button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-color: #e7e7e7;
}
.desk.aum-input input.form-control {
  height: 43px;
  border-color: #e7e7e7;
}

.funds.filterasset-drop-footer .ed_button.blue-one.button.filter-button-disable {
  border: none;
}

@media screen and (max-width: 1023px) {
  .filter-accordion.accordion {
    padding-bottom: 7px;
  }
  .filter-accordion.accordion .accordion-header .accordion-button:not(.collapsed) {
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .accordion-button {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .accordion-button.collapsed {
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .accordion-button::after {
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .clear-btn {
    width: unset !important;
    padding: 0 !important;
    margin-left: 10px;
  }
  .filter-accordion.accordion .nested-body::-webkit-scrollbar-thumb {
    background-color: #03002f;
  }
  .filter-accordion.accordion .nested-body.accordion-body {
    padding: 10px 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .filter-accordion.accordion .nested-body.accordion-body .inside-list {
    padding: 10px 0;
  }
  .funds-filter .mob-filterasset-drop-head .down-bar-right {
    color: #03002f;
  }
  .funds-filter .mob-filterasset-drop-body .main.filter-accordion {
    padding: 1% 3%;
  }
  .funds-filter .mob-filterasset-drop-body {
    padding-bottom: 86px;
  }
  .funds-filter .mob-filterasset-drop-body .bodylist {
    height: unset;
  }
  .funds-filter .mob-filterasset-drop-body .mf-Accordian-item {
    padding: 9px 20px;
  }
  .funds-filter .mob-filterasset-drop-footer {
    display: contents !important;
  }
  .funds-filter .mob-filterasset-drop-footer.funds-footer {
    height: unset;
    padding: 15px;
    width: 95%;
  }
  .funds-filter .mob-filterasset-drop-footer.funds-footer .ed_button.button {
    width: 90%;
    margin: 5% !important;
    padding: 2%;
  }
}
.light-blue label {
  color: #03002f !important;
}

.top-funds.marketgroup .marketCard.card .marketcardbody {
  padding: 0px;
}
.top-funds.marketgroup .marketCard.card .marketcardfoot {
  justify-content: center;
  padding: 15px !important;
}
.top-funds.marketgroup .marketCard.card .marketcardhead .mk-card-topleft .mk-card-topleftmain .gap span {
  width: 35px;
  height: 35px;
}

.top-funds-tabs .nav.nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.top-funds-tabs .nav.nav-tabs .nav-item {
  border-bottom: unset;
}
.top-funds-tabs .nav.nav-tabs .nav-item .nav-link {
  font-size: 1rem;
  padding: 10px;
  margin-right: 15px;
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
  margin-bottom: 0px !important;
}
.top-funds-tabs .view-more-label {
  padding: 15px 0px 5px 20px;
}
.top-funds-tabs .view-more-label .ed_button {
  position: relative;
  top: -1px;
  margin-left: 2px;
}
.top-funds-tabs .top-performing table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0px;
  margin-bottom: 0px;
}
.top-funds-tabs .top-performing table thead {
  color: #727271;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.top-funds-tabs .top-performing table thead tr th {
  padding: 10px 20px;
}
.top-funds-tabs .top-performing table thead tr th:first-child {
  max-width: 200px;
}
.top-funds-tabs .top-performing table thead .readmore {
  color: #03002f;
}
.top-funds-tabs .top-performing table tbody tr td {
  cursor: pointer;
  border-left: none;
  border-right: none;
  padding: 12px 20px;
}
.top-funds-tabs .top-performing table tbody tr td:first-child {
  max-width: 200px;
}
.top-funds-tabs .top-performing table tbody .share-btn {
  width: 30px;
  height: 30px;
  border-radius: 33px;
}
.top-funds-tabs .top-performing table tbody .share-btn i::before {
  position: relative;
  top: 1.5px;
  left: -1px;
}
.top-funds-tabs .top-performing table tbody .invest-button {
  padding: 8px 37px;
}
.top-funds-tabs .top-performing table tbody tr:hover {
  background-color: #f2f2f5 !important;
}
.top-funds-tabs .top-performing table tbody .star-rating {
  gap: 5px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.top-funds-tabs .top-performing table tbody .star-rating i {
  font-size: 0.75rem;
}
.top-funds-tabs .top-performing table tbody .fund-labels {
  gap: 5px;
}
.top-funds-tabs .top-performing table tbody .fund-labels i {
  font-size: 0.375rem;
  color: #b8b8b8;
}
.top-funds-tabs .top-performing table tbody td input[type=checkbox] {
  border-radius: 4px;
  border: 2px solid #e7e7e7;
  height: 25px;
  width: 25px;
  opacity: 1 !important;
}
.top-funds-tabs .top-performing table tbody td input[type=checkbox]:checked {
  background-color: #03002f;
  border: 2px solid #e7e7e7;
  accent-color: #03002f;
}
.top-funds-tabs .top-performing.viewAll table {
  border-collapse: separate;
  border-spacing: 0 10px;
}
.top-funds-tabs .top-performing.viewAll table thead tr th:first-child {
  max-width: 200px;
}
.top-funds-tabs .top-performing.viewAll table thead tr th {
  padding: 10px 20px;
}
.top-funds-tabs .top-performing.viewAll table tbody tr td {
  padding: 12px 20px;
}
.top-funds-tabs .top-performing.viewAll table tbody td:first-child {
  border-left: 1px solid #e7e7e7;
  max-width: 200px;
}
.top-funds-tabs .top-performing.viewAll table tbody td:last-child {
  border-right: 1px solid #e7e7e7;
}
.top-funds-tabs .top-performing.viewAll table .remove-btn-props .btn-primary:hover {
  background-color: unset;
  border: none;
}
.top-funds-tabs .top-performing.viewAll table .remove-btn-props .btn-primary {
  border: none;
  background-color: unset;
}

.performing.viewAll .generic-tabs.top-funds-tabs .view-more-label {
  padding: 15px 0px 5px 0px;
}
.performing.viewAll .filterasset-drop::after,
.performing.viewAll .sort-drop::after {
  content: " ";
  position: absolute;
  right: 12px;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #f2f2f5;
}

@media screen and (max-width: 1023px) {
  .mob-margin {
    padding-top: 20px;
  }
  .mob-margin .marketgroup .marketCard {
    margin-bottom: 0px;
    padding: 0;
  }
  .mob-margin .marketgroup .marketCard .marketcardbody {
    padding: 0;
  }
  .mob-margin .marketgroup .marketCard .marketcardbody .fund-row.row {
    border-bottom: 1px solid #e7e7e7;
    align-items: center;
  }
  .mob-margin .marketgroup .marketCard .marketcardbody .fund-row.row .description {
    line-height: 18px;
  }
  .mob-margin .marketgroup .marketCard .marketcardhead {
    padding: 15px 15px 5px !important;
  }
}
@media (max-width: 768px) {
  #TopPerformingFunds .fund-row:last-child {
    border-bottom: none;
  }
}

.commonmarket-nopadding .marketCard {
  padding: 0px;
}
.commonmarket-nopadding .marketCard .marketcardhead {
  padding: 15px 0px 0px 15px !important;
}

.readmore-arrow-mf .readmore .edel-icon-double-arrow-right {
  margin-left: -2px;
}
.readmore-arrow-mf .readmore .edel-icon-double-arrow-left {
  margin-left: -2px;
}.learnmore-card-wrappar .card-of-learnmore {
  margin-right: 20px;
  background-color: white;
  width: 392px;
  border: 1px solid white;
  border-radius: 15px;
}
.learnmore-card-wrappar .mutualfund-text {
  margin-block: 20px 40px;
  padding-inline: 30px;
}
.learnmore-card-wrappar .data-bottom {
  margin-bottom: 20px;
}
.learnmore-card-wrappar .img-left {
  margin-right: 8px;
}

.card-of-learnmore-mob {
  margin-bottom: 20px;
  margin-right: 0px !important;
  display: block;
  margin-inline: auto !important;
  width: 330px !important;
}
.card-of-learnmore-mob .mobile-img {
  width: 330px !important;
}@media only screen and (max-width: 767px) {
  .quotesDbar .dcustomRangeBar {
    margin-inline: auto !important;
  }
  .quotesDbar .right-skew {
    margin: 0px !important;
  }
  .quotesDbar .right-skew:before {
    min-width: 0px !important;
  }
  .quotesDbar .left-skew:before {
    min-width: 0px !important;
  }
  .quotesDbar .left-skew {
    margin-left: 0px !important;
  }
  .quotesDbar .dbar29RangesliderLabels.move {
    margin-inline-start: -10px !important;
  }
  .quotesDbar .dynamicindicator-historicreturn {
    margin-top: 2rem !important;
  }
}
@media only screen and (min-width: 767px) {
  .quotesDbar .dcustomRangeBar {
    margin-inline: auto !important;
  }
  .quotesDbar .right-skew {
    margin: 0px !important;
  }
  .quotesDbar .right-skew:before {
    min-width: 0px !important;
  }
  .quotesDbar .left-skew:before {
    min-width: 0px !important;
  }
  .quotesDbar .left-skew {
    margin-left: 0px !important;
  }
  .quotesDbar .dynamicindicator-historicreturn {
    margin-top: 2rem !important;
  }
}.event-corporateactions-mob {
  background: #f2f6fb;
  padding: 8px 14px;
  color: #3580f7;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  height: 32px;
  align-items: center;
  display: flex;
}

.corporate-actions .accordion {
  padding: 30px 15px 16px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.corporate-actions .accordion:last-child {
  border-bottom: none;
}
.corporate-actions .accordion .accordion-header .scrip-cell {
  color: #444444;
  font-size: 0.875rem;
}
.corporate-actions .accordion .accordion-header .scrip-cell .scrip {
  font-family: "DMSansBold";
  line-height: 140%;
}
.corporate-actions .accordion .accordion-header .scrip-cell .values {
  line-height: 130%;
  font-family: "RobotoCondensedRegular";
}
.corporate-actions .accordion .bonus-ratio {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  display: flex;
  padding-top: 17px;
}
.corporate-actions .accordion .bonus-ratio .col:first-child {
  color: #dfa717;
}
.corporate-actions .accordion .bonus-ratio .col:last-child {
  display: flex;
  justify-content: end;
}
.corporate-actions .accordion .content {
  font-family: "RobotoLight";
  font-size: 0.875rem;
  line-height: 130%;
  display: flex;
  justify-content: end;
  padding: 5px 0px 11px 0px;
  color: #444444;
}
.corporate-actions .accordion .row {
  padding-top: 16px;
}
.corporate-actions .accordion .row .head {
  margin-bottom: 4px;
  color: #b8b8b8;
  font-size: 0.75rem;
}
.corporate-actions .accordion .row .value {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 22px;
}
.corporate-actions .accordion .row .col:last-child {
  text-align: end;
}
.corporate-actions .accordion:first-child {
  padding-top: 14px;
}

.corporate-actions .corporate-actions-items {
  padding: 0;
}
.corporate-actions .corporate-actions-items .accordion-item .bonus-ratio {
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.resultsCalendar {
  padding: 8px 14px;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  height: 32px;
  align-items: center;
  display: flex;
  background: #f1faf9;
  color: #00b6ab;
  padding: 8px 14px;
  margin-top: 11px;
}

.resultsAnnounced {
  background: #fcfbf2;
  color: #bab200;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  height: 32px;
  align-items: center;
  display: flex;
  padding: 8px 14px;
}

@media (min-width: 768px) {
  .economic-events {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 14px 30px 17px;
    background: #ffffff;
    gap: 22.5px;
  }
}
.economic-events .image-and-text {
  padding: 10px 22px 10px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.economic-events .image-and-text:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  .economic-events .image-and-text {
    padding: 15px 32px 18.8px 20px;
    border: 1px solid #e7e7e7;
  }
  .economic-events .image-and-text:last-child {
    border-bottom: 1px solid #e7e7e7;
  }
}
.economic-events .image-and-text .row {
  display: flex;
  gap: 13px;
}
@media (min-width: 768px) {
  .economic-events .image-and-text .row {
    gap: 11px;
  }
}
@media (min-width: 768px) {
  .economic-events .image-and-text .row .col-3 {
    width: 33.3%;
    padding: 0;
  }
}
.economic-events .image-and-text .row .col-3 img {
  border-radius: 5px;
  width: 95px;
  height: 74.82px;
}
.economic-events .image-and-text .row .col {
  display: flex;
  align-items: center;
  color: #444444;
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
  line-height: 140%;
}
@media (min-width: 768px) {
  .economic-events .image-and-text .row .col {
    padding: 0px;
    margin-left: 10px;
  }
}
.economic-events .image-and-text:first-child {
  padding-top: 16px;
}

.resultscalendarMainMob .result-calendar:last-child {
  border-bottom: none;
}

.result-calendar {
  padding: 15px 15px 16px 14px;
  border-bottom: 1px solid #e7e7e7;
}
.result-calendar .row .scrip-cell {
  color: #444444;
  font-size: 0.875rem;
}
.result-calendar .row .scrip-cell .scrip {
  font-family: "EncodeSansSemiBold";
  line-height: 140%;
}
.result-calendar .row .scrip-cell .values {
  line-height: 130%;
  font-family: "RobotoCondensedRegular";
}
.result-calendar .row .col {
  font-size: 0.75rem;
}
.result-calendar .row .col .head {
  color: #b8b8b8;
  line-height: 140%;
  font-family: "encodesans_normal";
  margin-bottom: 3px;
}
.result-calendar .row .col .value {
  color: #444444;
  line-height: 140%;
  font-family: "EncodeSansMedium";
}
.result-calendar .row .col:last-child,
.result-calendar .row .col-5 {
  text-align: end;
}
.result-calendar .set-alert .col:last-child,
.result-calendar .set-alert .col-5 {
  text-align: start;
}
.result-calendar .row:first-child {
  padding-bottom: 15px;
}
.result-calendar .row:last-child {
  padding-top: 19px;
  color: #3580f7;
  font-size: 0.75rem;
  line-height: 140%;
  font-family: "EncodeSansMedium";
}
.result-calendar .row:last-child .col-4,
.result-calendar .row:last-child .col-3 {
  padding-right: 0;
}
.result-calendar .row:last-child .col-3,
.result-calendar .row:last-child .col-5 {
  padding-left: 0;
}
.result-calendar .row:last-child i {
  font-size: 0.875rem;
  margin-right: 5px;
}
.result-calendar .row:last-child .col-3 {
  text-align: center;
}

.eventscalendarmain.marketgroup {
  padding: 0px;
}
@media (max-width: 768px) {
  .eventscalendarmain.marketgroup {
    padding: 0px 15px;
  }
}
.eventscalendarmain.marketgroup .mk-card-topleftmain1 {
  display: flex;
  font-size: 1.75rem !important;
}
.eventscalendarmain.marketgroup .marketCard {
  padding: 20px 0px !important;
}
.eventscalendarmain.marketgroup .marketCard .marketcardhead {
  padding: 0px 20px !important;
}
@media (max-width: 768px) {
  .eventscalendarmain.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
    font-size: 1.25rem !important;
    line-height: 140%;
  }
}
.eventscalendarmain.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
  color: #b8b8b8;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 768px) {
  .eventscalendarmain.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
    font-family: "RobotoLight" !important;
    font-size: 0.625rem;
    color: #727271;
    display: flex;
    align-items: center;
    gap: 4px;
  }
}
.eventscalendarmain.marketgroup .marketCard .marketcardbody {
  padding: 30px 0px 9px !important;
}
@media (max-width: 768px) {
  .eventscalendarmain.marketgroup .marketCard .marketcardbody {
    padding: 15px 0px !important;
  }
}
.eventscalendarmain.marketgroup .marketCard .marketcardfoot {
  padding-right: 20px !important;
}
.eventscalendarmain.marketgroup .mk-card-topright span {
  margin-left: 25px;
}
.eventscalendarmain.marketgroup .eventscalendar-block {
  display: block;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .event-corporateactions {
  background: #f2f2f5;
  padding: 10px 19px;
  color: #03002f;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  height: 32px;
  align-items: center;
  display: flex;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table {
  width: 100% !important;
  padding: 0px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-head th {
  padding: 9px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-head th:first-child {
  padding-left: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr th:nth-child(2) {
  width: 290px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr th:nth-child(3) {
  text-align: end;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr th:nth-child(4) {
  text-align: end;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-body tr .stock-split .rec-label {
  text-align: left;
  font-size: 1rem;
  background: none;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-body tr .rec-label label {
  padding: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-body tr td {
  text-align: left;
  font-size: 16px;
  font-family: "DMSansMedium";
  color: #444444;
  vertical-align: middle;
  padding: 19px 9px 19px 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-body tr td:first-child {
  padding: 19px 0px 19px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr td:nth-child(3) {
  text-align: end;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr td:nth-child(4) {
  text-align: end;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .event-resultscalendar {
  background: #fff0e5;
  padding: 10px 19px;
  color: #ff6b00;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  height: 32px;
  align-items: center;
  display: flex;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table {
  width: 100% !important;
  padding: 0px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-head th {
  padding: 9px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-head th:first-child {
  padding-left: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-head th:nth-child(2) {
  width: 25%;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-head-text th:first-child {
  width: 250px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-head-text th:nth-of-type(2) {
  text-align: end;
  width: 250px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-head-text th:nth-child(3) {
  text-align: end;
  width: 250px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-body tr .rec-label label {
  padding: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-body tr td {
  font-size: 16px;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 19px 0px 19px 10px;
  vertical-align: middle;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-body tr td:first-child {
  padding: 19px 0px 19px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-body-text tr td:nth-child(2) {
  text-align: end;
  padding: 19px 10px 19px 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-body-text tr td:nth-child(3) {
  text-align: end;
  padding: 19px 10px 19px 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-body-text tr td:last-child {
  text-align: start !important;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .event-resultsannounced {
  background: #eef7ee;
  padding: 10px 19px;
  color: #51b255;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  height: 32px;
  align-items: center;
  display: flex;
  margin-top: 19px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table {
  width: 100% !important;
  padding: 0px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-head th {
  padding: 9px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-head th:first-child {
  padding-left: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table tr th:first-child {
  width: 250px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table tr th:nth-of-type(2) {
  width: 200px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table tr th:nth-child(3) {
  text-align: end;
  width: 150px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table tr th:last-child {
  text-align: end;
  width: 200px;
  padding-right: 70px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-body tr .rec-label label {
  padding: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-body tr td {
  font-size: 16px;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 19px 0px 19px 10px;
  vertical-align: middle;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-body tr td:first-child {
  padding: 19px 0px 19px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table-body tr td:nth-child(3) {
  text-align: end;
  width: 150px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table-body tr td:last-child {
  text-align: end;
  width: 200px;
  padding-right: 70px;
}

.blue-text {
  color: #3580f7;
}

.event-economic-events {
  background: #fcf9f7;
  padding: 10px 19px;
  color: #ff6b00;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  height: 32px;
  align-items: center;
  display: flex;
  margin-top: 21px;
}
@media (max-width: 768px) {
  .event-economic-events {
    margin-top: 2px;
  }
}

.links-block {
  display: flex;
  justify-content: flex-start;
  margin-right: 20px;
  margin-left: 180px;
  align-items: center;
  cursor: pointer;
}
.links-block a {
  cursor: pointer;
}

.ml-20 {
  margin-left: 20px;
}

.ml-5 {
  margin-left: 5px;
}

.gold-color {
  color: #dfa717;
}

.roundcirclefont {
  font-size: 0.438rem;
}
@media (max-width: 768px) {
  .roundcirclefont {
    font-size: 0.25rem;
  }
}.week-high-low tbody tr td:nth-child(5), .week-high-low tbody tr td:nth-child(6) {
  font-family: "RobotoMedium" !important;
  line-height: 24px;
}

.price-buzzers-table tbody tr td:nth-child(5), .price-buzzers-table tbody tr td:nth-child(6), .price-buzzers-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}

.volume-buzzers-table tbody tr td:nth-child(5) {
  font-family: "DMSansMedium" !important;
}
.volume-buzzers-table tbody tr td:nth-child(6), .volume-buzzers-table tbody tr td:nth-child(7), .volume-buzzers-table tbody tr td:nth-child(8) {
  font-family: "RobotoMedium" !important;
}

.performer-table .sector {
  display: flex;
  justify-content: start;
}
.performer-table tbody tr td:nth-child(5), .performer-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}
.performer-table tbody tr td:nth-child(6) {
  font-family: "DMSansMedium" !important;
}

.performer-tag {
  height: 42px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #444444;
  background: #f9fbff;
  margin-bottom: 20px;
}
.performer-tag label {
  font-family: "DMSansBold";
}
.performer-tag span {
  font-family: "RobotoMedium";
}

.top-table tbody tr td:nth-child(5), .top-table tbody tr td:nth-child(6), .top-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}

.index-table tbody tr td:nth-child(6), .index-table tbody tr td:nth-child(7), .index-table tbody tr td:nth-child(8) {
  font-family: "RobotoMedium" !important;
}

.alltime-table tbody tr td:nth-child(5), .alltime-table tbody tr td:nth-child(6) {
  font-family: "RobotoMedium" !important;
}

.drivingmarket-index-mob-drawer {
  border: 1px solid #ebf2fe;
  border-radius: 5px;
  line-height: 20px;
}
.drivingmarket-index-mob-drawer .drawer-dname {
  font-family: "encodesans_normal" !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 22px;
  color: #263363 !important;
}
.drivingmarket-index-mob-drawer .selectedExchangeIndex {
  display: flex;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
  padding: 5px 8px !important;
  font-family: "encodesans_normal";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  color: #727271;
}
.drivingmarket-index-mob-drawer .nav {
  flex-wrap: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.drivingmarket-index-mob-drawer .nav::-webkit-scrollbar {
  display: none;
}
.drivingmarket-index-mob-drawer .nav {
  overflow-y: scroll;
  margin-bottom: 0 !important;
}
.drivingmarket-index-mob-drawer .nav-item .nav-link {
  border: 0;
  font-family: "encodesans_normal";
  font-weight: 400;
  font-size: 1rem;
  line-height: 22px;
  color: #727271;
  white-space: nowrap;
}
.drivingmarket-index-mob-drawer .nav-item .nav-link.active {
  border-bottom: 2px solid #3580f7;
  white-space: nowrap;
}
.drivingmarket-index-mob-drawer .index-list {
  overflow-y: scroll;
}
.drivingmarket-index-mob-drawer .index-list-item {
  font-family: "encodesans_normal";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 41px;
  color: #444444;
  cursor: pointer;
  padding: 5px 5% 5px 5%;
}
.drivingmarket-index-mob-drawer .tab-content {
  overflow-y: scroll;
  height: 30vh;
}
.drivingmarket-index-mob-drawer .drawer-body {
  padding-bottom: 10px !important;
}
.drivingmarket-index-mob-drawer .seperator-border {
  border-bottom: 1px solid #e7e7e7;
}

.drivingmarket-index-mob-drawer.container {
  padding-right: 0px;
  padding-left: 0px;
}

.driving-mkt-mainblock {
  margin-top: 20px;
}
.driving-mkt-mainblock .d-livenews-container {
  margin: 0px 0px 30px 30px;
  background: #ffffff;
  height: 653px;
  border-radius: 5px;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar {
  width: 1px !important;
  height: 227px !important;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar-button {
  height: 77px;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar-track {
  height: 10px !important;
  width: 1px;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar-thumb {
  background-color: #03002f;
  height: 10px !important;
  width: 1px !important;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .d-livenews-container {
    margin-top: 23px;
    margin-left: 0px;
    height: auto;
  }
}
.driving-mkt-mainblock .d-livenews-container .masked {
  display: none;
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup {
  position: relative;
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain1,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain {
  font-family: "DMSansBold";
  font-size: 1.125rem;
}
@media (max-width: 1023px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain1,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain {
    font-size: 1rem;
  }
}
@media (max-width: 1023px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftsub {
    font-family: "RobotoRegular";
  }
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles {
    background: #ffffff;
    margin-top: 30px;
    border: 1px solid #e7e7e7;
    border-radius: 5px !important;
  }
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketcardbody {
  padding: 25px 0px 30px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketcardbody {
    padding: 20px 0px !important;
  }
}
.driving-mkt-mainblock .driving-mkt-block {
  border: 1px solid #e7e7e7;
  background: #ffffff;
  padding: 20px 0px;
  border-radius: 5px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-tiles .marketgroup:last-child {
  border-right: 0px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-tiles:first-child .marketgroup:first-child {
  border-top: none;
}
.driving-mkt-mainblock .driving-mkt-block .driving-tiles:last-child .marketgroup:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block {
    border: 0px;
    background: none;
  }
}
.driving-mkt-mainblock .driving-mkt-block .marketgroup {
  margin: 0px;
  margin-bottom: 20px;
  padding: 20px 15px;
  border-top: 1px solid #e7e7e7;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .marketgroup {
    padding: 20px;
    border-top: 0px;
    margin-bottom: 0px;
    border-right: 1px solid #e7e7e7;
  }
}
.driving-mkt-mainblock .driving-mkt-block .marketgroup:first-child {
  padding: 20px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .marketgroup:first-child {
    padding: 20px 15px !important;
  }
}
.driving-mkt-mainblock .driving-mkt-block .marketgroup .marketCard {
  padding: 0px;
  border: none !important;
  margin: 0px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head {
  padding: 0px 15px;
  display: block;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head {
    display: flex;
    justify-content: space-between;
    padding: 0px;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title {
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  color: #0b243a;
}
@media (max-width: 1024px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title {
    font-size: 1.375rem;
    font-family: "DMSansNormal";
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title strong {
  font-family: "DMSansBold";
}
@media (max-width: 1024px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title strong {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile {
    gap: 11px;
  }
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile {
    padding-bottom: 14px;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .equity-dropdown-block .equitydrop {
  padding: 9px 10px;
  line-height: 140%;
  height: 40px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .equity-dropdown-block .equitydrop {
    padding: 5px 8px !important;
    line-height: 140%;
    height: unset;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-valuedropdown .subMenuDropdown .nav-item .nav-link,
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-daydropdown .subMenuDropdown .nav-item .nav-link {
  padding: 9px 10px !important;
  line-height: 140%;
  height: 40px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-valuedropdown .subMenuDropdown .nav-item .nav-link,
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-daydropdown .subMenuDropdown .nav-item .nav-link {
    padding: 5px 8px !important;
    line-height: 140%;
    height: unset;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock {
  display: flex;
  justify-content: end;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock {
    margin-top: 0px;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown {
  white-space: nowrap;
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .daydrop-btn-border {
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  padding: 7px 10px 7px 14px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .btn-select-drivingmarket {
  color: #727271;
  background-color: #ffffff;
  padding: 0px 14.66px 0px 0px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop {
    padding: 5px 8px !important;
    line-height: 140%;
  }
}

.drivingmarket-ipocard {
  margin: 30px 0px 0px 30px;
}
@media screen and (max-width: 1023px) {
  .drivingmarket-ipocard {
    margin-left: 0px;
  }
}
.drivingmarket-ipocard .bg-lightyellow .card {
  background: #fffbf2;
}
.drivingmarket-ipocard .drivingmarket-ipo-head {
  font-family: "DMSansBold";
  font-size: 1.25rem;
  color: #0b243a;
  margin-bottom: 10px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots {
  display: flex;
  justify-content: center;
  padding: 6px 16px 16px 16px;
  margin-top: 14px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots .owl-dot span {
  width: 18px !important;
  height: 0px !important;
  margin: 0.1em !important;
  display: block;
  border: 1px solid #cccccc;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots .owl-dot span {
    width: 15px !important;
  }
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots .owl-dot.active span {
  border: 2px solid #03002f;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav {
  position: absolute;
  height: 0px;
  top: -30px;
  right: 0px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1 {
  border: none;
  background: none;
  color: #03002f;
  font-size: 0.875rem;
  position: absolute;
  top: 0px;
  right: 15px;
}
@media (min-width: 1400px) {
  .drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1 {
    margin-left: 360px;
  }
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1 span {
  display: none;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1.disabled {
  opacity: 0.5;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-right1 {
  border: none;
  background: none;
  color: #03002f;
  font-size: 0.875rem;
  position: absolute;
  top: 0px;
  right: 0px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-right1 span {
  display: none;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-right1.disabled {
  opacity: 0.5;
}

.drivingmarket-underperformers .driving-mkt-dropdownblock,
.drivingmarket-outperformers .driving-mkt-dropdownblock,
.volumebuzzers .driving-mkt-dropdownblock,
.pricebuzzers .driving-mkt-dropdownblock,
.lowercircuit .driving-mkt-dropdownblock,
.uppercircuit .driving-mkt-dropdownblock {
  display: flex;
  justify-content: end;
  margin-bottom: 20px;
}
.drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link {
  padding: 5px 10px;
  line-height: 140%;
}
.drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop {
  padding: 5px 12px 5px 13px !important;
  line-height: 140%;
}
@media (max-width: 768px) {
  .drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop {
    padding: 5px 8px;
    line-height: 140%;
  }
}
.drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}
.drivingmarket-underperformers .dynamic-title-block,
.drivingmarket-outperformers .dynamic-title-block,
.volumebuzzers .dynamic-title-block,
.pricebuzzers .dynamic-title-block,
.lowercircuit .dynamic-title-block,
.uppercircuit .dynamic-title-block {
  font-size: 1rem !important;
  font-family: "DMSansMedium";
  color: #444444 !important;
  margin-top: 19px;
  padding: 10px 20px;
  margin-bottom: 23px !important;
  height: 42px;
  background: #f2f2f5;
}
.drivingmarket-underperformers .dynamic-title-block .changeperc,
.drivingmarket-outperformers .dynamic-title-block .changeperc,
.volumebuzzers .dynamic-title-block .changeperc,
.pricebuzzers .dynamic-title-block .changeperc,
.lowercircuit .dynamic-title-block .changeperc,
.uppercircuit .dynamic-title-block .changeperc {
  font-family: "RobotoRegular";
}

.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .drivingmarket-underperformers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .drivingmarket-outperformers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .volumebuzzers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .pricebuzzers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .lowercircuit .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .uppercircuit .marketcardbody {
  padding: 20px 0px 30px;
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .volumebuzzers .subMenuDropdown,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .pricebuzzers .subMenuDropdown,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .lowercircuit .subMenuDropdown,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .uppercircuit .subMenuDropdown {
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .volumebuzzers .subMenuDropdown,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .pricebuzzers .subMenuDropdown,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .lowercircuit .subMenuDropdown,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .uppercircuit .subMenuDropdown {
    margin-bottom: 20px;
  }
}
.driving-mkt-mainblock .drivingmarket-title-head {
  display: flex;
  justify-content: space-between;
  margin: 5px 0px 10px;
  color: #b8b8b8;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .d-flexblock {
    display: grid;
    grid-template-columns: 1fr;
  }
  .driving-mkt-mainblock .d-flexblock .market-drawing-indices-ui {
    order: 2;
  }
  .driving-mkt-mainblock .d-flexblock .indice-historic-return-ui {
    order: 1;
    padding-top: 0px !important;
  }
}

.market-ipo-mob .ipo-carousel .owl-dots {
  padding: 20px 16px 0px 16px;
}
@media (max-width: 768px) {
  .market-ipo-mob .ipo-carousel .owl-dots {
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
  }
}

.pricebuzzers .marketcardbody {
  padding: 20px 0px 30px;
}

.equity-livenews-section-block .d-livenews-container .mask .d-ln-heading .d-ln-heading-left {
  font-size: 1.25rem;
}
.equity-livenews-section-block .d-livenews-container .mask .d-ln-tile-text1 {
  color: #727271 !important;
}
@media screen and (min-width: 1023px) {
  .equity-livenews-section-block .dock-liveNews-section {
    top: 160px;
    position: sticky;
  }
}

.driving-top-gainersblock .driving-tiles .marketgroup:first-child {
  border-top-right-radius: 0px !important;
}
.driving-top-gainersblock .AlertsPopup .modal-content {
  width: 603px !important;
}
.driving-top-gainersblock .AlertsPopup .modal-content .modal-body {
  width: 600px;
}/* ThreeColorProgressBar.scss */
.ThreeColorProgressBar .container .pbar29RangesliderWrapper .pbar29Rangeslider .customRangeBar .SkewCode {
  width: 9px;
  background-color: black;
}
.ThreeColorProgressBar .container .pbar29RangesliderWrapper .pbar29Rangeslider .customRangeBar .Skewcoderight1 {
  margin-right: 5px;
  background-color: #1c9ad6 !important;
}
.ThreeColorProgressBar .container .pbar29RangesliderWrapper .pbar29Rangeslider .customRangeBar .Skewcoderight2 {
  margin-left: 2px;
  background-color: #b8b8b8 !important;
}.download-card-desktop {
  width: 100%;
  padding: 21px 20px 16px 30px;
  fill: #ffffff;
  stroke-width: 1px;
  stroke: #e7e7e7;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
}
.download-card-desktop .download-text {
  font-family: "DMSansNormal";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
}
.download-card-desktop .download-card-button-wrapper {
  margin-top: 30px;
}
.download-card-desktop .download-card-button-wrapper .download-card-button {
  padding: 9px 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 6px;
  background: #03002f;
}
.download-card-desktop .download-card-button-wrapper .download-card-button:hover {
  background-color: #e71e04;
}
.download-card-desktop .download-card-button-wrapper .download-card-button .download-icon {
  width: 15px;
}
.download-card-desktop .download-card-button-wrapper .download-card-button .download-button {
  text-align: "DMSansMedium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 21.603px; /* 135.02% */
}

.download-card-mobile {
  padding: 20px 26px 15px 30px;
  margin-bottom: 20px;
  fill: #ffffff;
  stroke-width: 1px;
  stroke: #e7e7e7;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
}
.download-card-mobile .download-text {
  font-family: "DMSansNormal";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
}
.download-card-mobile .download-card-button-wrapper {
  margin-top: 38px;
}
.download-card-mobile .download-card-button-wrapper .download-card-button {
  padding: 9px 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 6px;
  background: #03002f;
}
.download-card-mobile .download-card-button-wrapper .download-card-button .download-icon {
  width: 15px;
}
.download-card-mobile .download-card-button-wrapper .download-card-button .download-button {
  text-align: "DMSansMedium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 21.603px; /* 135.02% */
}.tx3-heading-main-container-desktop {
  position: relative;
  width: 100%;
}
.tx3-heading-main-container-desktop .heading-laptop-img {
  margin-top: 74px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tx3-heading-main-container-desktop .heading-laptop-img img {
  width: 990px;
}
.tx3-heading-main-container-desktop .heading-tx3-logo-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-block: 20px 30px;
}
.tx3-heading-main-container-desktop .heading-tx3-logo-text .heading-txt {
  text-align: center;
}
.tx3-heading-main-container-desktop .heading-tx3-logo-text .heading-logo {
  width: 58px;
}
.tx3-heading-main-container-desktop .heading-trading-chart-txt {
  text-align: center;
  margin-bottom: 30px;
}
.tx3-heading-main-container-desktop .heading-tx3-info-text {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 40px; /* 166.667% */
  margin-bottom: 50px;
}
.tx3-heading-main-container-desktop .play-button {
  position: relative;
}
.tx3-heading-main-container-desktop .play-button-desktop {
  position: relative;
}
.tx3-heading-main-container-desktop .play-button-desktop img {
  width: 70px;
  position: absolute;
  left: 48%;
  margin-top: 14%;
}

.tx3-heading-main-container-mobile {
  width: 100%;
  position: relative;
}
.tx3-heading-main-container-mobile .heading-laptop-img {
  margin-top: 63px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tx3-heading-main-container-mobile .heading-laptop-img img {
  width: 330px;
}
.tx3-heading-main-container-mobile .heading-tx3-logo-text {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-block: 30px 20px;
  width: 100%;
  height: 100%;
}
.tx3-heading-main-container-mobile .heading-tx3-logo-text .heading-logo {
  width: 58px;
}
.tx3-heading-main-container-mobile .heading-tx3-logo-text .heading-txt {
  text-align: center;
}
.tx3-heading-main-container-mobile .heading-trading-chart-txt {
  text-align: center;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 32px; /* 145.455% */
}
.tx3-heading-main-container-mobile .heading-tx3-info-text {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  line-height: 28px; /* 175% */
}
.tx3-heading-main-container-mobile .play-button {
  position: absolute;
}
.tx3-heading-main-container-mobile .play-button-mobile img {
  width: 30px;
}
.tx3-heading-main-container-mobile .play-button-mobile {
  left: 46%;
  top: 9%;
}

.Leranto-use-carsoual .demo-section-video-card-wrappar-mob {
  margin-right: 10px;
}
.Leranto-use-carsoual .demo-section-video-card-wrappar-desk {
  margin-right: 20px;
}
.Leranto-use-carsoual .demo-section-video-card-wrappar-desk .demo-section-video-chart-img {
  width: 100%;
}
.Leranto-use-carsoual .slick-slider .slick-arrow {
  border: none;
}
.Leranto-use-carsoual .slick-slider .slick-arrow.slick-prev {
  left: 5% !important;
  top: 40%;
  border: none !important;
  background: transparent;
  color: #03002f;
}
.Leranto-use-carsoual .slick-slider .slick-arrow.slick-prev::before {
  font-size: 0.875rem;
  color: #03002f;
  border: none !important;
  background: transparent;
}
@media (max-width: 768px) {
  .Leranto-use-carsoual .slick-slider .slick-arrow.slick-prev::before {
    color: #03002f !important;
  }
}
@media (max-width: 768px) {
  .Leranto-use-carsoual .slick-slider .slick-arrow.slick-prev {
    top: -19px !important;
    left: 80% !important;
  }
}
.Leranto-use-carsoual .slick-slider .slick-arrow.slick-next {
  border: none;
  left: 94% !important;
  top: 40%;
  border: none !important;
  background: transparent;
}
.Leranto-use-carsoual .slick-slider .slick-arrow.slick-next::before {
  font-size: 0.875rem;
  color: #ffffff;
  border: none !important;
  background: transparent;
}
@media (max-width: 768px) {
  .Leranto-use-carsoual .slick-slider .slick-arrow.slick-next::before {
    color: #03002f !important;
  }
}
@media (max-width: 768px) {
  .Leranto-use-carsoual .slick-slider .slick-arrow.slick-next {
    top: -19px !important;
    right: 0px !important;
  }
}
.Leranto-use-carsoual .blur-effect-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to left, rgba(231, 231, 231, 0.9), transparent);
  z-index: 2;
}.tabs-container.desktop-tab {
  margin-top: 60px;
}

.tabs-container.mob-tab {
  margin-top: 20px;
}

.tabs-container {
  height: 100%;
  font-family: Arial;
}
.tabs-container .label-tab {
  width: 127px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  line-height: normal;
  padding-bottom: 10px;
}
.tabs-container .label-tab.active {
  border-bottom: 1px solid #03002f;
}
.tabs-container .tablink-desk {
  color: #b8b8b8;
  display: flex;
  justify-content: center;
  flex: 1;
  border: none;
  outline: none;
  cursor: pointer;
  border-bottom: 1px solid #b8b8b8;
  background: #ffffff;
  font-family: "DMSansNormal";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 100% */
}
.tabs-container .tablink-desk:hover {
  color: #03002f;
}
.tabs-container .tablink-desk.active {
  color: #03002f;
}
.tabs-container .tablink-mob {
  color: #b8b8b8;
  display: flex;
  justify-content: center;
  flex: 1;
  border: none;
  outline: none;
  cursor: pointer;
  border-bottom: 1px solid #b8b8b8;
  background: #ffffff;
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 100% */
}
.tabs-container .tablink-mob:hover {
  color: #03002f;
}
.tabs-container .tablink-mob.active {
  color: #03002f;
}
.tabs-container .tabcontent {
  color: #03002f;
  display: block;
  height: 100%;
}
.tabs-container .tab-buttons {
  display: flex;
}
.tabs-container .tab-buttons .tablink-desk:nth-child(1) {
  display: flex;
  justify-content: flex-end;
}
.tabs-container .tab-buttons .tablink-desk:nth-child(2) {
  display: flex;
  justify-content: flex-start;
}

.share-market-trading-main-wrappar-desk {
  padding-bottom: 60px;
  border-bottom: 1px solid #e7e7e7;
}
.share-market-trading-main-wrappar-desk .share-market-trading-info {
  color: #444444;
  text-align: center;
  font-family: "DMSansMedium";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px; /* 181.818% */
}
.share-market-trading-main-wrappar-desk .share-market-trading-main-text b {
  margin-left: 5px;
}
.share-market-trading-main-wrappar-desk .share-market-trading-main-text {
  margin-block: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.share-market-trading-main-wrappar-mob .share-market-trading-info {
  border-top: 1px solid #e7e7e7;
  margin-bottom: 40px;
  padding-top: 30px;
  color: #444444;
  text-align: center;
  font-family: "DMSansMedium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}
.share-market-trading-main-wrappar-mob .share-market-trading-main-text {
  margin-top: 20px;
  align-items: center;
  color: #03002f;
  text-align: center;
  font-family: "DMSansNormal";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
  text-transform: capitalize;
}
.share-market-trading-main-wrappar-mob .share-market-trading-main-left-side-wrappar {
  margin-inline: 15px;
}

.left-side-image-with-info-card-wrapper-desk:last-child {
  margin-bottom: 95px;
}

.left-side-image-with-info-card-wrapper-desk.reverse {
  flex-direction: row-reverse;
}

.left-side-image-with-info-card-wrapper-desk {
  margin-bottom: 80px;
  display: flex;
  gap: 40px;
  justify-content: space-between;
}
.left-side-image-with-info-card-wrapper-desk .card-image,
.left-side-image-with-info-card-wrapper-desk .card-content {
  flex: 1 1 50%;
  max-width: 50%;
}
.left-side-image-with-info-card-wrapper-desk .card-image img {
  width: 100%;
  height: auto;
  display: block;
}
.left-side-image-with-info-card-wrapper-desk .card-heading {
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.left-side-image-with-info-card-wrapper-desk .card-description {
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 187.5% */
}

.left-side-image-with-info-card-wrapper-mob {
  border-bottom: 1px solid #e7e7e7;
}
.left-side-image-with-info-card-wrapper-mob .card-image img {
  width: 280px;
  height: auto;
  display: block;
  margin-bottom: 20px;
}
.left-side-image-with-info-card-wrapper-mob .card-image {
  display: flex;
  justify-content: center;
  padding-top: 30px;
}
.left-side-image-with-info-card-wrapper-mob .card-heading {
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.left-side-image-with-info-card-wrapper-mob .card-description {
  margin-bottom: 30px;
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 187.5% */
}.demo-section-container-desk .demo-section-container-heading {
  display: flex;
  justify-content: center;
  margin-block: 50px;
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.demo-section-container-desk .demo-section-container-heading b {
  margin-left: 5px;
}
.demo-section-container-desk .demo-section-container-video {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 30px;
}

.demo-section-video-card-wrappar-desk {
  padding: 20px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.demo-section-video-card-wrappar-desk .demo-section-video-chart-img {
  width: 242px;
  margin-bottom: 20px;
}
.demo-section-video-card-wrappar-desk .demo-section-video-card-date {
  color: var(--Secondary-gray, #b8b8b8);
  font-family: "DMSansNormal";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 4px;
}
.demo-section-video-card-wrappar-desk .demo-section-video-card-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  cursor: pointer;
  width: 242px;
  margin-bottom: 28px;
  color: var(--Black, #444444);
  font-family: "DMSansNormal";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.5%; /* 25.65px */
}
.demo-section-video-card-wrappar-desk .demo-section-video-img {
  width: 28px;
}

.demo-section-container-mob .demo-section-container-heading {
  margin-block: 30px 16px;
  color: #03002f;
  text-align: center;
  font-family: "DMSansNormal";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
  text-transform: capitalize;
}
.demo-section-container-mob .demo-section-container-video {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
}

.demo-section-video-card-wrappar-mob {
  padding: 12px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.demo-section-video-card-wrappar-mob .demo-section-video-chart-img {
  width: 100%;
  margin-bottom: 20px;
}
.demo-section-video-card-wrappar-mob .demo-section-video-card-date {
  color: var(--Secondary-gray, #b8b8b8);
  font-family: "DMSansNormal";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
.demo-section-video-card-wrappar-mob .demo-section-video-card-text {
  margin-bottom: 20px;
  width: 147px;
  color: var(--Black, #444444);
  font-family: "DMSansNormal";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.5%; /* 17.1px */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  cursor: pointer;
}
.demo-section-video-card-wrappar-mob .demo-section-video-img {
  width: 28px;
}

.demo-section-container-video-main-wrapapr-desk {
  margin-bottom: 30px;
}

.demo-section-container-video-main-wrapapr-mob {
  margin-bottom: 20px;
}.still-have-que-container-desk .still-have-que-heading {
  border-top: 1px solid #e7e7e7;
  padding-block: 30px;
  color: #03002f;
  text-align: center;
  font-family: "DMSansNormal";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  padding-top: 30px;
  line-height: 40px; /* 142.857% */
}
.still-have-que-container-desk .still-have-que-sub-container-main {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 60px;
}
.still-have-que-container-desk .download {
  color: #03002f;
  text-align: right;
  font-family: "DMSansMedium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 21.603px; /* 135.02% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.still-have-que-container-desk .download:hover {
  color: #e71e04;
}

.still-have-que-container-mob {
  margin-bottom: 30px;
}
.still-have-que-container-mob .still-have-que-heading {
  margin-block: 30px 24px;
  color: #03002f;
  font-family: "DMSansNormal";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
}
.still-have-que-container-mob .still-have-que-sub-container-main {
  display: flex;
  justify-content: start;
  flex-direction: column;
  gap: 20px;
}
.still-have-que-container-mob .download {
  color: #03002f;
  text-align: right;
  font-family: "DMSansNormal";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.603px; /* 154.309% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  display: flex;
  justify-content: center;
  flex-direction: column;
}.see-also-container-desk {
  border-radius: 5px;
  margin-block: 60px;
  background: #ededf0;
  width: 100%;
  padding: 40px 75px 0px 75px;
}
.see-also-container-desk .see-also-heading {
  color: #03002f;
  text-align: center;
  font-family: "DMSansNormal";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 44.8px */
}
.see-also-container-desk .see-also-sub-content2 {
  position: absolute;
  right: 0;
  bottom: 0px;
}
.see-also-container-desk .see-also-sub-content2 img {
  width: 230px;
}
.see-also-container-desk .see-also-content-main {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.see-also-container-desk .see-also-content-main .see-also-sub-content1 .nuvama-text {
  color: #03002f;
  margin-right: 5px;
  font-family: "DMSansNormal";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 39.2px */
  margin-bottom: 21px;
}
.see-also-container-desk .see-also-content-main .see-also-sub-content1 .nuvama-subtext {
  width: 65%;
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 166.667% */
  margin-bottom: 37px;
}
.see-also-container-desk .see-also-content-main .app-paltform-img-di-wrapapr {
  display: flex;
  gap: 12px;
  padding-bottom: 58px;
}
.see-also-container-desk .see-also-content-main .app-paltform-img-di-wrapapr .img-wrapapr {
  width: 46px;
}
.see-also-container-desk .see-also-content-main .rating-wrappar .rating-wrappar-sub {
  display: flex;
  gap: 1px;
}
.see-also-container-desk .see-also-content-main .rating-wrappar .rating-wrappar-sub .blue-star {
  width: 24px;
  margin-right: 4px;
}
.see-also-container-desk .see-also-content-main .rating-wrappar .rating-wrappar-sub .rating-text {
  color: #03002f;
  text-align: right;
  font-feature-settings: "case" on;
  font-family: "EncodeSansBold";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}
.see-also-container-desk .see-also-content-main .rating-wrappar .rating-wrappar-text {
  color: var(--Secondary-gray, #b8b8b8);
  text-align: right;
  font-family: "EncodeSansMedium";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}

.see-also-container-mob {
  border-radius: 5px;
  margin-block: 30px;
  background: #ededf0;
  padding: 30px;
  padding-bottom: 0px;
}
.see-also-container-mob .see-also-heading {
  color: #03002f;
  margin-bottom: 20px;
  font-family: "DMSansNormal";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 30.8px */
}
.see-also-container-mob .nuvama-text {
  color: #03002f;
  margin-bottom: 20px;
  font-family: "DMSansNormal";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 39.2px */
}
.see-also-container-mob .nuvama-text b {
  margin-right: 5px;
}
.see-also-container-mob .nuvama-subtext {
  color: #444444;
  font-family: "DMSansNormal";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
  width: 300px;
  margin-bottom: 30px;
}
.see-also-container-mob .rating-wrappar-sub {
  display: flex;
  gap: 1px;
}
.see-also-container-mob .see-also-sub-content2 {
  display: flex;
  justify-content: center;
  margin-top: 23px;
}
.see-also-container-mob .see-also-sub-content2 img {
  width: 150px;
}
.see-also-container-mob .app-paltform-img-di-wrapapr {
  gap: 10px;
}
.see-also-container-mob .app-paltform-img-di-wrapapr .img-wrapapr {
  width: 46px;
}
.see-also-container-mob .app-paltform-img-di-wrapapr {
  display: flex;
}
.see-also-container-mob .app-paltform-img-di-wrapapr .rating-text {
  color: #03002f;
  text-align: right;
  font-feature-settings: "case" on;
  font-family: "EncodeSansBold";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}
.see-also-container-mob .app-paltform-img-di-wrapapr .blue-star {
  width: 24px;
  margin-right: 4px;
}
.see-also-container-mob .app-paltform-img-di-wrapapr .rating-wrappar-text {
  color: var(--Secondary-gray, #b8b8b8);
  text-align: right;
  font-family: "EncodeSansMedium";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}.learn-to-use-tx3-main-wrappar-desk .learn-to-use-tx3-heading {
  margin-block: 60px 45px;
  color: #03002f;
  text-align: center;
  font-family: "DMSansNormal";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 142.857% */
}
.learn-to-use-tx3-main-wrappar-desk .learn-to-use-tx3-heading b {
  margin-left: 5px;
}

.learn-to-use-tx3-main-wrappar-mob .learn-to-use-tx3-heading {
  margin-bottom: 36px;
  color: #03002f;
  text-align: center;
  font-family: "DMSansNormal";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
}
.learn-to-use-tx3-main-wrappar-mob .learn-to-use-tx3-heading b {
  margin-left: 5px;
}
.learn-to-use-tx3-main-wrappar-mob .learn-to-use-tx3-single-card-carousel-container {
  margin-bottom: 40px;
  position: relative;
}

.learn-to-use-tx3-single-card-carousel-container {
  position: relative;
}
.learn-to-use-tx3-single-card-carousel-container .common-carousal-spacing .slick-list {
  padding-bottom: 0px !important;
}.fam-btn-shimmer .SkeletonTile {
  border-radius: 100px;
  width: 130px;
  height: 38px !important;
  margin-top: 0 !important;
}

.my-families {
  display: flex;
  align-items: center;
  position: relative;
}
.my-families .consolidated-block {
  padding: 8px 15px;
}
.my-families .consolidated-block .consolidated-tile {
  background: #f6f6f8;
  padding: 6px 8px;
  gap: 10px;
}
.my-families .show-family-btn {
  display: flex;
  cursor: pointer;
  height: 38px;
  padding: 8px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 100px;
  background: rgba(3, 0, 47, 0.05);
  gap: 8px;
}
.my-families .show-family-btn.apply-border {
  border: 1px solid rgba(3, 0, 47, 0.5);
}
@media (max-width: 1023px) {
  .my-families .show-family-btn {
    height: 34px;
    border-radius: 5px;
    padding: 5px 10px !important;
    background-color: transparent !important;
  }
  .my-families .show-family-btn.apply-border {
    border: 1px solid #e7e7e7 !important;
  }
}
.my-families .show-family-btn .img-alternate {
  width: 23px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #03002f;
  color: #ffffff;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  border: 0.3px solid #b8b8b8;
  border-radius: 50%;
}
@media (max-width: 1023px) {
  .my-families .show-family-btn .img-alternate {
    display: none !important;
  }
}
.my-families .show-family-btn .consolidated-imgs {
  position: relative;
  display: flex;
  align-items: center;
  width: 50px;
}
@media (max-width: 1023px) {
  .my-families .show-family-btn .consolidated-imgs {
    display: none !important;
  }
}
.my-families .show-family-btn .consolidated-imgs .img-alternate {
  position: absolute;
}
.my-families .show-family-btn .consolidated-imgs .img-alternate.img1 {
  z-index: 3;
  margin-left: 0;
}
.my-families .show-family-btn .consolidated-imgs .img-alternate.img2 {
  z-index: 2;
  margin-left: 12px;
}
.my-families .show-family-btn .consolidated-imgs .img-alternate.img3 {
  z-index: 1;
  margin-left: 24px;
}
.my-families .show-family-btn .family-name-N-member {
  font-family: "DMSansNormal";
  color: #03002f;
  display: flex;
  flex-flow: column;
  gap: 4px;
  min-width: 60px;
  justify-content: flex-start;
}
.my-families .show-family-btn .family-name-N-member .family-name {
  font-size: 0.75rem;
  line-height: 90%;
}
.my-families .show-family-btn .family-name-N-member .selected-family-member {
  line-height: 90%;
  font-size: 0.625rem;
}
@media (max-width: 1023px) {
  .my-families .show-family-btn .family-name-N-member {
    justify-content: flex-end !important;
    align-items: flex-end;
    font-family: "RobotoRegular" !important;
  }
  .my-families .show-family-btn .family-name-N-member .family-name {
    font-size: 0.625rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80px;
  }
  .my-families .show-family-btn .family-name-N-member .selected-family-member {
    color: #b8b8b8 !important;
  }
}
.my-families .show-family-btn .only-you {
  font-family: "RobotoRegular";
  color: #03002f;
  font-size: 0.75rem;
  min-width: 60px;
}
@media (max-width: 1023px) {
  .my-families .show-family-btn .only-you {
    font-size: 0.875rem !important;
    min-width: fit-content !important;
  }
}
.my-families .show-family-btn .arrows {
  color: #03002f;
}
@media (max-width: 1023px) {
  .my-families .show-family-btn .arrows {
    display: none !important;
  }
}
.my-families .show-family-btn .arrows .edel-icon-arrow-up:before {
  font-size: 0.75rem;
  transition: 0.3s transform;
}
.my-families .show-family-btn .arrows.down {
  transform: rotate(180deg);
}
.my-families .show-family-btn .edel-icon-double-user {
  display: none;
}
.my-families .show-family-btn .edel-icon-double-user:before {
  font-size: 28px;
}
@media (max-width: 1023px) {
  .my-families .show-family-btn .edel-icon-double-user {
    display: block !important;
  }
}
.my-families .add-family-member-btn {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  font-size: 0.75rem;
  font-family: "RobotoRegular";
}
@media (max-width: 1023px) {
  .my-families .add-family-member-btn {
    font-family: "RobotoRegular";
    font-size: 0.625rem !important;
    border-radius: 5px;
    padding: 5px 10px !important;
    background-color: transparent !important;
  }
  .my-families .add-family-member-btn.apply-border {
    border: 1px solid #e7e7e7 !important;
  }
}
.my-families .add-family-member-btn .btn-text-conatiner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
}
.my-families .add-family-member-btn .btn-text-conatiner .no-member {
  color: rgba(3, 0, 47, 0.5);
  line-height: 90%;
}
@media (max-width: 1023px) {
  .my-families .add-family-member-btn .btn-text-conatiner .no-member {
    color: #03002f;
  }
}
@media (max-width: 1023px) {
  .my-families .add-family-member-btn .btn-text-conatiner {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.my-families .add-family-member-btn .btn-text-conatiner .add-member {
  line-height: 90%;
  cursor: pointer;
  text-underline-offset: 1px;
  color: #03002f;
}
@media (max-width: 1023px) {
  .my-families .add-family-member-btn .btn-text-conatiner .add-member {
    text-decoration: none !important;
    color: #b8b8b8 !important;
  }
}
.my-families .add-family-member-btn.old-theme-family-btn {
  flex-flow: row-reverse;
  justify-content: flex-end;
  height: 30px;
}
@media (max-width: 1023px) {
  .my-families .add-family-member-btn.old-theme-family-btn.apply-border {
    border: 1px solid #d3dff6 !important;
  }
}
.my-families .add-family-member-btn.old-theme-family-btn .btn-text-conatiner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
@media (max-width: 1023px) {
  .my-families .add-family-member-btn.old-theme-family-btn .btn-text-conatiner .no-member {
    color: #4781ef;
    line-height: 90%;
  }
}
@media (max-width: 1023px) and (max-width: 1023px) {
  .my-families .add-family-member-btn.old-theme-family-btn .btn-text-conatiner .add-member {
    color: #737373 !important;
  }
}
.my-families .add-family-member-btn .edel-icon-double-user {
  display: none;
}
.my-families .add-family-member-btn .edel-icon-double-user:before {
  font-size: 28px;
}
@media (max-width: 1023px) {
  .my-families .add-family-member-btn .edel-icon-double-user {
    display: block !important;
  }
}
.my-families .edel-sidebar-drawer-head {
  width: 100%;
  border-bottom: 1px solid #ccccd6;
}
.my-families .family-list-block {
  position: absolute;
  background-color: white;
  top: 112%;
  z-index: 10;
  width: 439px;
  right: 0px;
  border-radius: 10px;
  box-shadow: 0px 25px 37px 0px rgba(0, 0, 0, 0.1), 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}
.my-families .family-list-block .block-head {
  padding: 15px 16.5px;
  border-bottom: 1px solid rgba(3, 0, 47, 0.2);
}
@media (max-width: 1023px) {
  .my-families .family-list-block {
    position: unset !important;
    width: 100vw;
    display: flex;
    flex-flow: column;
    height: 100%;
  }
}
.my-families .family-list-block .family-data-block {
  display: flex;
  max-height: 270px;
  min-height: 200px;
}
@media (max-width: 1023px) {
  .my-families .family-list-block .family-data-block {
    flex: 1 0;
    max-height: 700px;
    min-height: 300px;
  }
}
.my-families .family-list-block .family-data-block .common-radio-button-custom input[type=radio] {
  min-width: 14px;
  min-height: 14px;
  height: unset;
  width: unset;
  justify-content: center;
  display: flex;
  align-items: center;
}
.my-families .family-list-block .family-data-block .common-radio-button-custom input[type=radio]:before {
  width: 10px;
  height: 10px;
  top: unset;
  left: unset;
}
.my-families .family-list-block .family-data-block .right-block {
  width: 67%;
  display: flex;
  flex-flow: column;
}
.my-families .family-list-block .family-data-block .right-block .consolidated-block {
  padding: 8px 18px;
}
.my-families .family-list-block .family-data-block .right-block .consolidated-block .consolidated-tile {
  background: #f6f6f8;
  padding: 6px 8px;
  gap: 10px;
}
.my-families .family-list-block .family-data-block .right-block .members-list-block {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-left: 10px;
}
.my-families .family-list-block .family-data-block .right-block .members-list-block .no-search-result .edel-icon-no-search-result {
  font-size: 45px !important;
}
.my-families .family-list-block .family-data-block .right-block .members-list-block .members-list-tile {
  padding: 10px 15px;
}
.my-families .family-list-block .family-data-block .right-block .members-list-block .members-list-tile .member-sortname {
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  padding: 0px;
}
.my-families .family-list-block .family-data-block .left-block {
  width: 33%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.my-families .family-list-block .family-data-block .left-block .family-list {
  height: 100%;
}
.my-families .family-list-block .family-data-block .left-block .family-list .active-family-reddot {
  color: #f04e45;
  font-size: 25px;
  position: relative;
  top: -8px;
  left: 2px;
}
.my-families .apply-cancel-1assetfilter-btns-spacing {
  background: #ffffff;
  border-top: unset;
  padding: 15px;
  height: 58px;
  justify-content: center;
}
@media (max-width: 1023px) {
  .my-families .apply-cancel-1assetfilter-btns-spacing {
    padding: 26px 15px !important;
    min-height: 92px !important;
    gap: 20px !important;
  }
}
.my-families .apply-cancel-1assetfilter-btns-spacing .ed_button.button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 157px !important;
}
@media (max-width: 1023px) {
  .my-families .apply-cancel-1assetfilter-btns-spacing .ed_button.button {
    width: 100% !important;
  }
}
.my-families .search-block {
  padding: 8px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.my-families .search-block .family-searchbar .common-search {
  display: flex;
  align-items: center;
  padding: 5px 16px;
  gap: 12px;
}
.my-families .search-block .family-searchbar .common-search.open-search {
  border: unset;
  background: rgba(0, 0, 0, 0.04);
}
.my-families .search-block .family-searchbar .common-search {
  min-width: 100% !important;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.04);
  border: none;
}
.my-families .search-block .family-searchbar .common-search .search-icon-class {
  height: 100%;
  display: flex;
  align-items: center;
}
.my-families .search-block .family-searchbar .common-search .search-icon-class .edel-icon-search1 {
  padding-top: 0px;
  color: #5c5e64;
}
.my-families .search-block .family-searchbar .common-search input {
  background-color: unset;
  width: 100%;
  border: none !important;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}
.my-families .search-block .family-searchbar .common-search input::placeholder {
  color: #b8b8b8 !important;
}
.my-families .family {
  padding: 13px 16px;
  gap: 10px;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  border-bottom: 1px solid #ffffff;
}
.my-families .family.seletced-family, .my-families .family:hover {
  background-color: #ffffff;
}
.my-families .family.seletced-family {
  font-family: "EncodeSansBold";
}
.my-families .family .family-name {
  line-height: 0.75rem;
}
.my-families .family .family-name .family-name-text {
  line-height: 0.75rem;
}
.my-families .common-radio-button-custom input[type=radio] {
  border: 1px solid #adadad;
  background-color: #ffffff;
}
.my-families .common-radio-button-custom input[type=radio]:checked {
  border: 1px solid #03002f !important;
}
.my-families .member-select-notif {
  margin: 8px 18px;
  border-radius: 5px;
  padding: 4px 5px;
}
@media (max-width: 1023px) {
  .my-families .member-select-notif {
    padding: 7px 10px 7px 5px !important;
  }
}
.my-families .old-theme-family-btn.show-family-btn, .my-families .old-theme-family-btn.show-family-btn.apply-border {
  display: flex;
  width: 100%;
  max-height: 30px;
  padding: 4px 10px;
  border-radius: 5px;
  border: 1px solid #d3dff6 !important;
  background: #fff;
  display: flex;
  gap: 10px;
}
@media (max-width: 1023px) {
  .my-families .old-theme-family-btn .family-name-N-member {
    order: 2;
  }
}
.my-families .old-theme-family-btn .family-name-N-member {
  display: flex;
  flex-flow: row;
  align-items: center;
}
.my-families .old-theme-family-btn .family-name-N-member .family-name {
  color: #4781ef;
}
@media (max-width: 1023px) {
  .my-families .old-theme-family-btn .family-name-N-member .family-name {
    max-width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
  }
}
@media (max-width: 1023px) {
  .my-families .old-theme-family-btn .only-you {
    order: 2;
    font-size: 0.625rem !important;
    color: #737373 !important;
  }
}
.my-families .old-theme-family-btn .double-icon {
  order: 1;
}
.my-families .old-theme-family-btn .double-icon .edel-icon-double-user {
  font-size: 0.875rem;
}
.my-families .old-theme-family-btn .double-icon .edel-icon-double-user::before {
  color: #4781ef;
  font-size: 0.875rem !important;
}
.my-families .old-theme-family-btn .arrows {
  color: #4781ef !important;
}
@media (max-width: 1023px) {
  .my-families .old-theme-family-btn .arrows {
    margin-left: auto;
    order: 3;
    display: block !important;
  }
}
.my-families {
  /* ================================mobile====================*/
}
.my-families .noPermissionText {
  padding: 5.5px;
  color: rgba(79, 78, 112, 0.5);
}
@media (max-width: 1023px) {
  .my-families .noPermissionText {
    height: 60px !important;
    padding: 12px 90px !important;
    font-size: 0.875rem;
    font-family: "DMSansNormal";
  }
}
.my-families .block-head {
  padding: 15px 16.5px;
  border-bottom: 1px solid rgba(3, 0, 47, 0.2);
}

.family-modal {
  min-width: 880px;
}
@media (max-width: 1023px) {
  .family-modal {
    width: auto !important;
    min-width: auto !important;
    margin: 22px !important;
  }
}
.family-modal .modal-content {
  border: none;
}
.family-modal .modal-content .modal-header {
  border-bottom: none;
  padding: 35px 28px 7px 0px;
}
@media (max-width: 1023px) {
  .family-modal .modal-content .modal-header {
    padding: 19px 19px 6px 0px;
  }
}
.family-modal .modal-content .modal-body {
  padding: 0px;
}
.family-modal .modal-content .modal-body .text-block {
  padding: 0px 170px;
}
@media (max-width: 1023px) {
  .family-modal .modal-content .modal-body .text-block {
    padding: 0px 50px;
  }
}
.family-modal .edel-icon-close {
  content: "\e91b";
  color: #231f20;
  font-weight: 700;
  font-size: 16px;
  border: none;
  background: none;
}
@media (max-width: 1023px) {
  .family-modal .edel-icon-close {
    font-size: 12px;
  }
}
@media (max-width: 1023px) {
  .family-modal img {
    height: 208px;
  }
}

.pdt-14 {
  padding-top: 14px;
}body {
  font-size: 16px;
  overscroll-behavior: none;
}

.summary-box {
  padding: 5px 15px;
  height: 70px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.summary_text {
  font-family: "EncodeSansMedium";
  font-size: 0.625rem;
  line-height: 12px;
  color: #b8b8b8;
}

.summary-dock {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: 200ms;
  display: grid;
  height: 64px;
  padding: 10px;
  gap: 10px;
  align-items: center;
  grid-template-columns: auto auto;
}
.summary-dock p {
  margin: 0;
}
.summary-dock .summary_values {
  justify-content: flex-end;
  font-size: 1.25rem;
}
.summary-dock .summary_values .percentage_value {
  font-size: 0.75rem;
}
@media (max-width: 767px) {
  .summary-dock {
    display: block;
  }
}

.summary-dock .summary_title {
  font-family: "EncodeSansMedium";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  color: #b8b8b8;
  margin-bottom: 0.3rem !important;
}

.summary_values {
  font-size: 1.5rem;
  line-height: 140%;
  font-family: "RobotoBold";
  display: flex;
}
.summary_values .percentage_value {
  display: contents;
  font-size: 0.875rem;
}
.summary_values .main_value {
  margin-right: 5px;
}
@media (max-width: 650px) {
  .summary_values .main_value {
    word-break: break-all;
  }
}

.summary_container {
  display: flex;
  gap: 20px;
  width: 100%;
}

.summary_container-mob {
  width: 100%;
  background: #ffffff;
}
.summary_container-mob .summary-container-mob-toptile {
  padding-bottom: 13px;
  padding-top: 20px;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.summary_container-mob .summary-container-mob-toptile .col {
  text-align: center;
}
.summary_container-mob .summary-container-mob-toptile .col .dashboard_summary {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
  color: #b8b8b8;
}
.summary_container-mob .summary-container-mob-toptile .col .summary_title {
  margin-bottom: 0px;
}
.summary_container-mob .summary-container-mob-toptile .col .summary_values {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  color: #444444;
  padding-top: 5px;
  display: block;
}
.summary_container-mob .summary-container-mob-toptile .col .totalpnl-val .totalpnl {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  line-height: 16.41px;
  letter-spacing: 0px;
  margin-top: 5px;
}
.summary_container-mob .summary-container-mob-toptile .col .pnlchangepercent {
  font-family: "RobotoRegular";
  font-size: 0.688rem;
  line-height: 13px;
  letter-spacing: 0px;
}

@media (max-width: 1299px) {
  .summary_values {
    font-size: 0.938rem;
  }
  .summary-dock .summary_values {
    font-size: 0.938rem;
  }
  .summary_title {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .summary-box {
    height: unset;
  }
}
.dashboard_dayspnl-mob {
  font-family: "EncodeSansMedium";
  font-size: 0.688rem;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
  color: #b8b8b8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 15px 12px;
  background: #f0f9ff;
  border-radius: 0px 0px 9px 9px;
  border-top: none !important;
  border: 1px solid #e7e7e7;
}
.dashboard_dayspnl-mob .summary_title {
  color: #444444;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  margin-bottom: 0px;
}.dashboard-Block .date-text {
  padding: 30px 0px 10px;
}
.dashboard-Block .dashboard_summary {
  width: 24%;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  background: #ffffff;
}
.dashboard-Block .wrapper-fil {
  padding: 10px 0;
}

.bgPorcelain {
  background-color: #f2f2f5;
}

#dashboard-table {
  background: #ffffff;
}
#dashboard-table #tableContent tr td {
  padding: 5px 10px;
  vertical-align: middle;
}
#dashboard-table #tableContent tr td > span {
  padding-left: 12px;
  font-family: "RobotoRegular";
  font-size: 0.875rem;
}
#dashboard-table #tableContent tr td {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
#dashboard-table #table-headings {
  top: 120px;
  z-index: 9;
}
#dashboard-table #table-headings tr td {
  width: 100%;
}
#dashboard-table #table-headings tr td:last-child {
  padding-right: 14px;
}
#dashboard-table #table-headings tr td {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  padding: 15px 10px;
}
#dashboard-table table tbody tr:hover {
  background-color: #f2f2f5 !important;
}

.total-bg {
  background-color: #fef4ec;
}

#dashboard .dayspnl-container .col-6:last-child {
  text-align: end;
}
#dashboard .png-container-wrapper {
  z-index: 8;
}
#dashboard .png-container-wrapper .dayspnl-container {
  padding: 13px 15px;
  background-color: #f0f9ff;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
#dashboard .png-container-wrapper .dayspnl-container.border-on-search-none {
  border-radius: 0;
  border: 0;
}
#dashboard .png-container-wrapper .dayspnl-container h3 {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0px;
  color: #444444;
}
#dashboard .png-container-wrapper .dayspnl-container .dayspnl {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}
#dashboard .png-container-wrapper .dayspnl-container .daypnlchange {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
  padding-left: 6px;
}

.dashboard-summary-mob .date-text {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
}

.dashboard-summary-mob-wrapper {
  padding: 10px;
  background-color: #ffffff;
}

.dot {
  margin: 5px;
  font-size: 0rem;
  width: 4px !important;
  height: 4px !important;
  border: 2px solid #b8b8b8;
  border-radius: 5px;
  position: relative;
  top: -3px;
  padding-right: 0px !important;
}

.dashboard-table-mobile {
  background-color: #ffffff;
}
.dashboard-table-mobile #tableContent {
  padding: 10px 0px !important;
}
.dashboard-table-mobile #tableContent:first-child {
  border-top: 1px solid #f1f1f1;
}
.dashboard-table-mobile .summaryshimmerMob > span {
  display: flex;
  flex-direction: column;
}

.totalholding-block {
  line-height: 22px;
  font-size: 0.688rem;
}
.totalholding-block .totalholding {
  font-family: "DMSansMedium";
  color: #b8b8b8;
}
.totalholding-block .totalholding-perc {
  font-family: "RobotoRegular";
  color: #727271;
  margin-left: 5px;
}

.dashboard-pnl .profit-loss-values {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
}

.dashboard-table-mob {
  padding: 0 10px;
}

#dashboardContent-mob .ed-market-data {
  margin-top: 10px;
}
#dashboardContent-mob .ed-market-data .Inv-Value-mob-block .inv-value {
  color: #727271;
}

.total-mob-block {
  background-color: #fef4ec;
  margin-left: -15px;
  margin-right: -15px;
  padding: 20px 15px;
}
.total-mob-block .totaltext-mob {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #444444;
}
.total-mob-block .pnl-values-total-mob {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}

.content-Value-txt {
  font-family: "DMSansNormal";
  font-size: 0.625rem;
  color: #b8b8b8;
}

.content-inv-value {
  font-family: "RobotoRegular";
  font-size: 0.75rem;
}

.greentext {
  color: #179d55;
}

.primarygray {
  color: #727271;
}

.ml-4 {
  margin-left: 4px;
}

.realisedgain-sub {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}

.dashboard-summarydock {
  position: sticky;
  top: 36px;
  z-index: 999;
  background: #ffffff;
}

.dashboard-Block {
  z-index: 998;
}

.d-inline-block {
  display: inline-block;
}

#popover-positioned-top.fade {
  display: unset !important;
}

#popover-positioned-top {
  display: block !important;
}

.dash-toolbody {
  margin-bottom: 0px;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  color: #03002f;
}

.dash-understanding-section {
  margin-top: 181px;
}
@media (max-width: 768px) {
  .dash-understanding-section {
    margin-top: 63px;
  }
}

.dash-popover-body {
  padding: 5px 10px !important;
}

.ml-12 {
  margin-left: 12px;
}

.summaryshimmer {
  width: 100%;
  border-radius: 5px;
}
.summaryshimmer > span {
  display: flex;
  margin-top: 20px;
  gap: 20px;
}

.summaryshimmerMob {
  width: 100%;
  border-radius: 5px;
  margin-top: 20px;
}

.dashboard-summary_details {
  position: unset;
  gap: 10px;
}
.dashboard-summary_details span[aria-busy=true] {
  width: 100%;
}
.dashboard-summary_details .border-radius-bottom-left {
  border-bottom-left-radius: 9px;
}
.dashboard-summary_details .border-radius-bottom-right {
  border-bottom-right-radius: 9px;
}
.dashboard-summary_details {
  border: 1px solid #b8b8b8;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-top: 0px;
}

.dashboard-summarydock-mob {
  border-top: none !important;
  border: none;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}

.png-container-dock {
  left: 0;
  right: 0;
  position: fixed;
  top: 45px;
  z-index: 1;
}

.png-position-dock {
  width: 102%;
  margin-left: -15px;
  margin-right: -15px;
  position: fixed;
  top: 117px;
  z-index: 9;
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.1);
}

.dasboard-desktop-error {
  margin: 0 auto;
  width: 90vw;
}

.monochrome-light-gray-border {
  border: 1px solid #e7e7e7;
}:root {
  font-size: 16px;
}

.smallcase-popup-success {
  max-width: 714px !important;
  height: 374px;
  border-radius: 4px;
  font-family: "DMSansNormal";
}
.smallcase-popup-success-head {
  width: 100%;
  height: 65px;
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
  display: inline-flex;
  background: #f2f2f5;
  border-radius: 15px 15px 0px 0px;
  align-items: center;
  justify-content: flex-start;
  padding: 2%;
}
.smallcase-popup-success-head p {
  margin: 0;
  padding: 0;
}
.smallcase-popup-success-head .download {
  color: #0b243a;
  font-size: 1rem;
  padding-right: 10px;
}
.smallcase-popup-success-body {
  width: 100%;
  height: 309px;
  background: #ffffff;
  font-weight: 500;
  font-size: 1rem;
  line-height: 22px;
  border-radius: 0px 0px 15px 15px;
  display: grid;
  justify-content: center;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  row-gap: 10%;
  padding: 4%;
}
.smallcase-popup-success-body a {
  text-align: center;
  justify-self: center;
}
.smallcase-popup-success-body .downloadSuccess {
  width: 169.84px;
  height: 92.47px;
  justify-self: center;
}
.smallcase-popup-success-body .threshold {
  display: flex;
  justify-content: center;
  padding: 5%;
}
.smallcase-popup-success-body .update-message {
  width: 50%;
  height: 44px;
  align-self: flex-end;
  text-align: center;
  justify-self: center;
  color: #727271;
}
.smallcase-popup-success-body button {
  border: none;
  background: transparent;
  color: #03002f;
  font-size: 1.125rem;
  font-family: "DMSansMedium";
  cursor: pointer;
}
.smallcase-popup-success-body .action-post-success {
  justify-self: center;
  align-self: center;
  margin-top: 30px;
  margin-bottom: 20px;
}
.smallcase-popup-success-body .action-post-success button {
  border: none;
  background: transparent;
  align-items: center;
  justify-content: center;
  display: flex;
  color: #03002f;
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}
.smallcase-popup-success-body .action-post-success .twist {
  display: inline-block;
  padding-right: 5px;
}

.mob-smallcase-popup-success {
  width: 100%;
  max-width: 425px;
  height: 307px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  background-color: #ffffff;
  justify-content: center;
  padding: 2%;
}
.mob-smallcase-popup-success-body {
  justify-self: center;
  align-items: center;
  margin-bottom: 40px;
  margin-top: 22px;
  text-align: center;
  justify-content: center;
}
.mob-smallcase-popup-success-body a {
  text-align: center;
  justify-self: center;
}
.mob-smallcase-popup-success-body .downloadSuccess {
  width: 169.84px;
  height: 92.47px;
  justify-self: center;
}
.mob-smallcase-popup-success-body .update-message {
  padding-top: 26px;
  color: #727271;
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.mob-smallcase-popup-success-body .gotoorder {
  margin-top: 20px;
}
.mob-smallcase-popup-success-body .gotoorder button {
  border: none;
  background: transparent;
  color: #03002f;
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.mob-smallcase-popup-success .action-post-success {
  display: flex;
  justify-content: center;
}
.mob-smallcase-popup-success .action-post-success button {
  border: none;
  background: transparent;
  align-items: center;
  justify-content: center;
  display: flex;
  color: #03002f;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.mob-smallcase-popup-success .action-post-success .twist {
  display: inline-block;
  padding-right: 5px;
}:root {
  font-size: 16px;
}

@media (max-width: 768px) {
  .customFormSection .date-label {
    color: #b8b8b8;
    font-size: 0.875rem;
    line-height: 19.6px;
    font-family: "EncodeSansMedium";
  }
  .customFormSection .form-check {
    display: flex;
    align-items: center;
  }
  .customFormSection .form-check .form-check-label {
    color: #292929;
    font-size: 0.875rem;
    line-height: 19.6px;
    font-family: "EncodeSansMedium";
    margin-left: 10px;
    font-weight: 500;
  }
  .customFormSection .form-check .form-check-input {
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e7e7e7;
  }
  .customFormSection .form-check .form-check-input:focus {
    border-color: unset;
    outline: 0;
    box-shadow: unset;
    border: 1px solid #e7e7e7;
  }
  .customFormSection .form-check .form-check-input:active {
    filter: unset;
  }
  .customFormSection .form-check .form-check-input:focus-visible {
    outline-offset: unset;
    outline: unset;
  }
  .customFormSection .form-control {
    color: #292929;
    font-size: 0.875rem;
    line-height: 19.6px;
    font-family: "EncodeSansMedium";
  }
  .custom_btn {
    padding: 14px;
    width: 100%;
    background-color: #03002f;
    font-size: 0.875rem;
    line-height: 21.6px;
    font-family: "EncodeSansMedium";
    margin-top: 10px;
    -webkit-appearance: none !important;
    appearance: none;
    margin-bottom: 10px;
    border: 1px solid #03002f;
  }
  .custom_btn:hover {
    border-color: #03002f;
    background-color: #03002f;
  }
  .custom_btn:active {
    border-color: #03002f;
    background-color: #03002f;
  }
  .modal {
    z-index: 99999;
  }
  .mobForm .mobFormHead {
    position: relative;
    margin-bottom: 20px;
  }
  .mobForm .mobFormHead i {
    color: #3580f7;
    position: absolute;
    left: 0;
    top: 15.45%;
  }
  .mobForm .mobFormHead i::before {
    font-size: 0.625rem;
  }
  .mobForm .mobFormHead h1 {
    font-size: 1.25rem;
    font-family: "EncodeSansMedium";
    line-height: 28px;
    color: #0b243a;
    padding-left: 15px;
  }
  .mobForm .mobFormWrap {
    background-color: #f2f2f5;
    border-radius: 5px;
    padding: 15px;
  }
  .mobForm .mobFormWrap .header {
    display: none !important;
  }
  .mobForm .mobFormWrap .date-label {
    line-height: 19.6px;
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    margin-bottom: 0px;
    color: #444444;
  }
  .mobForm .mobFormWrap .form-control {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 19.6px;
    padding-left: 0;
    padding-top: 5px;
  }
  .mobForm .mobFormWrap .form-check-label {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 19.6px;
    padding-left: 0;
    color: #727271;
  }
  .mobForm .mobFormWrap input:-internal-autofill-selected {
    background-color: unset !important;
  }
  .mobForm .mobFormWrap .dateWrap {
    margin-bottom: 20px;
  }
  .mobForm .mobFormWrap .dateWrap .react-datepicker-wrapper {
    position: relative;
  }
  .mobForm .mobFormWrap .dateWrap .react-datepicker-wrapper input {
    height: 35px;
    width: 100%;
    border: 0;
    font-size: 1rem;
    color: #292929;
    line-height: 22.4px;
    font-family: "EncodeSansMedium";
    background-color: transparent;
  }
  .mobForm .mobFormWrap .dateWrap .input-group-append {
    position: absolute;
    right: 0;
  }
  .mobForm .mobFormWrap .dateWrap .input-group-append .change-text {
    color: #3580f7;
    font-size: 0.875rem;
    line-height: 22.4px;
    font-family: "EncodeSansMedium";
    background-color: unset;
    border: 0;
    margin-top: -5px;
  }
  .mobForm .mobFormWrap .dateWrap .input-group-append .change-text i {
    font-size: 0.688rem;
    margin-right: 10px;
  }
  .mobForm .mobFormWrap .dateWrap .input-group-append .change-text span {
    padding-top: 20px;
  }
  .mobForm .mobFormWrap .dateWrap .row > * {
    padding: 0;
  }
  .mobForm .mobFormWrap .dateWrap .row {
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .mobForm .mobFormWrap .dateWrap .row .col-lg-6 {
    padding: 0;
  }
  .mobForm .mobFormWrap .dateWrap .row .date {
    position: relative;
  }
  .mobForm .mobFormWrap .dateWrap .row .date .form-control {
    border: unset;
    border-radius: 0;
    background-color: unset;
  }
  .mobForm .mobFormWrap .dateWrap .row .date .input-group-append {
    top: 25%;
    right: 0;
  }
  .mobForm .mobFormWrap .dateWrap .row .date .input-group-append .change-text {
    padding: 0;
    background-color: unset;
    border: unset;
  }
  .mobForm .mobFormWrap .dateWrap .row .date .input-group-append .change-text .edel-icon-calendar-report {
    margin-right: 10px;
    color: #3580f7;
  }
  .mobForm .mobFormWrap .dateWrap .row .date .input-group-append .change-text span {
    color: #3580f7;
    font-size: 0.875rem;
    line-height: 140%;
    font-family: "EncodeSansMedium";
  }
  .mobForm .mobFormWrap .boder-bottom {
    padding: 30px 0;
  }
  .mobForm .mobFormWrap .boder-bottom.radioField {
    padding: 0;
  }
  .mobForm .mobFormWrap .checkbox .form-check {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mobForm .mobFormWrap .checkbox .form-check:last-child {
    margin-bottom: 0;
  }
  .mobForm .mobFormWrap .checkbox .form-check-input:checked {
    background-color: #03002f;
  }
  .mobForm .mobFormWrap .radio .form-check:first-child {
    margin: 10px 0px 10px 0px;
  }
  .mobForm .mobFormWrap .radio .form-check:last-child {
    margin-bottom: 10px;
  }
  .mobForm-new {
    margin: 25px 15px;
  }
  .mobForm-new .mobFormWrap.mobFormWrap-new {
    background-color: #f0f9ff;
  }
  .mobForm-new .mobFormWrap.mobFormWrap-new .form-check-input:checked {
    background-color: #3580f7;
  }
  .mobForm-new .custom_btn.custom_btn-new {
    background-color: #3580f7;
    border: 1px solid #3580f7;
    right: 0;
  }
  .blue_bg {
    padding: 14px 12px;
    margin: 25px 0;
    background-color: #f2f2f5;
    border-radius: 5px;
  }
  .blue_bg.mail .mail_label {
    align-items: center;
  }
  .blue_bg.mail .mail_label ul {
    margin: 0 !important;
  }
  .blue_bg.mail .mail_label_body {
    overflow: scroll;
    max-height: 100px;
    padding-left: 0;
  }
  .blue_bg.mail .mail_label_body_item {
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333333;
    font-family: "EncodeSansMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 18px;
  }
  .blue_bg.mail .mail_label .mail_label_close {
    margin-left: 5.7px;
    cursor: pointer;
    margin-right: 12px;
    color: #fe4d15;
    font-size: 1.125rem;
  }
  .blue_bg.mail .mail_label .date-label {
    line-height: 18.2px;
    color: #444444;
  }
  .blue_bg.mail .mail-input {
    position: relative;
  }
  .blue_bg.mail .mail-input input {
    background-color: #f2f2f5;
    border-radius: 5px;
    border: 0;
    padding: 9px 40px 9px 13px;
  }
  .blue_bg.mail .mail-input input::placeholder {
    font-size: 0.875rem;
    line-height: 19.6px;
    color: #b8b8b8;
    font-family: "DMSansMedium";
  }
  .blue_bg.mail .icon {
    position: absolute;
    right: 13px;
    top: 18%;
  }
  .blue_bg.mail .icon i {
    color: #c0bfcb;
  }
  .blue_bg-new {
    background-color: #ffffff;
  }
  .blue_bg-new.mail .mail-input input {
    background-color: #f0f9ff;
  }
  .blue_bg-new.mail .icon i {
    color: #3580f7;
  }
  .light-blue-theme {
    padding: 25px 15px;
  }
  .light-blue-theme .mobFormWrap {
    background-color: #f0f9ff !important;
    border-radius: 5px;
    padding: 15px;
  }
  .light-blue-theme .mobFormWrap input[type=radio]:checked:before {
    background: #3580f7;
  }
  .light-blue-theme .mobFormWrap .form-check-input:checked[type=radio] {
    border: 1.8px solid #3580f7;
    background-color: #ffffff;
    background-image: unset;
    text-align: center;
  }
  .light-blue-theme .mobFormWrap .mailCheckbox .checkbox .form-check-input:checked {
    background-color: #3580f7;
  }
  .light-blue-theme .mobFormWrap .mailCheckbox .mailWrap .blue_bg {
    padding: 14px 12px;
    margin: 25px 0;
    background-color: #ffffff;
    border-radius: 5px;
  }
  .light-blue-theme .mobFormWrap .mailCheckbox .mailWrap .blue_bg.mail .mail_label {
    align-items: center;
  }
  .light-blue-theme .mobFormWrap .mailCheckbox .mailWrap .blue_bg.mail .mail_label ul {
    margin: 0 !important;
  }
  .light-blue-theme .mobFormWrap .mailCheckbox .mailWrap .blue_bg.mail .mail_label_body {
    overflow: scroll;
    max-height: 100px;
    padding-left: 0;
  }
  .light-blue-theme .mobFormWrap .mailCheckbox .mailWrap .blue_bg.mail .mail_label_body_item {
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333333;
    font-family: "EncodeSansMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 18px;
  }
  .light-blue-theme .mobFormWrap .mailCheckbox .mailWrap .blue_bg.mail .mail_label .mail_label_close {
    margin-left: 5.7px;
    cursor: pointer;
    margin-right: 12px;
    color: #fe4d15;
    font-size: 1.125rem;
  }
  .light-blue-theme .mobFormWrap .mailCheckbox .mailWrap .blue_bg.mail .mail_label .date-label {
    line-height: 18.2px;
    color: #444444;
  }
  .light-blue-theme .mobFormWrap .mailCheckbox .mailWrap .blue_bg.mail .mail-input {
    position: relative;
  }
  .light-blue-theme .mobFormWrap .mailCheckbox .mailWrap .blue_bg.mail .mail-input input {
    background-color: #f0f9ff;
    border-radius: 5px;
    border: 0;
    padding: 9px 40px 9px 13px;
  }
  .light-blue-theme .mobFormWrap .mailCheckbox .mailWrap .blue_bg.mail .mail-input input::placeholder {
    font-size: 0.875rem;
    line-height: 19.6px;
    color: #b8b8b8;
    font-family: "DMSansMedium";
  }
  .light-blue-theme .mobFormWrap .mailCheckbox .mailWrap .blue_bg.mail .icon {
    position: absolute;
    right: 13px;
    top: 18%;
  }
  .light-blue-theme .mobFormWrap .mailCheckbox .mailWrap .blue_bg.mail .icon i {
    color: #3580f7;
  }
  .light-blue-theme .mobFormWrap .header {
    display: none !important;
  }
  .light-blue-theme .mobFormWrap .date-label {
    line-height: 19.6px;
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    margin-bottom: 0px;
    color: #444444;
  }
  .light-blue-theme .mobFormWrap .form-control {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 19.6px;
    padding-left: 0;
    padding-top: 5px;
  }
  .light-blue-theme .mobFormWrap .form-check-label {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 19.6px;
    padding-left: 0;
    color: #727271;
  }
  .light-blue-theme .mobFormWrap input:-internal-autofill-selected {
    background-color: unset !important;
  }
  .light-blue-theme .mobFormWrap .dateWrap {
    margin-bottom: 20px;
  }
  .light-blue-theme .mobFormWrap .dateWrap .react-datepicker-wrapper {
    position: relative;
  }
  .light-blue-theme .mobFormWrap .dateWrap .react-datepicker-wrapper input {
    height: 35px;
    width: 100%;
    border: 0;
    font-size: 1rem;
    color: #292929;
    line-height: 22.4px;
    font-family: "EncodeSansMedium";
    background-color: transparent;
  }
  .light-blue-theme .mobFormWrap .dateWrap .input-group-append {
    position: absolute;
    right: 0;
  }
  .light-blue-theme .mobFormWrap .dateWrap .input-group-append .change-text {
    color: #3580f7;
    font-size: 0.875rem;
    line-height: 22.4px;
    font-family: "EncodeSansMedium";
    background-color: unset;
    border: 0;
    margin-top: -5px;
  }
  .light-blue-theme .mobFormWrap .dateWrap .input-group-append .change-text i {
    font-size: 0.688rem;
    margin-right: 10px;
  }
  .light-blue-theme .mobFormWrap .dateWrap .input-group-append .change-text span {
    padding-top: 20px;
  }
  .light-blue-theme .mobFormWrap .dateWrap .row > * {
    padding: 0;
  }
  .light-blue-theme .mobFormWrap .dateWrap .row {
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .light-blue-theme .mobFormWrap .dateWrap .row .col-lg-6 {
    padding: 0;
  }
  .light-blue-theme .mobFormWrap .dateWrap .row .date {
    position: relative;
  }
  .light-blue-theme .mobFormWrap .dateWrap .row .date .form-control {
    border: unset;
    border-radius: 0;
    background-color: unset;
  }
  .light-blue-theme .mobFormWrap .dateWrap .row .date .input-group-append {
    top: 25%;
    right: 0;
  }
  .light-blue-theme .mobFormWrap .dateWrap .row .date .input-group-append .change-text {
    padding: 0;
    background-color: unset;
    border: unset;
  }
  .light-blue-theme .mobFormWrap .dateWrap .row .date .input-group-append .change-text .edel-icon-calendar-report {
    margin-right: 10px;
    color: #3580f7;
  }
  .light-blue-theme .mobFormWrap .dateWrap .row .date .input-group-append .change-text span {
    color: #3580f7;
    font-size: 0.875rem;
    line-height: 140%;
    font-family: "EncodeSansMedium";
  }
  .light-blue-theme .mobFormWrap .boder-bottom {
    padding: 30px 0;
  }
  .light-blue-theme .mobFormWrap .boder-bottom.radioField {
    padding: 0;
  }
  .light-blue-theme .mobFormWrap .checkbox .form-check {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .light-blue-theme .mobFormWrap .checkbox .form-check:last-child {
    margin-bottom: 0;
  }
  .light-blue-theme .mobFormWrap .checkbox .form-check-input:checked {
    background-color: #3580f7;
  }
  .light-blue-theme .mobFormWrap .radio .form-check:first-child {
    margin: 10px 0px 10px 0px;
  }
  .light-blue-theme .mobFormWrap .radio .form-check:last-child {
    margin-bottom: 10px;
  }
  .light-blue-theme .custom_btn {
    background-color: #3580f7;
    border: 1px solid #3580f7;
  }
  .light-blue-theme .custom_btn:disabled {
    background-color: #3580f7;
    border: 1px solid #3580f7;
  }
}
.radio input[type=radio] {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 2px solid #e7e7e7;
  border-radius: 50%;
  outline: none;
  position: relative;
  vertical-align: top;
}
.radio input[type=radio]:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 10%;
}
.radio input[type=radio]:checked:before {
  background: #03002f;
}
.radio .form-check-input:checked[type=radio] {
  border: 1.8px solid #03002f;
  background-color: #ffffff;
  background-image: unset;
  text-align: center;
}
.radio.report-format input[type=radio]:checked:before {
  background: #3580f7;
}
.radio.report-format .form-check-input:checked[type=radio] {
  border: 1.8px solid #3580f7;
  background-color: #ffffff;
  background-image: unset;
  text-align: center;
}

@media (max-width: 768px) {
  .downloadHoldingDesk-tableMob {
    padding: 0 0;
  }
  .downloadHoldingDesk-tableMob .header {
    margin-bottom: 25px;
    align-items: center;
  }
  .downloadHoldingDesk-tableMob .header i {
    margin-right: 10px;
  }
  .downloadHoldingDesk-tableMob .header h2 {
    font-size: 1rem;
    line-height: 22.4px;
    color: #292929;
    font-family: "EncodeSansSemiBold";
    margin-bottom: 20px;
    padding: 0 30px;
  }
  .downloadHoldingDesk-tableMob .header .search {
    display: flex;
  }
  .downloadHoldingDesk-tableMob .header .search .search_icon {
    display: flex;
    align-items: center;
    background-color: #f0f9ff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 14px 12px;
    padding-right: 0;
  }
  .downloadHoldingDesk-tableMob .header .search .search_icon i::before {
    font-size: 0.875rem;
    color: #3580f7;
  }
  .downloadHoldingDesk-tableMob .header .search input {
    background: #f0f9ff;
    font-family: "EncodeSansMedium";
    border-radius: 0;
    border: 0;
    padding: 14px 12px;
    font-size: 0.75rem;
    line-height: 16.8px;
    color: #727271;
    padding-left: 0;
  }
  .downloadHoldingDesk-tableMob .header .blue_bg {
    background-color: #f2f2f5;
    padding: 14px;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .downloadHoldingDesk-tableMob .header .blue_bg i {
    margin: 0;
  }
  .downloadHoldingDesk-tableMob .header .blue_bg i::before {
    font-size: 0.875rem;
    color: #3580f7;
  }
  .downloadHoldingDesk-tableMob .header .filter_table {
    width: 100%;
    background: #f0f9ff;
    max-width: 100%;
  }
  .downloadHoldingDesk-tableMob .header .filter_table .search {
    width: 80%;
  }
  .downloadHoldingDesk-tableMob .header .filter_table .search input {
    width: 100%;
  }
  .downloadHoldingDesk-tableMob .header .filter_table .menu {
    margin: 0 0;
  }
  .downloadHoldingDesk-tableMob .header .filter .blue_bg {
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
.download-drawer__handle-wrapper__content {
  padding: 0 !important;
  border-radius: 5px 5px 0px 0px;
}

.download-drawer__handle-wrapper__backdrop {
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
}

.drawer-container {
  height: 126;
}
.drawer-container .date-container {
  left: 0px;
  top: 316px;
  background: #f0f9ff;
  border-radius: 5px 5px 0px 0px;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.drawer-container .date-container .select-date {
  width: 115px;
  height: 20px;
  padding: 20px 0px 10px 0px;
  margin: 0px 0px 10px 15px;
  font-family: "Encode Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: #444444;
}
.drawer-container .date-container .form-control {
  box-sizing: border-box;
  width: 201px;
  height: 36px;
  left: 15px;
  top: 386px;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin-left: 10px;
  padding-left: 10px;
}.dpbillsInterest-main-block .date-block {
  padding: 20px 0px;
}
.dpbillsInterest-main-block .edel-icon-download-coloured:before {
  font-size: 0.875rem;
}
.dpbillsInterest-main-block .common-download-report .date-input-section .input-group {
  width: 153px;
}
.dpbillsInterest-main-block .common-download .download-btn {
  font-family: "DMSansMedium";
  background: #f2f2f5;
  padding: 10px 22px;
  color: #03002f;
  font-size: 0.875rem;
}
@media (max-width: 1023px) {
  .dpbillsInterest-main-block .common-download .download-btn {
    padding: 13px;
  }
}
.dpbillsInterest-main-block .calendar_date .calendar_change {
  padding-right: 5px;
  color: #03002f;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.dpbillsInterest-main-block .calendar_date .fin_year {
  font-family: "RobotoBold";
}
@media (max-width: 1023px) {
  .dpbillsInterest-main-block .calendar_date .fin_year {
    font-family: "RobotoMedium";
    color: #444444;
  }
}
@media (max-width: 1023px) {
  .dpbillsInterest-main-block .calendar_date .financial-year-date {
    color: #727271;
  }
}
.dpbillsInterest-main-block .calendar_date .datefullClass {
  font-family: "RobotoRegular";
}
.dpbillsInterest-main-block .calendar_date span {
  color: #727271;
}
.dpbillsInterest-main-block .equity-dropdown-block .equitydrop {
  color: #444444 important;
  padding: 10px 15px;
}
.dpbillsInterest-main-block .equity-dropdown-block .equitydrop i:before {
  color: #03002f;
  font-size: 1.25rem;
}
@media (max-width: 1023px) {
  .dpbillsInterest-main-block .equity-dropdown-block .equitydrop {
    padding: 10px 26px 10px 17px;
  }
}
.dpbillsInterest-main-block .equity-dropdown-block .dropdown-menu {
  width: 100%;
  border: 1px solid #e7e7e7;
  height: auto;
  padding-bottom: 30px;
  background-color: #ffffff;
  margin-top: 20px;
}
.dpbillsInterest-main-block .equity-dropdown-block .dropdown-menu:last-child {
  padding-bottom: 0px;
}
.dpbillsInterest-main-block .equity-dropdown-block .dropdown-menu .dropdown-item {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #444444;
}
.dpbillsInterest-main-block .equity-dropdown-block .dropdown-menu .dropdown-item:last-child {
  margin-bottom: 0px;
  padding-bottom: 20px;
}
.dpbillsInterest-main-block .equity-dropdown-block .dropdown-menu .dropdown-item:hover {
  color: #03002f;
}
.dpbillsInterest-main-block .equity-dropdown-block > .btn-primary.dropdown-toggle {
  border: 1px solid #e7e7e7;
}
@media (max-width: 1023px) {
  .dpbillsInterest-main-block .equity-dropdown-block > .btn-primary.dropdown-toggle {
    font-family: "RobotoRegular";
    font-size: 0.875rem;
    color: #444444 !important;
    padding: 12px 13px;
  }
}
@media (max-width: 1023px) {
  .dpbillsInterest-main-block .dropdown-block {
    margin-bottom: 20px;
  }
}
.dpbillsInterest-main-block .dropdown-block .equity-dropdown-block .equitydrop {
  font-family: "DMSansMedium";
  font-size: 1rem;
  color: #737373 !important;
  padding: 9px 10px;
  line-height: 140%;
  border: 1px solid #e7e7e7;
}
.dpbillsInterest-main-block .dropdown-block .equity-dropdown-block .equitydrop i:before {
  color: #03002f;
}
.dpbillsInterest-main-block .dropdown-block .equity-dropdown-block .dropdown-menu {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  margin-top: 16px;
  min-width: 100%;
  font-family: "DMSansMedium";
  height: 108px;
  font-size: 0.875rem;
  color: #444444;
}
.dpbillsInterest-main-block .dropdown-block .equity-dropdown-block .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #03002f;
}
.dpbillsInterest-main-block .dropdown-block .equity-dropdown-block .dropdown-menu .dropdown-item:hover {
  color: #444444;
}
.dpbillsInterest-main-block .datefullClass {
  font-family: "RobotoRegular";
}
@media (max-width: 1023px) {
  .dpbillsInterest-main-block .datefullClass {
    font-size: 0.875rem;
    color: #727271;
  }
}
.dpbillsInterest-main-block .fin_year {
  font-family: "RobotoBold";
}
@media (max-width: 1023px) {
  .dpbillsInterest-main-block .fin_year {
    font-family: "RobotoMedium";
    font-size: 0.875rem;
  }
}
.dpbillsInterest-main-block .calendar_change {
  margin-top: 0px;
  display: flex;
  align-items: center;
}
.dpbillsInterest-main-block table tbody tr:hover {
  background-color: #ffffff !important;
}
.dpbillsInterest-main-block table tbody tr:hover:last-child {
  background-color: #fffbf2 !important;
}
.dpbillsInterest-main-block .calendar_container {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  margin-left: 120px;
  z-index: 9;
}
.dpbillsInterest-main-block .calendar_container .calendar_arrow {
  margin-left: 215px;
}
.dpbillsInterest-main-block .calendar_container .calendar_list span:hover {
  background: #03002f;
  color: #ffffff;
}
.dpbillsInterest-main-block .calendar_container .calendar_list span:hover i {
  color: #ffffff;
}
.dpbillsInterest-main-block .calendar_container .calendar_list i {
  color: #03002f;
}
.dpbillsInterest-main-block .dp-interest-table.table {
  border-spacing: 0px;
  margin-top: 20px;
}
.dpbillsInterest-main-block .dp-interest-table.table th,
.dpbillsInterest-main-block .dp-interest-table.table td {
  padding: 21px 15px;
}
@media (max-width: 1023px) {
  .dpbillsInterest-main-block .dp-interest-table.table th,
  .dpbillsInterest-main-block .dp-interest-table.table td {
    padding: 10px;
  }
}
.dpbillsInterest-main-block .dp-interest-table.table th:last-child,
.dpbillsInterest-main-block .dp-interest-table.table td:last-child {
  text-align: right;
}
.dpbillsInterest-main-block .dp-interest-table.table th {
  border-bottom: 0px;
  background: #e7e7e7;
  color: #444444;
  font-family: "DMSansBold";
  font-size: 0.875rem;
}
.dpbillsInterest-main-block .dp-interest-table.table tbody tr:last-child td {
  border-bottom: 1px solid #e7e7e7;
}
@media (max-width: 1023px) {
  .dpbillsInterest-main-block .dp-interest-table.table tbody tr:last-child td:last-child {
    border-left: 0px;
  }
}
.dpbillsInterest-main-block .dp-interest-table.table tbody td {
  border-bottom: 0px;
  border-radius: 0px;
  font-size: 0.875rem;
  font-family: "RobotoMedium";
  color: #03002f;
}
@media (max-width: 1023px) {
  .dpbillsInterest-main-block .dp-interest-table.table tbody td {
    text-align: left;
  }
}
.dpbillsInterest-main-block .dp-interest-table.table tbody td:first-child {
  font-family: "DMSansMedium";
}
.dpbillsInterest-main-block .common-download-newtheme .drawer__handle-wrapper__handle-wrapper {
  background-color: #f2f2f5;
}

.dp-interest-accordion-mainblock {
  margin-top: 20px;
}
.dp-interest-accordion-mainblock .title-head {
  padding-right: 74px;
  padding-left: 18px;
}

.dp-interest-accordion .common-accordian-small-content .accordion-button.collapsed::after {
  top: 0px !important;
  font-size: 1.375rem;
  display: flex;
  align-items: center;
  justify-content: end;
}
.dp-interest-accordion .common-accordian-small-content .accordion-button:not(.collapsed):after {
  display: flex;
  align-items: center;
  justify-content: end;
  font-size: 1.375rem !important;
}
.dp-interest-accordion .customaccordian {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
@media (min-width: 1023px) {
  .dp-interest-accordion .customaccordian {
    border: none;
  }
}
.dp-interest-accordion .customaccordian .accordion-item {
  border-radius: 5px;
  margin-bottom: 10px;
}
@media (min-width: 1023px) {
  .dp-interest-accordion .customaccordian .accordion-item {
    border: 1px solid #e7e7e7;
  }
  .dp-interest-accordion .customaccordian .accordion-item:first-child {
    border-top: 1px solid #e7e7e7;
  }
}
.dp-interest-accordion .customaccordian .accordion-header .accordion-button {
  padding: 19px 25px 19px 18px;
}
@media (min-width: 1023px) {
  .dp-interest-accordion .customaccordian .accordion-header .accordion-button {
    border-radius: 5px;
  }
}
.dp-interest-accordion .customaccordian .accordion-header .accordion-button:after {
  background-color: #ffffff;
  color: #444444;
  height: 15px;
  width: 19px;
  top: 0px;
}
.dp-interest-accordion .customaccordian .accordion-button:not(.collapsed) {
  background-color: white;
  box-shadow: none;
}
.dp-interest-accordion .customaccordian .accordion-button:not(.collapsed):after {
  background-color: #ffffff;
  color: #444444;
  font-size: 1.875rem;
}
.dp-interest-accordion .customaccordian .accordion-body {
  padding: 0px;
}
.dp-interest-accordion .customaccordian .accordion-body .error-msg {
  border-radius: 10px;
}
.dp-interest-accordion .table {
  padding: 20px 18px 23px;
  border-spacing: 0px;
  margin: 0px;
}
.dp-interest-accordion .table thead {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  color: #727271;
}
.dp-interest-accordion .table thead th {
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  text-align: right;
  padding: 18px 30px 22px;
}
.dp-interest-accordion .table thead th:first-child {
  text-align: left;
}
.dp-interest-accordion .table thead th:last-child {
  border-radius: 0px;
  border-right: 1px solid #e7e7e7;
}
.dp-interest-accordion .table tbody {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  color: #444444;
}
.dp-interest-accordion .table tbody tr:last-child td {
  border-bottom: 1px solid #e7e7e7;
}
.dp-interest-accordion .table tbody tr:hover {
  background-color: white !important;
}
.dp-interest-accordion .table tbody tr td {
  border: 1px solid #e7e7e7;
  border-top: 0px;
  border-right: 0px;
  padding: 18px 30px 22px;
  text-align: right;
}
.dp-interest-accordion .table tbody tr td:first-child {
  text-align: left;
  border-radius: 0px;
}
.dp-interest-accordion .table tbody tr td:last-child {
  border-radius: 0px;
  border-right: 1px solid #e7e7e7;
}
.dp-interest-accordion .accordion-header-total {
  padding: 19px 67px 19px 18px;
}

.dp-interest-extension-block {
  padding: 15px;
  border-bottom: 1px solid #e7e7e7;
}
.dp-interest-extension-block:last-child {
  border-bottom: none;
}
.dp-interest-extension-block .displayFlex div:first-child {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  color: #b8b8b8;
}
.dp-interest-extension-block .displayFlex div:last-child {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  color: #444444;
  margin-left: 5px;
}

.dpinterest-extension-drawer .drawer-head {
  padding: 0px 14px 20px;
  font-family: "DMSansBold";
  font-size: 1.125rem;
  color: #03002f;
}

.dpinterest-extension-drawer.z-index-high__handle-wrapper {
  padding: 15px 0px;
}

.mgb-20 {
  margin-bottom: 20px;
}

.mgr-5 {
  margin-right: 5px;
}

@media (max-width: 1023px) {
  #dp-interest-main .common-download-newtheme .date-input-section {
    padding: 15px 15px 0px;
  }
}
#dp-interest-main .common-download-report .date-input-section .input-group {
  width: 153px;
  padding: 6px 15px;
}
#dp-interest-main .common-download-report .date-input-section .input-group .input-group-append {
  margin-top: 5px;
}
#dp-interest-main .mob-smallcase-popup-loader-body {
  padding-top: 30px;
}
#dp-interest-main .mob-smallcase-popup-loader-body .loader {
  height: 80px;
  width: 80px;
}
#dp-interest-main .mob-smallcase-popup-success-body {
  margin-bottom: 20px;
  line-height: 140%;
}
#dp-interest-main .mob-smallcase-popup-success-body > div {
  padding-top: 20px;
}
#dp-interest-main .mob-smallcase-popup-success-body .action-post-success {
  margin: 0px;
}
#dp-interest-main .smallcase-popup-fail-body .update-message {
  line-height: 140%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
#dp-interest-main .smallcase-popup-fail-body > div {
  padding-top: 20px;
}

.new-background-blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}.contractnotes-table thead tr th {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  padding: 12px 20px 0 20px !important;
}
.contractnotes-table tbody tr:nth-child(even) {
  background-color: #f2f2f5 !important;
}
.contractnotes-table tbody tr:nth-child(odd) {
  background-color: #ffffff !important;
}
.contractnotes-table tbody tr td {
  color: #000000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
}
.contractnotes-table thead tr th:nth-child(1),
.contractnotes-table thead tr td:nth-child(1),
.contractnotes-table tbody tr th:nth-child(1),
.contractnotes-table tbody tr td:nth-child(1) {
  width: 5%;
  padding-right: 0 !important;
}
.contractnotes-table thead tr th:nth-child(2),
.contractnotes-table thead tr td:nth-child(2),
.contractnotes-table tbody tr th:nth-child(2),
.contractnotes-table tbody tr td:nth-child(2) {
  width: 14%;
  padding-left: 0 !important;
}
.contractnotes-table thead tr td:nth-child(2),
.contractnotes-table tbody tr td:nth-child(2) {
  font-size: 1rem !important;
  font-family: "RobotoRegular" !important;
}
.contractnotes-table thead tr th:nth-child(3),
.contractnotes-table thead tr td:nth-child(3),
.contractnotes-table tbody tr th:nth-child(3),
.contractnotes-table tbody tr td:nth-child(3) {
  width: 20%;
}
.contractnotes-table thead tr td:nth-child(3),
.contractnotes-table tbody tr td:nth-child(3) {
  color: #2d2d2d !important;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.contractnotes-table thead tr th:nth-child(4),
.contractnotes-table thead tr td:nth-child(4),
.contractnotes-table tbody tr th:nth-child(4),
.contractnotes-table tbody tr td:nth-child(4) {
  width: 15%;
}
.contractnotes-table thead tr th:nth-child(5),
.contractnotes-table thead tr td:nth-child(5),
.contractnotes-table tbody tr th:nth-child(5),
.contractnotes-table tbody tr td:nth-child(5) {
  width: 30%;
}
.contractnotes-table thead tr td:nth-child(4),
.contractnotes-table thead tr td:nth-child(5),
.contractnotes-table tbody tr td:nth-child(4),
.contractnotes-table tbody tr td:nth-child(5) {
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
}

.contract-report-dropdowns {
  padding: 20px 0;
}
.contract-report-dropdowns .equity-dropdown-block.show .dropdown-menu {
  min-width: fit-content !important;
  text-align: end !important;
}
.contract-report-dropdowns .equity-dropdown-block .equitydrop {
  color: #444444 !important;
  padding: 9px 10px !important;
  min-width: 103px;
  height: 40px;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
@media (max-width: 1023px) {
  .contract-report-dropdowns .equity-dropdown-block .equitydrop {
    font-size: 0.875rem !important;
  }
}
.contract-report-dropdowns .equity-dropdown-block > .btn-primary.dropdown-toggle {
  display: flex;
  justify-content: space-between;
}
.contract-report-dropdowns .download-btn {
  width: 132px;
  height: 40px;
}

.white-tooltip .tooltip-arrow {
  background-color: #ffffff;
}
.white-tooltip .tooltip-arrow::before {
  border-bottom-color: #ffffff;
}
.white-tooltip .tooltip-inner {
  background-color: #ffffff;
  color: #dd504d;
  border: 1px solid #e7e7e7;
  width: 100%;
}

.popup-desk-common-content {
  pointer-events: none;
  filter: drop-shadow(0px 4px 15px #e7e7e7);
  color: #dd504d;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px 10px;
  margin: 5px 0 7px 0;
  border-radius: 2px;
}

.report-common-modal .form-check-input {
  display: flex;
  align-items: center;
  justify-content: center;
}
.report-common-modal .modal-content .modal-header {
  border-radius: 15px 15px 0px 0px;
}
.report-common-modal .modal-content .modal-header .modal-title {
  font-size: 1.25rem !important;
  font-family: "DMSansNormal";
}
.report-common-modal .modal-content .modal-body {
  border-radius: 0px 0px 15px 15px;
}
.report-common-modal .modal-content .form-label {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.report-common-modal .modal-content .edel-icon-calendar-report {
  color: #03002f;
}
.report-common-modal .customFormSection_field .checkbox input[type=checkbox]:checked {
  border-color: #03002f !important;
  background-color: #03002f !important;
}

.report-common-modal.modalDPTitle .radio input[type=radio]:before {
  margin: 0px auto;
  height: 100%;
  width: 100%;
  border: 2px solid #ffffff;
}

.midnight-blue-border {
  border: 1px solid #03002f !important;
  color: #03002f !important;
}

@media (max-width: 360px) {
  #Contract .DMSansBold_20_700,
  #Contract .DMSansNormal_20_400 {
    font-size: 1.125rem !important;
  }
  #Contract .DMSanM_14_500 {
    font-size: 0.625rem !important;
  }
}
.contract-mob-UI {
  padding: 21px 15px 11.5px;
}
.contract-mob-UI .edel-icon-bold-download {
  font-size: 1.125rem;
}
.contract-mob-UI .form-check {
  top: -3px;
  position: relative;
  min-height: 0px;
  padding-left: 1.5em;
  margin-bottom: 0px;
}

.bg_aqua_white__handle-wrapper {
  background: #f2f2f5 !important;
}

.bg_aqua_white__content {
  background: #f2f2f5 !important;
}

.contractnotes-drawer__content .drawer-head {
  background-color: #ffffff;
}

.contractnotes-drawer__handle-wrapper {
  background-color: #ffffff;
}

.contract-notes-mob-equitydrop.equity-dropdown-block .equitydrop {
  padding: 9px 10px;
  color: #03002f !important;
  font-family: "DMSansMedium";
  font-size: 1rem;
}
.contract-notes-mob-equitydrop.equity-dropdown-block.show .dropdown-menu {
  max-height: 250px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  background: #ffffff;
}

.contrat-drawer .common-download-newtheme {
  padding-top: 15px;
}
.contrat-drawer .common-download-newtheme .bg_old-lace {
  margin: 0px 20px;
}

.contract-mobile .download-btn {
  width: 40px;
  height: 40px;
  background-color: #f2f2f5;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.contract-mobile .pandLcalendar .pandLcalendar-form .calendar--row {
  gap: 20%;
}
.contract-mobile .backgroundcolor_bluedrawer__handle-wrapper {
  background-color: #f2f2f5;
  border-radius: 5px;
}
.contract-mobile .download-contract-notes.commonnew-download-report-drawer__handle-wrapper {
  background-color: #f2f2f5;
  border-radius: 5px;
}
.contract-mobile .download-contract-notes-status.commonnew-download-report-drawer__handle-wrapper {
  background-color: #ffffff;
  border-radius: 5px;
}
.contract-mobile .common-download-newtheme .drawer__handle-wrapper__handle-wrapper {
  background-color: #f2f2f5;
}

.contract-notes-dropdown.equity-dropdown-block.show .dropdown-menu {
  min-width: 118px;
  max-height: 250px;
  min-height: auto;
}

.pdgx-3 {
  padding: 0px 4px !important;
}.common-filter-threelayer.filterasset-drop {
  background-color: #f2f2f5 !important;
}
.common-filter-threelayer .filterasset-drop-body {
  background-color: #f2f2f5 !important;
}
.common-filter-threelayer .filter-accordion .accordion-item {
  border: none !important;
  background-color: #f2f2f5;
}
.common-filter-threelayer .filter-accordion .accordion-item .accordion-header {
  padding: 10px;
}
.common-filter-threelayer .filter-accordion .accordion-item .accordion-header .accordion-button {
  font-size: 1rem;
  font-family: "DMSansBold";
  color: #444444 !important;
  padding: 0;
}
.common-filter-threelayer .filter-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: #444444 !important;
}
.common-filter-threelayer .filter-accordion .accordion-item .accordion-body .bodylist-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  margin-left: 10px;
}
.common-filter-threelayer .filter-accordion .accordion-item .accordion-body .bodylist {
  margin-top: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 10px;
}

.accordianContent.common-EdButtonIcon-icon-threelayer {
  position: relative;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .ed_button.link.bg-midnight-blue {
  color: #ffffff !important;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .ed_button.link.bg_aqua_white {
  color: #03002f !important;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .sort-drop {
  background-color: #f5f5f5;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .sort-drop::after {
  content: " ";
  position: absolute;
  right: 12px;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #f5f5f5;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .sort-drop .sort-drop-body .sort-drop-bodylist li label {
  color: #727271 !important;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.accordianContent.common-EdButtonIcon-icon-threelayer .sort-drop .sort-drop-body .sort-drop-bodylist li .bodylist-right p {
  color: #b8b8b8 !important;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.accordianContent.common-EdButtonIcon-icon-threelayer .sort-drop .sort-drop-footer .reset-button {
  border: 1px solid #03002f !important;
  color: #03002f !important;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .sort-drop .sort-drop-footer .reset-button:hover {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .sort-drop .sort-drop-footer .filter-button {
  background-color: #03002f !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border: 1px solid #03002f !important;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop {
  background-color: #f5f5f5;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop::after {
  content: " ";
  position: absolute;
  right: 12px;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #f5f5f5;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop .filter-accordion .accordion-header .accordion-button {
  box-shadow: none !important;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop .filter-accordion .accordion-header .accordion-button .color_blue {
  color: #03002f !important;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop .filter-accordion .accordion-header .accordion-button.collapsed, .accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop .filter-accordion .accordion-header .accordion-button:not(.collapsed) {
  background-color: #f2f2f5 !important;
  color: #03002f !important;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop .filter-accordion .accordion-header .accordion-button.collapsed::after, .accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop .filter-accordion .accordion-header .accordion-button:not(.collapsed)::after {
  background-color: #f2f2f5 !important;
  color: #03002f !important;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop .filter-accordion .accordion-body {
  padding: 0px !important;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop .filterasset-drop-footer {
  background-color: #f5f5f5;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop .filterasset-drop-footer .clear_all {
  border: 1px solid #03002f !important;
  color: #03002f !important;
  background-color: transparent !important;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop .filterasset-drop-footer .clear_all:hover {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop .filterasset-drop-footer .aply-btn {
  background-color: #03002f !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border: 1px solid #03002f !important;
}
.accordianContent.common-EdButtonIcon-icon-threelayer .filterasset-drop .filterasset-drop-footer .filter-button-disable {
  background-color: #03002f !important;
  opacity: 0.4;
}

.filtertag-common {
  display: flex;
  gap: 10px;
}
.filtertag-common .ed-filter-label-wrapper {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #03002f !important;
  background-color: #f2f2f5;
  padding: 1px 6px;
  border-radius: 3px;
}
.filtertag-common .tag-container {
  display: flex;
}
.filtertag-common .tag-container .edel-icon-close {
  font-size: 0.5rem;
  padding-left: 10px;
  padding-top: 4px;
}

.hover-effect :hover {
  background-color: #ffffff !important;
}

.common-radio-button-custom input[type=radio] {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #03002f;
  border-radius: 50%;
  outline: none;
  position: relative;
}
.common-radio-button-custom input[type=radio]:before {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 1px;
  border: 1px solid #ffffff;
}
.common-radio-button-custom input[type=radio]:checked:before {
  background: #03002f !important;
}.Success-pop-link .spl-head {
  padding: 20px 40px;
  border-radius: 15px 15px 0px 0px;
}
.Success-pop-link .edel-icon-cross-bold-small {
  font-size: 1.5rem;
}
.Success-pop-link .spl-body {
  padding: 60px 30px 30px 30px;
  border-radius: 0px 0px 15px 15px;
}
@media (max-width: 1023px) {
  .Success-pop-link .spl-body {
    padding: 20px 15px 30px;
  }
}
.Success-pop-link .spl-body .icon {
  font-size: 5.625rem;
}
.Success-pop-link .spl-body .spl-text {
  padding: 20px 0px 40px;
}

.loader-pop-link .spl-head {
  padding: 20px 40px;
  border-radius: 15px 15px 0px 0px;
}
.loader-pop-link .edel-icon-cross-bold-small {
  font-size: 1.5rem;
}
.loader-pop-link .spl-body {
  border-radius: 0px 0px 15px 15px;
  background-color: #ffffff;
  padding: 30px;
}
.loader-pop-link .spl-body img {
  height: 73px;
  width: 73px;
}
@media (max-width: 1023px) {
  .loader-pop-link .spl-body img {
    height: 38px;
    width: 38px;
  }
}
.loader-pop-link .spl-body .spl-text {
  padding: 0px 0px 40px;
}
@media (max-width: 1023px) {
  .loader-pop-link .spl-body .spl-text {
    padding-top: 27px;
  }
}

.font-twelve {
  font-size: 0.75rem;
}#dp-bills-main .common-download-newtheme .drawer__handle-wrapper__handle-wrapper {
  background-color: #f2f2f5;
}
#dp-bills-main .common-download-newtheme .modal-dialog {
  width: 521px;
}
#dp-bills-main .common-download-newtheme .pandLcalendar .pandLcalendar-form .calendar--row {
  gap: 64px;
}
#dp-bills-main .common-download-newtheme .calendar_pnl_ui .input-group {
  width: auto !important;
}
@media (max-width: 1023px) {
  #dp-bills-main .common-download-newtheme .date-input-section {
    padding: 15px 15px 0px;
  }
}
#dp-bills-main .custom-ellipse {
  border-bottom: 1px solid #444444;
}
@media (max-width: 1023px) {
  #dp-bills-main .common-download .download-btn {
    background: #f2f2f5;
    padding: 13px 22px;
  }
}
@media (max-width: 1023px) and (max-width: 1023px) {
  #dp-bills-main .common-download .download-btn {
    padding: 11px;
  }
}
#dp-bills-main .dpbills-head {
  margin-top: 30px;
}
@media (max-width: 1023px) {
  #dp-bills-main .dpbills-head {
    padding: 15px 0px 41px;
    margin-top: 0px;
  }
}
#dp-bills-main .dpbills-table {
  padding-top: 32px;
}
#dp-bills-main .dpbills-table .generic-table table {
  margin: 0 0;
  width: 100%;
  border-spacing: 0px 8px;
}
#dp-bills-main .dpbills-table .generic-table table thead .taRight .arrows {
  position: absolute;
  margin-right: -15px;
}
#dp-bills-main .dpbills-table .generic-table table thead th {
  padding: 0px 15px 16px 15px;
  line-height: 16.8px;
  padding-bottom: 10px;
  color: #727271;
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
  cursor: pointer;
}
#dp-bills-main .dpbills-table .generic-table table tbody tr:nth-child(even) {
  background-color: #f2f2f5 !important;
}
#dp-bills-main .dpbills-table .generic-table table tbody tr:nth-child(odd) {
  background-color: #ffffff !important;
}
#dp-bills-main .dpbills-table .generic-table table tbody td {
  border-bottom: 1px solid #e7e7e7;
  padding: 15px;
  line-height: 22.4px;
  color: #444444;
  font-size: 0.875rem;
  width: 10.5%;
}
#dp-bills-main .dpbills-table .generic-table table tbody td div {
  white-space: nowrap;
}
#dp-bills-main .dpbills-table .generic-table table tbody td:nth-child(2) {
  color: #03002f;
}
#dp-bills-main .dpbills-table .generic-table table tbody td .green {
  color: #51b255;
}
#dp-bills-main .dpbills-table .generic-table table tbody td .light_green {
  color: #8adf8d;
}
#dp-bills-main .dpbills-table .generic-table table tbody td .red {
  color: #dd504d;
}
#dp-bills-main .dpbills-table .generic-table table tbody td .light_red {
  color: #ff6b00;
}
#dp-bills-main .dpbills-table .generic-table table tfoot {
  background-color: #fffbf2;
}
#dp-bills-main .dpbills-table .generic-table table tfoot td {
  padding: 27px 15px 27px 15px;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  font-family: "RobotoMedium";
}
#dp-bills-main .dpbills-table .generic-table table tfoot td:first-child {
  border-left: 1px solid #e7e7e7;
  border-radius: 5px 0px 0px 5px;
  font-family: "DMSansBold";
}
#dp-bills-main .dpbills-table .generic-table table tfoot td:last-child {
  border-right: 1px solid #e7e7e7;
  border-radius: 0px 5px 5px 0px;
}
#dp-bills-main .equity-dropdown-block .equitydrop {
  color: #444444 important;
  padding: 10px 15px;
}
@media (max-width: 1023px) {
  #dp-bills-main .equity-dropdown-block .equitydrop .main-title-forbreak {
    word-break: break-word;
    text-wrap: wrap;
    line-height: 16px;
    text-align: left;
  }
}
@media (max-width: 1023px) {
  #dp-bills-main .equity-dropdown-block .equitydrop {
    padding: 3px 8px 3px 8px;
  }
}
#dp-bills-main .equity-dropdown-block .dropdown-menu {
  width: 100%;
  border: 1px solid #e7e7e7;
  height: auto;
  padding: 20px 15px;
  background-color: #ffffff;
  min-height: auto;
}
#dp-bills-main .equity-dropdown-block .dropdown-menu .dropdown-item {
  padding: unset;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #444444;
  margin-bottom: 30px;
}
#dp-bills-main .equity-dropdown-block .dropdown-menu .dropdown-item:last-child {
  margin-bottom: 0px;
}
#dp-bills-main .equity-dropdown-block .dropdown-menu .dropdown-item:hover {
  color: #03002f;
}
#dp-bills-main .commonmodal.gray-modal .modal-header .modal-title {
  font-family: "DMSansNormal";
}
#dp-bills-main .equity-dropdown-block > .btn-primary.dropdown-toggle {
  border: 1px solid #e7e7e7;
}
@media (max-width: 1023px) {
  #dp-bills-main .equity-dropdown-block > .btn-primary.dropdown-toggle {
    font-family: "RobotoRegular";
    font-size: 0.75rem;
    color: #444444 !important;
    gap: 15px;
  }
}
#dp-bills-main .equity-dropdown-block .equitydrop i:before {
  color: #03002f;
  font-size: 1.125rem;
}
#dp-bills-main .calendar_change {
  margin-left: 15px;
  color: #03002f;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  margin-top: 0px;
}
@media (max-width: 1023px) {
  #dp-bills-main .calendar_change {
    display: flex;
    align-items: center;
    margin-left: 0px;
  }
}
#dp-bills-main .calendar_date .calendar_change {
  padding-right: 5px;
}
#dp-bills-main .calendar_date .fin_year {
  font-family: "RobotoBold";
}
@media (max-width: 1023px) {
  #dp-bills-main .calendar_date .fin_year {
    font-family: "RobotoMedium";
  }
}
@media (max-width: 1023px) {
  #dp-bills-main .calendar_date .financial-year-date {
    color: #727271;
  }
}
#dp-bills-main .calendar_date .datefullClass {
  font-family: "RobotoRegular";
}
#dp-bills-main .dropdown-menu {
  width: 100%;
  border: 1px solid #e7e7e7;
  height: auto;
  padding: 20px 15px;
  background-color: #ffffff;
}
#dp-bills-main .dropdown-menu .dropdown-item {
  padding: unset !important;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #444444;
  margin-bottom: 30px;
}
#dp-bills-main .dropdown-menu .dropdown-item:last-child {
  margin-bottom: 0px;
}
#dp-bills-main .dropdown-menu .dropdown-item {
  gap: 8.4px;
}
#dp-bills-main .calendar_container {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  margin-left: 120px;
  z-index: 9;
}
#dp-bills-main .calendar_container .calendar_arrow {
  margin-left: 215px;
}
#dp-bills-main .calendar_container .calendar_list span:hover {
  background: #03002f;
  color: #ffffff;
}
#dp-bills-main .calendar_container .calendar_list span:hover i {
  color: #ffffff;
}
#dp-bills-main .calendar_container .calendar_list i {
  color: #03002f;
}
#dp-bills-main .commonnew-download-report-drawer .commonnew-download-report-drawer__content .drawer-head {
  padding: 10px 0px 15px;
}
#dp-bills-main .dpbills-table .generic-table .taRight .title {
  grid-template-columns: none;
}
#dp-bills-main .dpbills-table .generic-table .taRight .title div {
  justify-content: flex-end;
}
#dp-bills-main .mobFormWrap-content {
  padding: 0px 15px;
}

.dpbills-accordidion .dp-bills-acc-head {
  width: 100%;
}
.dpbills-accordidion .accordion {
  margin-top: 30px;
}
@media (max-width: 1023px) {
  .dpbills-accordidion .accordion {
    margin-top: 20px;
  }
}
.dpbills-accordidion .dp-bills-acc-body {
  background: #f2f2f5;
  padding: 18px 33px 19px 20px;
}
.dpbills-accordidion .dp-bills-acc-body,
.dpbills-accordidion .dp-bills-acc-head {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  color: #b8b8b8;
}
.dpbills-accordidion .dp-bills-acc-body > div:first-child .d-flex:first-child .value,
.dpbills-accordidion .dp-bills-acc-head > div:first-child .d-flex:first-child .value {
  font-family: "DMSansMedium";
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dpbills-accordidion .dp-bills-acc-body .title,
.dpbills-accordidion .dp-bills-acc-head .title {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}
.dpbills-accordidion .dp-bills-acc-body .value,
.dpbills-accordidion .dp-bills-acc-head .value {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
  color: #444444;
  padding-left: 5px;
}
.dpbills-accordidion .dp-bills-acc-body .value:first-child,
.dpbills-accordidion .dp-bills-acc-head .value:first-child {
  font-family: "DMSansMedium";
}
.dpbills-accordidion .accordion-button {
  padding: 8px 0px;
  gap: 36px;
}
.dpbills-accordidion .accordion-button:after {
  background: none;
  border: 1px solid #03002f;
  height: 30px;
  width: 30px;
  color: #03002f;
  margin-left: 0px;
}
.dpbills-accordidion .accordion-button.collapsed {
  padding-bottom: 17px;
}
.dpbills-accordidion .accordian-item {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.dpbills-accordidion .accordian-item:first-child {
  border-top: 1px solid #e7e7e7;
}
.dpbills-accordidion .accordion-body {
  padding: 0px;
}
.dpbills-accordidion .accordion-button:not(.collapsed) {
  background-color: #ffffff;
}
.dpbills-accordidion .accordion-button:not(.collapsed):after {
  background: none;
  border: 1px solid #03002f;
}

.pdb-19 {
  padding-bottom: 19px;
}

.pdr-16 {
  padding-right: 16px;
}

.pdb-15 {
  padding-bottom: 15px;
}

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

.w-13 {
  width: 13%;
}

.dpbills-mobile .head {
  white-space: nowrap;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  color: #b8b8b8;
}
.dpbills-mobile .value {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  color: #444444;
  white-space: nowrap;
}
.dpbills-mobile .dpbills-mobile-tile {
  border-top: 1px solid #e7e7e7;
}
.dpbills-mobile .isin-text {
  padding: 15px 0px 6px;
}
.dpbills-mobile .instrument-head {
  padding: 0px 0px 15px 0px;
  display: flex;
  align-items: center;
}

.mgr-12 {
  margin-right: 12px;
}

@media (max-width: 1023px) {
  .dp-bills-main-container.container,
  .dp-bills-main-container {
    background: #ffffff;
  }
}
.dp-bills-main-container.container .rounded-circle.exclamation,
.dp-bills-main-container .rounded-circle.exclamation {
  top: 0px;
}
.dp-bills-main-container.container .common-download .download-btn,
.dp-bills-main-container .common-download .download-btn {
  padding: 10px 22px;
  gap: 8px;
}
.dp-bills-main-container.container .edel-icon-download-coloured:before,
.dp-bills-main-container .edel-icon-download-coloured:before {
  font-size: 14px;
}

@media (max-width: 1023px) {
  .dp-interest-main-container {
    background: #ffffff;
  }
}

.dp-bills-total {
  border: 1px solid #e7e7e7;
  background-color: #fffbf2;
  font-family: "RobotoBold";
  font-size: 1rem;
  border-radius: 5px;
  padding: 17px;
}
.dp-bills-total div {
  padding-right: 10px;
  width: 10.5%;
}

.dpbills-errormsg-noborder td {
  border: none;
  border-bottom: none;
}
.dpbills-errormsg-noborder td:last-child {
  border: none;
}

.error-msg-new-icon .error-msg .error-msg-wrapper .erroricon {
  font-size: 64px;
}

.common-new-modal-designs .head-icon {
  padding-right: 12px !important;
}
.common-new-modal-designs .smallcase-popup-success-body .action-post-success {
  margin: 0px;
}

.top-0 {
  top: 0px !important;
}

.common-reports-download-mail .z-index-high__backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.common-reports-download-mail .customFormSection_field .mail_label_body {
  max-height: 80px;
  overflow-x: hidden !important;
}
.common-reports-download-mail .customFormSection_field .mail_label_body::-webkit-scrollbar {
  display: block !important;
  width: 2px !important;
  padding-left: 2px !important;
}
.common-reports-download-mail .customFormSection_field .mail_label_body::-webkit-scrollbar-thumb {
  background-color: #03002f;
  border-radius: 1px !important;
  border: 5px solid #03002f;
}
.common-reports-download-mail .customFormSection_field .mail_label_body .mail_label_body_item {
  justify-content: space-between;
  padding-right: 14px;
  line-height: 140%;
  margin-bottom: 5px;
}
@media (max-width: 1023px) {
  .common-reports-download-mail .customFormSection_field .mail_label_body .mail_label_body_item {
    margin-bottom: 0px;
  }
}
.common-reports-download-mail .mob-smallcase-popup-loader {
  height: auto;
  padding: 0px 27px;
}
.common-reports-download-mail .mob-smallcase-popup-success,
.common-reports-download-mail .mob-smallcase-popup-fail {
  height: auto;
  padding-bottom: 30px;
}
.common-reports-download-mail .update-message {
  line-height: 140%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.common-reports-download-mail .mob-smallcase-popup-loader-body {
  padding-top: 30px;
}
.common-reports-download-mail .mob-smallcase-popup-loader-body .loader {
  height: 80px;
  width: 80px;
}
.common-reports-download-mail .mob-smallcase-popup-success-body {
  margin-bottom: 20px;
  line-height: 140%;
}
.common-reports-download-mail .mob-smallcase-popup-success-body > div {
  padding-top: 20px;
}
.common-reports-download-mail .mob-smallcase-popup-fail-body .update-message {
  line-height: 140%;
  width: 100%;
}
.common-reports-download-mail .mob-smallcase-popup-fail-body > div {
  padding-top: 20px;
}
.common-reports-download-mail .mail_label_close {
  margin-right: 0px;
}
.common-reports-download-mail .icon-new-20 i {
  font-size: 1.25rem;
}

.common-tooltip-custom-ellipse-notop {
  filter: drop-shadow(0px 0px 20px rgba(87, 100, 173, 0.2));
}
.common-tooltip-custom-ellipse-notop .tooltip-inner {
  background-color: #ffffff;
  color: #727271;
  font-family: "DMSansNormal";
  font-size: 0.688rem;
}
.common-tooltip-custom-ellipse-notop .tooltip-arrow::before {
  border-bottom-color: #ffffff !important;
}

.common-tooltip-custom-ellipse-notop.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff !important;
}

.one-value-dropdown {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  color: #444444;
  padding: 10px 17px;
}

.common-reports-dropdown-new .equity-dropdown-block .equitydrop {
  color: #444444 important;
  padding: 10px 15px;
}
.common-reports-dropdown-new .equity-dropdown-block .equitydrop i:before {
  color: #03002f;
  font-size: 1.25rem;
}
@media (max-width: 1023px) {
  .common-reports-dropdown-new .equity-dropdown-block .equitydrop {
    padding: 10px 26px 10px 17px;
  }
}
.common-reports-dropdown-new .equity-dropdown-block .dropdown-menu {
  width: 100%;
  border: 1px solid #e7e7e7;
  height: auto;
  padding-bottom: 30px;
  background-color: #ffffff;
  margin-top: 20px;
}
.common-reports-dropdown-new .equity-dropdown-block .dropdown-menu:last-child {
  padding-bottom: 0px;
}
.common-reports-dropdown-new .equity-dropdown-block .dropdown-menu .dropdown-item {
  padding: unset;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  color: #444444;
}
.common-reports-dropdown-new .equity-dropdown-block .dropdown-menu .dropdown-item:last-child {
  margin-bottom: 0px;
  padding-bottom: 20px;
}
.common-reports-dropdown-new .equity-dropdown-block .dropdown-menu .dropdown-item:hover {
  color: #03002f;
}
.common-reports-dropdown-new .equity-dropdown-block > .btn-primary.dropdown-toggle {
  border: 1px solid #e7e7e7 !important;
}
@media (max-width: 1023px) {
  .common-reports-dropdown-new .equity-dropdown-block > .btn-primary.dropdown-toggle {
    font-family: "RobotoRegular";
    font-size: 0.875rem;
    color: #444444 !important;
    padding: 12px 13px;
  }
}
@media (max-width: 1023px) {
  .common-reports-dropdown-new .dropdown-block {
    margin-bottom: 20px;
  }
}
.common-reports-dropdown-new .dropdown-block .equity-dropdown-block .equitydrop {
  font-family: "DMSansMedium";
  font-size: 1rem;
  color: #737373 !important;
  padding: 9px 10px;
  line-height: 140%;
  border: 1px solid #e7e7e7;
}
.common-reports-dropdown-new .dropdown-block .equity-dropdown-block .equitydrop i:before {
  color: #03002f;
}
.common-reports-dropdown-new .dropdown-block .equity-dropdown-block .dropdown-menu {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  margin-top: 16px;
  min-width: 100%;
  font-family: "DMSansMedium";
  height: 108px;
  font-size: 0.875rem;
  color: #444444;
}
.common-reports-dropdown-new .dropdown-block .equity-dropdown-block .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #03002f;
}
.common-reports-dropdown-new .dropdown-block .equity-dropdown-block .dropdown-menu .dropdown-item:hover {
  color: #444444;
}

.familybtn-otherreports-mob .my-families .show-family-btn {
  height: 40px;
}.subscriptionReport .subscriptionClassNames td {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  text-wrap: nowrap;
  white-space: nowrap;
}
.subscriptionReport .subscriptionClassNames td:nth-child(2), .subscriptionReport .subscriptionClassNames td:nth-child(3) {
  font-size: 0.875rem;
}
.subscriptionReport .subscriptionClassNames td:nth-child(4) {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
}
.subscriptionReport .subscriptionClassNames td:nth-child(5), .subscriptionReport .subscriptionClassNames td:nth-child(6) {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
}
.subscriptionReport .subscriptionClassNames td:nth-child(7) {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
}
.subscriptionReport .accordian-item {
  border-bottom: 1px solid #e7e7e7;
}
.subscriptionReport .accordian-item:last-child {
  border-bottom: none;
}
.subscriptionReport .Subscriptionicon {
  margin-bottom: 27px;
}
.subscriptionReport .subscriptionfee {
  padding-left: unset;
  gap: 8px;
}
.subscriptionReport .generic-tabs .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.subscriptionReport .generic-tabs .nav-tabs .nav-item .nav-link {
  padding-top: 0px;
}
@media (max-width: 1023px) {
  .subscriptionReport .generic-tabs .nav-tabs .nav-item .nav-link {
    padding: 0px 32px 10px;
  }
}
.subscriptionReport .common-table-border table thead th {
  padding: 20px 20px 10px;
}
.subscriptionReport .container.subs_container .holding-tabs .nav-tabs {
  border: none;
}
.subscriptionReport .container.subs_container .holding-tabs .nav-tabs li button.active {
  color: #03002f;
  border-color: #03002f !important;
}
.subscriptionReport .container.subs_container .subscriptionfeeborder .nav-tabs .nav-item .nav-link {
  padding: 0px 10px 10px;
}
.subscriptionReport .subscription_data {
  color: #b8b8b8;
}
.subscriptionReport .subscription_data span {
  color: #444444;
}
.subscriptionReport .common-download .download-btn {
  padding: 10px 22px;
}
.subscriptionReport .commonmodal.gray-modal .modal-header .modal-title {
  font-family: "DMSansNormal";
}
.subscriptionReport .commonmodal.gray-modal .modal-body .downloadHoldingDesk-form {
  padding: 8px 20px 20px;
}
.subscriptionReport .commonmodal.gray-modal .modal-body .downloadHoldingDesk-form .customForm .customFormSection .checkboxWrap {
  padding-top: 17px;
}
.subscriptionReport .commonmodal.gray-modal .customFormSection_field .mail_label_body {
  max-height: 80px;
  overflow-x: hidden !important;
}
.subscriptionReport .commonmodal.gray-modal .customFormSection_field .mail_label_body::-webkit-scrollbar {
  display: block !important;
  width: 2px !important;
  padding-left: 2px !important;
}
.subscriptionReport .commonmodal.gray-modal .customFormSection_field .mail_label_body::-webkit-scrollbar-thumb {
  background-color: #03002f;
  border-radius: 1px !important;
  border: 5px solid #03002f;
}
.subscriptionReport .commonmodal.gray-modal .customFormSection_field .mail_label_body .mail_label_body_item {
  justify-content: space-between;
  padding-right: 14px;
  line-height: 140%;
  margin-bottom: 5px;
}
.subscriptionReport .new-reports-modalBackdrop .smallcase-popup-success-body img {
  padding-bottom: 30px;
}

.Subscriptionfees_mobile {
  padding: 34px 0px 15px;
}
.Subscriptionfees_mobile .customFormSection_field .mail_label_body {
  max-height: 80px;
  overflow-x: hidden !important;
}
.Subscriptionfees_mobile .customFormSection_field .mail_label_body::-webkit-scrollbar {
  display: block !important;
  width: 2px !important;
  padding-left: 2px !important;
}
.Subscriptionfees_mobile .customFormSection_field .mail_label_body::-webkit-scrollbar-thumb {
  background-color: #03002f;
  border-radius: 1px !important;
  border: 5px solid #03002f;
}
.Subscriptionfees_mobile .calendar_change {
  margin-top: unset;
}
.Subscriptionfees_mobile .common-download-mb .common-download {
  width: unset;
  height: unset;
  background-color: unset;
}
.Subscriptionfees_mobile .common-download-mb .common-download .download-btn {
  padding: 13px;
}
.Subscriptionfees_mobile .subscription_row_tabs {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .Subscriptionfees_mobile .subscription_row_tabs .generic-tabs.common-tab-color .nav-tabs {
    display: flex;
    flex-flow: row !important;
    border-bottom: 1px solid #e7e7e7;
  }
  .Subscriptionfees_mobile .subscription_row_tabs .generic-tabs.common-tab-color .nav-tabs .nav-item .nav-link {
    padding: 6px 32px 10px !important;
    height: 35px;
    font-family: "DMSansNormal" !important;
  }
  .Subscriptionfees_mobile .subscription_row_tabs .generic-tabs.common-tab-color .nav-tabs .nav-item .nav-link:active {
    font-family: "DMSansMedium" !important;
  }
  .Subscriptionfees_mobile .subscription_row_tabs .generic-tabs.common-tab-color .nav-tabs .nav-item .nav-link.active {
    font-family: "DMSansMedium" !important;
  }
}
.Subscriptionfees_mobile .subscription_accordionbody .accordionbody_subscription .subscription_data {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .Subscriptionfees_mobile .common-download-newtheme .downloadreport-form-block {
    padding: 18px 15px 15px !important;
  }
}
@media (max-width: 1023px) {
  .Subscriptionfees_mobile .common-download-newtheme .mobFormWrap {
    padding-left: 15px !important;
  }
}
.Subscriptionfees_mobile .common-download-newtheme .mailCheckbox {
  padding-top: 0px;
}
.Subscriptionfees_mobile .mob-smallcase-popup-loader {
  height: auto;
  padding-bottom: 15px;
}
.Subscriptionfees_mobile .mob-smallcase-popup-success,
.Subscriptionfees_mobile .mob-smallcase-popup-fail {
  height: auto;
  padding-bottom: 30px;
}
.Subscriptionfees_mobile .mob-smallcase-popup-loader-body {
  padding-top: 30px;
}
.Subscriptionfees_mobile .mob-smallcase-popup-loader-body .loader {
  height: 80px;
  width: 80px;
}
.Subscriptionfees_mobile .mob-smallcase-popup-success-body {
  margin-bottom: 20px;
  line-height: 140%;
}
.Subscriptionfees_mobile .mob-smallcase-popup-success-body > div {
  padding-top: 20px;
}
.Subscriptionfees_mobile .mob-smallcase-popup-fail-body .update-message {
  line-height: 140%;
  width: 100%;
}
.Subscriptionfees_mobile .mob-smallcase-popup-fail-body > div {
  padding-top: 20px;
}
.Subscriptionfees_mobile .mail_label_close {
  margin-right: 0px;
}

.icon-new-20 i {
  font-size: 1.25rem;
}

.new-reports-modalBackdrop .modal-backdrop.show {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
}
.new-reports-modalBackdrop .modalBackground {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
}
.new-reports-modalBackdrop .smallcase-popup-success-body {
  padding-bottom: 52px;
  row-gap: 20px;
}

.loader-red-common .smallcase-popup-loader-body .loader {
  height: 120px;
  width: 120px;
}
.loader-red-common .update-message {
  font-family: "DMSansMedium";
  align-items: center;
  justify-content: center;
}

.icon-disabled {
  cursor: auto;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .icon-disabled {
    opacity: 1;
  }
  .icon-disabled i {
    color: #c0bfcb !important;
  }
}

@media (max-width: 1023px) {
  .subscription-report-main-container {
    background: #ffffff;
  }
}
.subscription-report-main-container span[data-attr=active] {
  color: #05a660;
}
.subscription-report-main-container span[data-attr=started] {
  color: #05a660;
}
.subscription-report-main-container span[data-attr=ended] {
  color: #f04e45;
}
.subscription-report-main-container span[data-attr=expired] {
  color: #f04e45;
}
.subscription-report-main-container span[data-attr=Expired] {
  color: #f04e45;
}
.subscription-report-main-container label[data-attr=active] {
  color: #05a660;
}
.subscription-report-main-container label[data-attr=started] {
  color: #05a660;
}
.subscription-report-main-container label[data-attr=ended] {
  color: #f04e45;
}
.subscription-report-main-container label[data-attr=expired] {
  color: #f04e45;
}
.subscription-report-main-container label[data-attr=Expired] {
  color: #f04e45;
}
.subscription-report-main-container .subscription-subtabs .nav-tabs {
  z-index: 1 !important;
}
.subscription-report-main-container .subscription-subtabs .nav-tabs .nav-item button {
  font-family: "DMSansMedium" !important;
  font-size: 0.875rem !important;
}

.new-reports-modalBackdrop.modal-opacity-0 .modal-backdrop.show {
  opacity: 0;
}

.commonnew-download-report-drawer__backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.td-schemeName:hover {
  text-decoration: underline;
  cursor: pointer;
}.subscriptionPopup .modal-body {
  padding: 0 28px;
  padding-bottom: 20px;
  height: 466px;
}
.subscriptionPopup .modal-body .middleloader {
  background-color: #ffffff !important;
}
.subscriptionPopup .modal-body .subscription-table {
  margin-bottom: 20px;
}
.subscriptionPopup .modal-body::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.subscriptionPopup .modal-body {
  /* Track */
}
.subscriptionPopup .modal-body::-webkit-scrollbar-track {
  background: transparent;
}
.subscriptionPopup .modal-body {
  /* Handle */
}
.subscriptionPopup .modal-body::-webkit-scrollbar-thumb {
  background: #c9c9c9 !important;
}
.subscriptionPopup .modal-body::-webkit-scrollbar-track-piece {
  margin-top: 40px !important;
  margin-bottom: 0px !important;
}
.subscriptionPopup .modal-header {
  background-color: #f2f2f5;
  padding: 20px 31px;
  border-bottom: none;
  position: sticky;
  top: 0;
  z-index: 10;
}
.subscriptionPopup .modal-header .modal-title {
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
  color: #03002f;
}
.subscriptionPopup .subscription_toaster_download {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 32px;
  right: 0px;
  z-index: 100;
  min-width: 345px;
}
.subscriptionPopup .subscription_toaster_email {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 58px;
  right: 0px;
  z-index: 100;
  min-width: 345px;
}
.subscriptionPopup .subscription-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  padding-bottom: 20px;
}
.subscriptionPopup .subscription-table table thead {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
  position: sticky;
  top: 0px;
  z-index: 5;
  background: #ffffff;
}
.subscriptionPopup .subscription-table table thead th {
  padding: 10px;
}
.subscriptionPopup .subscription-table table tbody {
  font-size: 0.75rem;
  font-family: "RobotoRegular";
  color: #444444;
}
.subscriptionPopup .subscription-table table tbody td {
  padding: 0 10px;
  border: none;
}
.subscriptionPopup .subscription-table table tbody tr:nth-child(odd) {
  background-color: #f2f2f5;
}
.subscriptionPopup .subscription-table table tbody tr:nth-child(odd):hover {
  background-color: #f2f2f5;
}
.subscriptionPopup .subscription-table table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.subscriptionPopup .subscription-table table tbody tr:nth-child(even):hover {
  background-color: #ffffff !important;
}
.subscriptionPopup .success-width {
  width: 298px !important;
}
.subscriptionPopup .success-min-width {
  min-width: 298px !important;
}

@media (min-width: 1023px) {
  .subscription-downloadEmail-parent {
    position: sticky;
    top: 0px;
    padding: 24px 0;
    z-index: 10;
    background: #ffffff;
  }
}
.subscription-downloadEmail-parent .edel-icon-success-rounded-tick {
  line-height: 1.5rem;
}
.subscription-downloadEmail-parent .download-icon-div {
  width: 30px;
  height: 30px;
  background-color: #f2f2f5;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
}
.subscription-downloadEmail-parent .email-icon-div {
  background-color: #f2f2f5;
  padding: 6px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #03002f;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  border-radius: 5px;
  cursor: pointer;
}
.subscription-downloadEmail-parent .email-icon-div .edel-icon-email-us {
  font-size: 0.938rem !important;
  font-weight: 600;
}
.subscription-downloadEmail-parent .download-popup {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #f1f1f4;
  box-shadow: 0px 25px 37px 0px rgba(0, 0, 0, 0.1), 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
  width: fit-content;
  position: absolute;
  top: 34px;
  right: 0;
  z-index: 10;
  background-color: #ffffff;
  width: 180px;
}
.subscription-downloadEmail-parent .download-popup-txt-div {
  padding: 12px 0;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  border-radius: 5px;
  color: #444444;
  text-align: center;
}
.subscription-downloadEmail-parent .download-popup-txt-div:hover {
  background-color: #f2f2f5;
  font-size: 0.875rem;
  font-family: "DMSansBold";
  cursor: pointer;
}
.subscription-downloadEmail-parent .danger-icon {
  line-height: 24px;
}
.subscription-downloadEmail-parent .danger-icon .path1::before {
  color: #ffb400;
}

.subscriptionDrawer .commonnew-download-report-drawer__content {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  width: 100%;
}
.subscriptionDrawer .drawer-head {
  position: sticky;
  top: 0;
}
.subscriptionDrawer .body-table {
  margin-top: 64px;
}
.subscriptionDrawer .body-container {
  padding: 0 16px;
}
.subscriptionDrawer .subscription-detail-row-container {
  border-top: 1px solid #e7e7e7;
  padding: 15px 0 19px;
}
.subscriptionDrawer .subscription-detail-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
  margin-top: 16px;
}
.subscriptionDrawer .subscription_toaster_download {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 331px;
  min-width: 345px;
  z-index: 100;
}
.subscriptionDrawer .download-email-wrapper {
  position: sticky;
  top: 50px;
  padding: 16px 14px;
  background: #ffffff;
}
@media (max-width: 1023px) {
  .subscriptionDrawer .download-email-wrapper {
    position: fixed;
    left: 0;
    width: 100%;
    top: 40px;
  }
}
.subscriptionDrawer .subscription_toaster_email {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  min-width: 345px;
  z-index: 100;
}
.subscriptionDrawer .success-width {
  width: 298px !important;
}
.subscriptionDrawer .success-min-width {
  min-width: 298px !important;
}

.Subscription-div-scroll {
  height: calc(100vh - 300px);
  overflow: scroll;
}
.Subscription-div-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.Subscription-div-scroll {
  /* Handle */
}
.Subscription-div-scroll::-webkit-scrollbar-thumb {
  background: #c9c9c9 !important;
}
.Subscription-div-scroll::-webkit-scrollbar-track-piece {
  margin-top: 60px !important;
}

.subscription-popup-table {
  overflow-y: scroll;
  height: 366px;
}
.subscription-popup-table::-webkit-scrollbar {
  width: 3px !important;
  height: 5px !important;
}
.subscription-popup-table {
  /* Track */
}
.subscription-popup-table::-webkit-scrollbar-track {
  background: transparent;
}
.subscription-popup-table {
  /* Handle */
}
.subscription-popup-table::-webkit-scrollbar-thumb {
  background: #c9c9c9 !important;
}
.subscription-popup-table::-webkit-scrollbar-track-piece {
  margin-top: 40px !important;
  margin-bottom: 0px !important;
}.other-report-tabs.generic-tabs .nav-tabs {
  border-bottom: 1px solid #e7e7e7 !important;
}
@media (max-width: 900px) {
  .other-report-tabs.generic-tabs .nav-tabs {
    overflow-x: scroll;
    flex-wrap: nowrap;
  }
}
.other-report-tabs.generic-tabs .nav-tabs {
  width: 100%;
  padding-top: 3px;
}
.other-report-tabs.generic-tabs .nav-tabs li button {
  font-size: 0.875rem;
  font-family: "DMSansMedium" !important;
  color: #727271;
  height: 37px;
  padding: 5px 10px 10px 10px !important;
  text-wrap: nowrap;
  white-space: nowrap;
  line-height: 22px !important;
}
.other-report-tabs.generic-tabs .nav-tabs li button.active {
  border-bottom: 1px solid #3580f7 !important;
  font-size: 0.875rem !important;
  font-family: "DMSansMedium" !important;
  color: #3580f7 !important;
}
.other-report-tabs.generic-tabs .nav-tabs .nav-link.active {
  background: transparent;
  border-bottom: 1px solid #030130 !important;
  color: #03002f !important;
}
.other-report-tabs .commonnew-download-report-drawer__handle-wrapper {
  background-color: #f2f2f5;
  border-radius: 5px 5px 0 0;
}
.other-report-tabs .react-datepicker {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  border: 1px solid #b8b8b8;
}
.other-report-tabs .react-datepicker .react-datepicker__header {
  background-color: #ffffff;
  font-family: "DMSansMedium";
}
.other-report-tabs .react-datepicker .react-datepicker__current-month,
.other-report-tabs .react-datepicker .react-datepicker-time__header,
.other-report-tabs .react-datepicker .react-datepicker-year-header {
  color: #393939;
  font-family: "DMSansMedium";
}
.other-report-tabs .react-datepicker .react-datepicker__current-month {
  margin: 13px 0;
}
.other-report-tabs .react-datepicker .react-datepicker__day-name {
  color: #393939;
  font-family: "DMSansMedium";
}
.other-report-tabs .react-datepicker .react-datepicker__day--selected,
.other-report-tabs .react-datepicker .react-datepicker__day--in-selecting-range,
.other-report-tabs .react-datepicker .react-datepicker__day--in-range,
.other-report-tabs .react-datepicker .react-datepicker__month-text--selected,
.other-report-tabs .react-datepicker .react-datepicker__month-text--in-selecting-range,
.other-report-tabs .react-datepicker .react-datepicker__month-text--in-range,
.other-report-tabs .react-datepicker .react-datepicker__quarter-text--selected,
.other-report-tabs .react-datepicker .react-datepicker__quarter-text--in-selecting-range,
.other-report-tabs .react-datepicker .react-datepicker__quarter-text--in-range,
.other-report-tabs .react-datepicker .react-datepicker__year-text--selected,
.other-report-tabs .react-datepicker .react-datepicker__year-text--in-selecting-range,
.other-report-tabs .react-datepicker .react-datepicker__year-text--in-range {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.other-report-tabs .react-datepicker .react-datepicker .react-datepicker__day:hover,
.other-report-tabs .react-datepicker .react-datepicker .react-datepicker__month-text:hover,
.other-report-tabs .react-datepicker .react-datepicker .react-datepicker__quarter-text:hover,
.other-report-tabs .react-datepicker .react-datepicker .react-datepicker__year-text:hover {
  color: #393939 !important;
  background-color: #03002f !important;
}
.other-report-tabs .react-datepicker .react-datepicker__month-text--keyboard-selected,
.other-report-tabs .react-datepicker .react-datepicker__quarter-text--keyboard-selected,
.other-report-tabs .react-datepicker .react-datepicker__year-text--keyboard-selected {
  background-color: #03002f;
  color: #ffffff;
}
.other-report-tabs .react-datepicker .react-datepicker__day:hover,
.other-report-tabs .react-datepicker .react-datepicker__month-text:hover,
.other-report-tabs .react-datepicker .react-datepicker__quarter-text:hover,
.other-report-tabs .react-datepicker .react-datepicker__year-text:hover {
  background-color: #03002f !important;
  color: #ffffff;
}
.other-report-tabs .react-datepicker .react-datepicker__navigation-icon--next {
  left: 0;
}
.other-report-tabs .react-datepicker .react-datepicker__navigation-icon--next::before {
  left: 0;
}
.other-report-tabs .react-datepicker .react-datepicker__navigation-icon--previous {
  left: 22px;
}
.other-report-tabs .react-datepicker .react-datepicker__navigation-icon--previous::before {
  position: absolute;
}
.other-report-tabs .react-datepicker .react-datepicker__navigation-icon--previous::before {
  right: unset;
}
.other-report-tabs .react-datepicker .react-datepicker__navigation-icon::before {
  border-color: #03002f;
}
.other-report-tabs .react-datepicker button {
  justify-content: center;
}
.other-report-tabs .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #03002f;
}
.other-report-tabs .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-bottom-color: #03002f;
}
.other-report-tabs .react-datepicker-popper[data-placement^=bottom] {
  padding-top: 6px;
}
.other-report-tabs .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  border-top-color: #03002f;
}
.other-report-tabs .react-datepicker__month-container {
  float: left;
  width: 100%;
  margin: 0 auto;
}
.other-report-tabs .react-datepicker__day-name,
.other-report-tabs .react-datepicker__day,
.other-report-tabs .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 2.6rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.other-report-tabs .react-datepicker .react-datepicker__month-select,
.other-report-tabs .react-datepicker .react-datepicker__year-select {
  background: #ffffff;
  border: 1px solid #f0f9ff;
  width: 100%;
  margin: 10px auto;
  padding: 4px 3px;
  border-radius: 4px;
  position: relative;
  font-size: 0.75rem;
  color: #03002f;
  font-family: "RobotoCondensedBold";
}
.other-report-tabs button.react-datepicker__navigation {
  margin: 10px auto;
}
.other-report-tabs .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after,
.other-report-tabs .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  display: none;
}
.other-report-tabs .react-datepicker-wrapper .react-datepicker__input-container button {
  height: 42px;
  border: unset;
  border-radius: 5px;
  width: 100%;
  background-color: unset;
  text-align: left;
  padding-left: 10px;
  font-size: 0.875rem;
  font-family: "EncodeSansSemiBold";
  color: #333333;
}
.other-report-tabs .midnightblue-theme .modalHoldingTitle .modal-content .modal-header {
  background-color: #f2f2f5 !important;
}
.other-report-tabs .midnightblue-theme .backgroundcolor_bluedrawer .backgroundcolor_bluedrawer__handle-wrapper {
  background: #f2f2f5;
}
.other-report-tabs .midnightblue-theme .common-datepicker .custom_heading {
  background-color: #f2f2f5 !important;
}
.other-report-tabs .midnightblue-theme .common-datepicker .edel-icon-calendar-report::before {
  color: #03002f !important;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  border: 1px solid #b8b8b8;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__header {
  background-color: #ffffff;
  font-family: "DMSansMedium";
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__current-month,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker-time__header,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker-year-header {
  color: #393939;
  font-family: "DMSansMedium";
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__current-month {
  margin: 13px 0;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__day-name {
  color: #393939;
  font-family: "DMSansMedium";
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__day--selected,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__day--in-selecting-range,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__day--in-range,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__month-text--selected,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__month-text--in-selecting-range,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__month-text--in-range,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__quarter-text--selected,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__quarter-text--in-selecting-range,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__quarter-text--in-range,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__year-text--selected,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__year-text--in-selecting-range,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__year-text--in-range {
  background-color: #03002f !important;
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker .react-datepicker__day:hover,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker .react-datepicker__month-text:hover,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker .react-datepicker__quarter-text:hover,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker .react-datepicker__year-text:hover {
  color: #393939 !important;
  background-color: #03002f !important;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__month-text--keyboard-selected,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__quarter-text--keyboard-selected,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__year-text--keyboard-selected {
  background-color: #03002f;
  color: #ffffff;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__day:hover,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__month-text:hover,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__quarter-text:hover,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__year-text:hover {
  background-color: #03002f !important;
  color: #ffffff;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__navigation-icon--next {
  left: 0;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__navigation-icon--next::before {
  left: 0;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__navigation-icon--previous {
  left: 22px;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__navigation-icon--previous::before {
  position: absolute;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__navigation-icon--previous::before {
  right: unset;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__navigation-icon::before {
  border-color: #03002f;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker button {
  justify-content: center;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #03002f;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-bottom-color: #03002f;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker-popper[data-placement^=bottom] {
  padding-top: 6px;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  border-top-color: #03002f;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker__month {
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker__month-container {
  float: left;
  width: 100%;
  margin: 0 auto;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker__day-names,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker__week {
  white-space: nowrap;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 0.5rem;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker__day-name,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker__day,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 2rem !important;
  height: 2rem !important;
  line-height: 1.7rem;
  text-align: center;
  margin: 0;
}
.other-report-tabs .midnightblue-theme .common-datepicker .keyboard-daychange .react-datepicker__day--keyboard-selected.react-datepicker__day--in-range {
  background-color: #03002f !important;
  color: #ffffff !important;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__month-select,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker .react-datepicker__year-select {
  background: #ffffff;
  border: 1px solid #f0f9ff;
  width: 100%;
  margin: 10px auto;
  padding: 4px 3px;
  border-radius: 4px;
  position: relative;
  font-size: 0.75rem;
  color: #03002f;
  font-family: "RobotoCondensedBold";
}
.other-report-tabs .midnightblue-theme .common-datepicker button.react-datepicker__navigation {
  margin: 10px auto;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after,
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  display: none;
}
.other-report-tabs .midnightblue-theme .common-datepicker .react-datepicker-wrapper .react-datepicker__input-container button {
  height: 42px;
  border: unset;
  border-radius: 5px;
  width: 100%;
  background-color: unset;
  text-align: left;
  padding-left: 10px;
  font-size: 0.875rem;
  font-family: "EncodeSansSemiBold";
  color: #333333;
}
.other-report-tabs .midnightblue-theme .custom_buttons {
  display: flex;
  gap: 15px;
  margin-top: 15.76px;
}
@media (max-width: 667px) {
  .other-report-tabs .midnightblue-theme .custom_buttons {
    margin: 15px 20px !important;
  }
}
.other-report-tabs .midnightblue-theme .custom_buttons button {
  padding: 14px 28px;
  border-radius: 6px;
  background: #ffffff;
  width: 236px;
  height: 48px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 140%;
  border-radius: 6px;
  border: 1px solid #03002f !important;
  color: #03002f !important;
}
.other-report-tabs .midnightblue-theme .custom_buttons button:hover {
  background: #03002f !important;
  color: #ffffff !important;
}
.other-report-tabs .midnightblue-theme .custom_buttons .active {
  background: #03002f !important;
  color: #ffffff !important;
}.ledgers-report-container {
  position: relative;
}
.ledgers-report-container .equity-dropdown-block .dropdown-menu {
  width: 200px !important;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.ledgers-report-container .equity-dropdown-block .equitydrop i:before {
  color: #03002f;
}
.ledgers-report-container .equity-dropdown-block .dropdown-toggle {
  padding: 10px 20px;
  border: 1px solid #e7e7e7;
}
.ledgers-report-container .equity-dropdown-block .dropdown-item:hover {
  color: #03002f !important;
}
.ledgers-report-container .equity-dropdown-block .dropdown-item:last-child {
  padding-bottom: 20px !important;
}
.ledgers-report-container .customFormSection_field .mail_label_body {
  overflow-x: hidden !important;
}
.ledgers-report-container .customFormSection_field .mail_label_body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  background-clip: content-box;
}
.ledgers-report-container .customFormSection_field .mail_label_body::-webkit-scrollbar {
  display: block !important;
  width: 3px !important;
  background-color: #f5f5f5;
  padding-left: 2px !important;
}
.ledgers-report-container .customFormSection_field .mail_label_body::-webkit-scrollbar-thumb {
  background-color: #000000;
  width: 3px !important;
  height: 3px !important;
  border-radius: 1px !important;
  border: 5px solid #03002f;
}
.ledgers-report-container .customFormSection_field .mail_label_body .mail_label_body_item {
  justify-content: space-between;
  padding-right: 4px;
}
.ledgers-report-container .ledger-dropdown-new {
  border: none;
}
.ledgers-report-container .ledger-dropdown-new.filter-dropdown {
  max-height: 250px !important;
  margin-top: 15px;
}
.ledgers-report-container .ledger-dropdown-new .dropdown-menu {
  width: 202px !important;
  background-color: #f2f2f5;
  border: none;
  height: 149px;
  padding: 20px 15px 0px 15px;
  margin-top: unset;
}
.ledgers-report-container .ledger-dropdown-new .dropdown-menu .dropdown-item {
  padding: 0 !important;
  margin-bottom: 14px;
}
.ledgers-report-container .ledger-dropdown-new .dropdown-menu .dropdown-item:last-child {
  padding-bottom: 20px;
}
.ledgers-report-container .ledger-dropdown-new .dropdown-menu .dropdown-item:hover {
  color: #03002f !important;
}
.ledgers-report-container .ledger-dropdown-new .dropdown-toggle {
  border: none !important;
  padding: 10px 20px;
}
.ledgers-report-container .ledger-dropdown-new-btn button {
  padding: unset !important;
}
.ledgers-report-container .ledger-dropdown-new.fundsDropdown {
  margin-top: 1.5rem;
  width: 20%;
  justify-self: baseline;
}
.ledgers-report-container .ledger-dropdown-new.fundsDropdown button {
  color: #03002f !important;
  background-color: transparent !important;
}
.ledgers-report-container .ledger-dropdown-new.fundsDropdown .dropdown-menu {
  margin-top: 6px;
  max-height: unset;
  box-shadow: unset;
  background-color: #ffffff;
  margin-top: 5px;
}
.ledgers-report-container .toggle-ledger-change.mtf-switch .toggle-switch-label.e-switch-active {
  border: unset;
}
.ledgers-report-container .toggle-ledger-change.mtf-switch .toggle-switch-label.e-switch-active .toggle-switch-inner:before {
  background-color: #cacac9;
}
.ledgers-report-container .toggle-ledger-change.mtf-switch .toggle-switch-switch {
  background: #b8b8b8;
}
.ledgers-report-container .toggle-ledger-change.mtf-switch .toggle-switch-switch.e-switch-active {
  margin: 0.2rem;
}
.ledgers-report-container .toggle-ledger-change .toggle-switch-label.e-switch-active {
  border: 1px solid #cacac9;
}
.ledgers-report-container .toggle-ledger-change .toggle-switch-label .e-switch-active {
  background: #03002f;
}
.ledgers-report-container .toggle-ledger-change .toggle-switch-switch.e-switch-active {
  background: #03002f;
}
.ledgers-report-container .toggle-ledger-change .toggle-switch-switch {
  background: #03002f;
}
.ledgers-report-container .ledger-table-border {
  border-spacing: 0px;
  padding-bottom: 1rem !important;
}
.ledgers-report-container .ledger-table-border thead th {
  padding: 20px 13px;
}
.ledgers-report-container .ledger-table-border tbody td {
  width: 50%;
  padding: 20px 13px;
  border-radius: 0px;
  border: 1px solid #e7e7e7;
  border-bottom: unset;
}
.ledgers-report-container .ledger-table-border tbody td:first-child {
  border-right: unset;
}
.ledgers-report-container .ledger-table-border tbody td:last-child {
  text-align: center;
}
.ledgers-report-container .ledger-table-border tbody tr:last-child td {
  border-bottom: 1px solid #e7e7e7;
}
.ledgers-report-container .filter-ledger-main .ed_button.link {
  color: #03002f;
  border-radius: 5px;
  background-color: #f2f2f5;
}
.ledgers-report-container .subscriptionfeeborder .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
  position: static;
  z-index: 7 !important;
}
.ledgers-report-container .ledger-total {
  border: 1px solid #e7e7e7;
  padding: 20px 15px;
  border-radius: 5px;
}
.ledgers-report-container .ledger-total-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.ledgers-report-container .ledger-total-row .pd-36 {
  padding: 0 36px;
}
.ledgers-report-container .ledger-accordion .accordion-item {
  border: unset;
  border-bottom: 1px solid #e7e7e7;
  padding: 9px 0px;
}
.ledgers-report-container .ledger-accordion .accordion-item .accordion-item {
  background: unset;
}
.ledgers-report-container .ledger-accordion .accordion-item .accordion-button::after {
  margin-top: 50px;
  color: #03002f;
  background-color: #ffffff;
  border: 1px solid #03002f;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
}
.ledgers-report-container .ledger-accordion .accordion-item .accordion-body {
  background-color: #f2f2f5;
  padding: 16px 9px 17px 9px;
}
.ledgers-report-container .pdl-62 {
  padding-left: 62px !important;
}
.ledgers-report-container .pdl-22 {
  padding-left: 22px !important;
}
.ledgers-report-container .pdl-38 {
  padding-left: 38px !important;
}
.ledgers-report-container .calendar-ledger-tax .calendar_container {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  margin-left: 120px;
  z-index: 98;
}
.ledgers-report-container .calendar-ledger-tax .calendar_container .calendar_arrow {
  margin-left: 215px;
}
.ledgers-report-container .calendar-ledger-tax .calendar_container .calendar_list span:hover {
  background: #03002f;
  color: #ffffff;
}
.ledgers-report-container .calendar-ledger-tax .calendar_container .calendar_list span:hover i {
  color: #ffffff;
}
.ledgers-report-container .calendar-ledger-tax .calendar_container .calendar_list i {
  color: #03002f;
}
.ledgers-report-container .calendar-ledger-tax .calendar_container {
  z-index: 98;
}
.ledgers-report-container .calendar-ledger-tax .year_container {
  z-index: 98;
}
.ledgers-report-container .__filter_Icon {
  height: 35px;
  width: 35px;
}
.ledgers-report-container .generic-tabs.common-tab-color .nav-item .nav-link {
  font-family: "DMSansNormal" !important;
  font-size: 0.875rem !important;
}
.ledgers-report-container .generic-tabs.common-tab-color .nav-item .nav-link.active {
  font-family: "DMSansMedium" !important;
}
.ledgers-report-container .calendar_date .fin_year {
  font-family: "RobotoBold";
  font-size: 1.25rem;
}
@media (max-width: 1023px) {
  .ledgers-report-container .calendar_date .fin_year {
    font-family: "RobotoMedium";
    font-size: 0.875rem;
  }
}
@media (max-width: 1023px) {
  .ledgers-report-container .calendar_date .financial-year-date {
    color: #727271;
  }
}
@media (max-width: 1023px) {
  .ledgers-report-container .calendar_date .date {
    color: #727271;
    font-family: "RobotoRegular";
    font-size: 0.875rem;
  }
}
.ledgers-report-container .common-table-border table thead tr th {
  padding: 12px 15px;
  width: 11%;
}
.ledgers-report-container .common-table-border table thead tr th:first-child {
  width: 12%;
}
.ledgers-report-container .common-table-border table tbody tr {
  border: none;
}
.ledgers-report-container .common-table-border table tbody tr td {
  padding: 12px 15px;
  word-break: break-word;
  width: 11%;
}
.ledgers-report-container .common-table-border table tbody tr td:first-child {
  width: 12%;
}
.ledgers-report-container .common-table-border table tbody tr td {
  border: none;
}
.ledgers-report-container .common-table-border table tbody tr:hover {
  background-color: transparent !important;
}
.ledgers-report-container .customForm .remove-button-report button:hover {
  background-color: #03002f;
}
.ledgers-report-container .update-message {
  width: 55%;
  justify-content: center;
}
.ledgers-report-container .generic-tabs.common-tab-color .nav-item .nav-link.active {
  border-bottom: 2px solid #03002f !important;
  padding-bottom: 12px;
}
.ledgers-report-container .snapShotExtentionTableRow td {
  border-top: 1px solid #e7e7e7 !important;
  border-bottom: 1px solid #e7e7e7 !important;
  padding: 20px 15px !important;
  cursor: default;
}
.ledgers-report-container .snapShotExtentionTableRow td:first-child {
  border-left: 1px solid #e7e7e7;
}
.ledgers-report-container .snapShotExtentionTableRow td:last-child {
  border-right: 1px solid #e7e7e7;
}
.ledgers-report-container .react-datepicker__year-dropdown--scrollable {
  height: auto !important;
}
.ledgers-report-container .erroricon.edel-icon-reports-note {
  font-size: 3rem;
}
@media (min-width: 1023px) {
  .ledgers-report-container .adjust-filter-dropdown {
    position: relative;
    top: -2rem;
  }
  .ledgers-report-container .common-download .download-btn {
    width: 132px;
    gap: 8px;
  }
  .ledgers-report-container .ledger-filter-external button {
    width: 200px;
    justify-content: end;
    height: 42px;
    padding-right: 10px !important;
  }
  .ledgers-report-container .ledger-filter-external .dropdown-item {
    color: #444444 !important;
  }
  .ledgers-report-container .common-download-newtheme .common-download-report .date-input-section {
    padding-top: unset !important;
  }
  .ledgers-report-container .statementsColoums-desktop .view-action .edel-icon-eye {
    font-size: 1.25rem;
  }
  .ledgers-report-container .statementsColoums-desktop thead tr th:nth-child(4) {
    text-align: right;
    padding: 1.5rem;
  }
  .ledgers-report-container .statementsColoums-desktop tbody tr:nth-child(odd) td,
  .ledgers-report-container .statementsColoums-desktop tbody tr:nth-child(odd):hover {
    background-color: #f2f2f5;
  }
  .ledgers-report-container .statementsColoums-desktop tbody tr:nth-child(even) {
    background-color: transparent;
  }
  .ledgers-report-container .statementsColoums-desktop tbody tr td:nth-child(2),
  .ledgers-report-container .statementsColoums-desktop tbody tr td:nth-child(3),
  .ledgers-report-container .statementsColoums-desktop tbody tr td:nth-child(4) {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
  .ledgers-report-container .statementsColoums-desktop tbody tr td:nth-child(1) {
    font-size: 0.75rem;
    font-family: "RobotoRegular";
  }
  .ledgers-report-container .calender-download-filter-row {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
  }
  .ledgers-report-container .calender-download-filter-row .calendar-ledger-tax {
    margin-right: 25%;
  }
  .ledgers-report-container .calender-download-filter-row .calendar-ledger-tax .calendar_change {
    margin-left: 0;
  }
  .ledgers-report-container .calender-download-filter-row .calendar-ledger-tax .calendar_change .edel-icon-coloured-calendar {
    font-size: 1.125rem;
  }
  .ledgers-report-container .calender-download-filter-row .filter-download {
    justify-self: end;
  }
}
.ledgers-report-container .backgroundcolor_bluedrawer {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.ledgers-report-container .commonnew-modal-download-popup.commonmodal .modal-content {
  border-radius: 5px 5px 0px 0px;
}
.ledgers-report-container .commonnew-modal-download-popup.commonmodal .modal-content .modal-header {
  border-radius: 5px 5px 0px 0px;
}
.ledgers-report-container .commonnew-modal-download-popup .common-reports-download-mail.ledger-download-modal .common-download-newtheme .customFormSection_field .mail .mail_label .mail_label_body {
  overflow: auto;
}

@media (max-width: 1023px) {
  .ledgers-report-container .receive-payment-head {
    padding: 9px 14px 40px 14px;
  }
  .ledgers-report-container .ledger-received-payment {
    padding: 15px;
    border-bottom: 1px solid #e7e7e7;
    line-height: 20px;
  }
  .ledgers-report-container .ledger-received-payment .grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .ledgers-report-container .ledger-received-payment .grid .grid-kid-1 {
    grid-area: 1/1/2/3;
  }
  .ledgers-report-container .ledger-received-payment .grid .grid-kid-2 {
    grid-area: 1/4/2/6;
  }
  .ledgers-report-container .ledger-received-payment .grid .grid-kid-3 {
    grid-area: 2/1/3/3;
  }
  .ledgers-report-container .ledger-received-payment .grid .grid-kid-4 {
    grid-area: 2/4/3/6;
  }
  .ledgers-report-container .watchlist-drawer .drawer-body .sortlist-body {
    padding: 0px 15px 0 15px !important;
    border-bottom: 1px solid #e7e7e7;
    height: 3rem;
  }
  .ledgers-report-container .topboxsshadow-button {
    box-shadow: unset;
    border-top: 1px solid #e7e7e7;
    position: sticky;
  }
  .ledgers-report-container .filterasset-drop-body .inside-list {
    padding: 5px 0;
  }
  .ledgers-report-container .filterasset-drop-body .inside-list .bodylist-title {
    color: #03002f;
    font-size: 0.875rem;
    font-family: "DMSansNormal";
  }
  .ledgers-report-container .update-message {
    width: 70%;
  }
  .ledgers-report-container .common-download .download-btn {
    padding: 13px;
    background-color: #f2f2f5;
  }
  .ledgers-report-container .common-download .download-btn .edel-icon-download-coloured {
    font-size: 18px;
  }
  .ledgers-report-container .__filter_Icon {
    height: unset;
    width: unset;
    padding: 13px;
  }
  .ledgers-report-container .ledger-filter-external button {
    width: 200px;
    justify-content: end;
    height: 42px;
    padding-right: 10px !important;
  }
  .ledgers-report-container .ledger-filter-external .dropdown-item {
    color: #444444 !important;
  }
  .ledgers-report-container .ledger-filter-external-mob .ledger-dropdown-new {
    min-height: unset !important;
    max-height: unset !important;
  }
  .ledgers-report-container .sort-filter-mob-padding.generic-tabs:not(.footer-sidebar-generic) .nav.nav-tabs {
    height: 50px !important;
  }
  .ledgers-report-container .sort-filter-mob-padding.generic-tabs:not(.footer-sidebar-generic) .nav.nav-tabs .nav-item {
    padding: 10px 5px 0 0px;
  }
  .ledgers-report-container .sort-filter-mob-padding.generic-tabs:not(.footer-sidebar-generic) .nav.nav-tabs .nav-item .nav-link {
    padding: 12px 10px 10px 10px !important;
    margin: 0px 5px 0px 5px;
  }
  .ledgers-report-container .download-ledger.commonnew-download-report-drawer__handle-wrapper {
    background-color: #f2f2f5;
    border-radius: 5px;
  }
  .ledgers-report-container .download-ledger-status.commonnew-download-report-drawer__handle-wrapper {
    background-color: #ffffff;
    border-radius: 5px;
  }
  .ledgers-report-container .tabs-flex-direction.common-tab-color .nav-tabs {
    flex-direction: row;
  }
  .ledger-filters {
    padding: 19px 15px 23px 15px;
  }
  .head-ledger-drawer {
    padding: 10px 15px 20px 15px;
  }
  .download-ledger-img .download-btn {
    height: 50px;
    width: 50px;
  }
  .download-ledger-img .download-btn img {
    height: 20px;
  }
  .filter-mobileicon-ledger .ed_button.slim {
    height: 50px;
    width: 50px;
  }
  .tabLedger-report {
    padding-top: 15px !important;
  }
  .tabLedger-report .nav-tabs {
    border-bottom: 1px solid #e7e7e7 !important;
  }
  .tabLedger-report .nav-tabs li button.active {
    line-height: 18px !important;
  }
  .sort-filter-ledgerhead {
    padding: 10px 15px 20px 15px;
  }
  .ledgers-report-container .generic-tabs .nav-tabs .nav-item button {
    padding: 4px;
    margin-right: 10px;
  }
  .ledger-detail-mobile {
    display: flex;
    justify-content: space-between;
  }
  .ledger-detail-mobile-parent {
    padding: 5px 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    column-gap: 1rem;
    line-height: 1.25rem;
  }
  .ledger-detail-mobile-parent .seperator-border {
    border-bottom: 1px solid #e7e7e7;
  }
  .filter-tags {
    padding: unset !important;
  }
  .pandLcalendar .custom_buttons {
    margin: 15px 30px;
  }
}
.asondate {
  display: flex;
  justify-content: end;
  position: absolute;
  top: 50px;
  right: 0;
}

.filter-tags {
  display: flex;
  gap: 10px;
  overflow-x: scroll;
  margin: 10px 0;
}
.filter-tags .tag-container {
  background-color: #f2f2f5;
  color: #03002f;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
}
.filter-tags .tag-container .edel-icon-close {
  font-size: 7.5px;
}
.filter-tags .tag-container .ed-filter-label-text {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.tooltip-invert .tooltip-inner {
  background-color: #ffffff !important;
}
.tooltip-invert.blue-common-tooltip {
  z-index: 97 !important;
}
.tooltip-invert .tooltip-arrow:before {
  border-top-color: #ffffff !important;
  border-width: 10px !important;
  border-bottom: none !important;
}

.fDot {
  position: relative;
  top: -15px;
}

.statement-mobile {
  padding: 1rem;
  border-bottom: 1px solid #e7e7e7;
}
.statement-mobile .edel-icon-eye {
  font-size: 20px;
}

.statements-contract-note {
  background-color: #f2f2f5;
}
.statements-contract-note .statements-contract-note__handle-wrapper {
  background-color: transparent;
  border-radius: 5px 5px 0px 0px;
  padding: 15px 0px 0px !important;
}
.statements-contract-note .statements-contract-note__content {
  padding: 0px;
}
.statements-contract-note .statements-contract-note__handle {
  width: 94px !important;
}

.statements-contract-note__backdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.newDownloadSuccess .newDownloadSuccess-img {
  border-radius: 48px;
  padding: 8px;
}

.contractNotePDFDownloadSuccess .modal-header {
  background-color: #f2f2f5;
  padding: 20px 40px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.contractNotePDFDownloadSuccess .modal-content {
  border-radius: 15px;
}
.contractNotePDFDownloadSuccess .modal-title {
  font-size: 1.5rem;
  font-family: "DMSansBold";
}

.Statements .modal-header {
  background-color: #f2f2f5;
}body {
  font-size: 16px;
}

.filterasset-drop {
  background: #f2f2f5;
  border-radius: 5px;
  width: 398px;
  padding: 20px;
  display: block;
  margin-top: 10px;
  z-index: 6;
  position: absolute;
  right: 0%;
}
.filterasset-drop-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 22px;
  font-feature-settings: "case" on;
  color: #444444;
}
.filterasset-drop-head p {
  margin: 5px 0px;
}
.filterasset-drop-head p span {
  margin: 4px;
  z-index: 10;
}
.filterasset-drop-head .edel-icon-arrow-down {
  font-size: 1.75rem;
}
.filterasset-drop-imp {
  margin-top: 13px !important;
}
.filterasset-drop-body {
  max-height: 273px;
  background: #ffffff;
  border-radius: 5px;
  border-radius: 5px;
  margin: 15px 0px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* hide scroll bar in Internet Explorer 10+ */
  scrollbar-width: none;
  /*hide scroll bar in Firefox */
}
.filterasset-drop-body::-webkit-scrollbar {
  display: none;
}
.filterasset-drop-body {
  transition: "display 300ms ease-in";
}
.filterasset-drop #asset.filterasset-drop-head {
  margin-top: 7px;
  cursor: pointer;
}
.filterasset-drop #asset.filterasset-drop-header {
  margin-left: 10px;
}
.filterasset-drop #filter.filterasset-drop-head {
  margin-top: 7px;
  cursor: pointer;
}
.filterasset-drop #asset.filterasset-drop-body {
  height: 205px;
}
.filterasset-drop-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f2f2f5;
  padding-top: 15px;
}
.filterasset-drop-footer .filter-button {
  padding: 13px 28px;
  border-radius: 6px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  color: #03002f;
  width: 48%;
  background-color: transparent;
  border: 1px solid #03002f;
}
.filterasset-drop-footer .clear_all:hover {
  background-color: #3580f7;
  color: #ffffff;
}
.filterasset-drop-footer .aply-btn {
  background: #03002f;
  border: none;
  color: #ffffff;
  width: 176px !important;
  height: 48px !important;
  border-radius: 6px;
}
.filterasset-drop .filterasset-drop-body .checkbox {
  position: relative;
  display: flex;
  font-size: 0.875rem;
  line-height: 20px;
  color: #292929;
  width: 119px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  width: 80%;
  font-feature-settings: "case" on;
  white-space: nowrap;
}
.filterasset-drop .filterasset-drop-body .checkbox.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.filterasset-drop .filterasset-drop-body .checkbox input[type=checkbox] {
  opacity: 0;
  width: 20px;
  height: 20px;
}
.filterasset-drop .filterasset-drop-body .checkbox input[type=checkbox]:checked + .checked {
  background-color: #3580f7 !important;
  border: 1px solid #e7e7e7;
}
.filterasset-drop .filterasset-drop-body .checkbox p,
.filterasset-drop .filterasset-drop-body .checkbox .checked {
  display: inline-block;
  cursor: pointer;
}
.filterasset-drop .filterasset-drop-body .checkbox .checked {
  width: 20px;
  height: 20px;
  border: solid 1px;
  border-color: rgba(38, 6, 203, 0.3);
  border-radius: 0.25rem;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  transition: border-color 0.2s, background-color 0.2s;
}
.filterasset-drop .filterasset-drop-body .checkbox .checked::before {
  color: #ffffff;
  display: inline-block;
  font-size: 1.25rem;
  margin-top: -7%;
  margin-left: -2px;
}
.filterasset-drop .filterasset-drop-body .checkbox p {
  margin-left: 10px;
  overflow: hidden;
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filterasset-drop .light-blue {
  color: #3580f7;
}
.filterasset-drop .dark-grey {
  color: #444444;
}
.filterasset-drop .light-grey {
  color: #b8b8b8;
}
.filterasset-drop .show {
  display: block;
}
.filterasset-drop .hide {
  display: none;
}
.filterasset-drop ul {
  padding: 20px;
  border-radius: 5px;
}
.filterasset-drop li label {
  display: -webkit-inline-box;
}
.filterasset-drop li p {
  margin-left: 10px;
  margin-bottom: 0px;
  font-size: 0.875rem;
  margin-top: 2px;
  color: #444444;
}
.filterasset-drop li input {
  width: 20px;
  height: 20px;
}

.filterasset-drop-light-blue-theme {
  background: #f0f9ff;
  border-radius: 5px;
  width: 398px;
  padding: 20px;
  display: block;
  margin-top: 10px;
  z-index: 6;
  position: absolute;
  right: 0%;
}
.filterasset-drop-light-blue-theme .filterasset-drop-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 22px;
  font-feature-settings: "case" on;
  color: #444444;
}
.filterasset-drop-light-blue-theme .filterasset-drop-head p {
  margin: 5px 0px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-head p span {
  margin: 4px;
  z-index: 10;
}
.filterasset-drop-light-blue-theme .filterasset-drop-head .edel-icon-arrow-down {
  font-size: 1.75rem;
}
.filterasset-drop-light-blue-theme .filterasset-drop-imp {
  margin-top: 13px !important;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body {
  max-height: 273px;
  background: #ffffff;
  border-radius: 5px;
  margin: 15px 0px;
  overflow-y: scroll;
  -ms-overflow-style: none; /* hide scroll bar in Internet Explorer 10+ */
  scrollbar-width: none; /*hide scroll bar in Firefox */
}
.filterasset-drop-light-blue-theme .filterasset-drop-body::-webkit-scrollbar {
  display: none;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body {
  transition: "display 300ms ease-in";
}
.filterasset-drop-light-blue-theme #asset.filterasset-drop-head {
  margin-top: 7px;
  cursor: pointer;
}
.filterasset-drop-light-blue-theme #asset.filterasset-drop-header {
  margin-left: 10px;
}
.filterasset-drop-light-blue-theme #filter.filterasset-drop-head {
  margin-top: 7px;
  cursor: pointer;
}
.filterasset-drop-light-blue-theme #asset.filterasset-drop-body {
  height: 205px;
}
.filterasset-drop-light-blue-theme .color_blue {
  color: #3580f7 !important;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f0f9ff;
  padding-top: 15px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer .filter-button {
  padding: 13px 28px;
  border-radius: 6px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  width: 48%;
  background-color: transparent;
  border: 1px solid #3580f7;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer .clear_all {
  background-color: transparent;
  color: #3580f7;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer .clear_all:hover {
  background-color: #3580f7;
  color: #ffffff;
}
.filterasset-drop-light-blue-theme .filterasset-drop-footer .aply-btn {
  background: #3580f7;
  border: none;
  color: #ffffff;
  width: 176px !important;
  height: 48px !important;
  border-radius: 6px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox {
  position: relative;
  display: flex;
  font-size: 0.875rem;
  line-height: 20px;
  color: #292929;
  width: 119px;
  font-family: "encodesans_normal";
  font-style: normal;
  font-weight: 500;
  width: 80%;
  font-feature-settings: "case" on;
  white-space: nowrap;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox input[type=checkbox] {
  opacity: 0;
  width: 20px;
  height: 20px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox input[type=checkbox]:checked + .checked {
  background-color: #3580f7;
  border: 1px solid #e7e7e7;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox p,
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox .checked {
  display: inline-block;
  cursor: pointer;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox .checked {
  width: 20px;
  height: 20px;
  border: solid 1px;
  border-color: rgba(38, 6, 203, 0.3);
  border-radius: 0.25rem;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  transition: border-color 0.2s, background-color 0.2s;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox .checked::before {
  color: #ffffff;
  display: inline-block;
  font-size: 1.25rem;
  margin-top: -7%;
  margin-left: -2px;
}
.filterasset-drop-light-blue-theme .filterasset-drop-body .checkbox p {
  margin-left: 10px;
  overflow: hidden;
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filterasset-drop-light-blue-theme .light-blue {
  color: #3580f7;
}
.filterasset-drop-light-blue-theme .dark-grey {
  color: #444444;
}
.filterasset-drop-light-blue-theme .light-grey {
  color: #b8b8b8;
}
.filterasset-drop-light-blue-theme .show {
  display: block;
}
.filterasset-drop-light-blue-theme .hide {
  display: none;
}
.filterasset-drop-light-blue-theme ul {
  margin-top: 12px;
  margin-left: 10px;
  padding-left: 0;
}
.filterasset-drop-light-blue-theme li {
  padding: 2%;
}
.filterasset-drop-light-blue-theme li label {
  display: -webkit-inline-box;
}
.filterasset-drop-light-blue-theme li p {
  margin-left: 10px;
  margin-bottom: 0px;
  font-size: 0.875rem;
  margin-top: 2px;
  color: #444444;
}
.filterasset-drop-light-blue-theme li input {
  width: 20px;
  height: 20px;
}

.nrml,
.cnc,
.bo,
.mtf {
  border: 1px solid rgba(223, 167, 23, 0.1);
  padding: 2px 4px;
  margin-left: 10px;
  border-radius: 2px;
  height: 21px;
  line-height: 15px;
  align-self: center;
  color: #dfa717;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.mis {
  border: 1px solid hsla(1, 69%, 59%, 0.1);
  padding: 2px 4px;
  margin-left: 10px;
  border-radius: 2px;
  height: 21px;
  line-height: 15px;
  align-self: center;
  color: #dd504d;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.filterBottomScroll {
  padding-bottom: 100px !important;
}

.filterasset-drop-common-asset {
  right: 5.5%;
}

.filterasset-new-theme .filterasset-drop-body {
  max-height: 150px;
  margin: 20px 0;
}
.filterasset-new-theme .filterasset-drop-body ul {
  margin: 5px 10px;
}
.filterasset-new-theme .filterasset-drop-body::-webkit-scrollbar-thumb {
  background-color: #03002f;
  border-radius: 6px;
  border: 1px solid #03002f;
}
.filterasset-new-theme .drop-arrow {
  width: 22px;
  height: 22px;
  background: #f2f2f5;
  transform: rotate(45deg);
  margin-left: 340px;
  margin-top: -30px;
}.report-checkbox {
  display: flex;
  align-items: center;
}
.report-checkbox input[type=checkbox] {
  border: 1px solid #e7e7e7 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  cursor: pointer;
  outline: 0;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
.report-checkbox input[type=checkbox]:checked {
  background-color: #03002f !important;
  border: 1px solid #03002f !important;
  color: #03002f;
}
.report-checkbox label {
  cursor: pointer;
}.action-switchblock {
  padding: 20px 15px 25px;
}

.action-sidebar-block {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  height: fit-content;
}
@media (max-width: 1023px) {
  .action-sidebar-block {
    padding: 30px 15px 50px;
  }
}

.actions-mob-drawer .drawer-head {
  padding: 19.5px 15px 22.5px 15.5px;
}
.actions-mob-drawer .drawer-head i {
  padding-right: 8px;
}

.more-filters-section .more-filters-header .select-all-btn {
  font-size: 0.875rem !important;
  font-family: "DMSansNormal" !important;
}
.more-filters-section .common-filter-list {
  min-height: 310px;
}

.pnl-types-list.common-checkbox-new,
.more-filters-section.common-checkbox-new {
  padding: 25px 15px;
}
.pnl-types-list.common-checkbox-new .form-check,
.more-filters-section.common-checkbox-new .form-check {
  margin-bottom: 0px;
}
.pnl-types-list.common-checkbox-new .form-check-input,
.more-filters-section.common-checkbox-new .form-check-input {
  height: 20px;
  width: 20px;
}

.download-drawer-body {
  padding: 20px 15px 30px;
}
.download-drawer-body .titles {
  padding: 15px;
}
.download-drawer-body .titles:hover {
  background-color: #f2f2f5;
  border-radius: 5px;
}.edit-via-excel-btn {
  background-color: transparent !important;
  color: #6374d4 !important;
}
.edit-via-excel-btn .edel-icon-arrow-right1 {
  font-size: 10px !important;
}

.bulk-edit-txns-notification {
  background-color: #fffcea !important;
  height: 48px;
  border-radius: 10px;
  margin-top: 10px;
  padding: 0 15px;
}
.bulk-edit-txns-notification.successful {
  background-color: #f0fcf8 !important;
}
.bulk-edit-txns-notification.successful .edel-icon-success-outline {
  font-size: 30px !important;
}
.bulk-edit-txns-notification.successful .edel-icon-success-outline .path1:before {
  color: transparent !important;
}

.bulk-edit-txns-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 30px 30px 30px;
}
.bulk-edit-txns-container .download-excel-btn {
  border-radius: 100px;
  width: fit-content;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
}
.bulk-edit-txns-container .download-excel-btn .edel-icon-download-curve {
  font-size: 16px !important;
}

.upload-excel-file-container {
  display: flex;
  height: 207px;
  justify-content: center;
  align-items: center;
  gap: 354px;
  align-self: stretch;
  border-radius: 8px;
  border: 0.5px dashed #6374d4;
  background: #f5f7ff;
}
.upload-excel-file-container.drag-over {
  border: 2px solid #6374d4;
  background: rgba(245, 247, 255, 0.5);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.upload-excel-file-container .select-excel-file {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: column;
}
.upload-excel-file-container .select-excel-file .edel-icon-withoutcolor-cross {
  font-size: 14px !important;
}
.upload-excel-file-container .select-excel-file .edel-icon-withoutcolor-cross .path1:before {
  color: #f04e45 !important;
}
.upload-excel-file-container .select-excel-file .edel-icon-success-box {
  font-size: 58px !important;
}
.upload-excel-file-container .select-excel-file .upload-excel-icon {
  width: 55.748px;
  height: 37.317px;
}

.TxnUploadModal .modal-dialog {
  max-width: 475px;
}
.TxnUploadModal .modal-dialog .modal-content {
  width: 100%;
}
.TxnUploadModal .modal-dialog .modal-content .modal-header {
  padding: 20px 30px 14px 30px;
  background-color: #ffffff !important;
  display: flex;
  justify-content: space-between;
}
.TxnUploadModal .modal-dialog .modal-content .modal-header .edel-icon-cross-bold-small {
  font-size: 20px !important;
  cursor: pointer;
}
.TxnUploadModal .modal-dialog .modal-content .modal-body {
  border-radius: 10px;
}
.TxnUploadModal .final-check-to-submit {
  display: flex;
  padding: 10px 12px;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #d3ac5d;
  background: #fffcea;
}
.TxnUploadModal .submit-btn,
.TxnUploadModal .goback-btn {
  width: fit-content;
  height: 32px;
  border-radius: 100px;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TxnUploadModal .goback-btn {
  background-color: transparent !important;
  color: #6374d4 !important;
}.upcoming-page {
  min-height: 70vh;
  padding: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.upcoming-page .message {
  border-radius: 5px;
  padding: 16px 0px;
  text-align: center;
}
.upcoming-page .message p {
  margin: 0;
}.download-drop-revamp .download-block {
  padding: 10px;
  background-color: #ffffff;
  display: flex;
  flex-flow: column;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  margin-top: 10px;
  z-index: 10;
  width: 288px;
  box-shadow: 0px 25px 37px 0px rgba(0, 0, 0, 0.1), 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1023px) {
  .download-drop-revamp .download-block {
    box-shadow: unset !important;
    border: none;
    padding: 20px 15px;
  }
}
.download-drop-revamp .download-block .list-title {
  padding: 12px 16px;
  margin-bottom: 5px;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  color: #444444;
  border-radius: 5px;
  border: none;
  text-align: left;
  width: 100%;
  background-color: #ffffff;
}
@media (max-width: 1023px) {
  .download-drop-revamp .download-block .list-title {
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 0px;
  }
  .download-drop-revamp .download-block .list-title.selected {
    background-color: #f2f2f5;
  }
}
.download-drop-revamp .download-block .list-title:disabled {
  opacity: 0.5;
}
.download-drop-revamp .download-block .list-title:not(:disabled):hover {
  font-family: "DMSansBold";
  background-color: #f2f2f5;
}
.download-drop-revamp .download-block .list-title:last-child {
  margin-bottom: 0px;
}.terms-and-conditions {
  width: 100% !important;
}
.terms-and-conditions .modal-dialog {
  width: 1100px;
  max-width: 90%;
}
.terms-and-conditions .modal-content {
  border: none !important;
  border-radius: 15px;
}
.terms-and-conditions .modal-content .modal-header {
  border-bottom: none !important;
  padding: 37px 30px 37px 46px !important;
  align-items: flex-start !important;
}
.terms-and-conditions .modal-content .modal-body {
  padding: 0;
  padding-bottom: 37px;
  padding-right: 21px;
}
.terms-and-conditions .modal-title {
  font-size: 1.5rem;
  font-family: "DMSansBold";
  color: #000;
}
.terms-and-conditions .wrapper {
  max-height: 409px;
  overflow-y: scroll;
  padding: 0 46px;
  /* Custom scrollbar styles for WebKit browsers */
}
.terms-and-conditions .wrapper::-webkit-scrollbar {
  width: 11px !important;
  height: 2px !important;
}
.terms-and-conditions .wrapper {
  /* Track */
}
.terms-and-conditions .wrapper::-webkit-scrollbar-track {
  background: var(--gris-background, #f8f8f8) !important;
  border-radius: 100px;
}
.terms-and-conditions .wrapper {
  /* Handle */
}
.terms-and-conditions .wrapper::-webkit-scrollbar-thumb {
  background: #444444;
  border-radius: 5.5px;
}
.terms-and-conditions .wrapper {
  /* Custom scrollbar styles for Firefox */
}
.terms-and-conditions .wrapper .content {
  margin-top: 28px;
}
@media (max-width: 1023px) {
  .terms-and-conditions {
    border-radius: 16px 16px 0px 0px;
    box-shadow: 18px 0px 88px 0px rgba(0, 0, 0, 0.14), 8px 0px 28px 0px rgba(0, 0, 0, 0.12);
  }
  .terms-and-conditions .mobile-wrapper {
    padding: 20px 15px;
  }
  .terms-and-conditions .content {
    margin-top: 20px;
  }
  .terms-and-conditions .drawer-head {
    padding: 0 15px;
    padding-top: 29px;
    padding-bottom: 22px;
    border-bottom: 1px solid #cdccd5;
    position: fixed;
    width: 100%;
    margin-top: -1px;
  }
  .terms-and-conditions .drawer-body {
    overflow-y: scroll;
    margin-top: 20%;
  }
}
.terms-and-conditions__handle-wrapper {
  border-radius: 16px 16px 0 0 !important;
  background-color: #ffffff !important;
}
.terms-and-conditions__content .drawer-head {
  background-color: #ffffff;
}
.terms-and-conditions__backdrop {
  z-index: 11 !important;
}.downloadTaxReportPopUp .modal-body {
  padding: 30px;
  padding-top: 0;
}
.downloadTaxReportPopUp .modal-content {
  border-radius: 10px;
  background: var(--Base-White, #fff);
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 8px 8px -4px rgba(16, 24, 40, 0.04);
}
.downloadTaxReportPopUp .modal-content .modal-header {
  padding: 20px 30px;
  border-bottom: none;
}
.downloadTaxReportPopUp .modal-content .modal-title {
  font-size: 1.75rem;
  font-family: "DMSansBold";
}.summary-details {
  display: flex;
  background-color: #ffffff;
  padding: 10px 25px;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  border-radius: 5px;
}
.summary-details .summary-col {
  width: fit-content;
}
.summary-details .summary-col .summary-title,
.summary-details .summary-col .summary-value {
  line-height: 140%;
}
.summary-details .summary-col .summary-value {
  display: flex;
  align-items: center;
  gap: 4px;
}

.mob-summary-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
  grid-template-areas: "invst current" "ttlPL 1DPL";
  padding: 12px 15px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mob-summary-details::-webkit-scrollbar {
  display: none;
}
@media (max-width: 390px) {
  .mob-summary-details {
    grid-template-columns: 1fr;
    grid-template-areas: "invst" "current" "ttlPL" "1DPL";
    gap: 8px 0;
  }
}
@media (max-width: 480px) and (min-width: 376px) {
  .mob-summary-details {
    gap: 8px 15px;
    padding: 10px 12px;
  }
}
.mob-summary-details.sticky-header {
  width: 100%;
  position: sticky;
  z-index: 99;
  top: 0px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid #e7e7e7;
}
.mob-summary-details.broder-bottom {
  border-block: 1px solid #e7e7e7;
}
.mob-summary-details .mob-summary {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: space-between;
  min-width: 0;
}
.mob-summary-details .mob-summary .summary-title {
  text-wrap: nowrap;
  white-space: nowrap;
  flex-shrink: 0;
  min-width: fit-content;
  font-size: 11px;
}
@media (max-width: 375px) {
  .mob-summary-details .mob-summary .summary-title {
    font-size: 10px;
  }
}
.mob-summary-details .mob-summary .summary-value {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  line-height: normal;
  min-width: 0;
  flex: 1;
}
.mob-summary-details .mob-summary .summary-value .report-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 12px;
  flex-shrink: 0;
}
@media (max-width: 375px) {
  .mob-summary-details .mob-summary .summary-value .report-value {
    white-space: normal;
    word-break: break-word;
    font-size: 11px;
  }
}
.mob-summary-details .mob-summary .summary-value .percentage-value {
  font-size: 10px;
  white-space: nowrap;
  flex-shrink: 0;
}
.mob-summary-details .mob-summary .summary-value .report-value-container {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  min-width: 0;
  padding-right: 8px;
}
.mob-summary-details .mob-summary .summary-value .report-value-container > * {
  flex-shrink: 0;
  min-width: fit-content;
}

.clear-tax-banner-body {
  background: linear-gradient(84deg, #eef4ff 7.89%, #eef4ff 105.03%);
  padding: 14px 0;
  height: 74px;
  display: flex;
  justify-content: center;
  gap: 82px;
}
@media (max-width: 1023px) {
  .clear-tax-banner-body {
    gap: 6px !important;
  }
}
.clear-tax-banner-body .taxes-simplified {
  font-size: 1rem;
  font-family: "DMSansMedium";
  padding-right: 5px;
}
@media (max-width: 1023px) {
  .clear-tax-banner-body .taxes-simplified {
    font-size: 0.75rem;
    font-family: "DMSansMedium";
  }
}
@media (max-width: 360px) {
  .clear-tax-banner-body .taxes-simplified {
    font-size: 0.625rem;
    font-family: "DMSansMedium";
  }
}
.clear-tax-banner-body .nuvama-logo {
  height: 35px;
}
@media (max-width: 1023px) {
  .clear-tax-banner-body .nuvama-logo {
    height: 21px;
  }
}
.clear-tax-banner-body .clear-tax-btn {
  padding: 5px 12px !important;
  color: #03002f !important;
  border-radius: 6px !important;
  background-color: transparent !important;
  border: 1px solid #03002f !important;
}
.clear-tax-banner-body .terms-and-condition-proceeding {
  color: rgba(68, 68, 68, 0.5);
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .clear-tax-banner-body .terms-and-condition-proceeding {
    font-size: 0.625rem;
    font-family: "DMSansNormal";
  }
}
.clear-tax-banner-body .terms-and-condition {
  color: #03002f;
  text-decoration-line: underline;
  cursor: pointer;
  font-size: 0.75rem;
  font-family: "DMSansBold";
}
@media (max-width: 1023px) {
  .clear-tax-banner-body .terms-and-condition {
    font-size: 0.625rem;
    font-family: "DMSansNormal";
  }
}
@media (max-width: 1023px) {
  .clear-tax-banner-body {
    filter: drop-shadow(0px -4px 16px rgba(0, 0, 0, 0.15));
    padding: 10px 22px 10px 13px !important;
    position: fixed;
    width: 100%;
    bottom: 0;
    justify-content: space-between !important;
    left: 0;
    height: 55px;
  }
  .clear-tax-banner-body .cleartaxlogo {
    width: 46px;
    height: 10px;
  }
  .clear-tax-banner-body .cross-sign {
    width: 9px;
    height: 9px;
  }
  .clear-tax-banner-body .cleartax-info-icon {
    display: inline-block;
    width: 14px;
  }
}
@media (max-width: 1023px) {
  .clear-tax-banner-body #error {
    height: 100vh;
  }
}
.clear-tax-banner-body .something-wrong {
  height: 30vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clear-tax-banner-body .something-wrong-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.clear-tax-banner-body .something-wrong-drawer__handle-wrapper {
  background-color: #ffffff;
}.tax-revamp-mob-wrapper .calender-container {
  padding: 13px 15px;
}
.tax-revamp-mob-wrapper .calender-container .calender-internal-container {
  padding: 15px 11px;
  background-color: #ffffff;
}.tax-calender-drawer-parent .list-date-item {
  padding: 15px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.tax-calender-drawer-parent .list-date-item.selected {
  background: #f2f2f5 !important;
  border-radius: 5px !important;
}
@media (max-width: 1023px) {
  .tax-calender-drawer-parent .content-wrapper {
    padding: 15px;
  }
  .tax-calender-drawer-parent .edel-icon-left-shortArrow {
    font-size: 20px;
  }
  .tax-calender-drawer-parent .border-lavender-gray {
    border-bottom: 1px solid #ccccd6;
  }
}

.tax-calender-wrapper {
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #f1f1f4;
  background: #ffffff;
  /* shadow-lg */
  box-shadow: 0px 25px 37px 0px rgba(0, 0, 0, 0.1), 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 10;
  max-height: 290px;
  overflow-y: scroll;
  margin-top: 5px;
}
.tax-calender-wrapper .list-date-item {
  padding: 12px 16px;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  cursor: pointer;
  border-radius: 5px !important;
}
.tax-calender-wrapper .list-date-item.selected {
  background: #f2f2f5 !important;
  font-family: "DMSansBold";
}
.tax-calender-wrapper .list-date-item:hover {
  background-color: #f2f2f5;
}.summary-details {
  display: flex;
  background-color: #ffffff;
  padding: 10px 25px;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  border-radius: 5px;
}
.summary-details .summary-col {
  width: fit-content;
}
.summary-details .summary-col .summary-title,
.summary-details .summary-col .summary-value {
  line-height: 140%;
}
.summary-details .summary-col .summary-value {
  display: flex;
  align-items: center;
  gap: 4px;
}

.mob-summary-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
  grid-template-areas: "invst current" "ttlPL 1DPL";
  padding: 12px 15px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mob-summary-details::-webkit-scrollbar {
  display: none;
}
@media (max-width: 390px) {
  .mob-summary-details {
    grid-template-columns: 1fr;
    grid-template-areas: "invst" "current" "ttlPL" "1DPL";
    gap: 8px 0;
  }
}
@media (max-width: 480px) and (min-width: 376px) {
  .mob-summary-details {
    gap: 8px 15px;
    padding: 10px 12px;
  }
}
.mob-summary-details.sticky-header {
  width: 100%;
  position: sticky;
  z-index: 99;
  top: 0px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid #e7e7e7;
}
.mob-summary-details.broder-bottom {
  border-block: 1px solid #e7e7e7;
}
.mob-summary-details .mob-summary {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: space-between;
  min-width: 0;
}
.mob-summary-details .mob-summary .summary-title {
  text-wrap: nowrap;
  white-space: nowrap;
  flex-shrink: 0;
  min-width: fit-content;
  font-size: 11px;
}
@media (max-width: 375px) {
  .mob-summary-details .mob-summary .summary-title {
    font-size: 10px;
  }
}
.mob-summary-details .mob-summary .summary-value {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  line-height: normal;
  min-width: 0;
  flex: 1;
}
.mob-summary-details .mob-summary .summary-value .report-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 12px;
  flex-shrink: 0;
}
@media (max-width: 375px) {
  .mob-summary-details .mob-summary .summary-value .report-value {
    white-space: normal;
    word-break: break-word;
    font-size: 11px;
  }
}
.mob-summary-details .mob-summary .summary-value .percentage-value {
  font-size: 10px;
  white-space: nowrap;
  flex-shrink: 0;
}
.mob-summary-details .mob-summary .summary-value .report-value-container {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  min-width: 0;
  padding-right: 8px;
}
.mob-summary-details .mob-summary .summary-value .report-value-container > * {
  flex-shrink: 0;
  min-width: fit-content;
}

.tax-border-table {
  position: relative;
  min-height: 200px;
}
.tax-border-table .custom-table-padding {
  padding: 12px 20px;
}
.tax-border-table.common-table-border table {
  border-spacing: 0px;
}
.tax-border-table.common-table-border table thead {
  background: #ffffff;
}
.tax-border-table.common-table-border table thead th {
  vertical-align: top;
  padding: 10px 0px 10px 10px;
  height: 50px;
  position: sticky;
  z-index: 9;
  top: 48px;
  border-top: 1px solid #e7e7e7;
  background-color: #ffffff;
}
.tax-border-table.common-table-border table thead th:first-child {
  padding-left: 40px;
}
.tax-border-table.common-table-border table thead th:last-child {
  padding-right: 25px;
}
.tax-border-table.common-table-border table tbody tr .total-summary-value-font {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
}
.tax-border-table.common-table-border table tbody tr:hover {
  background-color: none !important;
}
.tax-border-table.common-table-border table tbody tr:hover:nth-child(odd) {
  background: #f7f7f7 !important;
}
.tax-border-table.common-table-border table tbody tr:hover:nth-child(even) {
  background: #ffffff !important;
}
.tax-border-table.common-table-border table tbody tr:nth-child(odd) {
  background: #f7f7f7 !important;
}
.tax-border-table.common-table-border table tbody tr:nth-child(even) {
  background: #ffffff !important;
}
.tax-border-table.common-table-border table tbody tr.selected {
  background-color: #fdebd7 !important;
}
.tax-border-table.common-table-border table tbody tr td {
  padding: 0px;
  border: 0px;
  vertical-align: middle;
  height: 50px;
}
.tax-border-table.common-table-border table tbody tr td.numeric-value {
  padding: 5px 0;
}
.tax-border-table.common-table-border table tbody tr td:first-child {
  padding-left: 40px;
}
.tax-border-table.common-table-border table tbody tr td:last-child {
  padding-right: 25px;
}
.tax-border-table.common-table-border table tbody tr:last-child() .total-summary-value-font {
  font-size: 0.875rem !important;
  font-family: "RobotoBold" !important;
}

.total-tax-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 20px;
  height: 80px;
  background-color: #ffffff;
  align-items: flex-start;
  padding-top: 30px;
}
.total-tax-row .row-title {
  padding-left: 40px;
}
.total-tax-row .row-last {
  padding-right: 20px;
}

.tax-bordered-btn {
  display: flex;
  align-items: center;
  border-radius: 5px;
  justify-content: space-between;
  gap: 4px;
  height: 30px;
  padding-left: 8px !important;
  padding-right: 8px !important;
  background-color: #f2f2f5 !important;
  border: none !important;
}
@media (max-width: 1023px) {
  .tax-bordered-btn {
    height: 34px;
    width: 34px;
    justify-content: center;
    background: transparent !important;
    border: 1px solid #e7e7e7 !important;
  }
}

.all-assetwise-gainloss-cards .assetwise-gainloss-card {
  padding: 10px 15px;
  background-color: #ffffff;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.all-assetwise-gainloss-cards .assetwise-gainloss-card .asset-title {
  display: flex;
  justify-content: flex-start;
}
.all-assetwise-gainloss-cards .assetwise-gainloss-card .gain-loss-data {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
}
.all-assetwise-gainloss-cards .assetwise-gainloss-card .gain-loss-data .grid-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.tax-dates {
  padding: 10px 0px 15px 0px;
}

@media (max-width: 1023px) {
  .download-action-bar .my-families .show-family-btn .family-name-N-member {
    min-width: unset !important;
  }
}

.tax-report .warnAboutApproxTransaction .modal-content {
  border-radius: 15px;
}
.tax-report .warnAboutApproxTransaction .modal-header {
  border-bottom: 0;
}
.tax-report .warnAboutApproxTransaction .modal-dialog {
  max-width: 750px;
}
.tax-report .warnAboutApproxTransaction .modal-dialog .modal-body {
  padding: 40px;
  padding-top: 0;
}
.tax-report .warnAboutApproxTransaction .modal-dialog .modal-body .control-buttons button {
  padding: 8px 16px;
}
.tax-report .wavy-banner {
  position: relative;
}
@media (max-width: 1023px) {
  .tax-report .wavy-banner img {
    height: 20px;
    aspect-ratio: 8;
  }
}
@media (max-width: 360px) {
  .tax-report .wavy-banner img {
    height: 22px;
    aspect-ratio: 6;
  }
}
.tax-report .wavy-banner .redBanner {
  height: 30px;
  position: relative;
  right: 30px;
}
.tax-report .wavy-banner .banner-text {
  position: absolute;
  top: 4px;
}
.tax-report .wavy-banner .wavy-arrow {
  position: absolute;
  right: -5px;
  top: 4px;
}
.tax-report .edit-warn {
  border-radius: 100px;
  border: 15px solid #e9e9eb;
  background: #dddde1;
  display: flex;
  width: 100px;
  height: 100px;
  padding: 26px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.tax-report .edit-warn .edel-icon-edit-info-warn {
  font-size: 48px;
}
.tax-report .important-message-section {
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  display: flex;
  flex-flow: column;
  gap: 10px;
  line-height: 140%;
}
@media (max-width: 1023px) {
  .tax-report .important-message-section {
    line-height: 100% !important;
  }
}

.action-sidebar-drawer .taxaction-switchblock {
  padding: 20px 15px;
}
@media (max-width: 1023px) {
  .action-sidebar-drawer .taxaction-switchblock {
    padding: 30px 15px !important;
  }
}
.action-sidebar-drawer .taxaction-switchblock .summaise-table-val {
  width: 110px;
}.download-tax-mob-wrapper {
  padding: 11px 15px;
}

.downloadtax-container {
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  margin-top: 15px;
}
.downloadtax-container .downloadtax-header {
  border-radius: 10px 10px 0px 0px;
  background: #f6f6f6;
  padding: 12px 17px;
}
.downloadtax-container .downloadtax-header .report-checkbox input[type=checkbox] {
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
}
.downloadtax-container .downloadtax-header .report-checkbox label {
  color: #444444;
  font-size: 1rem;
  font-family: "DMSansMedium";
}
@media (max-width: 1023px) {
  .downloadtax-container .downloadtax-header .report-checkbox label {
    font-size: 0.75rem;
  }
}
.downloadtax-container .taxreport-list {
  display: flex;
  flex-flow: column;
}
.downloadtax-container .taxreport-list .taxreport-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #e7e7e7;
}
.downloadtax-container .taxreport-list .taxreport-row .report-checkbox input[type=checkbox] {
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
}
.downloadtax-container .taxreport-list .taxreport-row .report-checkbox {
  padding: 10px 0 10px 40px;
}
.downloadtax-container .taxreport-list .taxreport-row .report-checkbox label {
  color: #444444;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
@media (max-width: 1023px) {
  .downloadtax-container .taxreport-list .taxreport-row .report-checkbox label {
    font-size: 0.688rem;
  }
}
.downloadtax-container .taxreport-list .taxreport-row .report-checkbox:last-child {
  padding: 10px 0 10px 20px;
}
.downloadtax-container .tax-row-container {
  margin-top: 15px;
}
.downloadtax-container .items-row {
  padding: 9px 41px;
  border-top: 1px solid #e7e7e7;
}
.downloadtax-container .downloadtax-checkbox input[type=checkbox]::before {
  border: none;
}
.downloadtax-container .downloadtax-checkbox input[type=checkbox]:checked::before {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
}

.download-tax-btn {
  height: 53px;
  margin-top: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.download-tax-btn .button {
  font-size: 1.125rem !important;
  font-family: "DMSansMedium" !important;
  line-height: 140%;
}
@media (max-width: 1023px) {
  .download-tax-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 15px;
    margin-bottom: 15px;
  }
}

.downloadtax-reports .taxreport-categories {
  height: 100%;
  overflow-y: scroll;
}
@media (max-width: 1023px) {
  .downloadtax-reports .taxreport-categories {
    padding-bottom: 100px;
  }
}
.downloadtax-reports .download-tax-banner {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media (max-width: 1023px) {
  .downloadtax-reports .download-tax-banner {
    margin: 20px 0;
  }
}

.downloadtax-banner-txt {
  padding: 10px 15px;
  color: #ffffff;
  line-height: normal;
}

.download-email-wrapper .download-email-header-container {
  background-color: #f6f6f6;
  padding: 12px;
  border-radius: 10px;
}
.download-email-wrapper .customise-selection-btn {
  margin-top: 8px;
  border-radius: 22.057px !important;
  padding: 8px 12px !important;
  font-size: 0.75rem !important;
  font-family: "DMSansMedium" !important;
  border: 0.788px solid #03002f !important;
  background-color: transparent !important;
}
.download-email-wrapper .selection-title {
  color: #b8b8b8;
  margin-bottom: 10px;
}
.download-email-wrapper .selection-container {
  padding: 20px 0;
  border-bottom: 1px solid #e7e7e7;
}
.download-email-wrapper .report-format-container {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
.download-email-wrapper .report-format-container-mob {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
@media (max-width: 1023px) {
  .download-email-wrapper .report-format-container-mob .report-format-radio-container {
    padding: 20px 0;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
  }
  .download-email-wrapper .report-format-container-mob .mailCheckbox {
    padding: 20px 0;
  }
}.checkbox_container .form-check {
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkbox_container .form-check .form-check-input {
  display: block;
}
.checkbox_container .form-check-input {
  width: 25px;
  height: 25px;
}
.checkbox_container .form-check-label {
  margin-top: 4px;
  margin-left: 10px;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.checkbox_container .form-check-input:checked {
  background-color: #03002f;
  border: none;
}
.checkbox_container .form-check-input:hover {
  cursor: pointer;
}

@media (max-width: 1023px) {
  .blue_bg {
    margin: 0 0 !important;
  }
}.tax-email-parent {
  padding: 15px;
}
.tax-email-parent .mail_label_body {
  padding: 0;
  margin-bottom: 10px;
}
.tax-email-parent .mail_label_body .mail_label_body_item {
  display: flex;
  align-content: center;
  justify-content: space-between;
}
.tax-email-parent .mail_label_body .mail_label_close {
  color: #fe4d15;
  margin: 0 !important;
  padding: 0px 13px;
}
.tax-email-parent .mail_label_body .mail_label_close .edel-icon-rounded-close {
  color: #fe4d15 !important;
  font-size: 17px;
  cursor: pointer;
}
.tax-email-parent .mail-input {
  position: relative;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.tax-email-parent .mail-input input {
  background-color: #ffffff !important;
}
.tax-email-parent .mail-input input::placeholder {
  color: #b8b8b8;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.tax-email-parent .mail-input .icon {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 8px;
  margin-right: 12px;
}
.tax-email-parent .mail-input .icon .edel-icon-add {
  color: #03002f;
}
@media (max-width: 1023px) {
  .tax-email-parent .mail-input .icon {
    position: absolute;
    top: 5px !important;
    right: 0 !important;
  }
}.tax-budget-container {
  display: flex;
  justify-content: end;
  position: fixed;
  bottom: 15px;
  right: 20px;
  z-index: 100;
}
.tax-budget-container .tax-budget-disclaimer {
  width: 580px;
  height: 150px;
  background-color: #fffcea;
  padding: 16px 14px;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  box-shadow: 0px 2px 8px 0px rgba(72, 72, 72, 0.25);
}
@media (max-width: 1023px) {
  .tax-budget-container .tax-budget-disclaimer {
    width: 95%;
    height: 185px;
  }
}
.tax-budget-container .tax-budget-disclaimer .disclaimer-msg {
  line-height: 20px;
}
.tax-budget-container .tax-budget-disclaimer .edel-icon-attention-icon {
  font-size: 20px;
  font-weight: 400;
}
.tax-budget-container .tax-budget-disclaimer .edel-icon-close {
  font-size: 10px;
}
.tax-budget-container .tax-budget-disclaimer .content {
  gap: 2px;
}
@media (max-width: 1023px) {
  .tax-budget-container {
    right: unset;
    justify-content: center;
    bottom: 30px;
  }
  .tax-budget-container .tax-budget-disclaimer .content {
    gap: 12px;
  }
}
@media (min-width: 1023px) {
  .tax-budget-container {
    opacity: 0;
    animation: slideIn 0.5s ease-out forwards;
  }
}

@media (min-width: 1023px) {
  @keyframes slideIn {
    0% {
      opacity: 0;
      transform: translateY(50px);
    }
    50% {
      opacity: 0.5;
      transform: translateY(10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
}@media (max-width: 1023px) {
  .transaction-history-container {
    margin-top: 20px;
  }
  .transaction-history-container .edel-sidebar-drawer .offcanvas-header {
    background-color: #f2f2f5;
  }
  .transaction-history-container .brd-top-monochrome-light-gray {
    border-top: 1px solid #e7e7e7;
  }
  .transaction-history-container .transaction-dropdownposition {
    position: relative;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-txn-history-head {
    padding: 10px 30px 10px 18px;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-mob-padding .footer-sidebar-generic.common-filter-section.common-filter-height .leftsidebar .nav-pills .nav-item .nav-link {
    font-size: 14px !important;
    text-align: left;
    color: #727271 !important;
    font-family: "DMSansNormal" !important;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-mob-padding .footer-sidebar-generic.common-filter-section.common-filter-height .leftsidebar .nav-pills .nav-item .nav-link.active {
    color: #444444;
    font-family: "DMSansBold" !important;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-mob-padding .footer-sidebar-generic.common-filter-section.common-filter-height .rightsidebar {
    max-height: 55vh !important;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-mob-padding .footer-sidebar-generic.common-filter-section.common-filter-height .rightsidebar .commonscroll-new {
    max-height: unset;
    overflow-y: unset;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-mob-padding .footer-sidebar-generic.common-filter-section.common-filter-height .rightsidebar .filterasset-drop-body {
    padding: 0 20px;
    max-height: unset;
    overflow-y: unset;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-mob-padding .footer-sidebar-generic.common-filter-section.common-filter-height .rightsidebar .filterasset-drop-body div:nth-child(2) {
    border-top: 1px solid #e7e7e7;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-mob-padding .footer-sidebar-generic.common-filter-section.common-filter-height .rightsidebar .filterasset-drop-body .each-filter-parent {
    border-bottom: 1px solid #e7e7e7;
    padding: 14px 8px;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-mob-padding .footer-sidebar-generic.common-filter-section.common-filter-height .rightsidebar .filterasset-drop-body .each-filter-parent .inside-list {
    display: grid !important;
    grid-template-columns: 25px 1fr;
    grid-template-rows: 1fr;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-mob-padding .footer-sidebar-generic.common-filter-section.common-filter-height .rightsidebar .filterasset-drop-body .each-filter-parent .inside-list input[type=checkbox] {
    width: 20px;
    height: 20px;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-mob-padding .footer-sidebar-generic.common-filter-section.common-filter-height .rightsidebar .filterasset-drop-body .each-filter-parent .inside-list .bodylist-title {
    color: #444444;
    font-family: "DMSansNormal";
    font-size: 0.875rem;
    line-height: 18px;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-mob-padding .footer-sidebar-generic.common-filter-section.common-filter-height .rightsidebar .filterasset-drop-body .notificationlock-filter-dot {
    color: #e71e04;
    font-size: 2rem;
    top: -8px;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-mob-padding .watchlist-drawer .drawer-header {
    display: none;
  }
  .transaction-history-container .filterHistory_main.sidebarfiltersort .sort-filter-mob-padding .watchlist-drawer .drawer-body .sortlist-body {
    padding: 15px 20px;
    border-bottom: 1px solid #e7e7e7;
  }
  .transaction-history-container .icon-dropTransaction {
    display: inline-block;
    cursor: pointer;
  }
  .transaction-history-container .dropdown-filterList {
    position: absolute;
    top: 100%;
    right: 0.5rem;
    z-index: 1;
    width: 132px;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    margin-top: 10px;
    right: 0px;
  }
  .transaction-history-container .dropdown-filterList .dropElement-list1 {
    padding: 14px 14px 8px 10px;
    border-bottom: 1px solid #e7e7e7;
  }
  .transaction-history-container .dropdown-filterList .dropElement-list1 img {
    height: 18px;
    width: 18px;
  }
  .transaction-history-container .dropdown-filterList .dropElement-list1 .edel-icon-search1 {
    font-size: 18px;
  }
  .transaction-history-container .dropdown-filterList .dropElement-list1 i {
    margin-right: 6px;
  }
  .transaction-history-container .filterHistory_main .drawerTabs-transaction__handle-wrapper {
    background-color: unset;
  }
  .transaction-history-container .filterHistory_main .drawerTabs-transaction__content {
    background-color: #ffffff;
  }
  .transaction-history-container .filterHistory_main .drawerTabs-transaction .tabsArea-transaction .nav-tabs .nav-item .nav-link.active {
    line-height: 18px !important;
  }
  .transaction-history-container .details-row-history {
    padding: 15px;
    background-color: #ffffff;
    border-bottom: 1px solid #e7e7e7;
  }
  .transaction-history-container .details-row-history .security {
    line-height: 20px;
  }
  .transaction-history-container .show-all-transactions {
    background-color: #eef7ee;
    padding: 15px 20px 15px 17px;
    height: 75px !important;
    border-radius: 0 !important;
  }
  .transaction-history-container .filterasset-mobile-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    position: fixed;
    bottom: 0;
    box-shadow: 0px 4px 17px 0px rgba(60, 60, 60, 0.11);
    padding: 15px 24px;
    background-color: #ffffff;
  }
  .transaction-history-container .filter-mobile-transaction .rightsidebar .filterasset-drop-body .bodylist .inside-list {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 9px;
    font-size: 0.875rem;
    font-family: "DMSansNormal";
  }
  .transaction-history-container .reportbutton-bottom {
    position: absolute;
    bottom: 0;
  }
  .transaction-history-container .th-split-row {
    margin-bottom: 4px;
    grid-template-columns: 1fr 1fr 1fr;
    line-height: normal;
  }
  .transaction-history-container .saveEdits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
  }
  .transaction-history-container .saveEdits .ed_button.button {
    width: 90%;
  }
  .transaction-history-container .mobile-genericdrawer {
    padding: 5px 15px 20px 15px;
  }
  .transaction-history-container .mobile-genericdrawer .drawer-head {
    padding: 5px 15px 20px 0px;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container {
    padding: 15px 15px 10px 15px;
    line-height: normal;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .edel-icon-green-tick1:before {
    font-size: 4.375rem;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .cancel-edbutton {
    background-color: #ffffff;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .form-check-input:checked {
    background-color: #03002f;
    border-color: #03002f;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .input-group-text.d-block {
    color: #03002f;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .datepicker-edit-format2 .react-datepicker__input-container input {
    width: 103px;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .edel-icon-delete-red1:before {
    font-size: 1.563rem;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .th-split-row {
    margin-bottom: 4px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .th-split-row .edel-icon-calendar-report {
    font-size: 15px;
    font-weight: 700;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .th-split-row .input-group-text.d-block {
    padding: unset;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .th-split-row .input-changes-edit .input-edit {
    font-size: 0.75rem;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .th-split-row :nth-child(3).input-changes-edit {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .th-split-row :nth-child(3).input-changes-edit .edel-icon-delete-red1 {
    position: relative;
    left: 0.5rem;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .th-split-row .border-midnight,
  .transaction-history-container .mobile-genericdrawer .Edit_container .th-split-row .border-midnight:focus,
  .transaction-history-container .mobile-genericdrawer .Edit_container .th-split-row .border-midnight:active {
    border: 1px solid #03002f !important;
    outline: #03002f !important;
    border-radius: 5px;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .txt-decor {
    padding: 0px 0 15px 0;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .common-download-newtheme .react-datepicker .react-datepicker__navigation .react-datepicker__navigation-icon--previous {
    left: 22px !important;
  }
  .transaction-history-container .mobile-genericdrawer .Edit_container .common-download-newtheme .react-datepicker .react-datepicker__navigation .react-datepicker__navigation-icon--next {
    right: 20px !important;
  }
  .transaction-history-container .arrow-left-header .edel-icon-arrow-left1 {
    font-size: 0.75rem;
  }
  .transaction-history-container .clearall-section {
    padding-bottom: 35px;
    border-bottom: 1px solid #e7e7e7;
  }
  .transaction-history-container .common-download-report .mobFormWrap .boder-bottom {
    padding: 20px 0 !important;
  }
  .transaction-history-container .common-download-report .react-datepicker-wrapper {
    position: relative;
  }
  .transaction-history-container .common-download-report .input-group-append {
    position: absolute;
    right: 10px;
  }
  .transaction-history-container .common-download-report .input-group-append .edel-icon-calendar-report:before {
    color: #727271;
  }
  .transaction-history-container .common-download-report .date-input-section {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .transaction-history-container .common-download-report .date-input-section .label {
    color: #444444;
  }
  .transaction-history-container .common-download-report .date-input-section .input-group {
    width: 135px !important;
  }
  .transaction-history-container .common-download-report .date-input-section .input-group .date-drawer-input-field {
    padding-left: 15px !important;
    font-size: 1rem;
    font-family: "DMSansMedium";
    color: #444444;
  }
  .transaction-history-container .common-download-report .date-input-section .input-group .input-picker {
    width: 135px;
    height: 33px;
  }
  .transaction-history-container .common-download-report .date-drawer-input-field {
    width: 135px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
  }
  .transaction-history-container .download-report-header {
    padding: 5px 0;
  }
  .transaction-history-container .download-report-transaction {
    margin: 0 20px 20px;
    height: 100%;
    position: relative;
  }
  .transaction-history-container .download-report-transaction .customForm .btn-bg-report {
    background-color: #03002f !important;
  }
  .transaction-history-container .download-report-transaction .customForm .customFormSection {
    background-color: #f2f2f5;
    border-radius: 5px;
  }
  .transaction-history-container .download-report-transaction .customForm .customFormSection .form-label {
    color: #444444;
  }
  .transaction-history-container .download-report-transaction .customForm .customFormSection .pt-4 {
    padding-top: unset !important;
  }
  .transaction-history-container .download-report-transaction .customForm .customFormSection .mobFormWrap-content.mx-3 {
    margin-right: unset !important;
    margin-left: unset !important;
  }
  .transaction-history-container .download-report-transaction .customForm .customFormSection .mobFormWrap-content .mail_label_body_item {
    color: #727271;
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    padding-right: unset;
    padding-bottom: 10px;
  }
  .transaction-history-container .download-report-transaction .customForm .download-txns {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .transaction-history-container .download-report-transaction .customForm .download-txns button {
    margin: 0;
  }
  .transaction-history-container .download-report-transaction .input-group input {
    width: 135px !important;
    height: inherit;
    padding: unset;
    margin: unset;
    position: relative;
    left: -15px;
  }
  .transaction-history-container .download-report-transaction .date-input-section {
    padding: 15px 15px 0;
  }
  .transaction-history-container .download-report-transaction .common-download-report .date-input-section .input-group.yearDropdown .date-drawer-input-field {
    border-radius: 5px;
  }
  .transaction-history-container .custom-date-drawer .common-download-report {
    height: 467px;
  }
  .transaction-history-container .custompadding-top {
    padding: 15px 15px 20px 15px;
    color: #03002f;
  }
  .transaction-history-container .commonSortMob-transaction .mob-sort-drop-body .sort-drop-bodylist li .light-right {
    color: #b8b8b8 !important;
  }
  .transaction-history-container .commonSortMob-transaction .light-blue {
    color: unset !important;
  }
  .transaction-history-container .commonSortMob-transaction .customfooter-clearApply {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    padding: 15px 25px;
    box-shadow: 0px 4px 17px 0px rgba(60, 60, 60, 0.11);
  }
  .transaction-history-container .clear-all-sortmob {
    display: flex;
    justify-content: end;
    margin-top: 7px;
    position: absolute;
  }
  .transaction-history-container .searchbar-Thistory {
    border: 1px solid #03002f;
    border-radius: 5px;
  }
  .transaction-history-container .searchbar-Thistory .common-search-bar input {
    padding: 15px 10px;
  }
  .transaction-history-container .sidebarTransactionbody {
    padding: unset !important;
  }
  .transaction-history-container .more-transaction-mob .drawer-head {
    padding-bottom: 20px;
  }
  .transaction-history-container .more-transaction-mob .learnmore-transaction-instruction {
    padding: 15px 15px 30px 15px;
  }
  .transaction-history-container .backdrop-learnmore__backdrop {
    background: rgba(0, 0, 0, 0.75);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
  .transaction-history-container .drawerTabs-transaction__backdrop {
    background: rgba(0, 0, 0, 0.75);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(2px);
  }
  .transaction-history-container .dateTransaction.editDateTransaction {
    padding: unset !important;
  }
  .transaction-history-container .datechange-transaction-input {
    width: 103px !important;
  }
  .transaction-history-container .transactioninput-bgChange .input-group-text {
    background-color: unset !important;
    border: unset !important;
  }
  .transaction-history-container .backgroundcolor_bluedrawer.z-index-high__backdrop {
    background: rgba(0, 0, 0, 0.75);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }
  .transaction-history-container .txn-mob-custom-calender .inputFieldCalendarIcon .input-group-text {
    position: static;
  }
  .transaction-history-container .txn-mob-custom-calender .pandLcalendar-form .calendar--row label {
    color: unset;
  }
  .transaction-history-container .yearDropdown .react-datepicker .react-datepicker__month-read-view--down-arrow {
    top: unset !important;
  }
  .transaction-history-container .yearDropdown .react-datepicker .react-datepicker__year-read-view--down-arrow {
    top: unset !important;
  }
  .transaction-history-container .custom-date-range-calender .react-datepicker .react-datepicker__navigation-icon--next {
    left: -20px !important;
    top: 0;
  }
  .transaction-history-container .download-drawers .mob-smallcase-popup-success-body {
    margin-bottom: 20px;
  }
  .transaction-history-container .sidebarTransactionbody-fields .net-transaction {
    padding: 20px 15px 20px 20px;
  }
  .transaction-history-container .head-transactionSidebar-parent {
    display: grid;
    grid-template-columns: 15px 1fr 1fr;
    grid-template-rows: 1fr;
    align-items: baseline;
  }
  .transaction-history-container .head-transactionSidebar-parent .edel-icon-arrow-left1 {
    font-size: 9px;
    top: -2px;
    position: relative;
  }
  .transaction-history-container .head-transactionSidebar-parent .head-transactionSidebar {
    max-width: 100px;
    width: unset;
  }
  .transaction-history-container .transaction-success-history .edel-icon-green-tick1.tick-success {
    font-size: 70px;
  }
  .transaction-history-container .transaction-success-history .edel-icon-left-arrow {
    font-size: 10px;
  }
  .transaction-history-container .transaction-success-history .mob-edit-successful-msg {
    display: flex;
    justify-content: center;
    line-height: 18px;
  }
  .transaction-history-container .error-authorize-approximate {
    color: #f7943e;
  }
  .transaction-history-container .error-authorize-approximate .p-1 {
    line-height: 1rem;
    color: #f7943e;
  }
  .transaction-history-container .error-authorize-approximate.top-notification .p-1 {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
  .transaction-history-container .accept-approx-txn {
    line-height: 1rem;
  }
  .transaction-history-container .mobile-summ-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 20px;
    padding: 3px 0px;
  }
  .transaction-history-container .txn-mob-edit-Transaction {
    background-color: #f2f2f5;
  }
  .transaction-history-container .edel-sidebar-drawer-head {
    background-color: #f2f2f5;
  }
  .transcation-history-container.open-drawerAs-standalonepage {
    margin-top: 0px !important;
  }
}
.download-txn-calender .custom-date-drawer-title {
  padding: 8px 0;
}

.move-tooltip-up .tooltip-inner {
  position: relative;
  top: -4px;
}
.move-tooltip-up .tooltip-arrow {
  padding-bottom: 10px;
}
.move-tooltip-up .tooltip-arrow:before {
  top: -12px !important;
}

.approx-details-row-history .mobile-summ-row {
  line-height: normal;
}

.filterHistory_main .bottom-contents {
  position: sticky;
  bottom: 0;
  background: #ffffff;
  z-index: 999;
}

.download-txn-mob .edel-sidebar-drawer-head {
  background: #ffffff;
}.filter-sort-container {
  height: 100%;
}
.filter-sort-container .filter-sort-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 15px;
  height: fit-content;
  border-bottom: 1px solid #f5f5f5;
  font-family: "DMSansMedium";
  color: #03002f;
}
.filter-sort-container .filter-sort-tabs .filter-sorttab-list {
  display: flex;
  align-items: center;
}
.filter-sort-container .filter-sort-tabs .filter-sorttab-list .tab-title {
  line-height: normal;
  padding: 10px;
  box-sizing: border-box !important;
  margin-bottom: -1px;
  font-size: 1rem;
}
.filter-sort-container .filter-sort-tabs .filter-sorttab-list .selectedTab {
  border-bottom: 1px solid #03002f;
}
.filter-sort-container .filter-sort-tabs .reset-filters {
  font-size: 0.75rem;
  line-height: 140%;
}
.filter-sort-container .tab-content-component {
  height: 90%;
}

.sort-list-container {
  position: relative;
}
.sort-list-container .sort-options .sort-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 140%;
  padding: 15px 20px;
  border-bottom: 1px solid #e8e8e8;
}
.sort-list-container .sort-options .sort-option .sort-title {
  color: #444444;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.sort-list-container .sort-options .sort-option .sort-ordertext {
  color: #b8b8b8;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.sort-list-container .sort-options .sort-option .sort-ordertext i {
  font-size: 0.625rem;
}
.sort-list-container .sort-options .sort-option .selected-sort-state {
  color: #03002f;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.sort-list-container .sort-apply-cancel-btns {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.txn-filter-container {
  display: flex;
  flex-flow: column;
  position: relative;
  height: 100%;
}
.txn-filter-container .txn-filter-section {
  display: flex;
  height: 100%;
}
.txn-filter-container .txn-filter-section .filter-section-list {
  width: 33%;
  display: flex;
  flex-flow: column;
  background-color: #f2f2f5;
}
.txn-filter-container .txn-filter-section .filter-section-list .filter-section {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #727271;
  padding: 16px 5px 16px 18px;
}
.txn-filter-container .txn-filter-section .filter-section-list .active-section {
  font-size: 0.875rem;
  font-family: "DMSansBold";
  color: #444444;
  background-color: #ffffff;
}
.txn-filter-container .txn-filter-section .active-section-filterlist {
  width: 67%;
  display: flex;
  flex-flow: column;
  border-color: #ffffff;
  overflow-y: scroll;
  padding: 0 16px 80px 16px;
}
.txn-filter-container .txn-filter-section .active-section-filterlist .filter-option {
  padding: 14px 5px;
  border-bottom: 1px solid #e7e7e7;
}
.txn-filter-container .txn-filter-section .active-section-filterlist .filter-option .radio-button label {
  grid-template-columns: 19px 1fr;
  align-items: center;
}
.txn-filter-container .filter-apply-cancel-btns {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.txn-history-filter-dropdown {
  background-color: #f2f2f5;
  margin-top: 14px;
  padding: 20px 22px 16px 18px;
  border-radius: 5px;
  width: 398px;
  padding: 20px;
  display: block;
  z-index: 6;
  position: absolute;
  right: 0%;
}
.txn-history-filter-dropdown::after {
  content: " ";
  position: absolute;
  right: 12px;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #f5f5f5;
}
.txn-history-filter-dropdown .txn-filter-container {
  gap: 10px;
}
.txn-history-filter-dropdown .txn-filter-container .section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.txn-history-filter-dropdown .txn-filter-container .section-heading .accordian-arrows i {
  font-size: 0.625rem;
}
.txn-history-filter-dropdown .txn-filter-container .section-heading .accordian-arrows.down {
  transform: rotate(180deg);
  top: -2px;
}
.txn-history-filter-dropdown .txn-filter-container .active-section-filterlist {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 16px !important;
  display: flex;
  flex-flow: column;
  margin-top: 10px;
  height: fit-content;
  transition: height cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
  gap: 20px;
}
.txn-history-filter-dropdown .txn-filter-container .active-section-filterlist .filter-option .radio-button label {
  grid-template-columns: 14px 1fr;
  align-items: center;
}
.txn-history-filter-dropdown .txn-filter-container .active-section-filterlist .filter-option .common-checkbox-custom.small-checkbox input[type=checkbox] {
  height: 20px !important;
  width: 20px !important;
  border-radius: 5px !important;
}
.txn-history-filter-dropdown .txn-filter-container .active-section-filterlist .filter-option .disp_val {
  font-size: 0.875rem;
  font-family: "DMSansMedium" !important;
  color: #444444 !important;
  cursor: pointer;
}
.txn-history-filter-dropdown .txn-filter-container .filter-apply-cancel-btns {
  position: unset;
}
.txn-history-filter-dropdown .txn-filter-container .filter-apply-cancel-btns .buy-sell-btns-spacing {
  background-color: #f2f2f5;
  padding: 15px 0 0 0;
  height: 60px !important;
  box-shadow: none !important;
  gap: 6px !important;
}.show {
  display: block;
}

.fade {
  display: none;
}

.modal-backdrop {
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadein 0.5s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
}
.modal-backdrop.show {
  background: rgba(204, 204, 204, 0.19);
  opacity: 1;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.modal-backdrop.additionalblur {
  backdrop-filter: blur(5px);
}

.redirectbg {
  background-color: #ffffff;
}

.progress-container {
  width: 100%;
  height: 10px;
  background: #cccccc;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 10px;
}

.progress-fill {
  height: 100%;
  background: #55a8dc;
  transition: width 0.3s ease;
}

:root {
  font-size: 16px;
}

.modalHoldingTitle {
  padding: 32px 31px;
  z-index: 99999;
}
.modalHoldingTitle .modal-content {
  width: 421px;
  border: unset;
  border-radius: 4px;
}
.modalHoldingTitle .modal-content .modal-header {
  height: 65px;
  background-color: #f2f2f5;
  border: none !important;
}
.modalHoldingTitle .modal-content .modal-header h5 {
  font-size: 1.25rem;
  line-height: 28px;
  font-family: "DMSansNormal";
  color: #0b243a;
}
.modalHoldingTitle .modal-content .modal-header .close_btn {
  border: 0;
  background-color: unset;
}
.modalHoldingTitle .modal-content .modal-header .close_btn i {
  color: #1c1c28;
}
.modalHoldingTitle .modal-content .modal-header .close_btn i:hover {
  color: #3580f7;
}
.modalHoldingTitle .modal-content .modal-header .close_btn i::before {
  font-size: 0.875rem;
  font-weight: bolder;
}
.modalHoldingTitle .modal-content .modal-header .modal-title {
  font-size: 1.25rem;
  line-height: 28px;
  font-family: "DMSansNormal";
}
.modalHoldingTitle .modal-content .modal-header .edel-icon-download1::before {
  color: #0b243a;
  font-size: 1rem;
  margin-right: 10px;
}
.modalHoldingTitle .modal-content .modal-header .edel-icon-bold-close {
  padding-right: 15px;
}
.modalHoldingTitle .modal-content .modal-body {
  padding: 0;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk .row {
  margin: 0;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form {
  padding: 15px 30px 30px 30px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .header {
  margin-bottom: 25px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .header i {
  margin-right: 10px;
  color: #444444;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .header h2 {
  font-size: 0.875rem;
  line-height: 19.6px;
  color: #444444;
  font-family: "DMSansMedium";
  margin-bottom: 0 !important;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .react-datepicker-wrapper {
  position: relative;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .react-datepicker-wrapper input {
  height: 35px;
  width: 100%;
  border: 0;
  font-size: 1rem;
  color: #444444;
  line-height: 22.4px;
  font-family: "DMSansMedium";
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .input-group-append {
  position: absolute;
  right: 0;
  z-index: 9;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .input-group-append .input-group-text {
  height: 35px;
  color: #3580f7;
  font-size: 1rem;
  line-height: 22.4px;
  font-family: "DMSansMedium";
  background-color: unset;
  border: 0;
  cursor: pointer;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .input-group-append .input-group-text i {
  font-size: 0.875rem;
  margin-right: 10px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .form-control {
  font-size: 1rem;
  line-height: 22.4px;
  padding-left: 10px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection input:-internal-autofill-selected {
  background-color: unset !important;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row > * {
  padding: 0;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row {
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .col-lg-6 {
  padding: 0;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .date {
  position: relative;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .date .form-control {
  border: unset;
  border-radius: 0;
  background-color: unset;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .date .input-group-append {
  position: absolute;
  top: 25%;
  right: 0;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .date .input-group-append .input-group-text {
  padding: 0;
  background-color: unset;
  border: unset;
  cursor: pointer;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .date .input-group-append .input-group-text .edel-icon-calendar-report {
  margin-right: 10px;
  color: #3580f7;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .dateWrap .row .date .input-group-append .input-group-text span {
  color: #3580f7;
  font-size: 1rem;
  line-height: 22.4px;
  font-family: "DMSansMedium";
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .boder-bottom {
  padding: 25px 0;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .checkboxWrap {
  padding-top: 25px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .checkbox .form-check {
  margin-bottom: 14px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .radio {
  display: flex;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .radio .form-check:first-child {
  margin-right: 27px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg {
  padding: 14px 12px !important;
  margin: 25px 0;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail_label {
  align-items: center;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail_label_body {
  overflow: scroll;
  max-height: 100px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail_label_body::-webkit-scrollbar {
  display: none;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail_label_body_item {
  display: flex;
  align-items: center;
  padding-bottom: 2%;
  color: #333333;
  font-family: "DMSansMedium";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 18px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail_label .mail_label_close {
  margin-left: 5.7px;
  cursor: pointer;
  color: #fe4d15;
  font-size: 1.125rem;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail_label .form-label {
  line-height: 18.2px;
  color: #444444;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail-input {
  position: relative;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail-input input {
  padding-left: 13px;
  padding-right: 35px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .mail-input input::placeholder {
  font-size: 0.875rem;
  line-height: 19.6px;
  color: #b8b8b8;
  font-family: "DMSansMedium";
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .icon {
  position: absolute;
  right: 13px;
  top: 25%;
  cursor: pointer;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-form .customForm .customFormSection .blue_bg.mail .icon i {
  color: #3580f7;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table {
  padding: 30px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table {
  position: relative;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav {
  position: absolute;
  right: 0;
  margin-top: 45px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination {
  padding: 0;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item {
  margin: 0 7px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item .page-link {
  background-color: none;
  color: #444444;
  font-size: 0.875rem;
  line-height: 18.2px;
  font-family: "DMSansMedium";
  border: 0;
  border-radius: 5px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item.active .page-link {
  background-color: #3580f7;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 18.2px;
  font-family: "DMSansMedium";
  border: 0;
  border-radius: 5px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item:first-child .page-link {
  background-color: #f0f9ff;
  border-radius: 5px;
  border: 0;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item:first-child .page-link i {
  font-size: 0.625rem;
  color: #3580f7;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item:last-child .page-link {
  background-color: #f0f9ff;
  border-radius: 5px;
  border: 0;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table .pagination_nav .pagination .page-item:last-child .page-link i {
  font-size: 0.625rem;
  color: #3580f7;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table thead {
  width: 100%;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th {
  width: 15%;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th:first-child {
  width: 12%;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th:nth-child(4) {
  width: 33%;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th:nth-child(5) {
  width: 12%;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th:nth-child(6) {
  width: 13%;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th .caret_icon {
  position: relative;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th .caret_icon h6 {
  margin-right: 5px;
  color: #727271;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansMedium";
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th .caret_icon .caret_up {
  position: absolute;
  top: -5px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th .caret_icon .caret_up i::before {
  font-size: 0.75rem;
  color: #727271;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th .caret_icon .caret_down {
  position: absolute;
  top: 1px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table thead th .caret_icon .caret_down i::before {
  font-size: 0.75rem;
  color: #727271;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr.closedReport .edel-icon-download {
  background-color: #f0f9ff;
  color: #3580f7;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr.closedReport .edel-icon-download:hover {
  background-color: #3580f7;
  color: #ffffff;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr.closedReport .edel-icon-email-us {
  background-color: #f0f9ff;
  color: #3580f7;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr.closedReport .edel-icon-email-us:hover {
  background-color: #3580f7;
  color: #ffffff;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td:first-child {
  border-left: 1px solid #eee;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td:last-child {
  border-right: 1px solid #eee;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td p {
  font-size: 0.875rem;
  line-height: 19.6px;
  color: #444444;
  font-family: "DMSansMedium";
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td .closed_box {
  text-align: center;
  border: 1px solid #51b255;
  display: block;
  padding: 5px;
  border-radius: 5px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td .closed_box p {
  font-size: 0.875rem;
  line-height: 19.6px;
  font-family: "DMSansMedium";
  color: #51b255;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td .open_box {
  text-align: center;
  border: 1px solid #dfa717;
  display: block;
  padding: 5px;
  border-radius: 5px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr td .open_box p {
  font-size: 0.875rem;
  line-height: 19.6px;
  font-family: "DMSansMedium";
  color: #dfa717;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download .edel-icon-download {
  color: #b8b8b8;
  padding: 8px;
  background-color: #e7e7e7;
  border-radius: 5px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download .edel-icon-download:hover {
  color: #ffffff;
  background-color: #3580f7;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download ul.download_options {
  background-color: #f0f9ff;
  padding: 21px 15px;
  min-width: 110px;
  border-radius: 4px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download ul.download_options li {
  margin-bottom: 30px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download ul.download_options li:last-child {
  margin-bottom: 0;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download ul.download_options li i {
  color: #3580f7;
  margin-right: 11px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .download ul.download_options li p {
  color: #444444;
  font-size: 0.875rem;
  line-height: 19.6px;
  font-family: "DMSansMedium";
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .message .edel-icon-email-us {
  color: #b8b8b8;
  padding: 8px;
  background-color: #e7e7e7;
  border-radius: 5px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .message .edel-icon-email-us:hover {
  color: #ffffff;
  background-color: #3580f7;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody tr:hover {
  background-color: #fafafa;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table tbody .tr_section {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table {
  border-collapse: separate;
  border-spacing: 0 12px;
}
.modalHoldingTitle .modal-content .modal-body .downloadHoldingDesk-table table td {
  height: 50px;
  vertical-align: middle;
  text-align: left;
  position: relative;
}
.modalHoldingTitle .header {
  margin-bottom: 25px;
  align-items: center;
}
.modalHoldingTitle .header i {
  margin-right: 10px;
}
.modalHoldingTitle .header h2 {
  font-size: 0.875rem;
  line-height: 19.6px;
  color: #444444;
  font-family: "DMSansMedium";
}
.modalHoldingTitle .header .search {
  display: flex;
}
.modalHoldingTitle .header .search .search_icon {
  display: flex;
  align-items: center;
  background-color: #f0f9ff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 14px 12px;
  padding-right: 0;
}
.modalHoldingTitle .header .search .search_icon i::before {
  font-size: 1rem;
  color: #3580f7;
}
.modalHoldingTitle .header .search input {
  background: #f0f9ff;
  font-family: "DMSansMedium";
  border-radius: 5px;
  border: 0;
  padding: 14px 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  color: #727271;
  padding-left: 0;
}
.modalHoldingTitle .header .blue_bg {
  background-color: #f2f2f5;
  padding: 14px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modalHoldingTitle .header .blue_bg i {
  margin: 0;
}
.modalHoldingTitle .header .blue_bg i::before {
  font-size: 1rem;
  color: #3580f7;
}
.modalHoldingTitle .header .filter_table .menu {
  margin: 0 10px;
}
.modalHoldingTitle .radio input[type=radio] {
  -webkit-appearance: none;
  border: 2px solid #e7e7e7;
  border-radius: 50%;
  outline: none;
  position: relative;
  vertical-align: top;
}
.modalHoldingTitle .radio input[type=radio]:before {
  content: "";
  display: block;
  width: 71.7%;
  height: 71.7%;
  margin: 15%;
  border-radius: 50%;
}
.modalHoldingTitle .radio input[type=radio]:checked:before {
  background: #3580f7;
}
.modalHoldingTitle .radio .form-check-input:checked[type=radio] {
  border: 2px solid #3580f7;
  background-color: #ffffff;
  background-image: unset;
}

.customFormSection .form-label {
  color: #b8b8b8;
  font-size: 0.875rem;
  line-height: 19.6px;
  font-family: "DMSansMedium";
}
.customFormSection .form-check {
  display: flex;
  align-items: center;
}
.customFormSection .form-check .form-check-label {
  color: #444444;
  font-size: 1rem;
  line-height: 20.8px;
  font-family: "DMSansMedium";
  margin-left: 10px;
}
.customFormSection .form-check .form-check-input {
  height: 25px;
  width: 25px;
  border: 1px solid #e7e7e7;
  margin-top: 0px;
}
.customFormSection .form-check .form-check-input:focus {
  border-color: unset;
  outline: 0;
  box-shadow: unset;
  border: 1px solid #e7e7e7;
}
.customFormSection .form-check .form-check-input:active {
  filter: unset;
}
.customFormSection .form-check .form-check-input:focus-visible {
  outline-offset: unset;
  outline: unset;
}
.customFormSection .form-control {
  color: #444444;
  font-size: 1rem;
  line-height: 22.4px;
  font-family: "DMSansMedium";
}

.boder-bottom {
  border-bottom: 1px solid #e7e7e7;
}

.custom_btn {
  padding: 14px;
  width: 100%;
  background-color: #03002f;
  font-size: 1.125rem;
  line-height: 25.2px;
  font-family: "DMSansMedium";
  text-align: center;
  justify-content: center !important;
}
.custom_btn:hover {
  color: #ffffff !important;
}

.blue_bg {
  background-color: #f2f2f5;
  border-radius: 4px;
}

.datePickerModal input {
  border: 0;
  color: #444444;
  background-color: #f0f9ff;
}
.datePickerModal input::placeholder {
  color: #444444;
}
.datePickerModal .downloadHoldingDesk {
  padding: 15px;
}
.datePickerModal .downloadHoldingDesk .calendar--row {
  margin-bottom: 15px !important;
}
.datePickerModal .downloadHoldingDesk .calendar--row.calendar--row-singleSelector .col {
  margin: 0 !important;
}
.datePickerModal .downloadHoldingDesk .calendar--row .col .inputFieldCalendarIcon input {
  border: 1px solid #b8b8b8;
  padding-left: 10px !important;
}
.datePickerModal .downloadHoldingDesk .calendar--row .col:first-child {
  margin-right: 5px;
}
.datePickerModal .downloadHoldingDesk .calendar--row .col:last-child {
  margin-left: 5px;
}
.datePickerModal .downloadHoldingDesk .calendar--row .col.active label {
  color: #3580f7;
}
.datePickerModal .downloadHoldingDesk .calendar--row .inputFieldCalendarIcon {
  position: relative;
}
.datePickerModal .downloadHoldingDesk .calendar--row .inputFieldCalendarIcon .input-group-text {
  position: absolute;
  right: 0;
}
.datePickerModal .downloadHoldingDesk .calendar--row .inputFieldCalendarIcon label {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
  margin-bottom: 10px;
}
.datePickerModal .downloadHoldingDesk .calendar--row .inputFieldCalendarIcon .input-group-append {
  top: 46%;
}
.datePickerModal .downloadHoldingDesk .calendar--row .col:first-child {
  margin-right: 20px;
}
.datePickerModal .downloadHoldingDesk .calendar--row .col:last-child {
  margin-left: 20px;
}
.datePickerModal .downloadHoldingDesk .calendar--row .col.active label {
  color: #3580f7;
}
.datePickerModal .downloadHoldingDesk .calendar--row .col.active input {
  border-color: #3580f7 !important;
}
.datePickerModal .modal-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-top: unset;
  padding-top: 0;
}
.datePickerModal .modal-footer .btn {
  background-color: unset;
  border: 1px solid #3580f7;
  color: #3580f7;
  border-radius: 5px;
  font-family: "DMSansMedium";
  width: 48%;
  text-align: center;
  justify-content: center !important;
}
.datePickerModal .modal-footer .btn:hover {
  background-color: #3580f7;
  color: #ffffff;
  transition: 0.5s ease;
}

.rbd-5xlxayyw29q-db {
  z-index: 9999 !important;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #03002f;
}

.react-datepicker {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  border: 1px solid #b8b8b8;
}
.react-datepicker .react-datepicker__header {
  background-color: #ffffff;
  font-family: "DMSansMedium";
}
.react-datepicker .react-datepicker__current-month,
.react-datepicker .react-datepicker-time__header,
.react-datepicker .react-datepicker-year-header {
  color: #393939;
  font-family: "DMSansMedium";
}
.react-datepicker .react-datepicker__current-month {
  margin: 13px 0;
}
.react-datepicker .react-datepicker__day-name {
  color: #393939;
  font-family: "DMSansMedium";
}
.react-datepicker .react-datepicker__day--selected,
.react-datepicker .react-datepicker__day--in-selecting-range,
.react-datepicker .react-datepicker__day--in-range,
.react-datepicker .react-datepicker__month-text--selected,
.react-datepicker .react-datepicker__month-text--in-selecting-range,
.react-datepicker .react-datepicker__month-text--in-range,
.react-datepicker .react-datepicker__quarter-text--selected,
.react-datepicker .react-datepicker__quarter-text--in-selecting-range,
.react-datepicker .react-datepicker__quarter-text--in-range,
.react-datepicker .react-datepicker__year-text--selected,
.react-datepicker .react-datepicker__year-text--in-selecting-range,
.react-datepicker .react-datepicker__year-text--in-range {
  background-color: #3580f7 !important;
  color: #ffffff !important;
}
.react-datepicker .react-datepicker .react-datepicker__day:hover,
.react-datepicker .react-datepicker .react-datepicker__month-text:hover,
.react-datepicker .react-datepicker .react-datepicker__quarter-text:hover,
.react-datepicker .react-datepicker .react-datepicker__year-text:hover {
  color: #393939 !important;
  background-color: #3580f7 !important;
}
.react-datepicker .react-datepicker__month-text--keyboard-selected,
.react-datepicker .react-datepicker__quarter-text--keyboard-selected,
.react-datepicker .react-datepicker__year-text--keyboard-selected {
  background-color: #3580f7;
  color: #ffffff;
}
.react-datepicker .react-datepicker__day:hover,
.react-datepicker .react-datepicker__month-text:hover,
.react-datepicker .react-datepicker__quarter-text:hover,
.react-datepicker .react-datepicker__year-text:hover {
  background-color: #3580f7 !important;
  color: #ffffff;
}
.react-datepicker .react-datepicker__navigation-icon--next {
  left: 0;
}
.react-datepicker .react-datepicker__navigation-icon--next::before {
  left: 0;
}
.react-datepicker .react-datepicker__navigation-icon--previous {
  left: 22px;
}
.react-datepicker .react-datepicker__navigation-icon--previous::before {
  position: absolute;
}
.react-datepicker .react-datepicker__navigation-icon--previous::before {
  right: unset;
}
.react-datepicker .react-datepicker__navigation-icon::before {
  border-color: #03002f;
}
.react-datepicker button {
  justify-content: center;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #3580f7;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-bottom-color: #3580f7;
}

.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 6px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  border-top-color: #3580f7;
}

.react-datepicker__month-container {
  float: left;
  width: 100%;
  margin: 0 auto;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 32px !important;
  height: 32px !important;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker .react-datepicker__month-select,
.react-datepicker .react-datepicker__year-select {
  background: #ffffff;
  border: 1px solid #f0f9ff;
  width: 100%;
  margin: 10px auto;
  padding: 4px 3px;
  border-radius: 4px;
  position: relative;
  font-size: 0.75rem;
  color: #3580f7;
  font-family: "RobotoCondensedBold";
}

button.react-datepicker__navigation {
  margin: 10px auto;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  display: none;
}

.react-datepicker-wrapper .react-datepicker__input-container button {
  height: 42px;
  border: unset;
  border-radius: 5px;
  width: 100%;
  background-color: unset;
  text-align: left;
  padding-left: 10px;
  font-size: 0.875rem;
  font-family: "EncodeSansSemiBold";
  color: #333333;
}

.holdingReportsDate .custom-input {
  display: flex;
  width: 100%;
  cursor: pointer;
  font-size: 0.875rem;
  font-family: "EncodeSansSemiBold";
  color: #333333;
}
.holdingReportsDate .input-group-append span {
  padding-top: 0;
}

.keyboard-daychange .react-datepicker__day--keyboard-selected {
  background-color: #ffffff !important;
  color: #000 !important;
}
.keyboard-daychange .react-datepicker__day--keyboard-selected.react-datepicker__day--in-range {
  background-color: #000 !important;
  color: #ffffff !important;
}

@media (max-width: 1024px) {
  .react-datepicker .react-datepicker__navigation-icon--previous {
    left: 0;
  }
  button.react-datepicker__navigation {
    top: 3%;
  }
  .react-datepicker .react-datepicker__navigation-icon--next {
    left: unset;
    right: 25%;
  }
}
.react-datepicker__day--outside-month {
  color: #b8b8b8;
}

.react-datepicker__navigation--previous {
  left: 20%;
}

.react-datepicker__navigation--next {
  right: 20%;
}

.react-datepicker .react-datepicker__day:hover {
  color: #ffffff !important;
  background-color: #3580f7 !important;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  color: #cccccc !important;
  pointer-events: none;
}

.react-datepicker__day--keyboard-selected {
  background-color: inherit !important;
  color: inherit !important;
}

.inputFieldCalendarIcon {
  position: relative;
}
.inputFieldCalendarIcon .input-group-text {
  position: absolute;
  right: 0;
  top: 2%;
}

.rangeDatePicker {
  position: relative;
  z-index: 1;
  background-color: transparent;
}

.pandLcalendar .inputFieldCalendarIcon .react-datepicker .react-datepicker__navigation-icon--previous {
  left: -78%;
}
.pandLcalendar .inputFieldCalendarIcon .react-datepicker .react-datepicker__navigation-icon--previous::before {
  top: 0;
}
.pandLcalendar .inputFieldCalendarIcon .react-datepicker .react-datepicker__navigation-icon--next {
  top: -2px;
}
.pandLcalendar .rangeDatePickerContainer .react-datepicker .react-datepicker__navigation-icon--previous {
  left: 50px;
}
.pandLcalendar .rangeDatePickerContainer .react-datepicker .react-datepicker__navigation-icon--previous::before {
  top: 55%;
}
.pandLcalendar .rangeDatePickerContainer .react-datepicker .react-datepicker__navigation-icon--next {
  right: 20%;
}
.pandLcalendar .rangeDatePickerContainer .react-datepicker .react-datepicker__navigation-icon--next::before {
  top: 55% !important;
}

.holdingpdf-summary-details {
  padding: 10px 0 !important;
}
.holdingpdf-summary-details .radio {
  gap: 10px;
}
@media (max-width: 1023px) {
  .holdingpdf-summary-details .report-format .form-check-input:before {
    width: 15px;
    height: 15px;
  }
}:root {
  font-size: 16px;
}

@media (max-width: 767px) {
  .tabs_pnl .nav-tabs {
    display: flex;
    height: 55px;
    overflow-y: scroll;
    flex-direction: column;
  }
  .tabs_pnl .dock_tabs_mobile {
    position: fixed !important;
    width: 100%;
    left: 0;
    padding-left: 15px;
    z-index: 8 !important;
  }
  .calender-section {
    position: unset;
  }
  .calender-section.dock_calender_mobile {
    position: fixed;
    width: 100%;
    left: 0;
    padding-left: 15px;
    top: 116px;
    z-index: 8;
  }
  .calender-section.dock_calender_mobile .calendar_date {
    grid-template-columns: 0.5fr 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 10px 0px;
  }
  .calender-section.dock_calender_mobile .calendar_date .fin_year {
    white-space: nowrap;
  }
  .calender-section.dock_calender_mobile .calendar_date :nth-child(2) {
    white-space: nowrap;
  }
  .calender-section.dock_calender_mobile .calendar_date .calendar_change {
    justify-self: end;
    padding-right: 15px;
  }
  .calendar_date {
    display: flex;
    position: unset;
    justify-content: space-between;
  }
  .calendar_date span {
    font-family: "DMSansNormal";
    font-size: 0.875rem;
    line-height: 130%;
    color: #444444;
  }
  .calendar_date .calendar_change span {
    color: #03002f;
  }
  .calendar_date .calendar_change i {
    font-size: 1.063rem;
  }
  .calendar_date .fin_year {
    font-family: "DMSansMedium";
  }
  .summary_details {
    position: unset;
    gap: 10px;
  }
  .summary_details span[aria-busy=true] {
    width: 100%;
  }
  .summary_details .border-radius-bottom-left {
    border-bottom-left-radius: 9px;
  }
  .summary_details .border-radius-bottom-right {
    border-bottom-right-radius: 9px;
  }
  .summary_details {
    border: 1px solid #b8b8b8;
    height: 130px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 10px;
    padding-top: 0px;
  }
  .summary_details .summary_box {
    border: none !important;
    height: 50px;
    padding: 20px 10px;
    gap: 5px;
  }
  .summary_details .summary_box .summary_title {
    font-size: 0.688rem;
    font-family: "DMSansMedium";
    line-height: 14px;
    margin-bottom: 5px;
  }
  .summary_details .summary_box .summary_values {
    display: unset;
    margin-right: 10px;
  }
  .summary_details .summary_box .summary_values span {
    font-size: 0.875rem;
    font-family: "RobotoMedium";
    line-height: 16px;
    display: block;
    overflow-wrap: break-word;
  }
  .summary_details .summary_box .summary_values .percentage_value {
    font-size: 0.625rem;
    display: flex;
  }
  .summary_details.dayspnl-container .col-6:last-child {
    text-align: end;
  }
  .summary_details.png-container-wrapper {
    z-index: 8;
  }
  .summary_details.png-container-wrapper .dayspnl-container {
    padding: 13px 15px;
    background-color: #f2f2f5;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-top: 28px;
  }
  .summary_details.png-container-wrapper .dayspnl-container.border-on-search-none {
    border-radius: 0;
    border: 0;
  }
  .summary_details.png-container-wrapper .dayspnl-container h3 {
    font-family: "encodesans_normal";
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0px;
    color: #444444;
  }
  .summary_details.png-container-wrapper .dayspnl-container .dayspnl {
    font-family: "RobotoMedium";
    font-size: 1rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    padding-left: 6px;
  }
  .summary_details.png-container-wrapper .dayspnl-container .daypnlchange {
    font-family: "RobotoMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    padding-left: 6px;
  }
  .dock_filter_mob {
    position: fixed;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 5px 15px;
    top: 177px;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.05);
    z-index: 7;
    height: 50px;
    overflow-x: scroll;
    display: flex;
    flex-direction: row;
  }
  .dock_filter_mob.dock_filter_mob_push {
    top: 222px;
  }
  .dock_filter_mob .clear-all-tag {
    right: -15px;
    padding-right: 10px;
  }
  .filter-wrapper {
    display: flex;
    margin: 0px -15px;
    padding: 10.5px 0px;
    background-color: #f0f9ff;
    align-items: center;
  }
  .filter-wrapper button {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .filter-wrapper .downloads {
    background-color: #f0f9ff !important;
    color: #03002f;
    font-family: "EncodeSansMedium";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    border-radius: 0px;
    border: 0px !important;
  }
  .filter-wrapper .downloads button {
    border: 0px !important;
    border-radius: 0px;
  }
  .filter-wrapper .downloads button i.edel-icon-download {
    font-size: 1.563rem;
    position: relative;
    top: 1px;
  }
  .filter-wrapper .left-thin-arrow-expand {
    margin-left: 15px !important;
    padding-left: 0px !important;
    padding-right: 10px !important;
    line-height: 24px !important;
    transform: rotate(180deg);
    padding-top: 4px;
    border-bottom-right-radius: 0px;
    padding-bottom: 16px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
  }
  .filter-wrapper .left-thin-arrow-expand::before {
    font-size: 0.375rem;
  }
  .filter-wrapper .p-10 {
    padding-left: 0px !important;
  }
  .filter-wrapper .close-expand {
    height: 36px;
    margin-left: 0px;
    margin-right: 15px !important;
    padding-right: 10px !important;
    border: 0px !important;
    color: #03002f;
    font-size: 1rem;
    line-height: 27px;
    padding-left: 7px;
    line-height: 30px !important;
    color: #b8b8b8 !important;
  }
  .filter-wrapper .close-expand::before {
    font-size: 0.563rem;
  }
  .filter-wrapper .close-expand {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
  }
  .filter-wrapper .searchbar-c {
    display: flex;
    width: 100%;
  }
  .filter-wrapper .searchbar-c i {
    background-color: #f0f9ff;
    padding-left: 15px;
    padding-right: 0px;
    border: 0px !important;
    color: #03002f;
    font-size: 1rem;
    line-height: 34px;
  }
  .filter-wrapper .searchbar-c i:before {
    top: 1px;
    position: relative;
  }
  .filter-wrapper .searchbar-c i.edel-icon-close {
    padding: 7px 0px 13px 4px;
  }
  .filter-wrapper .searchbar-c i.edel-icon-left-arrow {
    background-color: #f0f9ff;
    padding-left: 15px;
    padding-right: 0px;
    border: 0px !important;
    color: #03002f;
    font-size: 1rem;
    line-height: 34px;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .filter-wrapper .searchbar-c i.edel-icon-left-arrow:before {
    font-size: 0.625rem;
    top: 4px;
    margin-left: 10px;
    position: relative;
  }
  .filter-wrapper .searchbar-c input {
    background-color: #f0f9ff;
    border: 0px !important;
    padding-left: 8px;
    width: 80%;
  }
  .filter-wrapper .searchbar-c input::placeholder {
    font-family: "EncodeSansMedium";
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
  }
  .filter-wrapper .searchbar-c-new i,
  .filter-wrapper .searchbar-c-new i.edel-icon-left-arrow {
    color: #3580f7;
  }
  .filter-wrapper .sort button {
    border: 0px;
    background-color: #f0f9ff;
    border: 0px !important;
    border-radius: 0px;
    padding-right: 15px;
    color: #0d6efd;
  }
  .filter-wrapper .sort button:hover {
    color: #0d6efd;
  }
  .filter-wrapper .sort button i {
    font-size: 0.85rem;
    color: #03002f;
  }
  .filter-wrapper .sort button.sort-btn i {
    color: #3580f7;
  }
  .filter-wrapper .sort button.sort-btn:hover {
    color: #3580f7;
  }
  .filter-wrapper .sort button .sort-filter-icon {
    position: relative;
  }
  .filter-wrapper .sort button .sort-filter-icon .sort-filter-selected {
    background: #dd504d;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    right: -2px;
    top: -1px;
  }
  .filter-wrapper .drawer__handle-wrapper__handle-wrapper {
    padding: 15px 0px 0px !important;
    background: none;
    border-radius: 5px 5px 0px 0px;
  }
  .filter-wrapper .filter button {
    background-color: #f0f9ff;
    border-radius: 0px;
    padding-right: 15px;
    color: #0d6efd;
  }
  .filter-wrapper .filter button:hover {
    color: #03002f;
  }
  .filter-wrapper .filter button i {
    font-size: 0.938rem;
    color: #03002f;
  }
  .filter-wrapper .filter button.filter-btn i {
    color: #3580f7;
  }
  .filter-wrapper .filter button.filter-btn:hover {
    color: #3580f7;
  }
  .filter-wrapper .filter button .filter-icon {
    position: relative;
  }
  .filter-wrapper .filter button .filter-icon .filter-selected {
    background: #dd504d;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    right: -2px;
    top: -1px;
  }
  .filter-wrapper .filter button::after {
    border-right: 1px solid #e7e7e7 !important;
  }
  .filter-wrapper .downloads {
    height: 23px;
  }
  .filter-wrapper .downloads::before {
    content: "";
    border-left: 1px solid #e7e7e7 !important;
  }
  .filter-wrapper .downloads button {
    border: 0px;
    background-color: #f0f9ff;
    border: 0px !important;
    border-radius: 0px;
    color: #0d6efd;
    padding-left: 15px;
  }
  .filter-wrapper .downloads button i {
    font-size: 1.25rem;
    color: #03002f;
  }
  .filter-wrapper .downloads button:hover {
    color: #03002f;
  }
  .filter-wrapper .downloads button.download-btn i {
    color: #3580f7;
  }
  .filter-wrapper .downloads button.download-btn:hover {
    color: #3580f7;
  }
  .filter-wrapper.dock-filterbar-mob-pnl {
    position: fixed;
    top: 175px;
    width: 102%;
    z-index: 8;
  }
  .summarize-pnl {
    margin: 0px 0px 15px 0px;
  }
  .date_band {
    font-family: "EncodeSansRegular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 15px;
    margin-top: 15px;
    height: 40px;
    color: #d69a26;
  }
  .pnl_detail_data {
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    border-bottom: 1px solid #e5e5e5;
  }
  .pnl_detail_data .name_wrapper {
    font-family: "EncodeSansMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 140%;
    text-transform: uppercase;
    display: grid;
    align-items: center !important;
    color: #444444;
    margin: 20px 0px;
  }
  .pnl_detail_data .name_wrapper .scrip_name {
    align-self: self-end;
  }
  .pnl_detail_data .name_wrapper .scrip_name span.name-readmore {
    overflow: hidden;
    word-break: break-all;
  }
  .pnl_detail_data .name_wrapper .scrip_name .w-auto {
    width: 111px !important;
  }
  .pnl_detail_data .name_wrapper .value {
    font-family: "RobotoRegular";
    font-weight: 400;
    align-self: baseline;
  }
  .pnl_detail_data .value_wrapper {
    display: grid;
    justify-content: end;
    align-self: center;
    margin-bottom: 3px;
    gap: 10px;
  }
  .pnl_detail_data .value_wrapper .tag {
    font-family: "EncodeSansMedium";
    font-size: 0.625rem;
    line-height: 18px;
    color: #b8b8b8;
    text-align: right;
    overflow: hidden;
    overflow-wrap: anywhere;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .pnl_detail_data .value_wrapper .tag .value {
    font-family: "RobotoMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    word-break: break-all;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .pnl_detail_data .value_wrapper .price_qty {
    font-family: "EncodeSansMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.688rem;
    line-height: 14px;
    color: #b8b8b8;
    display: flex;
    justify-content: end;
  }
  .pnl_detail_data .value_wrapper .price_qty .price_value {
    font-family: "RobotoRegular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.688rem;
    line-height: 22px;
    color: #727271;
    margin-left: 4px;
  }
  .pnl_detail_data .value_wrapper .price_qty .price_qty_alone {
    justify-content: end;
  }
  .pnl_detail_data .value_wrapper .price_qty .dot {
    margin: 5px;
    font-size: 0rem;
    width: 4px !important;
    height: 4px !important;
    border: 2px solid #b8b8b8;
    border-radius: 5px;
    position: relative;
    top: -3px;
  }
  .pnl_all_data {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    border-bottom: 1px solid #e5e5e5;
  }
  .pnl_all_data .name_wrapper {
    font-family: "EncodeSansRegular";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 140%;
    text-transform: uppercase;
    display: grid;
    color: #444444;
  }
  .pnl_all_data .name_wrapper .name-readmore {
    width: 137px;
    overflow: hidden;
    word-break: break-all;
  }
  .pnl_all_data .name_wrapper .name-readmore.w-auto {
    width: 137px !important;
  }
  .pnl_all_data .name_wrapper .scrip_name {
    align-self: flex-end;
  }
  .pnl_all_data .name_wrapper .value {
    align-self: flex-start;
    font-family: "RobotoMedium";
  }
  .pnl_all_data .value_wrapper {
    display: grid;
    justify-content: end;
    align-self: center;
    margin-bottom: 3px;
    gap: 10px;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 10px;
    text-align-last: end;
    display: grid;
    grid-template-rows: 30px 30px;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .price_qty {
    font-family: "EncodeSansMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.688rem;
    line-height: 14px;
    color: #b8b8b8;
    display: flex;
    justify-content: end;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .price_qty .price_value {
    font-family: "RobotoRegular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.688rem;
    line-height: 22px;
    color: #727271;
    margin-left: 4px;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .price_qty .price_qty_alone {
    justify-content: end;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .price_qty .dot {
    margin: 5px;
    font-size: 0rem;
    width: 4px !important;
    height: 4px !important;
    border: 2px solid #b8b8b8;
    border-radius: 5px;
    position: relative;
    top: -3px;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .tag {
    font-family: "EncodeSansMedium";
    font-size: 0.625rem;
    line-height: 18px;
    color: #b8b8b8;
    text-align: right;
    overflow: hidden;
    overflow-wrap: anywhere;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: end;
  }
  .pnl_all_data .value_wrapper .unrealised_wrapper .tag .value {
    font-family: "RobotoMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    word-break: break-all;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .pnl_all_data .value_wrapper .realised_wrapper {
    text-align-last: end;
    justify-self: end;
  }
  .pnl_all_data .value_wrapper .realised_wrapper .tag {
    font-family: "EncodeSansMedium";
    font-size: 0.625rem;
    line-height: 18px;
    color: #b8b8b8;
    text-align: right;
    overflow: hidden;
    overflow-wrap: anywhere;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .pnl_all_data .value_wrapper .realised_wrapper .tag .value {
    font-family: "RobotoMedium";
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    word-break: break-all;
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .drawer__handle-wrapper__content {
    padding: 0 !important;
  }
  .drawer_container {
    width: 100%;
    text-align: center;
  }
  .drawer_container .calendar_list {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 24px;
    height: 340px;
    color: #727271;
    background-color: #f2f2f5;
  }
  .drawer_container .calendar_list .list_container {
    height: 54px;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
  }
  .drawer_container .calendar_list .list_container span {
    padding: 14px 0px 15px 18px;
    display: flex;
  }
  .drawer_container .calendar_list .list_container span .right_arrow {
    display: flex;
    align-self: center;
    position: fixed;
    right: 17px;
  }
  .drawer_container .calendar_list .list_container span .right_arrow i {
    background-color: transparent;
    color: #03002f;
    padding: 10px 12px;
    border-radius: 5px;
    height: 30px !important;
    width: 30px !important;
    align-items: center;
    display: flex;
  }
  .drawer_container .custom_btn {
    width: 360px;
    height: 40px;
    -webkit-appearance: none !important;
  }
  .drawer_year_container .mob_year_container {
    background: #f2f2f5;
    height: 75px;
  }
  .drawer_year_container .mob_year_container span {
    display: flex;
    padding-top: 30px;
    font-size: 0.875rem;
    font-family: "DMSansBold";
  }
  .drawer_year_container .mob_year_container span i {
    color: #03002f;
    font-size: 0.75rem;
    margin: 6px 11px 0px 15px;
  }
  .drawer_year_container .year_list {
    width: 100%;
    background-color: #ffffff;
    align-items: center;
  }
  .drawer_year_container .year_list .financial_year {
    height: 53px;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .drawer_year_container .year_list .financial_year span {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 24px;
    color: #727271;
  }
  .drawer_year_container .year_list .financial_year:last-child {
    height: 100px;
  }
  .drawer_year_container .year_list div.btn-container {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: white;
    left: 0px;
    right: 0px;
    padding-bottom: 17px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .drawer_year_container .year_list div.btn-container button {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    background: #03002f;
    color: #ffffff;
    padding: 9px 17px;
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    align-self: center;
    border: none !important;
    margin-top: 9px;
  }
  .drawer_year_container .year_list :nth-last-child(2) {
    border-bottom: none !important;
    margin-bottom: 68px;
  }
  .drawer__handle-wrapper .from_and_To_Container {
    height: 255px;
  }
  .drawer__handle-wrapper .from_and_To_Container .custom_heading {
    min-height: 60px;
    background: #f2f2f5;
    justify-content: center;
    align-items: center;
  }
  .drawer__handle-wrapper .from_and_To_Container .custom_heading span {
    display: flex;
    padding-top: 20px;
    padding-bottom: 23px;
  }
  .drawer__handle-wrapper .from_and_To_Container .custom_heading span i {
    color: #03002f;
    font-size: 0.75rem;
    margin: 6px 11px 0px 15px;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container {
    height: 150px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 15px;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .date-labels {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    line-height: 140%;
    color: #b8b8b8;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .form-control {
    background: none;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .input-group-text.d-block {
    background: none;
    border: none;
    padding: 6px 10px 10px 8px;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .input-group-text.d-block i {
    font-size: 0.688rem;
    color: #03002f;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .custom_btn {
    margin: 20px 0px;
    border-radius: 6px !important;
    height: 40px;
    width: 360px;
    padding: 8px 0px 0px 0px;
    align-items: center;
    -webkit-appearance: none !important;
    margin-left: 0px !important;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .input-group-date-section .date-partition {
    width: 135px;
  }
  .drawer__handle-wrapper .from_and_To_Container .date_container .input-group-date-section .date-partition .form-control {
    width: 100px;
    color: #444444;
  }
}
@media (max-width: 767px) and (max-width: 1023px) {
  .drawer__handle-wrapper .from_to_container_new .calendar--row {
    padding: 20px 20px 0px;
    border-bottom: 0px;
  }
}
@media (max-width: 767px) and (max-width: 1023px) {
  .drawer__handle-wrapper .from_to_container_new .inputFieldCalendarIcon {
    border: 1px solid #e7e7e7;
    padding: 0px;
    padding-left: 5px;
  }
  .drawer__handle-wrapper .from_to_container_new .inputFieldCalendarIcon .input-group-text {
    padding: 8px 10px;
  }
  .drawer__handle-wrapper .from_to_container_new .inputFieldCalendarIcon .form-control {
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .drawer__handle-wrapper .from_to_container_new .custom_heading {
    min-height: 60px;
    background: #f2f2f5;
    justify-content: center;
    align-items: center;
  }
  .drawer__handle-wrapper .from_to_container_new .custom_heading span {
    display: flex;
    padding-top: 20px;
    padding-bottom: 23px;
  }
  .drawer__handle-wrapper .from_to_container_new .custom_heading span i {
    color: #03002f;
    font-size: 0.75rem;
    margin: 6px 11px 0px 15px;
  }
  button .react-datepicker__navigation {
    top: 3%;
  }
  .pnl_data_wrapper {
    margin-bottom: 120px;
  }
  .display_end {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
  }
  .selected_option {
    margin: 13px 0px 3px 0px;
  }
  .selected_option .edel-icon-arrow-down {
    top: 152px;
  }
  .other_options {
    top: 183px;
  }
  .date-picker {
    padding: 0px 10px;
  }
  .button_container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .button_container .next_btn {
    width: 360px;
    height: 40px;
  }
  .pnl-drawer-container {
    height: 126;
  }
  .pnl-drawer-container .custom_btn {
    -webkit-appearance: none !important;
  }
  .pnl-drawer-container .date-container {
    left: 0px;
    height: 75px;
    top: 316px;
    background: #f2f2f5;
    border-radius: 5px 5px 0px 0px;
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
  .pnl-drawer-container .date-container .select-date {
    width: 115px;
    height: 20px;
    padding: 20px 0px 10px 0px;
    margin: 0px 0px 10px 15px;
    font-family: "Encode Sans";
    font-style: normal;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 140%;
    display: flex;
    align-items: baseline;
    color: #444444;
  }
  .pnl-drawer-container .date-container .form-control {
    box-sizing: border-box;
    width: 201px;
    height: 36px;
    left: 15px;
    top: 386px;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    margin-left: 10px;
  }
  .input-group-date-section {
    display: flex !important;
    justify-content: space-between;
  }
}
.setting-padding {
  padding: 0px 20px 4.25px;
}@media (max-width: 1023px) {
  .held-away-summary .summary-title .heldaway-val {
    color: #838486;
  }
}.heldaway-main .held-away-dashboard .held-away-dashboard-table thead {
  position: relative;
  top: 0;
}
.heldaway-main .held-away-dashboard .held-away-dashboard-table thead .header-label {
  padding: 5px 12px;
  width: 160px;
  text-align: right;
  margin-bottom: 10px;
  padding-right: 5px;
}
.heldaway-main .held-away-dashboard .held-away-dashboard-table thead .header-value {
  padding-left: 10px;
  padding-right: 5px;
}
.heldaway-main .held-away-dashboard .held-away-dashboard-table thead th:last-child {
  padding-right: 25px !important;
}
.heldaway-main .held-away-dashboard .held-away-dashboard-table tbody tr.holding-report-revamped-table-row td {
  padding-top: 14px;
  padding-bottom: 14px;
}
.heldaway-main .held-away-dashboard .held-away-dashboard-table tbody tr.holding-report-revamped-table-row td.numeric-value {
  padding-right: 15px !important;
  vertical-align: middle !important;
}
.heldaway-main .held-away-dashboard .held-away-dashboard-table tbody tr.holding-report-revamped-table-row td:last-child {
  padding-right: 25px !important;
}

.common-tooltip-custom-ellipse-notop {
  filter: drop-shadow(0px 0px 20px rgba(87, 100, 173, 0.2));
  min-width: 200px;
}
.common-tooltip-custom-ellipse-notop .tooltip-inner {
  background-color: #ffffff;
  color: #727271;
  font-family: "DMSansNormal";
  font-size: 0.688rem;
}
.common-tooltip-custom-ellipse-notop .tooltip-arrow::before {
  border-bottom-color: #ffffff !important;
}

.common-tooltip-custom-ellipse-notop.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff !important;
}

#external-holdings-dash {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
}
#external-holdings-dash button.btn {
  line-height: 1;
}.asset-heldaway-dashboard-card {
  background: #ffffff;
  padding: 10px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.asset-heldaway-dashboard-card .card-title {
  margin-bottom: 8px;
}
.asset-heldaway-dashboard-card .card-body-mob {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}
.asset-heldaway-dashboard-card .card-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  gap: 5px;
}

.asset-heldaway-detail-card {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  padding: 10px 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  position: relative;
  cursor: pointer;
}
.asset-heldaway-detail-card .card-head {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.asset-heldaway-detail-card .card-head .card-quote {
  display: flex;
  align-items: center;
  gap: 4px;
}
.asset-heldaway-detail-card .card-head .card-quote .quote-label {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #727271;
  white-space: nowrap;
}
.asset-heldaway-detail-card .card-head .card-quote .quote-values {
  display: flex;
  align-items: center;
  gap: 2px;
}
.asset-heldaway-detail-card .detail-card-body {
  display: flex;
  justify-content: space-between;
}
.asset-heldaway-detail-card .card-section {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.asset-heldaway-detail-card .card-section .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.asset-heldaway-detail-card .card-section .section-header .section-title {
  font-size: 0.688rem;
  font-family: "DMSansMedium";
  color: #0b243a;
  font-weight: 500;
}
.asset-heldaway-detail-card .card-section .section-header .section-quantity {
  display: flex;
  align-items: center;
  gap: 4px;
}
.asset-heldaway-detail-card .card-section .section-header .section-quantity .quantity-icon {
  font-size: 0.625rem;
  color: #727271;
}
.asset-heldaway-detail-card .card-section .section-header .section-quantity .quantity-value {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.asset-heldaway-detail-card .card-section .section-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.asset-heldaway-detail-card .card-section .section-content .section-label {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #838486;
  line-height: 1.4;
}
.asset-heldaway-detail-card .card-section .section-content .section-value {
  display: flex;
  align-items: center;
}.utility-bar .selected-filters-bar {
  padding: 12px 25px 12px 25px;
  margin-top: 0;
}
.utility-bar {
  border-bottom: 1px solid #f4f4f4;
}

@media (max-width: 1023px) {
  .date-placement-mob {
    padding-left: 15px;
  }
}
#external-holdings .remove-btn-props button {
  width: unset !important;
}

@media (max-width: 1023px) {
  .heldaway-action-sidebar .action-sidebar-block {
    padding: 0px;
  }
}.heldaway-main {
  padding-bottom: 20px;
}
.heldaway-main .held-away-tabs-container {
  width: 20%;
}
.heldaway-main .held-away-tabs-container .held-away-tab {
  cursor: pointer;
  padding: 10px 25px;
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  text-wrap: nowrap;
  white-space: nowrap;
}
.heldaway-main .held-away-tabs-container .held-away-tab.active {
  color: #000000;
  border-bottom: 2px solid #000000;
  font-family: "DMSansMedium";
}
@media (max-width: 1023px) {
  .heldaway-main .held-away-tabs-container .held-away-tab {
    font-size: 0.75rem;
  }
}
.heldaway-main .held-away-detail-table thead tr th .nuvama-holdings-label,
.heldaway-main .held-away-detail-table thead tr th .nuvama-holdings-label {
  padding: 5px 12px !important;
}
.heldaway-main .held-away-detail-table thead tr th.numeric-value {
  vertical-align: middle;
}
.heldaway-main .held-away-detail-table thead tr th:nth-child(1) {
  padding-left: 40px !important;
}
.heldaway-main .held-away-detail-table thead tr th:last-child {
  padding-right: 20px !important;
}
.heldaway-main .held-away-detail-table tbody tr {
  height: 50px;
}
.heldaway-main .held-away-detail-table tbody tr td.numeric-value {
  vertical-align: middle !important;
  min-width: 100px !important;
}
.heldaway-main .held-away-detail-table tbody tr td:nth-child(1) {
  padding-left: 40px !important;
}

/* Handle z indices*/
.heldaway-main .filter-pills .dropdown-filter {
  z-index: 11;
}
.heldaway-main .family-list-block {
  z-index: 11;
}.buttonByeSell .buyBtn {
  margin-right: 6px;
  margin-left: 8px;
}
.buttonByeSell .buyBtn .buy-btn {
  padding: 5px 20px !important;
}
.buttonByeSell .SellBtn {
  margin-right: 22px;
}
.buttonByeSell .SellBtn .sell-btn {
  padding: 4px 20px !important;
}
.buttonByeSell .SellBtn .share-icon {
  margin-right: 20px !important;
}

.tableHeadofMob {
  margin-top: 20px !important;
}
.tableHeadofMob .tableOfMob {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e7e7e7;
  margin-right: 15px;
  margin-left: 15px;
}
.tableHeadofMob .tableOfMob .titleoftableOfMob {
  padding-top: 23px;
  padding-bottom: 23px;
}

.colHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.iconsAndButton {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btnClass {
  display: flex;
  gap: 8px;
  align-items: center;
}
.btnClass .buyBtn {
  margin-right: 5px;
}
.btnClass .buyBtn .buy-btn {
  padding: 5px 20px !important;
}
.btnClass .SellBtn {
  margin-right: 22px;
}
.btnClass .SellBtn .sell-btn {
  padding: 4px 20px !important;
}

.mainTable {
  border-radius: 5px;
  border: 1px solid var(--separator-border, #e7e7e7);
  background: var(--white, #fff);
}
.mainTable .eftFillterBtn .filter-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 26px;
  top: -36px;
  position: relative;
  display: flex;
}
.mainTable .eftFillterBtn {
  border-radius: 5px;
}
.mainTable .headofTable {
  margin-top: 26px !important;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.mainTable .headofTable .headofTableImg {
  margin-right: 10px;
  margin-left: 15px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.mainTable .headofTable .headofTableImg.edel-icon-arrow-left1 {
  font-size: 0.75rem;
}
.mainTable .headofTable .headofTableImg .etfsearchBtn {
  margin-left: 5px;
  margin-right: 5px;
}
.mainTable .headofTable .headofTableImg .etfsearchBtn .etfSearchIcon {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}
.mainTable .headofTable .headofTableImg .etfsearchBtn .filterbtnEtf {
  border-radius: 3px;
}
.mainTable .headofTable {
  margin-bottom: 10px;
}
.mainTable .table-mob-wrappar {
  margin-bottom: 30px;
  border-bottom: 1px solid #e7e7e7;
}
.mainTable .rowofTable .margin-btm {
  margin-bottom: 5px;
}
.mainTable .rowofTable .text-left-table {
  text-align: end;
}
.mainTable .rowofTable {
  padding: 15px;
  border: 1px solid var(--separator-border, #e7e7e7);
  border-bottom: 0px;
}
.mainTable .rowofTable .labelofTable .text-ltp {
  margin-top: 5px;
}
.mainTable .rowofTable .labelofTable {
  display: flex;
  flex-flow: column;
}
.mainTable .rowofTable .labelofTable .ltfAndChange {
  margin-bottom: 15px !important;
  display: flex;
  flex-flow: row;
  align-items: center;
}
.mainTable .rowofTable .labelofTable .ltfAndChange .ltp-left {
  margin-right: 3px;
}
.mainTable .rowofTable .labelofTable label {
  margin-bottom: 3px !important;
}
.mainTable .rowofTable .labelofTable .labelofTavle {
  margin-bottom: 15px;
}

.etfTabsHead {
  margin-top: 15px !important;
  margin-bottom: 10px !important;
}
.etfTabsHead .etfTabscol {
  border-radius: 0px !important;
}

.etfTableDesktop .common-table-border table {
  border-spacing: 0px 0px;
}
.etfTableDesktop .overflow-scroll-300 {
  height: 380px;
  overflow: scroll;
  padding-bottom: 0px;
}
.etfTableDesktop .generic-table table tbody tr td:not(:first-child) {
  text-align: right;
}
.etfTableDesktop .generic-table table tbody tr td {
  border-bottom: 0px !important;
}
.etfTableDesktop .generic-table table thead {
  position: sticky;
  top: 0px;
  background: #ffffff;
  z-index: 1;
}
.etfTableDesktop .generic-table table thead tr th:not(:first-child) {
  text-align: right;
}
.etfTableDesktop .generic-table table thead tbody tr :nth-child(3) {
  text-align: right;
}
.etfTableDesktop .generic-table table thead tbody tr :nth-child(4) {
  text-align: right;
}
.etfTableDesktop .generic-table table thead tbody tr :nth-child(5) {
  text-align: right;
}
.etfTableDesktop .generic-table table thead tbody tr :nth-child(6) {
  text-align: right;
}

.ExploreMob {
  border: 0px;
}

.SortandFilter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
}
.SortandFilter .searchbarETF .common-search-bar input {
  padding: 13px 10px !important;
  padding-right: 70px !important;
}
.SortandFilter .sortBtnEtf {
  margin-left: 9px;
}
.SortandFilter .sortBtnEtf > .ed_button {
  border-radius: 5px;
  width: 44px;
  height: 44px;
  padding: 0px;
}
.SortandFilter .sortBtnEtf span.sort-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 30px;
  top: -33px;
  position: relative;
  display: flex;
}
.SortandFilter .sortBtnEtf .sort-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 28px;
  top: -34px;
  position: relative;
  display: flex;
}
.SortandFilter .filterBtnEtf {
  z-index: 2;
  margin-left: 9px !important;
  margin-right: 9px;
}
.SortandFilter .filterBtnEtf .filterasset-drop .filter-accordion {
  padding: 0px !important;
  margin: 0px !important;
}
.SortandFilter .filterBtnEtf .filter-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 26px;
  top: -36px;
  position: relative;
  display: flex;
}

.sortOfEtf {
  display: flex;
  justify-content: center;
  align-items: center;
}

.twoBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  border-bottom: auto;
}
.twoBtn .blueborderBtn {
  margin-left: 25px;
  margin-right: 25px;
}
.twoBtn .midnight-BlueBtn {
  margin-right: 25px;
}

.etfDrawrer {
  color: var(--black, #444);
  gap: 10px;
}
.etfDrawrer .filterSidebar .rightsidebar {
  padding-left: 0px !important;
  padding-right: 1rem !important;
  margin-bottom: 40px;
  height: 400px;
}
.etfDrawrer .filterSidebar .rightsidebar .filterasset-drop-body {
  margin: 15px 0px 0px !important;
  height: fit-content !important;
  overflow: visible !important;
  max-height: 400px;
  padding-bottom: 30px;
  -webkit-overflow-scrolling: auto;
}
.etfDrawrer .filterSidebar .rightsidebar .filterasset-drop-body > div:last-child {
  padding-bottom: 80px;
}

.etfEdbutton {
  padding: 15px 55px !important;
}

.inside-list {
  margin-bottom: 20px;
}

.bodylist-title {
  font-size: 14px;
}

.Filterandheading {
  display: flex;
  justify-content: start;
  align-items: center;
}

.etfDrawrer .color-drawer-etf__content {
  max-height: 72vh;
  overflow-y: unset !important;
  overflow-x: unset !important;
}

.etf-mobile-tags.top-funds.filters-tag {
  padding: 0 10px 15px;
}
@media (max-width: 768px) {
  .etf-mobile-tags.top-funds.filters-tag {
    padding: 0px 20px !important;
  }
}

.etfTitle {
  background-color: #f2f2f5;
  padding-top: 24px;
  padding-bottom: 20px;
  padding-inline: 1rem;
  display: flex;
  justify-content: space-between;
}
.etfTitle label {
  margin-right: 30px;
}

.twoBtnFilter {
  padding-top: 1rem;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  padding-inline: 10px;
}
.twoBtnFilter .etfEdbuttonFilter {
  padding: 10px 54px !important;
}
.twoBtnFilter .etfbuttonApply {
  padding: 10px 54px !important;
}
.leftsidebar {
  padding-left: 40px;
}

.tablefooter {
  margin-bottom: 0px !important;
}
.tablefooter .marketCard {
  padding: 0px !important;
}

.marketsEtf .generic-tabs .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}

.filtersortSidebar-section-mobile .color-drawer-etf {
  background-color: #f4fafd !important;
}

.etfFilterasset-drop-body {
  background: #ffffff;
  border-radius: 5px;
  margin: 15px 0px !important;
  padding-left: 10px;
  padding-block: 0px !important;
}
.etfFilterasset-drop-body .inside-list {
  padding-bottom: 20px;
}

.etfAccordianMaxHeight {
  max-height: 250px;
}

@media (max-width: 1023px) {
  .marketsEtf .floating-action-button {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .WhyInvestDesk {
    padding-left: 0px !important;
  }
}
.WhyInvestDesk .text-no-wrap {
  text-wrap: nowrap !important;
}

@media (min-width: 992px) {
  .marketsEtf .marketCard .marketcardhead {
    margin-top: 20px;
  }
}
.p-20-etf {
  padding: 12px !important;
}

.etf-docked-table {
  padding-bottom: 0px;
  z-index: 2;
  left: 0px;
}
.etf-docked-table .headofTable {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.etf-docked-table .filters-tag {
  padding-bottom: 0px !important;
  padding-left: 15px !important;
}

.common-filter-sorting-ui .generic-tabs .nav-tabs {
  height: 60px;
}
.common-filter-sorting-ui .generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 20px !important;
  font-size: 1rem !important;
  font-family: "DMSansBold" !important;
}
.common-filter-sorting-ui .drawer-body .sortlist-body {
  padding: 20px !important;
  border-bottom: 1px solid #e7e7e7;
}
.common-filter-sorting-ui .drawer-header {
  padding: 0px;
}

.etf-table-filter {
  margin-bottom: 30px !important;
  padding: 12px 20px;
}
@media (max-width: 768px) {
  .etf-table-filter {
    padding: 12px 0px 0px 20px;
  }
}
.etf-table-filter .height-content {
  height: 220px;
}

.etf-table-input {
  height: 39px;
  border: 2px solid #e7e7e7;
  border-radius: 6px;
}
.etf-table-input.ivalue input {
  height: 35px;
}
.etf-table-input input {
  border: none !important;
  margin-left: 0px !important;
  text-align: right;
  height: 32px;
  padding-right: 0px !important;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .etf-table-input input {
    height: 30px;
  }
}
.etf-table-input .input_suffix {
  padding: 10px;
  color: #b8b8b8;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .etf-table-input .input_suffix {
    padding: 5px;
    font-size: 1rem !important;
    font-family: "DMSansMedium" !important;
  }
}
.etf-table-input.etf-table-inputdesktop .input_prefix {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  padding: 8px 10px;
}
.etf-table-input.etf-table-inputdesktop input {
  margin-top: 1px;
}

.etfTableDesktop table tbody tr :first-child {
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.etfTableDesktop table tbody tr :nth-child(n) {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.etfTableDesktop .ltp-col-eft {
  text-align: right;
}
.etfTableDesktop .generic-table {
  margin-bottom: -4px !important;
}

#etfs-explore .marketcardbody {
  padding-bottom: 0px;
}

.colum-spacing-etf tbody tr td:first-child {
  width: 20%;
}

.etf-web-filter .filter-accordion {
  padding-top: 0px !important;
}
.etf-web-filter .filter-accordion #body-0 {
  overflow-y: visible !important;
}
.etf-web-filter .filter-accordion .accordion-item {
  border: none !important;
}

.etf-table-input.etf-table-inputdesktop input::placeholder {
  text-align: left;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}

.etf-equity-drp.common-new-drp .main-title-forbreak {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
}
.etf-equity-drp.common-new-drp .equitydrop .edel-icon-arrow-down {
  top: 2px !important;
}
.etf-equity-drp.show .equitydrop.show .edel-icon-arrow-down {
  top: 0px !important;
}
:root {
  font-size: 16px;
}

.marketTabs {
  padding-top: 18px;
  padding: 0;
}
.marketTabs .react-tabs .marketTabs-ul {
  padding: 0;
  gap: 50px;
}
.marketTabs .react-tabs .marketTabs-ul li p {
  line-height: 19.6px;
  font-size: 1rem;
}
.marketTabs .react-tabs .marketTabs-ul a {
  height: 100%;
}
.marketTabs .react-tabs .marketTabs-ul a p {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.marketTabs .react-tabs .marketTabs-ul a.active p {
  color: #03002f;
}
.marketTabs .react-tabs .marketTabs-ul a.active {
  border-bottom: 2px solid #03002f;
}
.marketTabs .react-tabs .marketTabs-ul {
  border-bottom: 1px solid #e7e7e7;
  margin: 0 10px;
  padding: 0;
}
@media (min-width: 768px) {
  .marketTabs .react-tabs .marketTabs-ul {
    margin: auto;
  }
}
.marketTabs .react-tabs .marketTabs-ul li {
  padding: 14px 0px;
  color: #b8b8b8;
  margin-right: 3.125rem;
}
@media (max-width: 768px) {
  .marketTabs .react-tabs .marketTabs-ul li {
    padding: 14px 10px;
  }
}
.marketTabs .react-tabs .marketTabs-ul li p {
  margin-bottom: 0;
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 19.6px;
}
.marketTabs .react-tabs .marketTabs-ul .react-tabs__tab:focus:after {
  content: unset;
}
.marketTabs .react-tabs .marketTabs-ul .react-tabs__tab--selected {
  background: unset;
  border-color: unset;
  color: #03002f;
  border-radius: unset;
  border: unset;
  border-bottom: 2px solid #03002f;
}

@media (max-width: 1023px) {
  .marketTabs .react-tabs {
    overflow-y: scroll;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    flex-direction: row;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0 0 0 15px;
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar {
    width: 4px !important;
    height: 5px !important;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    /* Track */
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar-track {
    background: transparent;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    /* Handle */
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar-thumb {
    background: #03002f;
  }
  .marketTabs .react-tabs .marketTabs-ul li p {
    line-height: 19.6px;
    font-size: 1rem;
  }
  .marketTabs .react-tabs .marketTabs-ul .react-tabs__tab--selected {
    border-width: 3px;
  }
}
@media (max-width: 1200px) {
  .marketTabs .react-tabs .marketTabs-ul li {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 1023px) {
  .market-today-container {
    border: 1px solid #e7e7e7;
    background-color: #ffffff;
  }
}
.market-today-container {
  border-radius: 5px;
  max-width: 100%;
  margin: 50px 0px;
}
@media screen and (max-width: 1023px) {
  .market-today-container {
    margin: 20px 0px;
  }
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-top {
    border-radius: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-top {
    border: 1px solid #e7e7e7;
    background-color: #ffffff;
  }
}
.market-today-container .market-today-sec-top .market-today-top-section {
  padding: 20px 20px 20px 20px;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-top .market-today-top-section {
    padding: 15px;
    border-bottom: 0px;
  }
}
.market-today-container .market-today-sec-top .market-today-top-section .market-commentory-section .owl-dots {
  padding-top: 0px !important;
  padding-bottom: 0px;
  margin: 0px;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards {
  height: 170px;
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards {
    height: 130px;
  }
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .selected {
  background-color: #f2f2f5;
}
@media screen and (min-width: 1300px) {
  .market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .column_second .generic-stock-card-date {
    line-height: 22px;
  }
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .column_second .generic-stock-date-status {
  padding-top: 0px;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-title h4 {
  max-width: 100%;
  overflow-x: hidden;
  white-space: nowrap;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards:hover {
  background-color: #f2f2f5;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-stock-percentage-and-change p,
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-stock-value p,
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-title p {
  overflow-wrap: normal;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-stock-percentage-and-change,
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-stock-value,
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-title {
  max-width: 100%;
  overflow-x: hidden;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:first-child .generic-stock-cards {
  border-left: 0px;
}
@media screen and (max-width: 998px) and (min-width: 991px) {
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(3) .generic-stock-cards,
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(5) .generic-stock-cards {
    border-left: 1px solid #e7e7e7 !important;
  }
  .market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards {
    min-height: 155px;
  }
}
@media screen and (max-width: 998px) {
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:first-child .generic-stock-cards,
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(2) .generic-stock-cards,
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(3) .generic-stock-cards {
    border-bottom: 0px;
  }
}
@media screen and (max-width: 998px) {
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(1),
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(2) {
    border-top: 0px;
  }
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(4) .generic-stock-cards {
    border-bottom: 0px !important;
  }
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(2) .generic-stock-cards,
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(4) .generic-stock-cards {
    border-right: 0px;
  }
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(5) .generic-stock-cards,
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(6) .generic-stock-cards {
    border-bottom: 0px !important;
  }
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(5) .generic-stock-cards:hover {
    border-bottom-left-radius: 5px !important;
  }
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(5) .generic-stock-cards:hover {
    border-bottom-right-radius: 5px;
  }
}
.market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:not(:first-child) .generic-stock-cards,
.market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:not(:last-child) .generic-stock-cards {
  border-left: 0px;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:last-child .generic-stock-cards {
  border-right: 0px;
}
.market-today-container .market-today-sec-top .market-top-section-container {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-top .market-top-section-container {
    margin-bottom: 8px;
  }
}
.market-today-container .market-today-sec-top .market-top-section-container .market-today-title h4 {
  margin-bottom: 0px;
}
.market-today-container .market-today-sec-top .market-top-section-container .market-today-title .market {
  font-family: "DMSansBold";
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: center;
  padding-right: 5px;
  color: #0b243a;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-top .market-top-section-container .market-today-title .market {
    font-size: 1.25rem;
  }
}
.market-today-container .market-today-sec-top .market-top-section-container .market-today-title .today {
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: center;
  color: #0b243a;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-top .market-top-section-container .market-today-title .today {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-bottom {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 977px) {
  .market-today-container .market-today-sec-bottom {
    border-radius: 5px;
  }
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom {
    border-radius: 5px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabels li span {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  color: #444444;
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabels li span {
    font-size: 0.75rem;
    line-height: 15.6px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname {
  padding-top: 10px;
}
.market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname .Progresscommondatavalue {
  font-family: "RobotoMedium";
  font-size: 1rem;
  line-height: 21px;
  letter-spacing: 0em;
  color: #444444;
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname .Progresscommondatavalue {
    font-family: "RobotoRegular";
    font-size: 0.875rem;
    font-weight: 400;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname .fullwidth {
  position: relative;
  top: -2px;
}
.market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname .fullwidth span {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname .fullwidth span {
    font-family: "DMSansNormal";
    font-size: 0.75rem;
    font-weight: 400;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname.datevaluecontent {
  position: relative;
  top: -40px;
}
.market-today-container .market-today-sec-bottom .market-barchart-section .section-left {
  padding: 0px;
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section {
    margin-top: 20px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .section-right {
  padding: 90px 16px 30px 38px;
}
@media screen and (max-width: 977px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .section-right {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .section-right {
    padding: 20px 15px 15px 15px;
    border: none;
  }
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .section-right {
    border-radius: 5px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-status {
  padding-bottom: 50px;
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .market-status {
    padding-bottom: 34px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-status div {
  border: 0px !important;
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-status .days-indicator .title h4 {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0em;
  color: #727271;
  margin-bottom: 6px;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .market-status .days-indicator .title h4 {
    font-family: "DMSansNormal";
    font-size: 0.75rem;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 10px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-status .days-indicator .value p {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0em;
  color: #444444;
  margin: 0px;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .market-status .days-indicator .value p {
    font-family: "RobotoRegular";
    font-size: 0.875rem;
    line-height: 19.6px;
    font-weight: 400;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section {
  padding-top: 70px;
}
@media screen and (max-width: 998px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section {
    padding-top: 20px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section .market-quote-button {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 22px;
  letter-spacing: 0em;
  text-transform: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: none !important;
  padding: 0px;
  color: #03002f;
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section .market-quote-button .viewall-icon-container {
  margin-left: 7px;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section .market-quote-button .viewall-icon-container {
    margin-left: 10px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section .market-quote-button .viewall-icon-container .viewall-icon-box .edel-icon-arrow-right:before {
  left: -2px;
  top: 2px;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section .market-quote-button {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 21.6px;
  }
}

.marketMapWrap .marketMap .marketgroup {
  padding: 0px;
}
.marketMapWrap .marketMap .marketgroup .marketCard {
  height: 100%;
}
@media (max-width: 768px) {
  .marketMapWrap .marketMap .marketgroup .marketCard {
    height: auto;
    padding: 15px !important;
  }
}

@media (max-width: 768px) {
  .marketmapouter {
    height: auto;
  }
}
@media (max-width: 768px) {
  .marketmapouter .FlexBox {
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .marketmapouter .equity-dropdown-block .equitydrop {
    padding: 5px 8px;
  }
}

.mapProgress h6 {
  font-size: 1.125rem;
  margin-bottom: 25px;
  margin-top: 20px;
}

@media screen and (max-width: 1023px) {
  .mapProgress h6 {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .markettoday-viewallbtn {
    margin-right: 10px;
  }
}

.stockCardsParent div:last-child .generic-stock-cards {
  cursor: default;
}
.stockCardsParent div:last-child .generic-stock-cards:hover {
  background-color: #ffffff !important;
}

.market-commentory {
  background-color: #fffbec;
  padding: 15px 20px 20px 20px;
}
@media screen and (max-width: 1023px) {
  .market-commentory {
    padding: 12px 15px 10px 15px;
  }
}
.market-commentory p {
  margin: 0px;
}
.market-commentory .market-commentory-title {
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  .market-commentory .market-commentory-title {
    margin-bottom: 15px;
  }
}
.market-commentory .market-commentory-title p {
  font-family: "EncodeSansMedium";
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 25.2px;
  letter-spacing: 0px;
  text-align: left;
  color: #dfa717;
}
@media screen and (max-width: 1023px) {
  .market-commentory .market-commentory-title p {
    font-size: 0.875rem;
    line-height: 19.6px;
  }
}
.market-commentory .market-commentory-date {
  line-height: 19.6px;
}
@media screen and (max-width: 1023px) {
  .market-commentory .market-commentory-date {
    line-height: 12.5px;
  }
}
.market-commentory .market-commentory-date p {
  line-height: 19.6px;
}
@media screen and (max-width: 1023px) {
  .market-commentory .market-commentory-date p {
    line-height: 12.5px;
  }
}
@media screen and (max-width: 1023px) {
  .market-commentory .market-commentory-date {
    text-align: right;
  }
}
.market-commentory .market-commentory-date .commentory-time,
.market-commentory .market-commentory-date .commentory-date {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0em;
  text-align: left;
  color: #b8b8b8;
}
@media screen and (max-width: 1023px) {
  .market-commentory .market-commentory-date .commentory-time,
  .market-commentory .market-commentory-date .commentory-date {
    font-family: "EncodeSansLight";
    font-size: 0.625rem;
    font-weight: 300;
    line-height: 12.5px;
    color: #727271;
  }
}
.market-commentory .period {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #b8b8b8;
  display: inline-block;
  margin-left: 7px;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  color: #b8b8b8;
}
@media screen and (max-width: 1023px) {
  .market-commentory .period {
    top: 0px;
    height: 3px;
    width: 3px;
    margin-left: 5px;
  }
}
@media screen and (max-width: 991px) {
  .market-commentory .period {
    top: 2px;
  }
}

.ongoing-ipo .ipo-heading {
  font-size: 1.75rem;
  font-family: "EncodeSansMedium";
  line-height: 140%;
  padding-bottom: 30px;
}
.ongoing-ipo .ipo-heading strong {
  font-family: "EncodeSansBold";
}

.ipo-card .card {
  background: #f0f9ff;
}
.ipo-card .card-header {
  background: none;
  padding: 20px 15px;
}
.ipo-card .card-header .ipo-headings {
  font-family: "EncodeSansMedium";
  font-size: 0.625rem;
  display: flex;
  justify-content: space-between;
}
.ipo-card .card-header .ipo-headings .live {
  display: flex;
}
.ipo-card .card-header .ipo-headings .live .dot {
  margin: 4px 4px 4px 0px;
  border-radius: 5px;
  position: relative;
  height: 7px;
  width: 7px;
  background-color: #51b255;
}
.ipo-card .card-header .ipo-headings .timestamp {
  display: flex;
  color: #727271;
  font-family: "EncodeSansMedium";
  font-size: 0.625rem;
}
.ipo-card .card-header .ipo-headings .timestamp img {
  margin: 0px 0px 0px 20px;
  width: 25px;
}
.ipo-card .card-body {
  padding: 0px 15px !important;
  line-height: 140%;
}
.ipo-card .card-body .ipo-header {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
}
.ipo-card .card-body .ipo-description {
  font-size: 0.75rem;
  font-family: "encodesans_normal";
  color: #727271;
}
.ipo-card .card-body .ipo-description .ipo-web {
  color: #444444;
}
.ipo-card .card-body .row {
  padding-top: 20px;
}
.ipo-card .card-body .row div label {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  color: #727271;
}
.ipo-card .card-body .row div p:first-child {
  font-family: "RobotoMedium";
}
.ipo-card .card-body .row div p {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
}
.ipo-card .card-body .row .inline-status {
  display: flex;
  gap: 8px;
  padding-top: 10px;
}
.ipo-card .card-body .row .roboto-num {
  font-family: "RobotoMedium";
}
.ipo-card .card-footer {
  padding: 11px 16px 21px 20px;
  background: none;
  border: none;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
}
.ipo-card .card-footer .footer-buttons {
  display: flex;
  gap: 7%;
}
.ipo-card .card-footer .footer-buttons .ed_button.blue-link {
  background: none;
}
.ipo-card .card-footer .footer-buttons .ed_button.blue-one {
  height: 40px;
  padding: 0 16px;
  font-size: 0.875rem;
}
.ipo-card .card-footer .footer-buttons img {
  width: 36px;
  position: absolute;
  right: 16px;
}
.ipo-card .card-footer .footer-buttons .share-icon {
  width: 30px;
  height: 30px;
  background: rgba(53, 128, 247, 0.1);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-self: center;
}
.ipo-card .card-footer .footer-buttons .share-icon i {
  color: #3580f7;
  display: flex;
  align-items: center;
}
.ipo-card .card-footer .space-even {
  justify-content: space-evenly;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .ipo-card .marketgroup .marketCard .marketcardfoot.card-footer {
    padding: 0px 15px 15px 15px !important;
  }
}
@media (max-width: 768px) {
  .ipo-card .marketgroup .marketCard .marketcardfoot.card-footer {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.market-ipos .card-header {
  padding-bottom: 7px;
}
.market-ipos .card-header .ipo-headings .live .dot {
  margin: 2px 4px 4px 0px;
}
.market-ipos .card-body .row {
  padding-top: 16px;
}
.market-ipos .card-body .row div p {
  font-size: 0.75rem;
}
.market-ipos .card-footer {
  padding-top: 8px;
}

.ipo-carousel .bg-lightyellow .card {
  background: #fffbf2;
}
.ipo-carousel .owl-stage-outer .owl-item.active.blurred-opacity .card {
  opacity: 0.5;
}

@media screen and (min-width: 1024px) {
  .ipo-carousel .owl-dots {
    padding-top: 20px;
  }
  .market-ipos .card-header .ipo-headings .live .dot {
    margin: 4px 4px 4px 0px;
  }
}
.apply_ipo-td:hover {
  background-color: unset !important;
}
.apply_ipo-td td {
  height: 35px;
  vertical-align: middle !important;
}
.apply_ipo-td td:hover {
  background-color: unset !important;
}

.success .outerClass-circle {
  background-color: #cee9e0;
  border: 15px solid #e1f2ed;
}
.success .outerClass-circle.icon-head .icon {
  color: #51b255;
}

.small .outerClass-circle {
  width: 100px !important;
  height: 100px !important;
}
.small .outerClass-circle.icon-head .icon {
  font-size: 38px;
}

.outerClass-circle {
  position: relative;
  width: 125px;
  height: 125px;
  background-color: #dddde1;
  border: 15px solid #e7e7e7;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.outerClass-circle.icon-head .icon {
  font-size: 64px;
}

.marketmood-text {
  padding: 23px 10px 0px 15px;
}
.marketmood-text .commentary {
  font-family: "EncodeSansLight";
  font-size: 1rem;
}
.marketmood-text .commentary .zone {
  color: #ff6b00;
}

.view-all-section {
  display: flex;
  padding: 0px 0px 14px 0px;
  justify-content: end;
  gap: 10px;
}
.view-all-section .ed_button.blue-link {
  background: none;
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
}

.mood-graph .mmi-indicator {
  padding: 9px;
  height: 79px;
  display: grid;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .mmi-with-ipo .card .card-body .card {
    border-radius: 5px !important;
  }
  .mood-graph .mmi-graph {
    border-radius: 5px;
    background: #f7fcff;
    height: 109px;
    display: flex;
    justify-content: center;
  }
  .mood-graph .mmi-indicator {
    padding: 15px;
  }
  .view-all-section {
    padding-right: 0px;
  }
  .view-all-section .ed_button.blue-link {
    font-size: 1rem;
    font-family: "EncodeSansMedium";
  }
  .marketmood-text {
    padding: 30px 0px 0px 0px;
  }
  .marketmood-text .commentary {
    font-size: 1.25rem;
    padding-bottom: 22px;
  }
  .marketmood-text .commentary .zone {
    font-size: 1.25rem;
  }
}
.mmi-with-ipo .card {
  border-radius: 5px;
}
.mmi-with-ipo .card .card-body {
  padding: 0px;
}
.mmi-with-ipo .card .card-body .card-title {
  padding: 15px 21px 20px 15px;
  font-family: "EncodeSansLight";
  font-size: 1.25rem;
  margin-bottom: 0;
}
.mmi-with-ipo .card .card-body .card-title strong {
  font-family: "EncodeSansBold";
}
.mmi-with-ipo .card .card-body .card {
  background: rgba(240, 249, 255, 0.5);
  border-radius: 0px;
}

@media screen and (min-width: 1024px) {
  .mmi-with-ipo {
    display: flex;
    justify-content: center;
  }
  .mmi-with-ipo .card .card-body .card-title {
    font-size: 1.75rem;
    padding: 0px 0px 30px 0px;
    line-height: 140%;
  }
  .mmi-with-text-only .no-border-card .graph-and-text {
    display: flex;
  }
  .mmi-with-text-only .no-border-card .graph-and-text .mood-graph .mmi-graph {
    height: 151px;
  }
  .mmi-with-text-only .no-border-card .graph-and-text .mood-graph .mmi-indicator {
    padding-left: 45px;
    padding-right: 39px;
  }
  .mmi-with-text-only .no-border-card .graph-and-text .marketmood-text {
    width: 394px;
    padding-left: 72px;
    align-self: center;
  }
  .mmi-with-text-only .no-border-card .graph-and-text .marketmood-text .view-all-section {
    justify-content: start;
    padding: 0px;
  }
  .mmi-with-text-only .no-border-card .graph-and-text .marketmood-text .commentary {
    padding-bottom: 15px;
  }
  .mmi-with-graph-only .card .card-body .view-all-section {
    justify-content: start;
  }
}
.no-border-card {
  border: none !important;
}

.with-border-card {
  border: 1px solid #e7e7e7 !important;
}

:root {
  font-size: 16px;
}

.blur {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%;
  z-index: 99999;
}

.marketTabs {
  padding: 0;
}
.marketTabs.container {
  padding: 0;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul {
  border-bottom: unset;
  padding: 0;
  gap: 0 !important;
  margin: 20px 0 !important;
  cursor: pointer;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul.hopBtn-headList .listHead {
  margin-left: 15px;
  margin-right: 0;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li {
  list-style: none;
  padding: 0px;
  display: inline-block;
  line-height: 15px;
  margin: 10px 0;
  position: relative;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li a::after {
  content: "";
  border-right: 2px solid #03002f;
  margin-right: 8px;
  margin-left: 8px;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li:last-child {
  border-radius: unset;
  border: unset;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li:last-child a::after {
  content: "";
  border-right: none !important;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li a {
  white-space: nowrap;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #03002f;
}

.marketTabs .react-tabs .marketTabs-ul.hopBtn-headList {
  max-height: 300px;
  overflow-y: auto;
}
.marketTabs .react-tabs .marketTabs-ul.hopBtn-headList .listHead {
  margin-left: 15px;
  margin-right: 0;
}

@media (max-width: 1023px) {
  .marketTabs .react-tabs .equityLinksMob .marketTabs-ul {
    border-bottom: unset;
    padding: 0;
    gap: 0 !important;
    margin: 20px 0;
  }
  .marketTabs .react-tabs .equityLinksMob .marketTabs-ul li {
    list-style: none;
    padding: 0 10px;
    margin: 10px 0;
  }
  .marketTabs .react-tabs .equityLinksMob .marketTabs-ul li a {
    white-space: nowrap;
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    color: #03002f;
  }
}
@media (max-width: 1023px) {
  .equityLinksDesk {
    display: none;
  }
}
@media (min-width: 1024px) {
  .equityLinksDesk {
    display: block;
    padding: 0px !important;
  }
}
.dock-hyper-links {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 8%;
}
@media (min-width: 1680px) {
  .dock-hyper-links {
    padding: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1360px) {
  .dock-hyper-links {
    padding: 0 8%;
  }
}
@media (min-width: 1400px) {
  .dock-hyper-links {
    padding: 0 8%;
  }
}
@media (min-width: 1440px) {
  .dock-hyper-links {
    padding: 0 4%;
  }
}
@media (min-width: 1600px) {
  .dock-hyper-links {
    padding: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.dock-hyper-links .equityLinksDesk .marketTabs-ul,
.dock-hyper-links .equityLinksDesk .equity-links-ul {
  margin: 10px 0px !important;
}

.Links-padding-ui .equityLinksDesk .marketTabs-ul li {
  margin: 5px 0 !important;
}

.week-high-low tbody tr td:nth-child(5), .week-high-low tbody tr td:nth-child(6) {
  font-family: "RobotoMedium" !important;
  line-height: 24px;
}

.price-buzzers-table tbody tr td:nth-child(5), .price-buzzers-table tbody tr td:nth-child(6), .price-buzzers-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}

.volume-buzzers-table tbody tr td:nth-child(5) {
  font-family: "DMSansMedium" !important;
}
.volume-buzzers-table tbody tr td:nth-child(6), .volume-buzzers-table tbody tr td:nth-child(7), .volume-buzzers-table tbody tr td:nth-child(8) {
  font-family: "RobotoMedium" !important;
}

.performer-table .sector {
  display: flex;
  justify-content: start;
}
.performer-table tbody tr td:nth-child(5), .performer-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}
.performer-table tbody tr td:nth-child(6) {
  font-family: "DMSansMedium" !important;
}

.performer-tag {
  height: 42px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #444444;
  background: #f9fbff;
  margin-bottom: 20px;
}
.performer-tag label {
  font-family: "DMSansBold";
}
.performer-tag span {
  font-family: "RobotoMedium";
}

.top-table tbody tr td:nth-child(5), .top-table tbody tr td:nth-child(6), .top-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}

.index-table tbody tr td:nth-child(6), .index-table tbody tr td:nth-child(7), .index-table tbody tr td:nth-child(8) {
  font-family: "RobotoMedium" !important;
}

.alltime-table tbody tr td:nth-child(5), .alltime-table tbody tr td:nth-child(6) {
  font-family: "RobotoMedium" !important;
}

.drivingmarket-index-mob-drawer {
  border: 1px solid #ebf2fe;
  border-radius: 5px;
  line-height: 20px;
}
.drivingmarket-index-mob-drawer .drawer-dname {
  font-family: "encodesans_normal" !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 22px;
  color: #263363 !important;
}
.drivingmarket-index-mob-drawer .selectedExchangeIndex {
  display: flex;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
  padding: 5px 8px !important;
  font-family: "encodesans_normal";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  color: #727271;
}
.drivingmarket-index-mob-drawer .nav {
  flex-wrap: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.drivingmarket-index-mob-drawer .nav::-webkit-scrollbar {
  display: none;
}
.drivingmarket-index-mob-drawer .nav {
  overflow-y: scroll;
  margin-bottom: 0 !important;
}
.drivingmarket-index-mob-drawer .nav-item .nav-link {
  border: 0;
  font-family: "encodesans_normal";
  font-weight: 400;
  font-size: 1rem;
  line-height: 22px;
  color: #727271;
  white-space: nowrap;
}
.drivingmarket-index-mob-drawer .nav-item .nav-link.active {
  border-bottom: 2px solid #3580f7;
  white-space: nowrap;
}
.drivingmarket-index-mob-drawer .index-list {
  overflow-y: scroll;
}
.drivingmarket-index-mob-drawer .index-list-item {
  font-family: "encodesans_normal";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 41px;
  color: #444444;
  cursor: pointer;
  padding: 5px 5% 5px 5%;
}
.drivingmarket-index-mob-drawer .tab-content {
  overflow-y: scroll;
  height: 30vh;
}
.drivingmarket-index-mob-drawer .drawer-body {
  padding-bottom: 10px !important;
}
.drivingmarket-index-mob-drawer .seperator-border {
  border-bottom: 1px solid #e7e7e7;
}

.drivingmarket-index-mob-drawer.container {
  padding-right: 0px;
  padding-left: 0px;
}

.driving-mkt-mainblock {
  margin-top: 20px;
}
.driving-mkt-mainblock .d-livenews-container {
  margin: 0px 0px 30px 30px;
  background: #ffffff;
  height: 653px;
  border-radius: 5px;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar {
  width: 1px !important;
  height: 227px !important;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar-button {
  height: 77px;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar-track {
  height: 10px !important;
  width: 1px;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar-thumb {
  background-color: #03002f;
  height: 10px !important;
  width: 1px !important;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .d-livenews-container {
    margin-top: 23px;
    margin-left: 0px;
    height: auto;
  }
}
.driving-mkt-mainblock .d-livenews-container .masked {
  display: none;
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup {
  position: relative;
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain1,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain {
  font-family: "DMSansBold";
  font-size: 1.125rem;
}
@media (max-width: 1023px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain1,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain {
    font-size: 1rem;
  }
}
@media (max-width: 1023px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftsub {
    font-family: "RobotoRegular";
  }
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles {
    background: #ffffff;
    margin-top: 30px;
    border: 1px solid #e7e7e7;
    border-radius: 5px !important;
  }
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketcardbody {
  padding: 25px 0px 30px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketcardbody {
    padding: 20px 0px !important;
  }
}
.driving-mkt-mainblock .driving-mkt-block {
  border: 1px solid #e7e7e7;
  background: #ffffff;
  padding: 20px 0px;
  border-radius: 5px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-tiles .marketgroup:last-child {
  border-right: 0px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-tiles:first-child .marketgroup:first-child {
  border-top: none;
}
.driving-mkt-mainblock .driving-mkt-block .driving-tiles:last-child .marketgroup:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block {
    border: 0px;
    background: none;
  }
}
.driving-mkt-mainblock .driving-mkt-block .marketgroup {
  margin: 0px;
  margin-bottom: 20px;
  padding: 20px 15px;
  border-top: 1px solid #e7e7e7;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .marketgroup {
    padding: 20px;
    border-top: 0px;
    margin-bottom: 0px;
    border-right: 1px solid #e7e7e7;
  }
}
.driving-mkt-mainblock .driving-mkt-block .marketgroup:first-child {
  padding: 20px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .marketgroup:first-child {
    padding: 20px 15px !important;
  }
}
.driving-mkt-mainblock .driving-mkt-block .marketgroup .marketCard {
  padding: 0px;
  border: none !important;
  margin: 0px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head {
  padding: 0px 15px;
  display: block;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head {
    display: flex;
    justify-content: space-between;
    padding: 0px;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title {
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  color: #0b243a;
}
@media (max-width: 1024px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title {
    font-size: 1.375rem;
    font-family: "DMSansNormal";
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title strong {
  font-family: "DMSansBold";
}
@media (max-width: 1024px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title strong {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile {
    gap: 11px;
  }
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile {
    padding-bottom: 14px;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .equity-dropdown-block .equitydrop {
  padding: 9px 10px;
  line-height: 140%;
  height: 40px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .equity-dropdown-block .equitydrop {
    padding: 5px 8px !important;
    line-height: 140%;
    height: unset;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-valuedropdown .subMenuDropdown .nav-item .nav-link,
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-daydropdown .subMenuDropdown .nav-item .nav-link {
  padding: 9px 10px !important;
  line-height: 140%;
  height: 40px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-valuedropdown .subMenuDropdown .nav-item .nav-link,
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-daydropdown .subMenuDropdown .nav-item .nav-link {
    padding: 5px 8px !important;
    line-height: 140%;
    height: unset;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock {
  display: flex;
  justify-content: end;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock {
    margin-top: 0px;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown {
  white-space: nowrap;
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .daydrop-btn-border {
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  padding: 7px 10px 7px 14px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .btn-select-drivingmarket {
  color: #727271;
  background-color: #ffffff;
  padding: 0px 14.66px 0px 0px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop {
    padding: 5px 8px !important;
    line-height: 140%;
  }
}

.drivingmarket-ipocard {
  margin: 30px 0px 0px 30px;
}
@media screen and (max-width: 1023px) {
  .drivingmarket-ipocard {
    margin-left: 0px;
  }
}
.drivingmarket-ipocard .bg-lightyellow .card {
  background: #fffbf2;
}
.drivingmarket-ipocard .drivingmarket-ipo-head {
  font-family: "DMSansBold";
  font-size: 1.25rem;
  color: #0b243a;
  margin-bottom: 10px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots {
  display: flex;
  justify-content: center;
  padding: 6px 16px 16px 16px;
  margin-top: 14px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots .owl-dot span {
  width: 18px !important;
  height: 0px !important;
  margin: 0.1em !important;
  display: block;
  border: 1px solid #cccccc;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots .owl-dot span {
    width: 15px !important;
  }
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots .owl-dot.active span {
  border: 2px solid #03002f;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav {
  position: absolute;
  height: 0px;
  top: -30px;
  right: 0px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1 {
  border: none;
  background: none;
  color: #03002f;
  font-size: 0.875rem;
  position: absolute;
  top: 0px;
  right: 15px;
}
@media (min-width: 1400px) {
  .drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1 {
    margin-left: 360px;
  }
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1 span {
  display: none;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1.disabled {
  opacity: 0.5;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-right1 {
  border: none;
  background: none;
  color: #03002f;
  font-size: 0.875rem;
  position: absolute;
  top: 0px;
  right: 0px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-right1 span {
  display: none;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-right1.disabled {
  opacity: 0.5;
}

.drivingmarket-underperformers .driving-mkt-dropdownblock,
.drivingmarket-outperformers .driving-mkt-dropdownblock,
.volumebuzzers .driving-mkt-dropdownblock,
.pricebuzzers .driving-mkt-dropdownblock,
.lowercircuit .driving-mkt-dropdownblock,
.uppercircuit .driving-mkt-dropdownblock {
  display: flex;
  justify-content: end;
  margin-bottom: 20px;
}
.drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link {
  padding: 5px 10px;
  line-height: 140%;
}
.drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop {
  padding: 5px 12px 5px 13px !important;
  line-height: 140%;
}
@media (max-width: 768px) {
  .drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop {
    padding: 5px 8px;
    line-height: 140%;
  }
}
.drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}
.drivingmarket-underperformers .dynamic-title-block,
.drivingmarket-outperformers .dynamic-title-block,
.volumebuzzers .dynamic-title-block,
.pricebuzzers .dynamic-title-block,
.lowercircuit .dynamic-title-block,
.uppercircuit .dynamic-title-block {
  font-size: 1rem !important;
  font-family: "DMSansMedium";
  color: #444444 !important;
  margin-top: 19px;
  padding: 10px 20px;
  margin-bottom: 23px !important;
  height: 42px;
  background: #f2f2f5;
}
.drivingmarket-underperformers .dynamic-title-block .changeperc,
.drivingmarket-outperformers .dynamic-title-block .changeperc,
.volumebuzzers .dynamic-title-block .changeperc,
.pricebuzzers .dynamic-title-block .changeperc,
.lowercircuit .dynamic-title-block .changeperc,
.uppercircuit .dynamic-title-block .changeperc {
  font-family: "RobotoRegular";
}

.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .drivingmarket-underperformers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .drivingmarket-outperformers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .volumebuzzers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .pricebuzzers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .lowercircuit .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .uppercircuit .marketcardbody {
  padding: 20px 0px 30px;
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .volumebuzzers .subMenuDropdown,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .pricebuzzers .subMenuDropdown,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .lowercircuit .subMenuDropdown,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .uppercircuit .subMenuDropdown {
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .volumebuzzers .subMenuDropdown,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .pricebuzzers .subMenuDropdown,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .lowercircuit .subMenuDropdown,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .uppercircuit .subMenuDropdown {
    margin-bottom: 20px;
  }
}
.driving-mkt-mainblock .drivingmarket-title-head {
  display: flex;
  justify-content: space-between;
  margin: 5px 0px 10px;
  color: #b8b8b8;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .d-flexblock {
    display: grid;
    grid-template-columns: 1fr;
  }
  .driving-mkt-mainblock .d-flexblock .market-drawing-indices-ui {
    order: 2;
  }
  .driving-mkt-mainblock .d-flexblock .indice-historic-return-ui {
    order: 1;
    padding-top: 0px !important;
  }
}

.market-ipo-mob .ipo-carousel .owl-dots {
  padding: 20px 16px 0px 16px;
}
@media (max-width: 768px) {
  .market-ipo-mob .ipo-carousel .owl-dots {
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
  }
}

.pricebuzzers .marketcardbody {
  padding: 20px 0px 30px;
}

.equity-livenews-section-block .d-livenews-container .mask .d-ln-heading .d-ln-heading-left {
  font-size: 1.25rem;
}
.equity-livenews-section-block .d-livenews-container .mask .d-ln-tile-text1 {
  color: #727271 !important;
}
@media screen and (min-width: 1023px) {
  .equity-livenews-section-block .dock-liveNews-section {
    top: 160px;
    position: sticky;
  }
}

.driving-top-gainersblock .driving-tiles .marketgroup:first-child {
  border-top-right-radius: 0px !important;
}
.driving-top-gainersblock .AlertsPopup .modal-content {
  width: 603px !important;
}
.driving-top-gainersblock .AlertsPopup .modal-content .modal-body {
  width: 600px;
}

.drivingmarket-title-head {
  display: flex;
  justify-content: space-between;
  margin: 5px 0px 10px;
  color: #b8b8b8;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.marketcardtitlewithpadding .company-name {
  padding-left: 10px;
}
.marketcardtitlewithpadding .changeperc {
  padding-right: 10px;
}

.stockcardcount-block {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  color: #727271;
  opacity: 0.5;
}
.stockcardcount-block .stockcardcount-icon i {
  font-size: 1.25rem;
}
.stockcardcount-block .stockcardcount-text {
  margin-top: 10px;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (min-width: 768px) {
  .stockcardcount-block .stockcardcount-text {
    margin-top: 5px;
  }
}

.stock-line {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
  color: #444444;
  line-height: 140%;
  padding-bottom: 25px;
}

.divider-line {
  border: 1px solid #e7e7e7;
  position: relative;
  margin: -8px 0px 40px 0px;
}

.marketMap-table .sector {
  text-align: left !important;
}
.marketMap-table tbody tr td:nth-child(2) {
  font-family: "DMSansMedium" !important;
}
.marketMap-table tbody tr td:nth-child(3), .marketMap-table tbody tr td:nth-child(4) {
  font-family: "RobotoMedium" !important;
}

.sectoral-analysis .marketgroup .marketCard {
  height: 212px;
  border-top: 0px;
  border-radius: 0px 0px 5px 5px !important;
}
@media (max-width: 768px) {
  .sectoral-analysis .marketgroup .marketCard {
    height: auto;
    padding: 20px 15px 10px;
  }
}
@media (min-width: 1024px) {
  .sectoral-analysis .marketgroup .marketCard {
    padding-bottom: 32px;
  }
}
.sectoral-analysis .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.125rem;
  line-height: 25.2px;
  font-family: "DMSansBold";
  color: #444444;
  font-weight: 600;
}
.sectoral-analysis .marketgroup .marketCard .marketcardbody {
  padding: 0;
}
.sectoral-analysis .marketgroup .marketCard .marketcardbody .sectoral-analysis-body {
  margin-top: 0px;
  margin-bottom: 26px;
}
@media (max-width: 768px) {
  .sectoral-analysis .marketgroup .marketCard .marketcardbody .sectoral-analysis-body {
    margin-bottom: 10px;
    align-items: flex-start !important;
  }
}
.sectoral-analysis .marketgroup .marketCard .marketcardbody .sectoral-analysis-body p {
  font-size: 1rem;
  line-height: 22.4px;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .sectoral-analysis .marketgroup .marketCard .marketcardbody .sectoral-analysis-body p {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    color: #727271;
  }
}
.sectoral-analysis .marketgroup .marketCard .marketcardbody .sectoral-analysis-body img {
  width: 76px;
  height: 76px;
}
@media (max-width: 768px) {
  .sectoral-analysis .marketgroup .marketCard .marketcardbody .sectoral-analysis-body img {
    width: 35px;
    height: 35px;
  }
}
.sectoral-analysis .marketgroup .marketCard .marketcardfoot .viewAllWrap {
  justify-content: end;
  width: 100%;
}

.marketMap .marketgroup {
  padding: 0px;
}

.SectorPerfomanceWrap-sec .marketMap .marketgroup {
  padding: 0px;
}
@media (min-width: 1024px) {
  .SectorPerfomanceWrap-sec .marketMap .marketgroup .marketcardbody {
    padding: 30px 0px 20px;
  }
}
.SectorPerfomanceWrap-sec .sectoralMainCard {
  height: 100%;
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance {
  height: 100%;
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance .marketgroup {
  height: 100%;
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance .marketgroup .marketCard {
  border-radius: 5px 5px 5px 5px !important;
}
@media (max-width: 768px) {
  .SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance .marketgroup .marketCard {
    height: auto;
    padding: 15px;
  }
}
@media (min-width: 1024px) {
  .SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance .marketgroup .marketCard {
    padding-bottom: 26px;
  }
  .SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance .marketgroup .marketCard .marketcardbody {
    padding: 30px 0px 20px;
  }
}
.SectorPerfomanceWrap-sec .sectoralMainCard .marketgroup {
  padding: 0px;
}
@media (max-width: 768px) {
  .SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance {
    height: auto;
  }
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance-progress {
  height: auto;
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance-progress .error-msg-wrapper {
  margin-top: 110px;
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance-progress .equity-dropdown-block .equitydrop {
  padding: 9px 10px;
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance-progress .equity-dropdown-block .equitydrop .edel-icon-arrow-down:before {
  content: "\e911";
  color: #03002f;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance-progress .equity-dropdown-block .equitydrop {
    padding: 5px 8px;
  }
}

.withoutPaddingCard {
  min-height: 800px;
}
.withoutPaddingCard > .marketCard {
  padding: 0px !important;
  border: none !important;
}
.withoutPaddingCard > .marketCard > .marketcardhead .mk-card-topleftsub {
  margin: 0px auto !important;
}
.withoutPaddingCard > .marketCard > .marketcardbody {
  padding: 0px !important;
  border: none !important;
}
.withoutPaddingCard .withoutTopborderradius > .marketCard {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.withoutPaddingCard .withoutbottomborderradius > .marketCard {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.FlexBox {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}

.mt-60 {
  margin-top: 60px;
}

/**************************responsive css****************/
@media screen and (max-width: 1024px) {
  .withoutTopborderradius.card-group > .card {
    margin-bottom: 0px;
  }
  .withoutbottomborderradius.card-group > .card {
    margin-bottom: 0px;
  }
  .sectoralMainCard {
    margin-top: 10px;
  }
}
.advances-list,
.indices-list {
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 1023px) {
  .advances-list,
  .indices-list {
    border: none;
  }
}
.advances-list,
.indices-list {
  border-radius: 5px;
}
.advances-list .stocks,
.indices-list .stocks {
  border-top: 1px solid #e7e7e7;
  align-items: center;
  cursor: pointer;
}
.advances-list .stocks .indicator,
.indices-list .stocks .indicator {
  padding: 0 0 20px 0 !important;
  position: relative;
  margin: -10px 20px 0px 0px;
}
.advances-list .stocks .col,
.indices-list .stocks .col {
  padding: 5px 15px;
  display: grid;
}
@media screen and (max-width: 768px) {
  .advances-list .stocks .col,
  .indices-list .stocks .col {
    padding: 5px 0px;
  }
}
.advances-list .stocks span,
.indices-list .stocks span {
  color: #444444;
  font-size: 0.875rem;
  line-height: 140%;
  font-family: "DMSansMedium";
}
.advances-list .stocks label,
.indices-list .stocks label {
  color: #b8b8b8;
  font-size: 0.625rem;
  font-family: "DMSansMedium";
}
.advances-list .stocks-selected,
.indices-list .stocks-selected {
  background-color: #f2f2f5;
}
@media screen and (max-width: 1023px) {
  .advances-list .stocks-selected,
  .indices-list .stocks-selected {
    background-color: unset;
  }
}
.advances-list .stocks-selected,
.indices-list .stocks-selected {
  border-top: none;
}

.indices-list .stocks label {
  color: #444444;
  font-size: 0.875rem;
  font-family: "RobotoRegular";
  margin-top: 5px;
}
.indices-list .stocks .indices-mobile-theme .dbar29Rangeslider {
  padding-bottom: 15px;
}
.indices-list .stocks .indices-mobile-theme .positiveValue {
  color: #444444 !important;
}
.indices-list .stocks .indices-mobile-theme .negativeValue {
  color: #444444 !important;
}
.indices-list .stocks .indices-mobile-theme .dcustomRangeBar div:nth-child(1) {
  background-color: #008fbc !important;
}
.indices-list .stocks .indices-mobile-theme .right-skew.positive::before {
  background-color: #008fbc !important;
}
.indices-list .stocks .indices-mobile-theme .dcustomRangeBar div:nth-child(2) {
  background-color: #00d6bc !important;
}
.indices-list .stocks .indices-mobile-theme .left-skew.negative::before {
  background-color: #00d6bc !important;
}

.viewAll.advances .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub .d-flex {
  gap: 200px !important;
  align-items: center;
}
.viewAll.advances .advances-body {
  gap: 20px;
}
.viewAll.advances .advances-body .col-4 {
  width: 32% !important;
}
@media screen and (max-width: 1023px) {
  .viewAll.advances .advances-body .col-4 {
    width: 100% !important;
  }
}
.viewAll.advances .advances-body .col .advances-table {
  padding: 0 !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px;
  height: 600px;
  max-height: 600px;
  overflow-y: auto;
}
.viewAll.advances .advances-body .col .advances-table::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.viewAll.advances .advances-body .col .advances-table .marketCard .marketcardhead {
  padding: 14px 20px !important;
}
.viewAll.advances .advances-body .col .advances-table .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 strong {
  font-size: 1rem;
}
.viewAll.advances .advances-body .col .advances-table .marketCard .marketcardhead .viewAll-tabs .nav-tabs {
  padding-right: 0 !important;
}
.viewAll.advances .advances-body .col .advances-table .marketCard .marketcardbody {
  padding-top: 0;
}

.advances-view.viewAll-table {
  max-height: 532px !important;
  height: 532px;
  border-radius: 5px;
}
.advances-view.viewAll-table .advances-viewAll-table {
  cursor: default;
}
.advances-view.viewAll-table .advances-viewAll-table .sector {
  text-align: left !important;
  font-family: "DMSansNormal" !important;
}
.advances-view.viewAll-table .advances-viewAll-table .sector .title {
  text-align: left !important;
}
.advances-view.viewAll-table .advances-viewAll-table tbody tr td:nth-child(2) {
  font-family: "RobotoRegular" !important;
}
.advances-view.viewAll-table .advances-viewAll-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #ffffff;
}
.advances-view.viewAll-table .advances-viewAll-table thead .sector .title {
  justify-content: start;
}
.advances-view.viewAll-table .advances-viewAll-table thead::-webkit-scrollbar {
  width: 0.12rem;
}
.advances-view.viewAll-table .advances-viewAll-table thead::-webkit-scrollbar-thumb {
  background: #03002f !important;
}

.indices-viewall-list-equitydrop .equity-dropdown-block {
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .indices-viewall-list-equitydrop .equity-dropdown-block {
    margin-left: 0px;
  }
}
.indices-viewall-list-equitydrop .equity-dropdown-block .equitydrop {
  padding: 5px 8px;
}

.indices-viewall-list-cardtitle .drivingmarket-title-head {
  margin: 20px 15px 10px;
}
@media (max-width: 768px) {
  .indices-viewall-list-cardtitle .drivingmarket-title-head {
    padding: 5px 0px 10px !important;
    margin: 20px 0px 10px;
  }
}

@media (max-width: 1023px) {
  .indices-marketcard-15 .marketCard {
    padding: 20px 0px 0px !important;
  }
}
@media (max-width: 768px) {
  .indices-marketcard-15 .marketCard .marketcardhead {
    margin: 0px;
  }
}

@media (max-width: 1023px) {
  .advances-viewall-marketcard .marketCard {
    padding: 20px 0px 0px !important;
  }
  .advances-viewall-marketcard .marketCard .marketcardbody {
    padding: 0px !important;
  }
}

.viewAll.advances-declines .marketCard {
  padding: 20px 15px 0px 0px !important;
}
@media screen and (max-width: 768px) {
  .viewAll.advances-declines .marketCard {
    padding: 20px 0px !important;
  }
  .viewAll.advances-declines .marketCard .mk-card-topleft {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.viewAll.advances-declines .marketCard .marketcardhead {
  padding: 20px 15px 0px 15px !important;
}
.viewAll.advances-declines .marketCard .marketcardhead .mk-card-topleftmain1 .edel-icon-arrow-left {
  left: 0px;
  position: relative;
  color: #03002f;
  font-size: 1.438rem;
  top: 2px;
}
@media screen and (max-width: 768px) {
  .viewAll.advances-declines .marketCard .marketcardhead {
    padding: 0px 15px 0px 0px !important;
  }
}
.viewAll.advances-declines .marketCard .marketcardbody.card-body .indicator {
  padding: 0px 15px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .viewAll.advances-declines .marketCard .marketcardbody.card-body .indicator {
    margin-left: 8px;
    margin-right: 16px;
  }
}
.viewAll.advances-declines .marketCard .marketcardbody.card-body .nav.nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .viewAll.advances-declines .marketCard .marketcardbody.card-body .nav.nav-tabs {
    padding-left: 15px;
    padding-top: 10px;
  }
  .viewAll.advances-declines .marketCard .marketcardbody.card-body .nav.nav-tabs .nav-link {
    margin-bottom: 0px !important;
  }
}
.viewAll.advances-declines .expanded-list .row {
  padding: 0 25px;
  border-bottom: 1px solid #e7e7e7;
}
.viewAll.advances-declines .expanded-list .row .col {
  padding: 15px 0px;
}
@media screen and (max-width: 768px) {
  .viewAll.advances-declines .expanded-list .row .col {
    padding: 15px;
  }
}
.viewAll.advances-declines .expanded-list .row .col .scripname {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  margin-bottom: 6px;
}
.viewAll.advances-declines .expanded-list .row .col .vol {
  font-size: 0.625rem;
  font-family: "encodesans_normal";
  color: #727271;
}
.viewAll.advances-declines .expanded-list .row .col .change {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  margin-bottom: 6px;
}
.viewAll.advances-declines .expanded-list .row .col .ltp {
  font-size: 0.875rem;
  font-family: "RobotoRegular";
}
.viewAll.advances-declines .expanded-list .view-more {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 22px;
  padding: 20px;
}
.viewAll.advances-declines .expanded-list .view-more .ed_button.blue-link {
  background: none;
}

.advances-list {
  height: 600px;
}
@media (max-width: 768px) {
  .advances-list {
    height: 100%;
  }
}
.advances-list {
  overflow-y: scroll;
}
.advances-list::-webkit-scrollbar {
  width: 0.12rem;
}
.advances-list::-webkit-scrollbar-thumb {
  background-color: #03002f;
}

.viewAll-table {
  max-height: 530px;
  min-height: 0px;
  overflow-y: scroll;
}
.viewAll-table::-webkit-scrollbar {
  width: 0.12rem;
}
.viewAll-table::-webkit-scrollbar-thumb {
  background: #03002f !important;
}

.text-right-mb {
  text-align: right;
}

.advances-body .nav.nav-tabs {
  margin-top: -60px !important;
  padding-bottom: 20px;
}

:root {
  font-size: 16px;
}

.declines .marketgroup {
  padding: 0;
}
.declines .declines-block .declines-dropdownblock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .declines .declines-block .declines-dropdownblock {
    margin-bottom: 45px;
  }
}
.declines .declines-block .declines-dropdownblock .declines-timeago {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .declines .declines-block .declines-dropdownblock .declines-timeago {
    color: #b8b8b8;
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.declines .declines-block .declines-dropdownblock .declines-dropdown {
  white-space: nowrap;
}
.declines .declines-block .declines-dropdownblock .declines-dropdown .declines-btn-border {
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
.declines .declines-block .declines-dropdownblock .declines-dropdown .btn-select-declines {
  color: #727271;
  background-color: #ffffff;
  padding: 5px 8px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.declines .declines-block .declines-dropdownblock .declines-dropdown i.edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}
@media (min-width: 1023px) {
  .declines .declines-block .equity-dropdown-block .equitydrop {
    padding: 9px 10px;
  }
}

.declinesmainblock .marketcardfoot {
  margin-top: 92px;
}
@media (max-width: 768px) {
  .declinesmainblock .marketcardfoot {
    margin-top: 30px;
  }
}

.indices-table tbody tr td {
  font-family: "DMSansMedium";
}
.indices-table tbody tr td label {
  color: #b8b8b8;
  font-size: 0.75rem;
  line-height: 140%;
  font-family: "DMSansMedium";
  margin-left: 5px;
}
.indices-table tbody tr td:not(td:first-child) {
  text-align: end;
  font-family: "RobotoRegular";
}

.indices-viewAll-tabs {
  margin-top: -93px;
}
.indices-viewAll-tabs .nav-tabs {
  display: flex;
  justify-content: end;
  padding-right: 0 !important;
  padding-bottom: 54px !important;
}

:root {
  font-size: 16px;
}

@media (min-width: 760px) {
  .indices-weeklist-block {
    padding-bottom: 10px;
  }
}
@media (max-width: 760px) {
  .indices-weeklist-block {
    margin-bottom: 60px;
  }
}

.indices .marketgroup {
  padding: 0;
}
.indices .marketgroup .marketCard .marketcardbody {
  padding: 20px 0;
  padding-top: 28px;
}
.indices .indices-block .dbar29Rangeslider {
  margin-bottom: 40px;
}
.indices .indices-block .dbar29Rangeslider :nth-child(3) {
  margin-top: 10px;
}
@media (max-width: 768px) {
  .indices .indices-block .dbar29Rangeslider :nth-child(3) .Progresscommondatavalue {
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .indices .indices-block .dbar29Rangeslider :nth-child(5) {
    margin-top: 6px;
  }
}
.indices .indices-block .indices-dropdownblock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  bottom: 5px;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .indices .indices-block .indices-dropdownblock {
    margin-bottom: 5px;
  }
}
.indices .indices-block .indices-dropdownblock .indices-timeago {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .indices .indices-block .indices-dropdownblock .indices-timeago {
    color: #b8b8b8;
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.indices .indices-block .indices-dropdownblock .indices-dropdown {
  white-space: nowrap;
}
.indices .indices-block .indices-dropdownblock .indices-dropdown .indices-btn-border {
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
.indices .indices-block .indices-dropdownblock .indices-dropdown .btn-select-indices {
  color: #727271;
  background-color: #ffffff;
  padding: 5px 8px;
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
}
.indices .indices-block .indices-dropdownblock .indices-dropdown i.edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}
@media (min-width: 1023px) {
  .indices .indices-block .indices-dropdownblock .equity-dropdown-block .equitydrop {
    padding: 9px 10px;
  }
}
.indices .indices-block .indices-yearlist {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  color: #b8b8b8;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  margin-bottom: 30px;
  cursor: pointer;
  width: 100%;
  height: 17px;
}
@media (min-width: 1024px) {
  .indices .indices-block .indices-yearlist {
    width: 50%;
    margin-bottom: 11px;
    color: #727271;
    font-size: 0.875rem;
    font-family: "DMSansNormal";
  }
}
.indices .indices-block .indices-yearlist > div {
  position: relative;
}
.indices .indices-block .indices-alltimeblock {
  background: #f2f2f5;
  background: rgba(242, 242, 245, 0.3);
  padding: 11px 20px;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  justify-content: space-between;
  margin-top: 20px;
  width: 100%;
}
@media (min-width: 1023px) {
  .indices .indices-block .indices-alltimeblock {
    padding: 5px 12px 6px;
    width: 240px;
    height: 25px;
    margin-top: 32px;
  }
}
.indices .indices-block .indices-alltimeblock .indices-timehigh {
  color: #b8b8b8;
}
.indices .indices-block .indices-alltimeblock .indices-value {
  color: #444444;
  font-family: "RobotoRegular";
  font-size: 0.875rem;
}
.indices .indices-block .indices-alltimeblock .indices-date {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
}
.indices .indices-block .indices-alltimeblock .indices-date:before {
  content: "•";
  padding-left: 5px;
  padding-right: 5px;
  color: #b8b8b8;
}

.weeklist_bluecolor {
  color: #03002f !important;
  position: relative;
}
.weeklist_bluecolor:after {
  position: absolute;
  top: 19px;
  left: -13px;
  height: 2px;
  border-radius: 5px;
  width: 40px;
  background-color: #03002f;
  content: "";
}
@media (min-width: 1024px) {
  .weeklist_bluecolor:after {
    width: 30px;
    transform: translateX(calc(100% - 22px));
  }
}

@media (min-width: 1024px) {
  .indicesmainblock .marketCard,
  .declinesmainblock .marketCard {
    height: 366px;
  }
  .indicesmainblock .marketcardhead,
  .declinesmainblock .marketcardhead {
    height: 35px;
  }
}
@media (max-width: 768px) {
  .indicesmainblock .marketCard,
  .declinesmainblock .marketCard {
    padding: 15px !important;
  }
  .indicesmainblock .marketCard .marketcardbody,
  .declinesmainblock .marketCard .marketcardbody {
    padding: 20px 0px !important;
  }
}

@media (max-width: 768px) {
  .indicesmainblock .marketCard {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 768px) {
  .declinesmainblock .marketCard {
    margin-bottom: 0px !important;
  }
}

.indices-block .error-msg {
  padding: 20px 10px 0px;
}

.flexboxDrop .equity-dropdown-block.show .dropdown-menu {
  min-height: 90px;
}
.flexboxDrop .equity-dropdown-block.show .dropdown-menu .dropdown-item {
  padding: 15px;
}
.flexboxDrop .equity-dropdown-block.show .dropdown-menu .dropdown-item:last-child {
  padding: 5px 15px 15px 15px;
}

.recommendation-table {
  border-spacing: 0 11px;
  width: 100%;
  margin: 0;
}
.recommendation-table thead {
  font-size: 0.75rem;
  line-height: 140%;
  font-family: "EncodeSansMedium";
  color: #727271;
}
.recommendation-table thead th {
  padding: 10px;
}
.recommendation-table thead th:first-child {
  padding-left: 20px;
}
.recommendation-table thead th:last-child {
  padding-right: 20px;
}
.recommendation-table tbody tr {
  cursor: pointer;
}
.recommendation-table tbody tr td {
  padding: 14px 10px;
}
.recommendation-table tbody tr .scrip-cell {
  line-height: 140%;
  color: #444444;
}
.recommendation-table tbody tr .scrip-cell .scrip {
  font-family: "EncodeSansMedium";
  font-size: 1rem;
  margin-bottom: 5px;
}
.recommendation-table tbody tr .scrip-cell .ltp {
  font-size: 1rem;
  font-family: "RobotoRegular";
}
.recommendation-table tbody tr .scrip-cell .change {
  font-size: 1rem;
  font-family: "RobotoMedium";
}
.recommendation-table tbody tr .rec-label {
  border-radius: 3px;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  text-align: center;
  line-height: 140%;
  width: -moz-fit-content;
  width: fit-content;
  color: #51b255;
  padding: 5px 10px;
  cursor: Pointer;
}
.recommendation-table tbody tr .rec-label label {
  border-radius: 3px;
  padding: 5px 10px;
}
.recommendation-table tbody tr .rec-label .BUY {
  color: #51b255;
  background: rgba(81, 178, 85, 0.05);
  cursor: Pointer;
}
.recommendation-table tbody tr .rec-label .bookprofit {
  color: #ff6b00;
  background: rgba(255, 107, 0, 0.05);
  cursor: Pointer;
}
.recommendation-table tbody tr .rec-label .Exit {
  color: #dd504d;
  background: rgba(221, 80, 77, 0.05);
  cursor: Pointer;
}
.recommendation-table tbody tr .date {
  font-size: 0.875rem;
  line-height: 140%;
  color: #444444;
  font-family: "EncodeSansMedium";
  vertical-align: bottom;
  padding: 10px 10px 18px 20px;
}
.recommendation-table tbody tr .reco-price,
.recommendation-table tbody tr .target-price,
.recommendation-table tbody tr .stop-loss,
.recommendation-table tbody tr .return,
.recommendation-table tbody tr .market-cap {
  font-size: 1rem;
  font-family: "RobotoMedium";
  line-height: 140%;
  color: #444444;
  text-align: right;
}
.recommendation-table tbody tr .reco-price label,
.recommendation-table tbody tr .target-price label,
.recommendation-table tbody tr .stop-loss label,
.recommendation-table tbody tr .return label,
.recommendation-table tbody tr .market-cap label {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  display: block;
  color: #b8b8b8;
}
.recommendation-table tbody tr .return {
  color: #51b255;
}
.recommendation-table tbody tr .type {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  line-height: 22px;
  color: #dfa717;
  text-align: right;
}
.recommendation-table tbody tr td:last-child {
  text-align: start;
  padding-right: 20px;
}
.recommendation-table tbody tr:hover {
  background-color: #f9f9f9 !important;
}

.view-all-rec {
  background: none;
  display: flex;
  justify-content: end;
  gap: 10px;
  align-items: center;
}
.view-all-rec i {
  font-size: 1.188rem;
}
.view-all-rec a {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 27px;
  cursor: pointer;
}
.view-all-rec a,
.view-all-rec i {
  background: linear-gradient(130.92deg, #1283ff 11.07%, #d21aff 75.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media screen and (max-width: 1023px) {
  .view-all-rec a {
    font-size: 0.875rem;
  }
  .view-all-rec i {
    font-size: 0.688rem;
  }
  .view-all-rec button {
    font-size: 0.875rem;
  }
}
.futurerecommendation-generic .recommendation-table tbody tr .date {
  vertical-align: middle;
  padding: 14px 10px;
}
.futurerecommendation-generic .future-scrip-cell {
  padding-left: 20px;
}
.futurerecommendation-generic .futurerecommendation .rec-label {
  padding: 0px;
}
.futurerecommendation-generic .reco-price,
.futurerecommendation-generic .target-price,
.futurerecommendation-generic .stop-loss,
.futurerecommendation-generic .type,
.futurerecommendation-generic .return {
  text-align: left !important;
}
.futurerecommendation-generic .return label {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  display: block;
  color: #b8b8b8;
}

@media (max-width: 768px) {
  .future_recommendations {
    padding: 0px !important;
  }
}

.rec-body-mob .rec-table-mob {
  border-bottom: 1px solid #e7e7e7;
  padding: 17px 15px 15px 15px;
}
.rec-body-mob .rec-table-mob .row .col .type {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  color: #dfa717;
  line-height: 140%;
}
.rec-body-mob .rec-table-mob .row .col .rec-label {
  display: flex;
  justify-content: end;
}
.rec-body-mob .rec-table-mob .row .col .rec-label label {
  padding: 5px 7px;
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
  border-radius: 3px;
  line-height: 140%;
}
.rec-body-mob .rec-table-mob .row .col .rec-label .Buy {
  color: #51b255;
  background: rgba(81, 178, 85, 0.05);
}
.rec-body-mob .rec-table-mob .row .col .rec-label .bookprofit {
  color: #ff6b00;
  background: rgba(255, 107, 0, 0.05);
}
.rec-body-mob .rec-table-mob .row .col .rec-label .Exit {
  color: #dd504d;
  background: rgba(221, 80, 77, 0.05);
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell {
  font-size: 0.875rem;
  color: #444444;
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell .scrip {
  font-family: "EncodeSansMedium";
  line-height: 140%;
  padding-bottom: 4px;
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell .ltp {
  line-height: 130%;
  font-family: "RobotoRegular";
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell .change {
  line-height: 130%;
  font-family: "RobotoMedium";
}
.rec-body-mob .rec-table-mob .row .col p {
  margin-bottom: 0;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  line-height: 140%;
  color: #b8b8b8;
}
.rec-body-mob .rec-table-mob .row .col .returns span {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  line-height: 140%;
  color: #51b255;
  display: flex;
  justify-content: end;
}
.rec-body-mob .rec-table-mob .row .col .returns p {
  text-align: end;
  padding-bottom: 4px;
}
.rec-body-mob .rec-table-mob .details {
  padding: 17px 0px 14px 0px;
}
.rec-body-mob .rec-table-mob .details .col span {
  font-size: 0.75rem;
  color: #444444;
  font-family: "RobotoMedium";
}
.rec-body-mob .rec-table-mob .details .col .encode-fam {
  font-family: "EncodeSansMedium";
}
.rec-body-mob .rec-table-mob .row .more-details {
  line-height: 140%;
  font-size: 0.75rem;
  color: #3580f7;
  display: flex;
  align-items: center;
  justify-content: end;
  font-family: "EncodeSansMedium";
}
.rec-body-mob .rec-table-mob .row .more-details .ed_button.blue-link {
  background: none;
}
.rec-body-mob .rec-table-mob .row .more-details i {
  font-size: 0.875rem;
}
.rec-body-mob .rec-table-mob .row:first-child {
  padding-bottom: 14px;
  align-items: center;
}

.rec-table-mob:first-child {
  border-top: 1px solid #e7e7e7;
}

.stock-details-body {
  height: 100vh;
}

.rec-detailview .stock-details-body .slidingpane-icon-block.rec-icon,
.rec-detailview .drawer-body .slidingpane-icon-block.rec-icon {
  padding: 15px 17px 18px 15px;
}
.rec-detailview .stock-details-body .rec-details,
.rec-detailview .drawer-body .rec-details {
  padding-top: 27px;
  background: #fbfdff;
}
.rec-detailview .stock-details-body .rec-details .rec-detail,
.rec-detailview .drawer-body .rec-details .rec-detail {
  padding: 0px 18px 0px 12px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .col-3,
.rec-detailview .drawer-body .rec-details .rec-detail .col-3 {
  gap: 5px;
  justify-content: end;
  width: 20%;
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
  color: #292929;
  padding: 0;
  border-right: 1px solid #e7e7e7;
  border-style: dashed;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .col-3 .circle,
.rec-detailview .drawer-body .rec-details .rec-detail .col-3 .circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(53, 128, 247, 0.2) 47.4%, rgba(53, 128, 247, 0) 100%);
  justify-content: center;
  align-items: center;
  margin-right: -8px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .col-3 .circle .edel-icon-round-circle,
.rec-detailview .drawer-body .rec-details .rec-detail .col-3 .circle .edel-icon-round-circle {
  color: #3580f7;
  font-size: 0.438rem;
  margin: 2px 3.3px 3.4px 2.4px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main,
.rec-detailview .drawer-body .rec-details .rec-detail .main {
  padding: 0 0 27px 20px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main .pb-15,
.rec-detailview .drawer-body .rec-details .rec-detail .main .pb-15 {
  padding-bottom: 15px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main label,
.rec-detailview .drawer-body .rec-details .rec-detail .main label {
  color: #b8b8b8;
  line-height: 140%;
  font-size: 0.75rem;
  font-family: "encodesans_normal";
  margin-bottom: 6px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main span,
.rec-detailview .drawer-body .rec-details .rec-detail .main span {
  font-size: 0.75rem;
  font-family: "RobotoMedium";
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main .iterate,
.rec-detailview .drawer-body .rec-details .rec-detail .main .iterate {
  font-family: "EncodeSansMedium";
  line-height: 140%;
  font-size: 0.75rem;
  gap: 9px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main .col,
.rec-detailview .drawer-body .rec-details .rec-detail .main .col {
  display: grid;
}

@media screen and (max-width: 1023px) {
  .rec-detailview .drawer-body .text {
    font-size: 0.75rem;
    font-family: "EncodeSansMedium";
    color: #727271;
    padding: 15px 0px 0px 15px;
  }
  .rec-detailview .drawer-body .rec-details {
    background: none;
  }
}
.rec-detailview .stock-details-head {
  padding: 15px 14px 15px 17px !important;
}

@media screen and (min-width: 1024px) {
  .recommendations .marketcardbody {
    padding-top: 20px !important;
  }
  .recommendation-tabs {
    margin-top: -65px;
  }
  .recommendation-tabs .nav-tabs {
    display: flex;
    justify-content: end;
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 1023px) {
  .recommendation-tabs .nav-tabs {
    height: 32px;
    flex-direction: column;
  }
  .recommendation-tabs .nav-tabs li {
    padding-right: 14px !important;
  }
  .recommendations .marketCard {
    padding: 0 !important;
  }
  .recommendations .marketCard .marketcardhead {
    margin: 15px 15px 0px 14px !important;
  }
  .recommendations .marketCard .marketcardfoot {
    margin: 0px 16px 20px 15px !important;
  }
}
@media (min-width: 768px) {
  .future_recommendations .recommendation-tabs {
    margin-top: 0px;
  }
  .future_recommendations .recommendation-tabs .nav-tabs {
    padding-bottom: 0px !important;
  }
}

@media screen and (min-width: 991px) {
  .flldllactivity-main-div.outer-div.recommendations.card-group > div > div.marketcardbody.card-body {
    padding-bottom: 0px !important;
  }
}

.flldllactivity-main-div .mk-card-topleftmain {
  color: #0b243a !important;
}
@media screen and (max-width: 991px) {
  .flldllactivity-main-div .mk-card-topleftmain {
    font-family: "DMSansNormal";
    font-size: 1.25rem;
    line-height: 28px;
  }
  .flldllactivity-main-div .mk-card-topleftmain strong {
    font-weight: 700;
    font-family: "DMSansBold";
  }
}
@media screen and (max-width: 991px) {
  .flldllactivity-main-div > div div.marketcardfoot.card-footer {
    margin-bottom: 0px !important;
  }
  .flldllactivity-main-div > div > div.marketcardbody.card-body {
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .flldllactivity-main-div > div > div.marketcardbody.card-body {
    padding-top: 20.94px;
  }
}
.flldllactivity-main-div .flldllactivity-main-div #purchase {
  margin-bottom: 20.2px;
}
.flldllactivity-main-div .flldllactivity-main-div #purchase div {
  font-family: "DMSansMedium";
  font-size: 1.125rem;
  line-height: 25px;
  letter-spacing: 0em;
  color: #727271;
}
.flldllactivity-main-div .flldllactivity-main-div .tab-content .marketgroup {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
@media screen and (max-width: 991px) {
  .flldllactivity-main-div #fll-dll-mobile {
    padding: 0px 18px;
    margin-bottom: 20.93px;
  }
}
.flldllactivity-main-div #fll-dll-mobile p {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  margin-bottom: 0px;
  color: #b8b8b8;
}
.flldllactivity-main-div #fll-dll-mobile i {
  color: #03002f;
}
@media screen and (max-width: 991px) {
  .flldllactivity-main-div .marketCard.card {
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border: 0px !important;
    padding-top: 29.82px;
    padding-bottom: 0px;
  }
}
.flldllactivity-main-div .marketCard.card .marketcardhead .mk-card-topleftmain1 {
  font-family: "DMSansNormal" !important;
}
@media screen and (min-width: 992px) {
  .flldllactivity-main-div .marketCard.card .marketcardhead .mk-card-topleftmain1 {
    color: #292929 !important;
    font-family: "DMSansNormal";
    font-size: 1.125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .flldllactivity-main-div .marketCard.card .marketcardhead .mk-card-topleftmain1 strong {
    font-family: "DMSansBold" !important;
  }
}
@media (min-width: 768px) {
  .flldllactivity-main-div #progress-content {
    padding-top: 20px;
  }
}
.flldllactivity-main-div #progress-content > div > div .marketcardhead.card-header {
  align-items: flex-start !important;
}
@media screen and (max-width: 991px) {
  .flldllactivity-main-div #progress-content > div > div {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .flldllactivity-main-div #progress-content > div > div > div .marketcardhead.card-header {
    margin-top: 25.82px !important;
  }
  .flldllactivity-main-div #progress-content > div > div > div .marketcardbody.card-body {
    padding-left: 15px;
    padding-top: 13.96px;
    padding-bottom: 21.76px;
    padding-right: 15px;
  }
  .flldllactivity-main-div #progress-content > div > div > div .marketcardfoot.card-footer {
    margin-bottom: 0px !important;
  }
}
.flldllactivity-main-div #progress-content {
  margin-top: 0px !important;
}
@media screen and (min-width: 992px) {
  .flldllactivity-main-div #progress-content .col-md-12.col-fll-12 {
    padding-right: 15px !important;
  }
  .flldllactivity-main-div #progress-content .col-md-12.col-fll-12:last-child {
    padding-right: 0px !important;
  }
}
.flldllactivity-main-div .mcard-view-all {
  font-size: 0.875rem !important;
  font-weight: 500;
  line-height: 21.6px;
}
.flldllactivity-main-div .textvalueprogressright {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #444444;
}
.flldllactivity-main-div .textvalueprogressbar span {
  font-size: 1rem;
  font-family: "RobotoMedium";
}

.textvalueprogressright {
  right: 20px !important;
}

/******************* css ************************/
@media screen and (max-width: 991px) {
  .DockingClassFiiDii.marketgroup.flldllactivity-main-div > .marketCard {
    background-color: #ffffff !important;
  }
  .DockingClassFiiDii.marketgroup.flldllactivity-main-div > .marketCard > .card-header.marketcardhead {
    padding: 10px 6px !important;
    position: sticky;
    color: #ffffff;
    top: 67px;
    z-index: 10000;
    background-color: #ffffff !important;
  }
  .DockingClassFiiDii.marketgroup.flldllactivity-main-div > .marketCard .marketcardbody .mobileviewdocking {
    position: sticky;
    top: 117px;
    z-index: 1000;
    width: 100%;
    background-color: #ffffff !important;
  }
  .DockingClassFiiDii.marketgroup.flldllactivity-main-div > .marketCard .marketcardbody .mobileviewdocking #purchase.row {
    position: sticky;
    top: 117px;
    z-index: 1000;
    width: 100%;
    background-color: #ffffff !important;
  }
  .DockingClassFiiDii.marketgroup.flldllactivity-main-div > .marketCard .marketcardbody .generic-tabs.recommendation-tabs {
    position: sticky;
    top: 160px;
    z-index: 1000;
    width: 100%;
    background-color: #ffffff !important;
  }
  .DockingClassFiiDii.marketgroup.flldllactivity-main-div > .marketCard .marketcardbody .generic-tabs .nav-link.active {
    border-bottom: 2px solid #03002f;
  }
}
@media (min-width: 768px) {
  .flldllactivity-main-div .flldllactivity .nav-tabs {
    padding-bottom: 30px !important;
  }
}

.fii-dii-data-block .colhalf .TextValueProgressbarnegative {
  line-height: normal;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  text-align: end;
  word-break: auto-phrase;
  padding-left: 20px !important;
}

.graph-chart {
  width: 100%;
  height: 100%;
  padding: 15px 0px 0px 0px;
}
.graph-chart body {
  overflow: hidden;
}

@media (max-width: 1024px) {
  .graph-chart {
    height: 400px;
    padding: 0px !important;
    width: 100%;
  }
}
.chartiq-market-futures {
  height: 400px;
}

.equitymarketnewsblock {
  position: relative;
  padding: 0 !important;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles {
  display: flex;
  margin-top: 0px;
  margin-right: 0px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles .d-mn-horizontal-tiles {
  width: 50%;
  margin-right: 15px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles .d-mn-vertical-tiles {
  width: 50%;
  flex-flow: column;
  display: flex;
  margin-left: 15px;
  gap: 30px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles .d-mn-vertical-tiles .d-mn-vertical-tile {
  margin-top: 0px;
  height: 187px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles .d-mn-vertical-tiles .d-mn-vertical-tile .d-mn-tile-img img {
  height: 157px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles .d-mn-vertical-tiles .d-mn-vertical-tile .d-mn-tile-textblock .d-mn-tile-text1 {
  margin-top: 26px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles .d-mn-vertical-tiles .d-mn-vertical-tile .d-mn-tile-textblock .d-mn-tile-text2 {
  margin-top: 52px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .owl-theme .owl-nav button.edel-icon-arrow-left1 {
  margin-top: -478px;
  position: absolute;
  margin-left: 1062px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .owl-theme .owl-nav button.edel-icon-arrow-right1 {
  margin-top: -478px;
  position: absolute;
  margin-left: 1100px;
}

.d-flex {
  display: flex;
}

a {
  text-decoration: unset;
}

@media (max-width: 768px) {
  .mobequitymarketnewsblock {
    padding: 0px !important;
  }
  .mobequitymarketnewsblock .owl-theme .owl-dots .owl-dot span {
    width: 8px !important;
  }
}
.mobequitymarketnewsblock .mnBlock {
  position: relative;
  background: none;
  padding-left: 14px;
}
@media (max-width: 768px) {
  .mobequitymarketnewsblock .mnBlock {
    padding-left: 0px;
  }
}
.mobequitymarketnewsblock .mnBlock .mn-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px 15px 30px 0px;
  padding-left: 0px !important;
}
@media (max-width: 768px) {
  .mobequitymarketnewsblock .mnBlock .mn-heading {
    margin-bottom: 20px;
  }
}
.mobequitymarketnewsblock .mnBlock .mn-heading .mn-heading-left {
  font-family: "EncodeSansLight";
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
}
.mobequitymarketnewsblock .mnBlock .mn-heading .mn-heading-left span {
  font-family: "EncodeSansBold";
}
.mobequitymarketnewsblock .mnBlock .mn-heading .mn-heading-right .mn-view-all {
  color: #03002f;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  line-height: 22px;
}
.mobequitymarketnewsblock .mnBlock .mn-heading .mn-heading-right .arrowwhite {
  color: white;
}
.mobequitymarketnewsblock .mnBlock .mn-heading .mn-heading-right .view-all-arrowicon {
  background-color: #03002f;
  margin-left: 15px;
  border-radius: 50%;
  font-size: 1.375rem;
}
.mobequitymarketnewsblock .owl-carousel {
  padding-right: 0px;
  padding-left: 0px;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-dots {
  display: flex;
  justify-content: center;
  padding: 20px;
  margin-top: 0px !important;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-dots .owl-dot span {
  width: 18px !important;
  height: 0px !important;
  margin: 0.1em !important;
  display: block;
  border: 1px solid #cccccc;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-dots .owl-dot span {
    width: 15px !important;
  }
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-dots .owl-dot.active span {
  border: 2px solid #03002f;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-theme .owl-nav {
  display: none;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0px;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-of-type(odd) > div {
  background-color: none;
  border: 1px solid #e7e7e7;
  border: none !important;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-of-type(even) > div {
  background-color: none;
  border: 1px solid #e7e7e7;
  border: none !important;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(3n+3) > div {
  background-color: none !important;
  border: 1px solid #e7e7e7 !important;
  border: none !important;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item > div {
  cursor: pointer;
}
@media (max-width: 767px) {
  .mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item > div {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block {
  width: 100%;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile {
  max-width: 94%;
  height: 100%;
  max-height: 278px;
  margin-left: -29px;
  width: 100%;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px 10px 32px;
}
@media (max-width: 640px) {
  .mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile {
    margin-left: -33px;
    max-width: 93%;
  }
}
@media (max-width: 360px) {
  .mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile {
    margin-left: -31px;
  }
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile .mn-tile-img {
  margin-bottom: 15px;
  height: 83px;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile .mn-tile-img img {
  width: 100%;
  height: 83px;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile .mn-tile-text1 {
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
  color: #444444;
  line-height: 20px;
  margin-bottom: 24px;
  word-wrap: break-word;
  height: 80px;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile .mn-tile-text2 {
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
  line-height: 12px;
  color: #ff6b00;
  margin-bottom: 8px;
  word-wrap: break-word;
  width: 100%;
  overflow: clip;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile .mn-tile-text3 {
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
  line-height: 12px;
  color: #b8b8b8;
  word-wrap: break-word;
  width: 100%;
}

@media (max-width: 768px) {
  .equityMarketNewsWrap {
    padding-right: 0px !important;
  }
}

.event-corporateactions-mob {
  background: #f2f6fb;
  padding: 8px 14px;
  color: #3580f7;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  height: 32px;
  align-items: center;
  display: flex;
}

.corporate-actions .accordion {
  padding: 30px 15px 16px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.corporate-actions .accordion:last-child {
  border-bottom: none;
}
.corporate-actions .accordion .accordion-header .scrip-cell {
  color: #444444;
  font-size: 0.875rem;
}
.corporate-actions .accordion .accordion-header .scrip-cell .scrip {
  font-family: "DMSansBold";
  line-height: 140%;
}
.corporate-actions .accordion .accordion-header .scrip-cell .values {
  line-height: 130%;
  font-family: "RobotoCondensedRegular";
}
.corporate-actions .accordion .bonus-ratio {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  display: flex;
  padding-top: 17px;
}
.corporate-actions .accordion .bonus-ratio .col:first-child {
  color: #dfa717;
}
.corporate-actions .accordion .bonus-ratio .col:last-child {
  display: flex;
  justify-content: end;
}
.corporate-actions .accordion .content {
  font-family: "RobotoLight";
  font-size: 0.875rem;
  line-height: 130%;
  display: flex;
  justify-content: end;
  padding: 5px 0px 11px 0px;
  color: #444444;
}
.corporate-actions .accordion .row {
  padding-top: 16px;
}
.corporate-actions .accordion .row .head {
  margin-bottom: 4px;
  color: #b8b8b8;
  font-size: 0.75rem;
}
.corporate-actions .accordion .row .value {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 22px;
}
.corporate-actions .accordion .row .col:last-child {
  text-align: end;
}
.corporate-actions .accordion:first-child {
  padding-top: 14px;
}

.corporate-actions .corporate-actions-items {
  padding: 0;
}
.corporate-actions .corporate-actions-items .accordion-item .bonus-ratio {
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.resultsCalendar {
  padding: 8px 14px;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  height: 32px;
  align-items: center;
  display: flex;
  background: #f1faf9;
  color: #00b6ab;
  padding: 8px 14px;
  margin-top: 11px;
}

.resultsAnnounced {
  background: #fcfbf2;
  color: #bab200;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  height: 32px;
  align-items: center;
  display: flex;
  padding: 8px 14px;
}

@media (min-width: 768px) {
  .economic-events {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 14px 30px 17px;
    background: #ffffff;
    gap: 22.5px;
  }
}
.economic-events .image-and-text {
  padding: 10px 22px 10px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.economic-events .image-and-text:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  .economic-events .image-and-text {
    padding: 15px 32px 18.8px 20px;
    border: 1px solid #e7e7e7;
  }
  .economic-events .image-and-text:last-child {
    border-bottom: 1px solid #e7e7e7;
  }
}
.economic-events .image-and-text .row {
  display: flex;
  gap: 13px;
}
@media (min-width: 768px) {
  .economic-events .image-and-text .row {
    gap: 11px;
  }
}
@media (min-width: 768px) {
  .economic-events .image-and-text .row .col-3 {
    width: 33.3%;
    padding: 0;
  }
}
.economic-events .image-and-text .row .col-3 img {
  border-radius: 5px;
  width: 95px;
  height: 74.82px;
}
.economic-events .image-and-text .row .col {
  display: flex;
  align-items: center;
  color: #444444;
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
  line-height: 140%;
}
@media (min-width: 768px) {
  .economic-events .image-and-text .row .col {
    padding: 0px;
    margin-left: 10px;
  }
}
.economic-events .image-and-text:first-child {
  padding-top: 16px;
}

.resultscalendarMainMob .result-calendar:last-child {
  border-bottom: none;
}

.result-calendar {
  padding: 15px 15px 16px 14px;
  border-bottom: 1px solid #e7e7e7;
}
.result-calendar .row .scrip-cell {
  color: #444444;
  font-size: 0.875rem;
}
.result-calendar .row .scrip-cell .scrip {
  font-family: "EncodeSansSemiBold";
  line-height: 140%;
}
.result-calendar .row .scrip-cell .values {
  line-height: 130%;
  font-family: "RobotoCondensedRegular";
}
.result-calendar .row .col {
  font-size: 0.75rem;
}
.result-calendar .row .col .head {
  color: #b8b8b8;
  line-height: 140%;
  font-family: "encodesans_normal";
  margin-bottom: 3px;
}
.result-calendar .row .col .value {
  color: #444444;
  line-height: 140%;
  font-family: "EncodeSansMedium";
}
.result-calendar .row .col:last-child,
.result-calendar .row .col-5 {
  text-align: end;
}
.result-calendar .set-alert .col:last-child,
.result-calendar .set-alert .col-5 {
  text-align: start;
}
.result-calendar .row:first-child {
  padding-bottom: 15px;
}
.result-calendar .row:last-child {
  padding-top: 19px;
  color: #3580f7;
  font-size: 0.75rem;
  line-height: 140%;
  font-family: "EncodeSansMedium";
}
.result-calendar .row:last-child .col-4,
.result-calendar .row:last-child .col-3 {
  padding-right: 0;
}
.result-calendar .row:last-child .col-3,
.result-calendar .row:last-child .col-5 {
  padding-left: 0;
}
.result-calendar .row:last-child i {
  font-size: 0.875rem;
  margin-right: 5px;
}
.result-calendar .row:last-child .col-3 {
  text-align: center;
}

.eventscalendarmain.marketgroup {
  padding: 0px;
}
@media (max-width: 768px) {
  .eventscalendarmain.marketgroup {
    padding: 0px 15px;
  }
}
.eventscalendarmain.marketgroup .mk-card-topleftmain1 {
  display: flex;
  font-size: 1.75rem !important;
}
.eventscalendarmain.marketgroup .marketCard {
  padding: 20px 0px !important;
}
.eventscalendarmain.marketgroup .marketCard .marketcardhead {
  padding: 0px 20px !important;
}
@media (max-width: 768px) {
  .eventscalendarmain.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
    font-size: 1.25rem !important;
    line-height: 140%;
  }
}
.eventscalendarmain.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
  color: #b8b8b8;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 768px) {
  .eventscalendarmain.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
    font-family: "RobotoLight" !important;
    font-size: 0.625rem;
    color: #727271;
    display: flex;
    align-items: center;
    gap: 4px;
  }
}
.eventscalendarmain.marketgroup .marketCard .marketcardbody {
  padding: 30px 0px 9px !important;
}
@media (max-width: 768px) {
  .eventscalendarmain.marketgroup .marketCard .marketcardbody {
    padding: 15px 0px !important;
  }
}
.eventscalendarmain.marketgroup .marketCard .marketcardfoot {
  padding-right: 20px !important;
}
.eventscalendarmain.marketgroup .mk-card-topright span {
  margin-left: 25px;
}
.eventscalendarmain.marketgroup .eventscalendar-block {
  display: block;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .event-corporateactions {
  background: #f2f2f5;
  padding: 10px 19px;
  color: #03002f;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  height: 32px;
  align-items: center;
  display: flex;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table {
  width: 100% !important;
  padding: 0px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-head th {
  padding: 9px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-head th:first-child {
  padding-left: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr th:nth-child(2) {
  width: 290px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr th:nth-child(3) {
  text-align: end;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr th:nth-child(4) {
  text-align: end;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-body tr .stock-split .rec-label {
  text-align: left;
  font-size: 1rem;
  background: none;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-body tr .rec-label label {
  padding: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-body tr td {
  text-align: left;
  font-size: 16px;
  font-family: "DMSansMedium";
  color: #444444;
  vertical-align: middle;
  padding: 19px 9px 19px 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-body tr td:first-child {
  padding: 19px 0px 19px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr td:nth-child(3) {
  text-align: end;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr td:nth-child(4) {
  text-align: end;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .event-resultscalendar {
  background: #fff0e5;
  padding: 10px 19px;
  color: #ff6b00;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  height: 32px;
  align-items: center;
  display: flex;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table {
  width: 100% !important;
  padding: 0px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-head th {
  padding: 9px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-head th:first-child {
  padding-left: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-head th:nth-child(2) {
  width: 25%;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-head-text th:first-child {
  width: 250px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-head-text th:nth-of-type(2) {
  text-align: end;
  width: 250px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-head-text th:nth-child(3) {
  text-align: end;
  width: 250px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-body tr .rec-label label {
  padding: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-body tr td {
  font-size: 16px;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 19px 0px 19px 10px;
  vertical-align: middle;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-body tr td:first-child {
  padding: 19px 0px 19px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-body-text tr td:nth-child(2) {
  text-align: end;
  padding: 19px 10px 19px 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-body-text tr td:nth-child(3) {
  text-align: end;
  padding: 19px 10px 19px 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-body-text tr td:last-child {
  text-align: start !important;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .event-resultsannounced {
  background: #eef7ee;
  padding: 10px 19px;
  color: #51b255;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  height: 32px;
  align-items: center;
  display: flex;
  margin-top: 19px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table {
  width: 100% !important;
  padding: 0px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-head th {
  padding: 9px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-head th:first-child {
  padding-left: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table tr th:first-child {
  width: 250px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table tr th:nth-of-type(2) {
  width: 200px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table tr th:nth-child(3) {
  text-align: end;
  width: 150px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table tr th:last-child {
  text-align: end;
  width: 200px;
  padding-right: 70px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-body tr .rec-label label {
  padding: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-body tr td {
  font-size: 16px;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 19px 0px 19px 10px;
  vertical-align: middle;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-body tr td:first-child {
  padding: 19px 0px 19px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table-body tr td:nth-child(3) {
  text-align: end;
  width: 150px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table-body tr td:last-child {
  text-align: end;
  width: 200px;
  padding-right: 70px;
}

.blue-text {
  color: #3580f7;
}

.event-economic-events {
  background: #fcf9f7;
  padding: 10px 19px;
  color: #ff6b00;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  height: 32px;
  align-items: center;
  display: flex;
  margin-top: 21px;
}
@media (max-width: 768px) {
  .event-economic-events {
    margin-top: 2px;
  }
}

.links-block {
  display: flex;
  justify-content: flex-start;
  margin-right: 20px;
  margin-left: 180px;
  align-items: center;
  cursor: pointer;
}
.links-block a {
  cursor: pointer;
}

.ml-20 {
  margin-left: 20px;
}

.ml-5 {
  margin-left: 5px;
}

.gold-color {
  color: #dfa717;
}

.roundcirclefont {
  font-size: 0.438rem;
}
@media (max-width: 768px) {
  .roundcirclefont {
    font-size: 0.25rem;
  }
}

.insider-detail .stock-details-body .slidingpane-icon-block {
  justify-content: space-evenly;
}
.insider-detail-body {
  background: #fbfdff;
  padding: 20px 40px 20px 15px;
}
.insider-detail-body .row {
  padding-bottom: 35px;
  padding-left: 15px;
}
.insider-detail-body .row .col,
.insider-detail-body .row .col-8,
.insider-detail-body .row .col-3 {
  padding: 0;
  display: grid;
}
.insider-detail-body .row .col label,
.insider-detail-body .row .col-8 label,
.insider-detail-body .row .col-3 label {
  font-size: 0.688rem;
  color: #b8b8b8;
  font-family: "DMSansMedium";
  margin-bottom: 3px;
}
.insider-detail-body .row .col span,
.insider-detail-body .row .col-8 span,
.insider-detail-body .row .col-3 span {
  font-size: 0.75rem;
  color: #444444;
  font-family: "RobotoMedium";
}
.insider-detail-body .row .col .encode,
.insider-detail-body .row .col-8 .encode,
.insider-detail-body .row .col-3 .encode {
  font-family: "DMSansMedium";
}
.insider-detail-body .row:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .insider-detail-body .row {
    padding-bottom: 30px;
  }
  .insider-detail-body .row .col,
  .insider-detail-body .row .col-8,
  .insider-detail-body .row .col-3 {
    padding: 0;
    display: grid;
  }
  .insider-detail-body .row .col label,
  .insider-detail-body .row .col-8 label,
  .insider-detail-body .row .col-3 label {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body {
  line-height: normal;
}
.insider-detail-body .data-head {
  font-size: 0.688rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
  display: flex;
}
.insider-detail-body .data-value {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  margin-top: 5px;
}
@media (max-width: 768px) {
  .insider-detail-body .data-value {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body .grid-inside-div {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 37% 37% 26%;
  gap: 5px;
  line-height: normal;
}

.insider-table {
  width: 100%;
  margin: 0;
}
.insider-table .insider-head {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  color: #727271;
}
.insider-table .insider-head th:last-child {
  text-align: end;
  padding-right: 20px;
}
.insider-table tr td {
  padding: 17px 10px 15px 10px;
  color: #444444;
}
.insider-table tr td:last-child {
  padding-right: 20px;
  text-align: end;
}
.insider-table tr th {
  padding: 17px 10px 15px 10px;
}
.insider-table tr .reported-on {
  padding-left: 20px;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 140%;
  vertical-align: top;
}
@media (min-width: 1023px) {
  .insider-table tr .reported-on {
    width: 10%;
  }
}
.insider-table tr .stock-with-label {
  line-height: 140%;
  font-family: "DMSansMedium";
  font-size: 1rem;
}
.insider-table tr .stock-with-label label {
  display: block;
  color: #b8b8b8;
  font-size: 0.75rem;
}
.insider-table tr .average-price,
.insider-table tr .no-of-shares {
  font-family: "RobotoRegular";
  font-size: 1rem;
  line-height: 140%;
}
.insider-table tr .action .insider-label {
  border-radius: 3px;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  text-align: center;
  line-height: 140%;
  width: -moz-fit-content;
  width: fit-content;
}
.insider-table tr .action .insider-label label {
  cursor: pointer;
  border-radius: 3px;
  padding: 5px 10px;
}
.insider-table tr .action .insider-label .bought,
.insider-table tr .action .insider-label .buy,
.insider-table tr .action .insider-label .purchase {
  color: #51b255;
  background: #f6fbf6;
}
.insider-table tr .action .insider-label .declared {
  color: #0264ab;
  background: #e6eff7;
}
.insider-table tr .action .insider-label .sold,
.insider-table tr .action .insider-label .sell {
  color: #dd504d;
  background: #fff5f5;
}
.insider-table.quote-equity .insider-head {
  font-family: "DMSansMedium";
}
.insider-table.quote-equity tr {
  cursor: default;
}
.insider-table.quote-equity tr .reported-on {
  font-family: "DMSansMedium";
}
.insider-table.quote-equity tr .stock-with-label {
  font-family: "DMSansMedium";
}
.insider-table.quote-equity tr .action .insider-label {
  font-family: "DMSansMedium";
}

@media screen and (min-width: 1024px) {
  .insider-tabs {
    margin-top: -65px;
  }
  .insider-tabs .nav-tabs {
    display: flex;
    justify-content: end;
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 1023px) {
  .insider-tabs .nav-tabs {
    height: 32px;
  }
}
.showSortDropdown.insider .sort-drop {
  margin-top: 50px;
  right: 0px;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer {
  display: flex;
  gap: 6px;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .filter-button {
  background-color: #03002f;
  color: #ffffff;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .filter-button:hover {
  background-color: #03002f;
  color: #ffffff;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .reset-button,
.showSortDropdown.insider .sort-drop .sort-drop-footer .filter-button {
  width: 48%;
  padding: 14px 28px;
  border-radius: 6px;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  border: 1px solid #03002f;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .reset-button {
  background-color: transparent;
  color: #03002f;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .reset-button:hover {
  background-color: #03002f;
  color: #ffffff;
}

.sortBtnEtf > .ed_button {
  border-radius: 5px;
  width: 44px;
  height: 44px;
  padding: 0px;
}

.sort-filter-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
}

.insider-detail .stock-details-body .slidingpane-icon-block {
  justify-content: space-evenly;
}
.insider-detail-body {
  background: #fbfdff;
  padding: 20px 40px 20px 15px;
}
.insider-detail-body .row {
  padding-bottom: 35px;
  padding-left: 15px;
}
.insider-detail-body .row .col,
.insider-detail-body .row .col-8,
.insider-detail-body .row .col-3 {
  padding: 0;
  display: grid;
}
.insider-detail-body .row .col label,
.insider-detail-body .row .col-8 label,
.insider-detail-body .row .col-3 label {
  font-size: 0.688rem;
  color: #b8b8b8;
  font-family: "DMSansMedium";
  margin-bottom: 3px;
}
.insider-detail-body .row .col span,
.insider-detail-body .row .col-8 span,
.insider-detail-body .row .col-3 span {
  font-size: 0.75rem;
  color: #444444;
  font-family: "RobotoMedium";
}
.insider-detail-body .row .col .encode,
.insider-detail-body .row .col-8 .encode,
.insider-detail-body .row .col-3 .encode {
  font-family: "DMSansMedium";
}
.insider-detail-body .row:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .insider-detail-body .row {
    padding-bottom: 30px;
  }
  .insider-detail-body .row .col,
  .insider-detail-body .row .col-8,
  .insider-detail-body .row .col-3 {
    padding: 0;
    display: grid;
  }
  .insider-detail-body .row .col label,
  .insider-detail-body .row .col-8 label,
  .insider-detail-body .row .col-3 label {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body {
  line-height: normal;
}
.insider-detail-body .data-head {
  font-size: 0.688rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
  display: flex;
}
.insider-detail-body .data-value {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  margin-top: 5px;
}
@media (max-width: 768px) {
  .insider-detail-body .data-value {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body .grid-inside-div {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 37% 37% 26%;
  gap: 5px;
  line-height: normal;
}

@media screen and (max-width: 1023px) {
  .insider-trading-mob .marketCard {
    padding: 0 !important;
  }
  .insider-trading-mob .marketCard .marketcardhead {
    margin: 16px 15px !important;
  }
  .insider-trading-mob .marketCard .marketcardbody {
    padding: 0 !important;
  }
  .insider-trading-mob .marketCard .marketcardfoot {
    margin: 20px 15px !important;
  }
  .insider-trading-mob .marketCard .insider-mob-table {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 15px;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row {
    color: #444444;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .more-details {
    line-height: 140%;
    font-size: 0.75rem;
    color: #03002f;
    display: flex;
    align-items: center;
    justify-content: end;
    font-family: "DMSansMedium";
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .more-details .ed_button.blue-link {
    background: none;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .more-details i {
    font-size: 0.875rem;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 {
    font-size: 0.75rem;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col label,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 label {
    font-family: "DMSansNormal";
    line-height: 140%;
    color: #b8b8b8;
    display: block;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .other,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .other {
    font-family: "DMSansNormal";
    line-height: 140%;
    color: #727271;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .stock-name,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .stock-name {
    font-family: "DMSansBold";
    font-size: 0.875rem;
    line-height: 140%;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col span,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 span {
    color: #444444;
    line-height: 22px;
    font-family: "DMSansMedium";
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .roboto,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .roboto {
    font-family: "RobotoMedium";
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label {
    border-radius: 3px;
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    text-align: center;
    line-height: 140%;
    width: -moz-fit-content;
    width: fit-content;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label label,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label label {
    border-radius: 3px;
    padding: 5px 7px;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .bought,
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .buy,
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .purchase,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .bought,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .buy,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .purchase {
    color: #51b255;
    background: #f6fbf6;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .declared,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .declared {
    color: #0264ab;
    background: #e6eff7;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .sold,
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .sell,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .sold,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .sell {
    color: #dd504d;
    background: #fff5f5;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .only-label {
    align-items: center;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .display-end {
    justify-content: end;
    display: flex;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .align-end {
    text-align: right;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row:nth-child(1) {
    padding-bottom: 15px;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row:nth-child(2) {
    padding-bottom: 15px;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row:nth-child(3) {
    padding-bottom: 15px;
  }
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col label .other,
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col-7 label .other {
    font-family: "DMSansNormal";
  }
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col span,
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col-7 span {
    font-family: "DMSansMedium";
  }
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col .stock-name,
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col-7 .stock-name {
    font-family: "DMSansBold";
  }
  .insider-trading-mob .marketCard .insider-mob-table:first-child {
    border-top: 1px solid #e7e7e7;
  }
  .insider-trading-mob .marketCard .insider-sortby-button-block {
    padding: 15px;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
  }
  .insider-trading-mob .marketCard .insider-sortby-button-block .insider-sortby-button {
    padding: 8px 5px;
    border: 1px solid rgba(53, 128, 247, 0.1);
  }
  .insider-trading-mob .marketCard .insider-sortby-button-block .insider-sortby-button .edel-icon-sort {
    color: #03002f;
  }
  .insider-trading-mob .marketCard .insider-sortby-button-block .insider-sortby-button .insider-sortbutton-text {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    line-height: 140%;
    color: #727271;
    margin-left: 5px;
  }
}
@media (min-width: 1023px) {
  .insider-trading-block .mk-card-topleftmain .gap {
    margin-left: 10px !important;
  }
}

@media screen and (min-width: 1023px) {
  .insider-trading-mob .marketCard {
    padding-top: 10px !important;
  }
}
:root {
  font-size: 16px;
}

.marketgroup {
  margin: 0 0 !important;
}

.row.marginTopCommon {
  margin-top: 51px;
  padding: 0 10px;
}

.marginTopCommon {
  margin-top: 51px;
  margin-bottom: 0;
  padding: 0 10px;
}
.marginTopCommon .recommendations {
  padding: 0;
}
.marginTopCommon .insider-trading-mob {
  padding: 0;
}
.marginTopCommon .driving-mkt-mainblock {
  padding: 0;
}
.marginTopCommon .outer-container {
  padding: 0;
}
.marginTopCommon .indicesDeclinesWrap-sec,
.marginTopCommon .SectorPerfomanceWrap-sec {
  padding: 0;
}

.outer-container {
  padding: 0 10px;
}

.drivingmarket-ipocard {
  margin-top: 0;
}

.driving-mkt-mainblock .driving-mkt-block {
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 1023px) {
  .marginTopCommon {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0 10px;
  }
  .marginTopCommon .driving-mkt-mainblock .driving-mkt-block .marketgroup {
    padding-left: 15px;
    padding-right: 15px;
  }
  .marginTopCommon .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head {
    padding: 20px 15px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .commonMargin {
    margin: 30px auto;
    padding: 0 !important;
  }
  .selected_row {
    background-color: #f2f2f5 !important;
  }
}
@media screen and (max-width: 1023px) {
  .container.commonMargin {
    padding: 0 !important;
  }
  .container.commonMargin .container {
    padding: 0 !important;
  }
}
.market-today-shimmer {
  margin: 30px;
}

.w-60 {
  width: 60%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-20 {
  width: 20%;
}

.w-70 {
  width: 70%;
}

.w-30 {
  width: 30%;
}

.shimmerspacebetween {
  display: flex;
  justify-content: space-between;
}

.mobliveipo-shimmer {
  padding: 0px 30px 30px;
}

.ml-10 {
  margin-left: 10px;
}

.equityNewEdelBlock #newOnEdel {
  background: none;
}
@media (max-width: 768px) {
  .equityNewEdelBlock #newOnEdel {
    padding-top: 0px;
  }
}

.calendarevents-block {
  margin-top: 40px;
  padding: 0px !important;
}

@media (max-width: 768px) {
  #flldllactivityWrap .marketgroup,
  .calendarevents-block .marketgroup,
  .stocksUnderSurveillanceWrap .marketgroup {
    padding: 0px;
  }
}

.mt-50-20 {
  margin-top: 50px;
}
@media (max-width: 768px) {
  .mt-50-20 {
    margin-top: 20px;
  }
}

@media (min-width: 1024px) {
  .marketmap-graphdata {
    margin-top: 12px;
  }
}
.wethreeicons .icon-tile {
  display: flex;
  width: 100%;
  justify-content: center;
}
.wethreeicons .icon-tile:last-child {
  display: flex;
  width: 100%;
  justify-content: center;
}
.wethreeicons.sidebarPanelMenu .icon-tile {
  display: flex;
  width: 100%;
  justify-content: center;
}

@media (min-width: 1024px) {
  .optionsnewedelblock .ed-newedel-card-description {
    color: #263363;
  }
}
@media (max-width: 1023px) {
  .optionsnewedelblock {
    padding-top: 8px;
  }
}
.optionsnewedelblock .edel-new-on-edel-heading {
  color: #0b243a;
}
@media (max-width: 768px) {
  .optionsnewedelblock .pd-b50 {
    padding-bottom: 0px !important;
  }
}
@media (max-width: 768px) {
  .optionsnewedelblock .owl-dots .owl-dot span {
    width: 8px !important;
  }
}

.term-table .date-content {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  padding-bottom: 11px;
  color: #444444;
}
.term-table .card {
  background: #ffffff;
  border-radius: 0px;
}
.term-table .card .card-header {
  padding: 20px;
  background: none;
}
.term-table .card .card-header .stock-header {
  display: flex;
  justify-content: space-between;
  line-height: 140%;
  color: #444444;
}
.term-table .card .card-header .stock-header label {
  font-family: "DMSansBold";
  font-size: 1.125rem;
  line-height: 140%;
}
.term-table .card .card-header .stock-header .content {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  display: flex;
  align-items: center;
}
.term-table .card .card-body {
  padding: 0;
  position: relative;
}
.term-table .card .card-body .stock-table {
  margin: 0;
  width: 100%;
  border-collapse: collapse;
}
.term-table .card .card-body .stock-table thead {
  position: sticky;
  top: 0;
  z-index: 3;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  line-height: 140%;
  color: #727271;
}
.term-table .card .card-body .stock-table thead tr {
  background-color: #ffffff;
  outline: 1px solid #e7e7e7;
}
.term-table .card .card-body .stock-table thead th {
  padding: 9px 20px;
}
.term-table .card .card-body .stock-table thead th:last-child {
  text-align: right;
  display: flex;
  justify-content: right;
}
.term-table .card .card-body .stock-table thead tr th:not(:first-child) .title {
  justify-content: start !important;
}
.term-table .card .card-body .stock-table tbody tr {
  font-family: "DMSansMedium";
  font-size: 1rem;
  border-bottom: 1px solid #e7e7e7;
}
.term-table .card .card-body .stock-table tbody tr td {
  padding: 20px;
  border: none;
}
.term-table .card .card-body .stock-table tbody tr .company-name {
  color: #444444;
  line-height: 140%;
}
.term-table .card .card-body .stock-table tbody tr .isin {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  line-height: 140%;
}
.term-table .card .card-body .stock-table tbody tr .reported-date {
  color: #727271;
  font-size: 0.875rem;
  line-height: 140%;
  text-align: end;
}
.term-table .card .card-body .stock-table tbody tr:last-child {
  border-bottom: none;
}
.term-table .card .card-body .stock-table tbody tr:hover {
  background: none !important;
}

.gsm-table .card .card-body .stock-table thead th:last-child {
  padding-right: 30px;
}
.gsm-table .card .card-body .stock-table tbody tr td:last-child {
  padding-right: 30px;
}

.fno-ban-list .term-table .card .card-body .stock-table thead th {
  padding: 9px;
}
.fno-ban-list .term-table .card .card-body .stock-table thead th:first-child {
  padding-left: 20px;
}
.fno-ban-list .term-table .card .card-body .stock-table thead th:last-child {
  padding-right: 20px;
}
.fno-ban-list .term-table .card .card-body .stock-table thead th:not(th:first-child) {
  text-align: end;
}
.fno-ban-list .term-table .card .card-body .stock-table tbody tr td:not(td:first-child) {
  text-align: end;
}
.fno-ban-list .term-table .card .card-body .stock-table tbody tr td {
  padding: 20px 9px;
}
.fno-ban-list .term-table .card .card-body .stock-table tbody tr td:first-child {
  padding-left: 20px;
}
.fno-ban-list .term-table .card .card-body .stock-table tbody tr td:last-child {
  padding-right: 20px;
}

.stocks-surveillance.viewAll .term-table .stock-table tbody tr:last-child {
  border-bottom: 1px solid #e7e7e7;
}

.stocks-share {
  margin: 20px;
}
.stocks-share .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
}
.stocks-share .share-icon .edel-icon-share-icon:before {
  content: "\e96c";
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}

.stocks-table-div {
  max-height: 380px;
  overflow-y: scroll;
}

.stocks-table-thead {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 3;
  outline: 1px solid #e7e7e7;
}

.stocks-table-mob {
  margin: 0;
  width: 100%;
  border-collapse: collapse;
}
.stocks-table-mob thead {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 18px;
}
.stocks-table-mob thead th {
  padding: 15px;
}
.stocks-table-mob thead th:last-child {
  text-align: end;
}
.stocks-table-mob tbody tr {
  border-top: 1px solid #e7e7e7;
}
.stocks-table-mob tbody td {
  border: 0 !important;
  padding: 15px;
}
.stocks-table-mob tbody .company-isin {
  display: grid;
  gap: 5px;
}
.stocks-table-mob tbody .company-isin label {
  font-size: 0.875rem;
  line-height: 140%;
  font-family: "DMSansMedium";
  color: #444444;
}
.stocks-table-mob tbody .company-isin span {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 140%;
  display: block;
}
.stocks-table-mob tbody .date-added {
  font-size: 0.875rem;
  line-height: 140%;
  font-family: "DMSansMedium";
  color: #444444;
  text-align: end;
}
.stocks-table-mob tbody .date-added .symbol-date {
  margin-top: 5px;
  font-family: "DMSansNormal";
  font-size: 0.625rem;
  line-height: 140%;
  color: #727271;
}
.stocks-table-mob tbody .date-added .symbol-date label {
  color: #b8b8b8;
}

.viewAll .stocks-table-mob tbody tr:last-child {
  border-bottom: 1px solid #e7e7e7;
}

.fno-mobile-table table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}
.fno-mobile-table table thead {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 18px;
  border-bottom: 1px solid #e7e7e7;
}
.fno-mobile-table table thead th {
  padding: 10px 15px;
}
.fno-mobile-table table thead th:not(th:first-child) {
  text-align: end;
}
.fno-mobile-table table tbody tr {
  border-bottom: 1px solid #e7e7e7;
}
.fno-mobile-table table tbody tr td {
  border: none;
  padding: 15px;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 18px;
  color: #444444;
}
.fno-mobile-table table tbody tr td:not(td:first-child) {
  font-family: "RobotoMedium";
  text-align: end;
}

@media screen and (min-width: 1024px) {
  .stocks-tabs {
    margin-top: -60px;
  }
  .stocks-tabs .nav-tabs {
    display: flex;
    justify-content: end;
    padding-bottom: 34px !important;
  }
  .stock-tab-content {
    display: grid;
    grid-template-columns: 48.5% 48.5%;
    gap: 30px;
  }
  .fno-ban-list {
    display: grid;
    grid-template-columns: 31.5% 31.5% 31.5%;
    gap: 30px;
  }
  .container.stocks-surveillance {
    padding: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .stocksundersurvilance-table .tab-content .fno-table .nav-item .nav-link {
    padding: 10px 5px 10px 5px;
    line-height: 10.4px;
  }
  .tab-content .stocks-tabs .nav-tabs {
    border-bottom: 1px solid #e7e7e7 !important;
  }
  .tab-content .stocks-tabs .nav-tabs .nav-item .nav-link {
    padding: 5px 16px 5px 16px !important;
    line-height: 22.4px;
  }
  .stocks-surveillance .marketCard {
    padding: 0 !important;
  }
  .stocks-surveillance .marketCard .marketcardhead {
    margin: 15px 15px 0px 14px !important;
    z-index: 1;
  }
  .stocks-surveillance .marketCard .marketcardbody {
    padding-top: 11px !important;
  }
  .stocks-surveillance .marketCard .marketcardfoot {
    margin: 0px 16px 20px 15px !important;
  }
}
@media (max-width: 1023px) {
  .StocksUnderSurveillanceBlock .viewAll .marketCard {
    padding: 0px !important;
  }
}
@media (max-width: 768px) {
  .stocksundersurvilance-table-tabs .nav-tabs .nav-item {
    padding-right: 20px;
  }
  .flex-scroll-tab .nav-tabs {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0 0 0 15px;
  }
}
@media screen and (min-width: 1024px) {
  .viewall-breadcrumb {
    margin: 20.5px auto 32.5px auto;
  }
  .viewAll-table {
    overflow-y: scroll;
    height: 400px;
  }
  .viewAll-table::-webkit-scrollbar {
    width: 2px !important;
    height: 5px !important;
  }
  .viewAll-table::-webkit-scrollbar-track-piece {
    margin-top: 45px !important;
  }
  .viewAll-table {
    /* Track */
  }
  .viewAll-table::-webkit-scrollbar-track {
    background: transparent;
  }
  .viewAll-table {
    /* Handle */
  }
  .viewAll-table::-webkit-scrollbar-thumb {
    background: #03002f;
  }
  .viewAll-table table {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
  }
  .viewAll-table table thead {
    position: sticky;
    top: 0;
    z-index: 7;
    background: #ffffff;
  }
  .viewAll-table table thead tr th {
    padding: 12px 20px;
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    line-height: 140%;
    color: #727271;
    border-color: #e7e7e7;
    border-width: 1px 0;
  }
  .viewAll-table table thead tr th:not(th:first-child) .title {
    justify-content: end;
  }
  .viewAll-table table thead tr th:not(th:first-child) {
    text-align: end;
  }
  .viewAll-table table thead tr th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-width: 1px 0px 1px 1px;
  }
  .viewAll-table table thead tr th:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-width: 1px 1px 1px 0px;
  }
  .viewAll-table table tbody tr td {
    border: none !important;
    padding: 19px 20px;
    font-size: 1rem;
    color: #444444;
    cursor: pointer;
  }
  .viewAll-table table tbody tr td:not(td:first-child) {
    text-align: end;
    font-family: "RobotoRegular";
  }
  .viewAll-table table tbody tr td:first-child {
    font-family: "DMSansMedium";
    font-size: 1rem;
    line-height: 130%;
  }
  .viewAll-table table tbody tr:nth-child(odd) {
    background-color: #ffffff;
  }
  .viewAll-table table tbody tr:nth-child(even) {
    background-color: #f2f2f5;
  }
  .viewAll-table table tbody tr:hover {
    background-color: inherit !important;
  }
  .viewAll-table table tbody tr:hover:nth-child(even) {
    background-color: #f2f2f5 !important;
  }
  .viewAll {
    padding: 0 !important;
  }
  .viewAll .marketCard {
    border: none !important;
    padding: 0 !important;
  }
  .viewAll .marketCard .marketcardhead {
    align-items: flex-start !important;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
    display: flex;
    font-size: 1.75rem !important;
    margin-bottom: 20px;
    font-family: "DMSansNormal" !important;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .rounded-circle1.exclamation1 {
    width: 35px !important;
    height: 35px !important;
    margin-left: 15px;
    margin-top: -5px;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block {
    margin-right: 10px;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .equitydrop {
    padding: 10px 5px 10px 10px;
    display: flex;
    gap: 7px;
    margin-left: 10px;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .equitydrop i {
    color: #03002f;
    margin-left: 0;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .dropdown-menu {
    z-index: 9;
  }
  .viewAll .marketCard .marketcardbody {
    padding-bottom: 0 !important;
  }
  .viewAll-tabs .nav-tabs {
    display: flex;
    justify-content: end;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .viewAll-tabs .nav-tabs {
    padding-right: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .viewAll-tabs .nav-tabs .nav-item .nav-link {
    padding: 11px 6px 5px 6px !important;
    margin-left: 12px;
  }
  .viewAll-tabs .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #03002f !important;
  }
}
@media screen and (max-width: 1023px) {
  .viewAll {
    padding: 0 !important;
  }
  .viewAll .marketCard {
    border: none !important;
    margin: 0 !important;
    padding: 20px 15px !important;
  }
  .viewAll .marketCard .marketcardhead {
    align-items: flex-start !important;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
    font-size: 1.25rem !important;
    font-family: "DMSansNormal" !important;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
    margin: 10px 0px 0px 20px !important;
  }
  .viewAll .marketCard .marketcardbody .dropdown-section {
    padding: 20px 0px;
  }
  .viewAll .marketCard .marketcardbody .dropdown-section .equity-dropdown-block .equitydrop {
    padding: 8px 5px 8px 5px;
    line-height: 118%;
  }
  .viewAll .marketCard .marketcardbody .dropdown-section .equity-dropdown-block .equitydrop i {
    color: #03002f;
  }
  .viewAll .marketCard .marketcardbody .dropdown-section .subMenuDropdown .nav-item .nav-link {
    padding: 8px 5px 8px 5px;
  }
  .viewAll .marketCard .marketcardfoot {
    margin-bottom: 30px !important;
  }
}
.understanding-section-mkt {
  background: #ffffff;
  margin: 50px 0;
}
.understanding-section-mkt-heading {
  width: 342px;
  height: 46px;
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  line-height: 39px;
  color: #0b243a;
  margin-bottom: 40px;
}
.understanding-section-mkt-sectionwise-distribution {
  margin: 50px 0;
  font-family: "DMSansNormal";
  font-style: normal;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head {
  display: flex;
  justify-content: space-between;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head .category-heading {
  font-family: "DMSansBold";
  font-size: 1.375rem;
  line-height: 31px;
  color: #444444;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head .back-to-section {
  font-family: "DMSansMedium";
  font-size: 16px;
  line-height: 22px;
  color: #03002f;
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-body {
  margin-top: 20px;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 140%;
  color: #727271;
  max-width: 85%;
  text-align: left;
}
.understanding-section-mkt-showall {
  display: flex;
  justify-content: center;
  align-items: center;
}
.understanding-section-mkt-showall button {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #03002f;
  line-height: 22px;
  color: #03002f;
  border: none;
  background-color: transparent;
}

.mob-understanding-section-mkt {
  background: #ffffff;
  padding-bottom: 25px;
  margin-top: 20px;
  padding: 10px;
}
.mob-understanding-section-mkt-heading {
  height: 28px;
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
  margin-bottom: 0px;
  padding: 15px 0 20px 0;
}
.mob-understanding-section-mkt-sectionwise-distribution {
  border-top: 1px solid #e7e7e7;
  margin: 20px 0;
  padding-top: 20px;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head {
  display: flex;
  justify-content: space-between;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .category-heading {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
  line-height: 22px;
  color: #444444;
  max-width: 80%;
  font-family: "DMSansBold";
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section {
  width: 30px;
  height: 30px;
  background-color: #f2f2f5;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section i {
  color: #03002f;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section .edel-icon-arrow-down {
  font-size: 1.375rem;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section .edel-icon-arrow-down.down {
  transform: rotate(180deg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-body {
  font-weight: 500;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #727271;
  max-width: 90%;
  text-align: left;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-footer {
  margin: 15px 0 20px 0;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-footer .back-to-section {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 22px;
  color: #03002f;
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}

:root {
  font-size: 16px;
}

.liveIpos.marginTopCommon {
  padding: 0 0;
}
.liveIpos p,
.liveIpos h4 {
  margin: 0;
}
.liveIpos .marketgroup .marketCard {
  padding: 0;
  padding-top: 20px;
}
.liveIpos .marketgroup .marketCard .marketcardhead {
  margin: 0 20px;
  margin-bottom: 12px;
}
.liveIpos .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
  line-height: 39.2px;
}
.liveIpos .marketgroup .marketCard .marketcardhead .mk-card-topright a {
  font-size: 0.75rem;
  line-height: 22.4px;
  font-family: "DMSansNormal";
  font-weight: 600;
}
.liveIpos .marketgroup .marketCard .marketcardbody {
  padding: 0;
}
.liveIpos .marketgroup table {
  margin: 0;
  border-spacing: 0 0;
}
.liveIpos .marketgroup table .table-head tr {
  width: 100%;
}
.liveIpos .marketgroup table .table-head tr th {
  line-height: 16.8px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
  border: unset;
  text-align: right;
}
.liveIpos .marketgroup table .table-head tr th:first-child {
  padding-left: 20px;
  text-align: left;
}
.liveIpos .marketgroup table .table-head tr th:last-child {
  padding-right: 20px;
}
.liveIpos .marketgroup table tbody tr td {
  border: unset;
  border-top: 1px solid #e7e7e7;
  border-radius: unset;
  text-align: right;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
}
.liveIpos .marketgroup table tbody tr td:nth-child(2) {
  width: 14% !important;
  max-width: 100%;
}
.liveIpos .marketgroup table tbody tr td:first-child {
  width: 26% !important;
  max-width: 100%;
  padding-left: 20px;
  text-align: left;
}
.liveIpos .marketgroup table tbody tr td:last-child {
  padding-right: 20px;
}
.liveIpos .marketgroup table tbody tr td h4 {
  line-height: 22.4px;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.liveIpos .marketgroup table tbody .company_name p {
  line-height: 18px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #bbbbbb;
}
.liveIpos .marketgroup table tbody .date {
  width: 10%;
  text-align: right;
}
.liveIpos .marketgroup table tbody .date .date-range {
  text-wrap: nowrap;
  font-family: "DMSansMedium";
  line-height: 19.6px;
  font-size: 0.875rem;
  color: #727271;
}
.liveIpos .marketgroup table tbody .date .date-day {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  color: #b8b8b8;
}
.liveIpos .marketgroup table tbody .price h4 {
  font-size: 1rem;
  font-family: "RobotoMedium";
}
.liveIpos .marketgroup table tbody .price .btn {
  padding: 0;
  cursor: unset;
}
.liveIpos .marketgroup table tbody .price .btn .price-disc {
  width: 100%;
  padding: 2px;
  border-radius: 2px;
}
.liveIpos .marketgroup table tbody .price .btn .price-disc p {
  line-height: 13.5px;
  color: #ffffff;
  margin-left: 2px;
}
.liveIpos .marketgroup table tbody .price .price-block-bg {
  background-color: #f7943e;
  display: flex;
  align-items: center;
}
.liveIpos .marketgroup table tbody .price .price-block-bg p {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
}
.liveIpos .marketgroup table tbody .subscription p {
  line-height: 15.4px;
  font-size: 0.688rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
}
.liveIpos .marketgroup table tbody .links .applyBtn {
  background-color: #03002f;
  padding: 9px 12px;
  margin: 0 22px;
}
.liveIpos .marketgroup table tbody .links .applyBtn.btn[disabled] {
  background-color: #c0bfcb !important;
  border: none !important;
}
.liveIpos .marketgroup table tbody .links .applyBtn p {
  line-height: 22px;
  font-size: 0.875rem;
  color: #ffffff;
  font-family: "DMSansNormal";
  font-weight: 500;
}
.liveIpos .marketgroup table tbody .links .researchReport p {
  line-height: 22px;
  font-size: 0.875rem;
  color: #03002f;
  font-family: "DMSansNormal";
  font-weight: 500;
}
.liveIpos .marketgroup table tbody .links .share .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.liveIpos .marketgroup table tbody .links .share .share-icon .edel-icon-share-icon::before {
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}

.liveIPOTable .cardBodyLiveIpo {
  border-top: 1px solid #e7e7e7;
}
.liveIPOTable .marketgroup .marketCard .marketcardhead {
  padding: 0 20px 15px 20px !important;
  margin: 0 0;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate {
  margin: 15px;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title {
  width: 50%;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title .tableWrap_titleDate-title--head {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 17.5px;
  color: #444444;
  margin-bottom: 3px;
  width: 94%;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title .tableWrap_titleDate-title--text {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: 15px;
  color: #b8b8b8;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date {
  text-align: right;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date .tableWrap_titleDate-date--head {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #727271;
  margin-bottom: 3px;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date .tableWrap_titleDate-date--text {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #b8b8b8;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize {
  margin: 15px;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-CommonHead {
  font-size: 0.75rem;
  color: #727271;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 400;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-CommonText {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
  font-weight: 500;
  line-height: 19.6px;
  color: #444444;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-ipoSize {
  text-align: right;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription {
  margin: 0 20px;
}
@media (max-width: 768px) {
  .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription {
    margin: 0 15px;
  }
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription {
  font-size: 0.688rem;
  line-height: 15.4px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #727271;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription .redText {
  font-size: 0.875rem;
  color: #dd504d;
  font-family: "RobotoRegular";
  line-height: 19.6px;
  font-weight: 500;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription .greyText {
  color: #b8b8b8;
  line-height: 15.4px;
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot {
  margin: 20px;
}
@media (max-width: 768px) {
  .liveIPOTable .marketgroup .marketCard .marketcardfoot {
    margin: 20px;
  }
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot .researchReportLink a i {
  margin-right: 10px;
  color: #03002f;
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot .researchReportLink a img {
  height: 1rem;
  width: 1rem;
  margin-right: 10px;
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot .researchReportLink a p {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 21.6px;
  color: #03002f;
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot .ed_button.blue-one {
  padding: 9px 12px;
}

.ipoCardWrap .cardBodyLiveIpo {
  border-top: unset;
}
.ipoCardWrap .marketgroup .marketCard {
  padding: 0;
}
.ipoCardWrap .liveIPOTable .marketgroup {
  padding: 0 0;
}
.ipoCardWrap .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-bottom: 0;
}
.ipoCardWrap .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate {
  margin: 0;
}
.ipoCardWrap .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize {
  margin: 15px 0;
}
.ipoCardWrap .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription {
  margin: 0;
}

.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate {
  margin: 15px;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title {
  width: 50%;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title .tableWrap_titleDate-title--head {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 17.5px;
  color: #444444;
  margin-bottom: 3px;
  width: 94%;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title .tableWrap_titleDate-title--text {
  font-size: 0.75rem;
  line-height: 15px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #b8b8b8;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date {
  text-align: right;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date .tableWrap_titleDate-date--head {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #727271;
  margin-bottom: 3px;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date .tableWrap_titleDate-date--text {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #b8b8b8;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize {
  margin: 15px;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-CommonHead {
  font-size: 0.75rem;
  color: #727271;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 400;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-CommonText {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
  font-weight: 500;
  line-height: 19.6px;
  color: #444444;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-ipoSize {
  text-align: right;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription {
  margin: 0 20px;
  font-size: 0.688rem;
  line-height: 15.4px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #727271;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription .redText {
  font-size: 0.875rem;
  color: #dd504d;
  font-family: "RobotoRegular";
  line-height: 19.6px;
  font-weight: 500;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription .greenText {
  font-size: 0.875rem;
  color: #51b255;
  font-family: "RobotoRegular";
  line-height: 19.6px;
  font-weight: 500;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription .greyText {
  color: #b8b8b8;
  line-height: 15.4px;
}
.cardBodyLiveIpo .marketcardbody .tableWrap {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-bottom: 0;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate {
  margin: 0;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize {
  margin: 15px 0;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription {
  margin: 0;
}

@media screen and (max-width: 991px) {
  .liveIPOTable .marketgroup .marketCard .marketcardfoot .ed_button.blue-one {
    padding: 6px 12px;
  }
}
@media screen and (min-width: 1024px) {
  .mobile_liveIpos {
    display: none;
  }
  .desktop_liveIpos {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .mobile_liveIpos {
    display: block;
  }
  .desktop_liveIpos {
    display: none;
  }
}
.desktop_liveIpos .common-shimmer {
  margin: 30px;
}

.liveipo-shimmer {
  display: flex;
  justify-content: space-between;
  padding: 0px 30px 30px;
}

.bidSuccess {
  background-color: #f0fdf6;
  text-align: center;
  padding: 10px;
}
.bidSuccess p {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  line-height: 16.8px;
  color: #51b255;
  margin: 0;
}

.bidFailed {
  background-color: #fff5f5;
  font-family: "DMSansMedium";
  text-align: center;
  padding: 10px;
}
.bidFailed p {
  font-size: 0.75rem;
  line-height: 16.8px;
  color: #dd504d;
  margin: 0;
}

.orderBook {
  padding: 0 15px;
}
.orderBook p {
  color: #f7943e;
  line-height: 15px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.orderBook p a {
  color: #3580f7;
  margin-left: 5px;
}

.closedToday {
  color: #dd504d;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansMedium";
}

.listingToday {
  color: #dfa717;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansMedium";
}

.researchReportLink .i {
  color: #03002f;
}
.researchReportLink p {
  color: #03002f;
}

.desktop_liveIpos .marketgroup {
  padding: 0px;
}

.live-ipos-Equity tr td:nth-child(1),
.live-ipos-Equity tr th:nth-child(1) {
  width: 20%;
}
.live-ipos-Equity tr td:nth-child(2),
.live-ipos-Equity tr th:nth-child(2) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(3),
.live-ipos-Equity tr th:nth-child(3) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(4),
.live-ipos-Equity tr th:nth-child(4) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(5),
.live-ipos-Equity tr th:nth-child(5) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(6),
.live-ipos-Equity tr th:nth-child(6) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(7),
.live-ipos-Equity tr th:nth-child(7) {
  width: 30%;
}

.upcomingIPOTableWrapMobile {
  border-bottom: 1px solid #f2f2f5;
}

.liveIPOTableWrapMobile {
  border-bottom: 1px solid #e7e7e7;
}
.liveIPOTableWrapMobile :first-child {
  flex: 2;
}
.liveIPOTableWrapMobile :nth-child(2) {
  flex: 1;
}

.liveIPOTableWrap .checkout-ipo {
  font-size: 1rem !important;
  font-family: "DMSansBold" !important;
}

.liveIPOTable .table > :not(:first-child) {
  border-top: 1px solid #e7e7e7 !important;
}

#future-markettoday .market-top-section-container {
  margin-bottom: 0px;
}
#future-markettoday .market-today-stock-cards .col-lg-3:last-child .generic-stock-cards {
  border-right: 0px;
}
@media (max-width: 1023px) {
  #future-markettoday .market-today-stock-cards .col-lg-3:nth-child(2) .generic-stock-cards {
    border-right: 0px;
  }
}
#future-markettoday .market-today-stock-cards .generic-stock-cards {
  border-left: 0px;
  padding: 19px 20px 18px;
}
@media (max-width: 1023px) {
  #future-markettoday .market-today-stock-cards .generic-stock-cards {
    border-bottom: 0px;
  }
}
#future-markettoday .future-today-sec-bottom .Chartiqtopsection {
  justify-content: space-between;
  padding: 10px 0px;
}
#future-markettoday .future-today-sec-bottom .equity-dropdown-block button {
  display: flex;
  align-items: center;
}
#future-markettoday .future-today-sec-bottom .equity-dropdown-block .edel-icon-arrow-down {
  height: 14px;
  width: 14px;
}
#future-markettoday .future-today-sec-bottom .equity-dropdown-block .edel-icon-arrow-down:before {
  color: #03002f;
}
#future-markettoday .future-today-sec-bottom .iframeClass.chartiq-market {
  height: 65vh !important;
  padding: 0px !important;
}
#future-markettoday .future-today-sec-bottom .section-right {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
@media (max-width: 1023px) {
  #future-markettoday .future-today-sec-bottom .section-right .market-status-future .gridContainermarket .gridcontainerBox:nth-of-type(even) .titleHeading,
  #future-markettoday .future-today-sec-bottom .section-right .market-status-future .gridContainermarket .gridcontainerBox:nth-of-type(even) .value {
    text-align: right;
  }
}
#future-markettoday .future-today-sec-bottom .section-right .market-status-future .gridContainermarket {
  display: grid;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
  gap: 50px 20px;
}
@media screen and (max-width: 960px) {
  #future-markettoday .future-today-sec-bottom .section-right .market-status-future .gridContainermarket {
    grid-template-columns: 1.5fr 1.5fr;
    gap: 30px 20px;
  }
}
#future-markettoday .future-today-sec-bottom .section-right .market-status-future .gridContainermarket .Builduptxt {
  font-size: 1rem;
  font-family: "RobotoMedium";
}
@media (max-width: 1023px) {
  #future-markettoday .future-today-sec-bottom .section-right .market-status-future .gridContainermarket .Builduptxt {
    font-size: 0.875rem;
  }
}
#future-markettoday .future-today-sec-bottom .section-right .market-status-future .titleHeading h4 {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #727271;
  margin-bottom: 4px !important;
}
@media screen and (max-width: 960px) {
  #future-markettoday .future-today-sec-bottom .section-right .market-status-future .titleHeading h4 {
    font-size: 0.75rem;
  }
}
#future-markettoday .future-today-sec-bottom .section-right .market-status-future .value p {
  font-family: "RobotoMedium";
  font-size: 1rem;
  margin-bottom: 0px !important;
  color: #444444;
}
@media screen and (max-width: 960px) {
  #future-markettoday .future-today-sec-bottom .section-right .market-status-future .value p {
    font-size: 0.875rem;
  }
}
#future-markettoday .future-today-sec-bottom .market-barchart-section .market-quote-section {
  padding-top: 100px;
}

.fno-tabs.generic-tabs {
  border-radius: 5px;
  border: 1px solid #292663;
}
.fno-tabs.generic-tabs .nav-item .nav-link {
  margin: 0px;
  border: 0px !important;
  border-radius: 0px;
  padding: 10px 27.5px;
  color: #292663;
}
.fno-tabs.generic-tabs .nav-item .nav-link.active {
  background-color: #292663;
  color: #ffffff;
}
@media screen and (max-width: 1023px) {
  .fno-tabs.generic-tabs .nav-item .nav-link {
    padding: 5px 13.5px;
    font-size: 0.75rem;
  }
}

.future-market-loader .react-loading-skeleton {
  height: 100px;
}

@media screen and (max-width: 1023px) {
  #odd-block > div:first-child {
    width: 100%;
  }
  #odd-block > div:first-child > .generic-stock-cards {
    height: 115px;
  }
  #odd-block > div:first-child .ltp-change-block {
    display: flex;
    gap: 5px;
    align-items: end;
  }
  #odd-block > div:first-child .ltp-change-block .generic-stock-card-stock-value {
    margin-bottom: 0px;
  }
  #odd-block div .generic-stock-cards {
    padding: 10px !important;
    border-width: 1px 0px 0px 0px;
  }
  #odd-block div .generic-stock-cards .generic-stock-card-date p {
    justify-content: start;
  }
  #odd-block > div:nth-child(odd):not(:first-child) {
    border-left: 1px solid #e7e7e7;
  }
}
.futureDrivingmarket {
  margin: 51px 0px 10px;
}
@media (max-width: 768px) {
  .futureDrivingmarket {
    margin-top: 20px !important;
  }
}
.futureDrivingmarket .future-news {
  display: flex;
}
.futureDrivingmarket .future-news .title-dropdown {
  display: flex;
  justify-content: space-between;
}
.futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block button {
  display: flex;
  align-items: center;
}
.futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block .edel-icon-arrow-down {
  color: #03002f;
}
.futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block .edel-icon-arrow-down:before {
  font-size: 1.375rem;
}
.futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block.show button {
  display: flex;
  align-items: center;
}
.futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block.show .edel-icon-arrow-down {
  color: #03002f;
}
.futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block.show .edel-icon-arrow-down:before {
  font-size: 0.75rem;
}
.futureDrivingmarket .future-dm .d-livenews-container {
  border-radius: 5px;
  margin: 0 0 0 30px;
}
@media screen and (min-width: 1023px) {
  .futureDrivingmarket .future-dm .dock-liveNews-section {
    top: 160px;
    position: sticky;
  }
}
.futureDrivingmarket .dm-title {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
  line-height: 140%;
}
.futureDrivingmarket .dm-title strong {
  font-family: "DMSansBold";
}
.futureDrivingmarket .future-cardContainer .future-cards {
  display: flex;
  margin-top: 30px;
}
.futureDrivingmarket .future-cardContainer .future-cards .marketgroup {
  padding: 0;
}
.futureDrivingmarket .future-cardContainer .future-cards .marketgroup .marketCard {
  border-radius: 0px 5px 5px 0px !important;
}
.futureDrivingmarket .future-cardContainer .future-cards .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.125rem;
  font-family: "DMSansBold";
}
@media (max-width: 1023px) {
  .futureDrivingmarket .future-cardContainer .future-cards .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
    font-size: 1rem;
  }
}
.futureDrivingmarket .future-cardContainer .future-cards .marketgroup .marketCard .marketcardbody {
  padding-top: 5px;
}
.futureDrivingmarket .future-cardContainer .future-cards .marketgroup .marketCard .marketcardbody .drivingmarket-title-head {
  margin: 20px 0px 10px 0px;
}
.futureDrivingmarket .future-cardContainer .future-cards .marketgroup:first-child .marketCard {
  border-radius: 5px 0px 0px 5px !important;
  border-right: 0px;
}
.futureDrivingmarket::-webkit-scrollbar {
  width: 1px !important;
  height: 227px !important;
}
.futureDrivingmarket::-webkit-scrollbar-button {
  height: 77px;
}
.futureDrivingmarket::-webkit-scrollbar-track {
  height: 10px !important;
  width: 1px;
}
.futureDrivingmarket::-webkit-scrollbar-thumb {
  background-color: #03002f;
  height: 10px !important;
  width: 1px !important;
}
.futureDrivingmarket .masked {
  display: none;
}

@media screen and (max-width: 1023px) {
  .futureDrivingmarket .future-news {
    display: unset;
  }
  .futureDrivingmarket .future-news .col-8 {
    width: 100%;
    background: #ffffff;
  }
  .futureDrivingmarket .future-news .col-8 .future-cardContainer .future-cards {
    display: unset;
  }
  .futureDrivingmarket .future-news .col-8 .future-cardContainer .future-cards .marketgroup .marketCard {
    margin-bottom: 0px;
    border-radius: 0 !important;
    border: unset;
    border-bottom: 1px solid #e7e7e7;
  }
  .futureDrivingmarket .future-news .title-dropdown {
    display: unset;
  }
  .futureDrivingmarket .future-news .title-dropdown .dm-title {
    padding: 20px 10px 10px 15px;
    font-size: 1.25rem;
  }
  .futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block.dropdown {
    padding-left: 15px;
  }
  .futureDrivingmarket .future-news .title-dropdown .equity-dropdown-block.dropdown button i {
    color: #03002f;
  }
  .futureDrivingmarket .future-dm .d-livenews-container {
    margin: 20px 0 0 0;
    background-color: #ffffff;
  }
}
.future-progress .progressbox {
  align-items: center;
  padding-right: 0.5rem;
}
.future-progress .progressbox .ml-13 {
  width: 94%;
}
.future-progress .progress.progresscontainer {
  height: 80px !important;
}
@media screen and (max-width: 1023px) {
  .future-progress .progress.progresscontainer {
    height: 64px !important;
  }
}
.future-progress .progress.progresscontainer .rollover {
  font-size: 1rem;
  font-family: "RobotoRegular";
}
@media screen and (max-width: 1023px) {
  .future-progress .progress.progresscontainer .rollover {
    font-size: 0.875rem;
  }
}
.future-progress .progress.progresscontainer .commondatavalue {
  margin-top: 8px !important;
  margin-top: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.future-active .progressbox .ml-13 .left {
  position: relative;
  top: 10px;
}

.future-spotComparision {
  margin-top: 51px !important;
}
@media (max-width: 1023px) {
  .future-spotComparision {
    margin-top: 20px !important;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle {
  padding: 0px;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard {
  padding: 20px 20px 0px 20px;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard {
    padding: 15px;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftmain1 {
  font-family: "DMSansNormal" !important;
  font-size: 1.75rem !important;
  color: #0b243a !important;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftmain1 {
    line-height: 28px;
    margin-bottom: 15px;
    line-height: 140%;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftmain1 strong {
  font-family: "DMSansBold" !important;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftsub {
  font-family: "DMSansNormal" !important;
  margin-top: 20px !important;
  color: #727271;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftsub {
    margin-top: 23px !important;
    margin-bottom: 28px;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading {
  display: flex;
  column-gap: 10px;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredataheading {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredataheading span {
  color: #727271;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredataheading span {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredatavalue {
  font-family: "RobotoRegular";
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .futuresoptheading .futuredatavalue span {
    color: #444444;
    font-family: "RobotoMedium";
    font-size: 0.875rem;
  }
}
@media (min-width: 1023px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead {
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead {
    display: block;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block button {
  display: flex;
  align-items: center;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .edel-icon-arrow-down {
  height: 14px;
  width: 14px;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .edel-icon-arrow-down:before {
  color: #03002f;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright {
    justify-content: flex-end;
    height: 0;
  }
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block {
    transform: translateY(-35px);
  }
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .marketcardbody {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  margin-top: 20px;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureGreenback {
  background-color: #f0fdf6;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureRedback {
  background-color: #fff5f5;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox {
  padding: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox {
    max-width: 100%;
    width: 100%;
    flex-flow: column;
    gap: 10px;
    padding: 10px;
    align-items: flex-start;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretablemainHeading {
  display: grid;
  grid-template-columns: 1fr;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretablemainHeading .futureHeadingTitle {
  margin: 0px;
  font-family: "DMSansNormal";
  font-size: 1rem;
  line-height: 20px;
  color: #444444;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretablemainHeading .futureHeadingTitle {
    font-size: 0.75rem;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureHeadingTitle {
  margin: 15px 0px 10px;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 18px;
  color: #727271;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureHeadingTitle {
    margin: 0px;
    font-size: 0.625rem;
    line-height: 140%;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureHeadingData {
  font-family: "RobotoBold";
  font-size: 1rem;
}
@media (max-width: 768px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureHeadingData {
    font-family: "RobotoBold";
    font-size: 0.875rem;
    line-height: 140%;
  }
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futureGreen {
  color: #51b255;
}
.future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer .futureBox .futuretableheading .futurered {
  color: #dd504d;
}

/*************8 responsive changes************/
@media screen and (max-width: 480px) {
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleftmain1 {
    font-size: 1.25rem !important;
  }
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .mk-card-topleft .mk-card-topleftmain {
    line-height: 140%;
    color: #0b243a;
  }
  .future-spotComparision .marketgroup.futureSpotCompareTitle .marketCard .minutes-ago {
    font-family: "DMSansNormal";
    font-size: 0.75rem;
    color: #b8b8b8;
  }
  .future-spotComparision .marketgroup.futureSpotCompareTitle .futureBoxContainer {
    display: flex;
    max-width: 100%;
    gap: 10px;
    margin-top: 25px;
    justify-content: space-between;
  }
}
.futurespotblock {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .futurespotblock {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .futureHeadingData.ltpdata {
    font-family: "RobotoMedium";
    font-size: 0.875rem;
  }
}

.exchange-mobile-tabs .nav.nav-tabs {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  padding: 11px 15px 0px;
}
.exchange-mobile-tabs .nav.nav-tabs .nav-item {
  width: 50%;
}
.exchange-mobile-tabs .nav.nav-tabs .nav-item .nav-link {
  width: 100%;
  padding: 7px 4px 10px 6px;
}
.exchange-mobile-tabs .stocks-list {
  padding-bottom: 30px;
}
.exchange-mobile-tabs .stocks-list li:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
}

.width-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.futures.viewAll .drivingmarket-title-head {
  margin-top: 20px;
}

.Future_topGain-table tbody tr td:nth-child(6), .Future_topGain-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}

.Future_volume_table tbody tr td:nth-child(6), .Future_volume_table tbody tr td:nth-child(7), .Future_volume_table tbody tr td:nth-child(9),
.Future_value_table tbody tr td:nth-child(6),
.Future_value_table tbody tr td:nth-child(7),
.Future_value_table tbody tr td:nth-child(9) {
  font-family: "RobotoMedium" !important;
}

.Future_premium_table tbody tr td:nth-child(6), .Future_premium_table tbody tr td:nth-child(5),
.Future_discount_table tbody tr td:nth-child(6),
.Future_discount_table tbody tr td:nth-child(5) {
  font-family: "RobotoMedium" !important;
}

.Future_rollover_table tbody tr td:nth-child(6), .Future_rollover_table tbody tr td:nth-child(9) {
  font-family: "RobotoMedium" !important;
}

.viewAll-table table.Future_rollover_table thead tr th {
  padding: 12px 18px;
}

:root {
  font-size: 16px;
}

.marketTabs {
  padding-top: 18px;
  padding: 0;
}
.marketTabs .react-tabs .marketTabs-ul {
  padding: 0;
  gap: 50px;
}
.marketTabs .react-tabs .marketTabs-ul li p {
  line-height: 19.6px;
  font-size: 1rem;
}
.marketTabs .react-tabs .marketTabs-ul a {
  height: 100%;
}
.marketTabs .react-tabs .marketTabs-ul a p {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.marketTabs .react-tabs .marketTabs-ul a.active p {
  color: #03002f;
}
.marketTabs .react-tabs .marketTabs-ul a.active {
  border-bottom: 2px solid #03002f;
}
.marketTabs .react-tabs .marketTabs-ul {
  border-bottom: 1px solid #e7e7e7;
  margin: 0 10px;
  padding: 0;
}
@media (min-width: 768px) {
  .marketTabs .react-tabs .marketTabs-ul {
    margin: auto;
  }
}
.marketTabs .react-tabs .marketTabs-ul li {
  padding: 14px 0px;
  color: #b8b8b8;
  margin-right: 3.125rem;
}
@media (max-width: 768px) {
  .marketTabs .react-tabs .marketTabs-ul li {
    padding: 14px 10px;
  }
}
.marketTabs .react-tabs .marketTabs-ul li p {
  margin-bottom: 0;
  font-size: 1rem;
  font-family: "DMSansMedium";
  line-height: 19.6px;
}
.marketTabs .react-tabs .marketTabs-ul .react-tabs__tab:focus:after {
  content: unset;
}
.marketTabs .react-tabs .marketTabs-ul .react-tabs__tab--selected {
  background: unset;
  border-color: unset;
  color: #03002f;
  border-radius: unset;
  border: unset;
  border-bottom: 2px solid #03002f;
}

@media (max-width: 1023px) {
  .marketTabs .react-tabs {
    overflow-y: scroll;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    flex-direction: row;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0 0 0 15px;
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar {
    width: 4px !important;
    height: 5px !important;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    /* Track */
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar-track {
    background: transparent;
  }
  .marketTabs .react-tabs .marketTabs-ul {
    /* Handle */
  }
  .marketTabs .react-tabs .marketTabs-ul::-webkit-scrollbar-thumb {
    background: #03002f;
  }
  .marketTabs .react-tabs .marketTabs-ul li p {
    line-height: 19.6px;
    font-size: 1rem;
  }
  .marketTabs .react-tabs .marketTabs-ul .react-tabs__tab--selected {
    border-width: 3px;
  }
}
@media (max-width: 1200px) {
  .marketTabs .react-tabs .marketTabs-ul li {
    margin-right: 1rem;
  }
}
.desk-oia {
  padding-bottom: 40px;
}
.desk-oia .mk-card-topleftmain1 {
  font-family: "DMSansNormal" !important;
  font-size: 1.75rem !important;
  line-height: 39px !important;
  color: #0b243a;
}
.desk-oia .marketCard .mk-card-topleft .mk-card-topleftsub {
  margin-top: 15px !important;
}
.desk-oia .marketCard .marketcardbody {
  padding: 15px 0px !important;
}
@media (max-width: 1023px) {
  .desk-oia .marketCard .marketcardbody {
    padding: 20px 0px !important;
  }
}
@media (min-width: 1023px) {
  .desk-oia .marketCard .marketcardfoot {
    margin-top: 30px !important;
    margin-bottom: -14px;
  }
}
.desk-oia .timeperiod {
  font-family: "DMSansNormal";
  font-size: 0.813rem;
  line-height: 20px;
  color: #727271;
  position: relative;
  bottom: 15px;
}
.desk-oia-card {
  width: 50%;
}
.desk-oia-card .card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.desk-oia-card .card-head .heading {
  font-family: "DMSansBold";
  font-size: 1.125rem;
  line-height: 25px;
  color: #444444;
  text-align: start;
}
.desk-oia-card .card-head .oia-sort {
  display: flex;
  gap: 10px;
  align-items: center;
}
.desk-oia-card .card-head .oia-sort span {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 140%;
  color: #b8b8b8;
}
.desk-oia-card .card-head .oia-sort .equity-dropdown-block button {
  display: flex;
  align-items: center;
}
.desk-oia-card #oia .marketCard {
  border: none;
  padding: 0px;
}
.desk-oia .open-intrest-table-head {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #b8b8b8;
  margin: 10px 0;
  padding: 0 20px;
}
.desk-oia .open-intrest-table-body {
  font-family: "DMSansNormal";
  max-height: 400px;
  min-height: 400px;
  border: 1px solid #e7e7e7;
}
.desk-oia .open-intrest-table-body:last-child {
  border-bottom: none;
}
.desk-oia .open-intrest-table-body .body-row {
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  min-height: 80px;
  width: 100%;
  margin-left: unset;
  cursor: pointer;
}
.desk-oia .open-intrest-table-body .body-row-left {
  font-family: "RobotoMedium";
  font-size: 1rem;
}
.desk-oia .open-intrest-table-body .body-row-left .stock-title {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 22px;
  color: #444444;
}
.desk-oia .open-intrest-table-body .body-row-right {
  font-family: "RobotoMedium";
  font-size: 1rem;
  text-align: right;
  color: #444444;
}
.desk-oia .open-intrest-table-error {
  font-family: "DMSansNormal";
  max-height: 400px;
  border: 1px solid #e7e7e7;
}
.desk-oia .open-intrest-table .open-intrest-table-head {
  padding: 0 5px 0px 15px !important;
}
.desk-oia .open-intrest-table .open-intrest-table-head .heading {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
  text-align: start;
}
.desk-oia .open-intrest-table .open-intrest-table-head .change {
  padding: 10px;
}
.desk-oia .open-intrest-table .open-intrest-table-body {
  border-radius: 3px;
}
.desk-oia .open-intrest-table .open-intrest-table-body .body-row {
  cursor: pointer;
}
.desk-oia-viewall-table tbody tr td:nth-child(2), .desk-oia-viewall-table tbody tr td:nth-child(3), .desk-oia-viewall-table tbody tr td:nth-child(4), .desk-oia-viewall-table tbody tr td:nth-child(6), .desk-oia-viewall-table tbody tr td:nth-child(7) {
  font-family: "RobotoRegular" !important;
}
.desk-oia-viewall-table tbody tr td:nth-child(5) {
  font-family: "RobotoMedium" !important;
}

.oia-sort i {
  color: #03002f;
}
.oia-sort #sortByOIA {
  background-color: #ffffff;
  border: 1px solid #ebf2fe;
  min-height: 100px;
  max-width: 124px;
}
.oia-sort #sortByOIA a {
  padding: 15px;
}

.openintrest-tabs .nav-tabs {
  border-bottom: 1px solid #e7e7e7 !important;
  padding: unset;
  width: 100%;
  flex-wrap: nowrap;
  overflow-x: unset !important;
}
.openintrest-tabs .nav-tabs .nav-item {
  color: #727271;
}
.openintrest-tabs .nav-tabs .nav-item .nav-link {
  line-height: 22px;
  margin: unset;
  text-align: left;
  padding: 5px 10% !important;
}
.openintrest-tabs .nav-tabs .nav-item .nav-link.active {
  border-bottom: 2px solid #03002f !important;
}
@media (max-width: 340px) {
  .openintrest-tabs .nav-tabs .nav-item .nav-link {
    font-size: 0.875rem !important;
  }
}

.oia-sidebar .stock-details-body .slidingpane-icon-block {
  justify-content: space-evenly;
}
.oia-sidebar .stock-details-body .slidingpane-icon-block .icon-tile a {
  display: grid;
  grid-template-rows: 28px 15px;
}
.oia-sidebar .stock-details-body .slidingpane-icon-block .icon-tile a i {
  font-size: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.oia-sidebar .stock-details-body .slidingpane-icon-block .icon-tile a .edel-icon-eye {
  font-size: 1rem;
}
.oia-sidebar .stock-details-body .slidingpane-icon-block .icon-tile a .edel-icon-View-quote {
  font-size: 0.875rem;
}
.oia-sidebar .stock-details-body .slidingpane-icon-block .icon-tile:last-child a {
  padding-right: 0px;
  align-items: unset;
}

@media (max-width: 1023px) {
  #openinterestanalysis .marketCard {
    padding: 0;
  }
  #openinterestanalysis .marketcardhead.card-header {
    padding: 20px 15px 0px !important;
  }
  #openinterestanalysis .mob-oia-card .marketcardhead.card-header {
    padding: 0 !important;
  }
  #openinterestanalysis .mob-oia-card .body-row-left.col .stock-title {
    font-size: 0.875rem;
  }
  #openinterestanalysis .mob-oia-card .body-row-left.col .stock-title-num-val {
    font-size: 0.875rem;
  }
  #openinterestanalysis .marketcardfoot.card-footer {
    padding: 0 15px !important;
  }
}
@media (min-width: 1023px) {
  #oia.marketgroup .marketCard .marketcardbody {
    padding: 0;
    padding-bottom: 20px;
  }
}
.mob-oia .mk-card-topleftmain {
  font-family: "DMSansNormal";
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
}
.mob-oia .mk-card-topleftmain .edel-icon-arrow-left {
  position: relative;
  left: -8px;
  top: 2px;
}
.mob-oia #oia .marketCard {
  border: none;
  padding: 0px;
}
.mob-oia.mob-oia-viewall .openintrest-tabs .nav-tabs .nav-item:nth-child(1) {
  padding-left: 15px;
}
.mob-oia-card {
  border: unset;
}
.mob-oia-card .card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px !important;
  padding-top: 15px !important;
}
.mob-oia-card .card-head .heading {
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 15px;
  color: #b8b8b8;
}
.mob-oia-card .card-head .oia-sort {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 20px;
  color: #b8b8b8;
}
.mob-oia-card .open-intrest-table-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 18px;
  color: #b8b8b8;
  padding: 0 15px;
}
.mob-oia-card .open-intrest-table-body .body-row {
  height: 80px;
  width: 100%;
  margin: 0;
  padding: 0 15px;
}
.mob-oia-card .open-intrest-table-body .body-row-left {
  padding-left: 0;
}
.mob-oia-card .open-intrest-table-body .body-row-left .stock-title {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 22px;
}
.mob-oia-card .open-intrest-table-body .body-row-left .stock-title-num-val {
  font-family: "RobotoRegular";
  font-size: 1rem;
  line-height: 18px;
}
.mob-oia-card .open-intrest-table-body .body-row-right {
  padding-right: 0;
  font-family: "RobotoMedium";
  text-align: right;
  line-height: 20px;
  font-size: 0.875rem;
}

.seperatorBorder {
  border-bottom: 1px solid #e7e7e7;
}

.sidebar-chartIq iframe {
  min-height: 300px;
}

@media (min-width: 1023px) {
  .futures-openinterest-viewall .mk-card-topleftmain1 {
    margin-bottom: 20px !important;
  }
  .futures-openinterest-viewall .marketcardbody {
    padding-top: 30px !important;
  }
  .futures-openinterest-viewall .desk-oia-viewall-table .title {
    gap: 6px !important;
  }
  .futures-openinterest-viewall .generic-tabs .nav-tabs .nav-link.active {
    font-family: "DMSansMedium" !important;
    font-size: 0.875rem;
    border-bottom: 2px solid #03002f !important;
  }
  .futures-openinterest-viewall .equity-dropdown-block {
    width: 128px;
  }
}

.oia-viewall-tabs.generic-tabs .nav-tabs {
  justify-content: end;
  margin-top: -100px !important;
  margin-bottom: 50px !important;
}

.understanding-section-mkt {
  background: #ffffff;
  margin: 50px 0;
}
.understanding-section-mkt-heading {
  width: 342px;
  height: 46px;
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  line-height: 39px;
  color: #0b243a;
  margin-bottom: 40px;
}
.understanding-section-mkt-sectionwise-distribution {
  margin: 50px 0;
  font-family: "DMSansNormal";
  font-style: normal;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head {
  display: flex;
  justify-content: space-between;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head .category-heading {
  font-family: "DMSansBold";
  font-size: 1.375rem;
  line-height: 31px;
  color: #444444;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head .back-to-section {
  font-family: "DMSansMedium";
  font-size: 16px;
  line-height: 22px;
  color: #03002f;
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-body {
  margin-top: 20px;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 140%;
  color: #727271;
  max-width: 85%;
  text-align: left;
}
.understanding-section-mkt-showall {
  display: flex;
  justify-content: center;
  align-items: center;
}
.understanding-section-mkt-showall button {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #03002f;
  line-height: 22px;
  color: #03002f;
  border: none;
  background-color: transparent;
}

.mob-understanding-section-mkt {
  background: #ffffff;
  padding-bottom: 25px;
  margin-top: 20px;
  padding: 10px;
}
.mob-understanding-section-mkt-heading {
  height: 28px;
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
  margin-bottom: 0px;
  padding: 15px 0 20px 0;
}
.mob-understanding-section-mkt-sectionwise-distribution {
  border-top: 1px solid #e7e7e7;
  margin: 20px 0;
  padding-top: 20px;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head {
  display: flex;
  justify-content: space-between;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .category-heading {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
  line-height: 22px;
  color: #444444;
  max-width: 80%;
  font-family: "DMSansBold";
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section {
  width: 30px;
  height: 30px;
  background-color: #f2f2f5;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section i {
  color: #03002f;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section .edel-icon-arrow-down {
  font-size: 1.375rem;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section .edel-icon-arrow-down.down {
  transform: rotate(180deg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-body {
  font-weight: 500;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #727271;
  max-width: 90%;
  text-align: left;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-footer {
  margin: 15px 0 20px 0;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-footer .back-to-section {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 22px;
  color: #03002f;
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}

#callput-tableblock {
  margin-bottom: 50px;
}
@media (max-width: 1023px) {
  #callput-tableblock {
    margin-bottom: 20px;
  }
}
@media (max-width: 1023px) {
  #callput-tableblock .marketgroup {
    padding-right: unset !important;
    padding-left: unset !important;
  }
}
#callput-tableblock .marketgroup .marketCard {
  padding: 0;
}
#callput-tableblock .marketgroup .marketCard .marketcardhead {
  padding: 20px 22px 0px 15px !important;
}
#callput-tableblock .marketgroup .marketCard .marketcardfoot {
  padding: 0px 20px 20px 0px !important;
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
  color: #0b243a;
  display: flex;
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftmain1 strong {
  font-family: "DMSansBold";
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftmain1 .mk-card-topright {
  margin-left: 15px;
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftmain {
  color: #0b243a;
  font-family: "DMSansNormal";
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftmain strong {
  font-family: "DMSansBold";
  font-size: 1.375rem;
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftsub {
  display: flex;
  align-items: center;
  font-family: "DMSansMedium";
}
#callput-tableblock .marketgroup .mk-card-topleft .mk-card-topleftsub span {
  margin-left: 10px;
  color: #03002f;
}

@media screen and (min-width: 1024px) {
  #callput-tableblock .marketcardbody {
    padding-top: 20px !important;
    padding-bottom: 0px;
  }
  #callput-tableblock .generic-tabs .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #03002f;
  }
  .callput-tabs {
    margin-top: -85px;
  }
  .callput-tabs .nav-tabs {
    display: flex;
    justify-content: end;
    padding-bottom: 34px !important;
  }
  .callput-tabs .nav-tabs .nav-item:last-child {
    padding-right: 15px;
  }
  .callput-tabs .nav-tabs .nav-item:last-child .nav-link {
    padding-right: 0px;
  }
}
@media screen and (max-width: 768px) {
  .callput-tabs.generic-tabs {
    position: relative;
  }
  .callput-tabs.generic-tabs .nav-tabs {
    height: 33px;
    border-bottom: 1px solid #e7e7e7 !important;
    flex-direction: column;
  }
  .callput-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
    font-family: "DMSansMedium";
    color: #03002f;
    border-bottom: 2px solid #03002f;
  }
}
@media (min-width: 768px) {
  .optionchain-dropdown-tile {
    margin-right: 40px;
  }
}

.call-puttable-mainblock {
  padding: 0px 0px 0px !important;
}
@media (max-width: 1023px) {
  .call-puttable-mainblock {
    padding: 25px 15px 0px !important;
  }
}
@media (max-width: 768px) {
  .call-puttable-mainblock {
    padding: 15px 10px 0px !important;
  }
}

.mgr-10 {
  margin-right: 10px;
}

.bottomscrollposition {
  position: relative;
  top: 20px;
}
@media (max-width: 768px) {
  .bottomscrollposition {
    top: 20px;
  }
}

.scroll-to-top-button {
  background-color: #03002f;
  padding: 10px 8px;
  width: 108px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #ffffff;
  border: none !important;
  border-radius: 5px;
  position: absolute;
  z-index: 2;
}

.callputpriceblock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 30px 15px;
}
@media (max-width: 768px) {
  .callputpriceblock {
    display: block;
    padding: 20px 15px 0px 15px;
  }
}
.callputpriceblock .price-left,
.callputpriceblock .price-right {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .callputpriceblock .price-left {
    align-items: flex-start;
    justify-content: space-between;
  }
}
.callputpriceblock .price-left .price-left-tile:nth-child(2) {
  margin-left: 60px;
}
@media (max-width: 768px) {
  .callputpriceblock .price-left .price-left-tile:nth-child(2) {
    margin-left: unset;
    text-align: right;
  }
}
.callputpriceblock .price-left-tile-text {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 130%;
  color: #727271;
}
@media (max-width: 768px) {
  .callputpriceblock .price-left-tile-text {
    font-family: "DMSansMedium";
    font-size: 0.75rem;
  }
}
.callputpriceblock .price-left-tile-text span {
  font-size: 0.75rem;
  color: #b8b8b8;
}
@media (max-width: 768px) {
  .callputpriceblock .price-left-tile-text span {
    font-size: 0.625rem;
  }
}
.callputpriceblock .price-left-tile-value {
  font-family: "RobotoRegular";
  font-size: 1rem;
  color: #444444;
  margin-top: 4px;
}
@media (max-width: 768px) {
  .callputpriceblock .price-left-tile-value {
    display: flex;
    flex-direction: column;
    line-height: 130%;
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .callputpriceblock .price-left-tile-value .ltp {
    margin-top: 10px;
    margin-bottom: 2px;
  }
}
.callputpriceblock .price-left-tile-value .ltp {
  font-size: 1rem;
  font-family: "RobotoRegular";
}
.callputpriceblock .price-left-tile-value .change-green {
  color: #179d55;
}
.callputpriceblock .price-right {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 140%;
}
@media (max-width: 768px) {
  .callputpriceblock .price-right {
    margin-top: 20px;
    font-size: 0.75rem;
  }
}
.callputpriceblock .price-right .price-right-text {
  color: #b8b8b8;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.callputpriceblock .price-right .equity-dropdown-block:nth-child(2) {
  margin-left: 10px;
}
.callputpriceblock .price-right .equity-dropdown-block:nth-child(3) {
  margin-left: 30px;
}
.callputpriceblock .price-right .equity-dropdown-block {
  color: #737373;
}
.callputpriceblock .price-right .equity-dropdown-block .equitydrop {
  padding: 5px 10px !important;
}
@media (max-width: 768px) {
  .callputpriceblock .price-right .equity-dropdown-block .equitydrop {
    display: flex;
    align-items: center;
    padding: 5px 8px !important;
  }
}
.callputpriceblock .price-right .equity-dropdown-block i.edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}

.callput-mobdateblock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 15px 0px;
}
.callput-mobdateblock .equitydrop i {
  color: #03002f;
}
.callput-mobdateblock .mobdate-text {
  display: flex;
  align-items: center;
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.callput-mobdateblock .mobdate-text span {
  margin-left: 10px;
  color: #03002f;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}

span[data-attr="Short Bldp"],
span[data-attr="Long Unwndg"] {
  color: #f04e45;
}

.optionChainContainer p {
  margin: 0;
}
.optionChainContainer.container {
  padding: 0 0;
}
.optionChainContainer .tableHead {
  background-color: #f2f2f5;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px;
  height: 36px;
  cursor: pointer;
}
.optionChainContainer .tableHead p {
  font-size: 0.75rem;
  font-family: "DMSansBold";
}
@media (max-width: 768px) {
  .optionChainContainer .tableHead p {
    font-size: 0.75rem;
    font-family: "DMSansMedium";
  }
}
.optionChainContainer .tableHead p {
  line-height: 15px;
  color: #0b243a;
  margin-left: 3px;
  margin-right: 3px;
  white-space: nowrap;
}
.optionChainContainer .tableHead i::before {
  font-size: 0.625rem;
  font-weight: 100;
  color: #03002f;
  position: relative;
  top: -2px;
}
.optionChainContainer .tableHead .edel-icon-left-shortArrow.rotateRight {
  transform: rotate(180deg);
  display: block;
}
.optionChainContainer .tableHead .edel-icon-right-arrow.rotateLeft {
  transform: rotate(-180deg);
}
.optionChainContainer .tableHead .edel-icon-left-arrow::before {
  font-weight: bold !important;
}

.callput table,
.securities-banblock table {
  border-spacing: 0 0;
  margin: 0 0;
  width: 100%;
}
.callput table tbody .higlighted-tr,
.securities-banblock table tbody .higlighted-tr {
  background-color: #fffbec;
}
.callput table tbody td:first-child,
.securities-banblock table tbody td:first-child {
  border-left: 1px solid #e7e7e7;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  vertical-align: middle;
}
.callput table tbody td:last-child,
.securities-banblock table tbody td:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.callput table th,
.securities-banblock table th {
  border: 1px solid #e7e7e7;
  text-align: center;
  vertical-align: middle;
  height: 49px;
  padding: 0 10px;
}
.callput table th p,
.securities-banblock table th p {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  line-height: 12.5px;
  color: #727271;
}
.callput table td,
.securities-banblock table td {
  border: 1px solid #e7e7e7;
  text-align: center;
  height: 49px;
  padding: 0px 10px;
}
.callput table td p,
.securities-banblock table td p {
  font-size: 0.75rem;
  font-family: "RobotoMedium";
  line-height: 16.8px;
  color: #727271;
}
.callput table .change-red,
.securities-banblock table .change-red {
  font-size: 0.625rem;
  font-family: "RobotoMedium";
  line-height: 12.5px;
  color: #dd504d;
  margin-bottom: 5px;
}
.callput table .change-green,
.securities-banblock table .change-green {
  font-size: 0.625rem;
  font-family: "RobotoMedium";
  line-height: 12.5px;
  color: #51b255;
  margin-bottom: 5px;
}

.optionScroll {
  width: 100%;
  overflow-x: scroll;
  position: relative;
}
.optionScroll::-webkit-scrollbar {
  display: none;
}
.optionScroll {
  /* Track */
}
.optionScroll::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 60px;
}
.optionScroll {
  /* Handle */
}
.optionScroll::-webkit-scrollbar-thumb {
  background-color: transparent;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  width: 100px;
}
.optionScroll.rightToLeft {
  direction: rtl;
}
.optionScroll.leftToRight {
  direction: ltr;
}

.width-fix {
  width: 46%;
}
@media (max-width: 1023px) {
  .width-fix {
    width: 40%;
  }
}

.width-full {
  width: 100%;
}
@media (max-width: 1023px) {
  .width-full {
    width: 80%;
  }
}
.width-full table tr td,
.width-full table tr th {
  width: 153px !important;
}

.optionTable {
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .optionTable::-webkit-scrollbar {
    width: 3px !important;
  }
  .optionTable {
    /* Track */
  }
  .optionTable::-webkit-scrollbar-track {
    background: transparent;
  }
  .optionTable {
    /* Handle */
  }
  .optionTable::-webkit-scrollbar-thumb {
    background: #03002f !important;
  }
  .optionTable .tableHead {
    top: 0px;
    z-index: 6;
  }
  .optionTable .optionScroll table {
    margin-bottom: 15px;
  }
  .optionTable .optionScroll table thead th {
    top: 0px;
  }
}

.optionTable_call.optionTable_call_firstLeft table tbody {
  display: block;
}
.optionTable_call.optionTable_call_firstLeft table tbody tr td {
  min-width: 105px;
  direction: ltr;
}
.optionTable_call.optionTable_call_firstLeft table thead {
  display: block;
}
.optionTable_call.optionTable_call_firstLeft table thead th {
  min-width: 105px;
  direction: ltr;
}

.optionTable_put table thead {
  display: block;
}
.optionTable_put table thead th {
  min-width: 105px;
}
.optionTable_put table tbody {
  display: block;
}
.optionTable_put table tbody tr td {
  min-width: 105px;
}

.highlightedSpotPrice_data {
  background-color: #f2f2f5 !important;
  position: relative;
  box-shadow: unset;
}
.highlightedSpotPrice_data td {
  height: 37px !important;
  padding: 0 0;
  border: unset;
  border-top: 1px solid #f2f2f5;
  border-bottom: 1px solid #f2f2f5;
}
.highlightedSpotPrice_data td:last-child {
  border: unset;
}
.highlightedSpotPrice_data td .highlightedSpotPrice {
  background-color: #f2f2f5;
  padding: 0;
  text-align: center;
  left: -17%;
  top: 10%;
  z-index: 8;
  height: 35px;
}
.highlightedSpotPrice_data td .highlightedSpotPrice h6 {
  color: #b8b8b8;
  font-size: 0.75rem;
  line-height: 15.6px;
  font-family: "DMSansNormal";
  margin: 0;
}
.highlightedSpotPrice_data td .highlightedSpotPrice h6 strong {
  color: #1b1b1b;
}
.highlightedSpotPrice_data#referenceRow2 td .highlightedSpotPrice {
  display: flex;
  align-items: center;
  justify-content: center;
}

.optionTable_strikePrice {
  width: 8%;
}
@media (max-width: 1023px) {
  .optionTable_strikePrice {
    width: 25%;
  }
}
.optionTable_strikePrice table thead th {
  box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.04), -12px 0 8px -4px rgba(0, 0, 0, 0.05);
}
.optionTable_strikePrice table tbody tr {
  box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.04), -12px 0 8px -4px rgba(0, 0, 0, 0.05);
}
.optionTable_strikePrice table tbody tr td {
  font-size: 0.75rem;
  line-height: 16.8px;
  color: #1b1b1b;
  font-family: "RobotoRegular";
  border: unset;
  border-bottom: 1px solid #f2f2f5;
}
.optionTable_strikePrice .strikePrice-table {
  position: relative;
}
.optionTable_strikePrice .strikePrice-table.overscroll-500 {
  overflow-x: hidden;
}
.optionTable_strikePrice .strikePrice-table::-webkit-scrollbar {
  width: 0px !important;
}
.optionTable_strikePrice .strikePrice-table {
  /* Track */
}
.optionTable_strikePrice .strikePrice-table::-webkit-scrollbar-track {
  background: transparent;
}
.optionTable_strikePrice .strikePrice-table {
  /* Handle */
}
.optionTable_strikePrice .strikePrice-table::-webkit-scrollbar-thumb {
  background: #768194;
}
.optionTable_strikePrice .strikePrice-table thead {
  position: sticky;
  top: 0px;
  background-color: #ffffff;
  z-index: 1;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 17px;
  cursor: pointer;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child .inputField-main {
  display: flex;
  justify-content: center;
  align-items: center;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child .inputField-icon {
  font-size: 0.563rem;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child .inputField .form-control {
  border: 0px !important;
  padding: 0px !important;
  font-size: 0.85rem !important;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child .inputField .form-control::-ms-input-placeholder {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child .inputField .form-control::placeholder {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
  color: #727271;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child p {
  font-size: 0.625rem;
  font-family: "DMSansNormal";
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child p .edel-icon-search {
  font-size: 1.188rem;
  color: #03002f;
}
.optionTable_strikePrice .strikePrice-table table tr th:first-child .edel-icon-search {
  font-size: 1.188rem;
  color: #03002f;
}
.optionTable_strikePrice .strikePrice-table table tr td {
  font-size: 0.75rem;
  font-family: "RobotoBold";
  color: #1b1b1b;
  border: 1px solid #f2f2f5;
  pointer-events: none !important;
}

.optionChain_progress {
  position: relative;
  top: 4px;
}
.optionChain_progress .optionChain_progressBar {
  height: 4px;
}
.optionChain_progress .optionChain_progressBar .progress {
  height: 4px !important;
  margin-bottom: 0;
  background-color: #e7e7e7 !important;
}
.optionChain_progress .optionChain_progressBar .progress .progress-bar {
  background-color: #1c9ad6;
}

.optionChainContainer--oiCharts .row {
  padding: 10px;
  padding-top: 0;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row {
    padding: 0px 0px 20px;
    margin: 0px;
  }
}
.optionChainContainer--oiCharts .row .col-md-4 {
  padding: 0;
}
.optionChainContainer--oiCharts .row .col-md-4 .marketgroup {
  height: 100%;
  padding: 0 !important;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts-dropdown {
  margin-bottom: 20px;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts-dropdown .checkboxWrap .checkbox .form-check {
  display: flex;
  align-items: center;
  padding: 0;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts-dropdown .checkboxWrap .checkbox .form-check-label {
  font-size: 0.75rem;
  line-height: 15.6px;
  color: #444444;
  font-weight: 500;
  font-family: "DMSansNormal";
  padding-left: 10px;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_barHead {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: 15.6px;
  color: #727271;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_barHead {
    font-size: 0.75rem;
    font-family: "DMSansMedium";
    color: #727271;
  }
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_barSubHead {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
  line-height: 18.2px;
  text-align: left;
  color: #060f1f;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_barSubHead {
    font-size: 0.75rem;
    font-family: "RobotoRegular";
    font-weight: 600;
    color: #444444;
  }
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain {
  margin-bottom: 20px;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .chartform-check {
  display: flex;
  align-items: baseline;
  gap: 0px;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain {
    margin-bottom: 15px;
  }
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .chartform-check {
    align-items: center;
  }
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .chartform-check-input {
  height: 18px;
  width: 18px;
  margin-top: unset;
  border-radius: 4px;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .chartform-check-input:before {
  font-size: 1.25rem;
}
.optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .form-check-label {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  color: #444444;
  vertical-align: top;
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .form-check-label {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    color: #444444;
    vertical-align: middle;
  }
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .chartform-check-input {
    height: 20px;
    width: 20px;
    margin-top: unset;
  }
  .optionChainContainer--oiCharts .row .col-md-4 .oiCharts_pcrMaxPain .chartform-check-input:before {
    font-size: 1.25rem;
  }
}
.optionChainContainer--oiCharts .row .col-md-4 .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.125rem;
  font-family: "DMSansBold";
  font-weight: 600;
  line-height: 25.2px;
}
.optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-barSeries .marketgroup .marketCard {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-barSeries .marketgroup .marketCard {
    margin-bottom: unset;
    border-bottom: none;
    border-top: none;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
}
.optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-posNegative .marketgroup .marketCard {
  border-radius: unset !important;
  border-left: unset;
  border-right: unset;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-posNegative .marketgroup .marketCard {
    border: 1px solid #e7e7e7;
    border-bottom: none;
    margin-bottom: unset;
  }
}
.optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-vertical .marketgroup .marketCard {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
@media (min-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-vertical .marketgroup .marketCard {
    border-bottom-left-radius: 0 !important;
  }
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-vertical .marketgroup .marketCard {
    border: 1px solid #e7e7e7;
    border-bottom: none;
    margin-bottom: unset;
  }
}
@media (max-width: 768px) {
  .optionChainContainer--oiCharts .row .col-md-4.optionChainContainer--oiCharts-vertical .card-group .card {
    margin-bottom: 0px !important;
    border-bottom: 1px solid #e7e7e7;
  }
}
.optionChainContainer--oiCharts .oiCharts-head {
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .oiCharts-head {
    margin-bottom: unset;
    padding: 20px 15px 0px;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-bottom: unset;
    display: block !important;
  }
}
.optionChainContainer--oiCharts .oiCharts-head .head {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
  line-height: 39.2px;
  color: #03002f;
}
.optionChainContainer--oiCharts .oiCharts-head .head strong {
  font-family: "DMSansBold";
}
@media (max-width: 1023px) {
  .optionChainContainer--oiCharts .oiCharts-head .head {
    padding-bottom: 15px;
    font-size: 1.375rem;
  }
}
.optionChainContainer--oiCharts .oiCharts-head .date {
  color: #b8b8b8;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansMedium";
  padding-right: 5px;
}
.optionChainContainer--oiCharts path.highcharts-point.highcharts-color-3 {
  fill: #ff6b00;
}
.optionChainContainer--oiCharts .rightLeftBorder {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.optionChainContainer--oiCharts g.highcharts-axis.highcharts-yaxis {
  display: none;
}

.barSeriesChat {
  position: relative;
}

.oiPrice {
  position: absolute;
  bottom: 10%;
  right: 5%;
}

@media (max-width: 760px) {
  .callput .container {
    padding: 0px !important;
  }
}
.callput .marketgroup .marketcardhead .mk-card-topleftsub {
  margin-top: 8px;
}

@media (max-width: 1023px) {
  .oi-charts-tiles .optionChainContainer--oiCharts-barSeries .card-group .card,
  .oi-charts-tiles .optionChainContainer--oiCharts-posNegative .card-group .card {
    margin-bottom: 0px !important;
    border-bottom: none;
    border-radius: 0px !important;
    padding: 20px 15px 15px;
  }
}

@media (max-width: 1023px) {
  .oi-charts-tiles .optionChainContainer--oiCharts-barSeries .card-group .card {
    border-top: 0px !important;
  }
}
@media (max-width: 1023px) {
  .oi-charts-tiles .optionChainContainer--oiCharts-vertical .card-group .card {
    border-radius: 0px !important;
  }
}

@media (max-width: 1023px) {
  .optionchain-dropdown-tile-block {
    justify-content: space-between;
  }
}
.optionchain-dropdown-tile-block .equity-dropdown-block .equitydrop .edel-icon-arrow-down:before {
  content: "\e911";
  color: #03002f;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .optionchain-dropdown-tile-block .equity-dropdown-block .equitydrop .edel-icon-arrow-down:before {
    font-size: 0.875rem;
  }
}

.gap-47 {
  gap: 47px;
}

.option-tool {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  width: 269px;
  margin-left: 15px;
  min-height: 200px;
  overflow-y: scroll;
  z-index: 1;
}
@media (max-width: 1023px) {
  .option-tool {
    width: 100%;
    margin-left: 0px;
    border: none;
  }
}
.option-tool ul {
  padding: 0px;
}
.option-tool ul li:not(:first-child) {
  border-top: 1px solid #e7e7e7;
}

.optionchain-vector::before {
  font-size: 0.875rem !important;
}

.optionScroll table tbody tr {
  cursor: pointer;
}
.overscroll-500 {
  max-height: 800px;
  min-height: 500px;
  overflow: scroll;
}
.overscroll-500::-webkit-scrollbar {
  width: 3px !important;
}
.overscroll-500 {
  /* Track */
}
.overscroll-500::-webkit-scrollbar-track {
  background: transparent;
}
.overscroll-500 {
  /* Handle */
}
.overscroll-500::-webkit-scrollbar-thumb {
  background: #03002f;
}
.overscroll-500.strikePrice-table thead {
  pointer-events: unset !important;
  cursor: pointer;
}
.overscroll-500.strikePrice-table tbody tr td {
  pointer-events: none !important;
}
.overscroll-500.strikePrice-table .optionTable_strikePrice--tbody tr:last-child td {
  padding: 10px 10px 20px;
}
.overscroll-500.strikePrice-table::-webkit-scrollbar {
  width: 0px !important;
}
.overscroll-500.strikePrice-table {
  /* Track */
}
.overscroll-500.strikePrice-table::-webkit-scrollbar-track {
  background: transparent;
}
.overscroll-500.strikePrice-table {
  /* Handle */
}
.overscroll-500.strikePrice-table::-webkit-scrollbar-thumb {
  background: #768194;
}

.optionScroll {
  width: 100%;
  overflow-x: scroll;
  position: relative;
}
.optionScroll::-webkit-scrollbar {
  width: 10px;
}
.optionScroll {
  /* Track */
}
.optionScroll::-webkit-scrollbar-track {
  background-color: #efefef;
  border-radius: 60px;
}
.optionScroll {
  /* Handle */
}
.optionScroll::-webkit-scrollbar-thumb {
  background: #03002f;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  width: 100px;
}
.optionScroll.rightToLeft {
  direction: rtl;
}
.optionScroll.leftToRight {
  direction: ltr;
}

.arrow {
  opacity: 0;
  transition: opacity 0.5s ease;
  cursor: pointer;
}

.arrow.visible {
  opacity: 1;
}

.padding-strice-custom {
  padding: 17px 10px !important;
}

.option-chain-tool-section .optionScroll table {
  margin: 0px auto !important;
}
.option-chain-tool-section .optionScroll table tr:last-child td {
  padding-bottom: 27px !important;
  border-bottom: none !important;
}
.option-chain-tool-section .overscroll-500.strikePrice-table thead {
  pointer-events: unset !important;
  cursor: pointer;
}
.option-chain-tool-section .overscroll-500.strikePrice-table tbody tr {
  pointer-events: none;
}
.option-chain-tool-section .overscroll-500.strikePrice-table tbody tr td {
  pointer-events: none;
}
.option-chain-tool-section .overscroll-500.strikePrice-table .optionTable_strikePrice--tbody {
  pointer-events: none !important;
}
.option-chain-tool-section .overscroll-500.strikePrice-table .optionTable_strikePrice--tbody tr:last-child td {
  padding: 10px 10px 30px !important;
}

.options.viewAll-tabs {
  padding: 0 3px 10px 0;
}
@media (max-width: 1023px) {
  .options.viewAll-tabs {
    padding-top: 20px;
  }
  .options.viewAll-tabs .nav-tabs {
    height: 33px;
    border-bottom: 1px solid #e7e7e7;
  }
}

.options.viewAll label {
  line-height: 140%;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  color: #b8b8b8;
}
.options.viewAll .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block {
  margin-right: 0;
}

.oiGain-table tbody tr td:nth-child(6) {
  font-family: "RobotoBold" !important;
}

.oiLoss-table tbody tr td:nth-child(7) {
  font-family: "RobotoBold" !important;
}

.viewAll-table table th,
.viewAll-table table td {
  padding: 12px 15px !important;
}

.volcontracts-table tbody tr td:nth-child(8) {
  font-family: "RobotoBold" !important;
}

@media (max-width: 1023px) {
  .optionDrivingmarket {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }
}
.optionDrivingmarket {
  margin-top: 10px;
}
.optionDrivingmarket .option-news {
  display: flex;
}
.optionDrivingmarket .option-news .title-dropdown {
  display: flex;
  justify-content: space-between;
}
.optionDrivingmarket .option-news .d-livenews-container {
  padding: 0px 15px 0px;
  height: 843px !important;
}
.optionDrivingmarket .option-news .d-livenews-container::-webkit-scrollbar {
  width: 2px !important;
  height: 227px !important;
}
.optionDrivingmarket .option-news .d-livenews-container::-webkit-scrollbar-button {
  height: 77px;
}
.optionDrivingmarket .option-news .d-livenews-container::-webkit-scrollbar-track {
  height: 10px !important;
  width: 10px;
}
.optionDrivingmarket .option-news .d-livenews-container::-webkit-scrollbar-thumb {
  background-color: #03002f;
  height: 10px !important;
  width: 10px !important;
}
@media (max-width: 1023px) {
  .optionDrivingmarket .option-news .d-livenews-container {
    height: auto !important;
  }
}
.optionDrivingmarket .option-news .d-livenews-container .mask .d-ln-heading {
  height: unset;
  padding-top: 15px;
}
.optionDrivingmarket .option-news .d-livenews-container .mask .d-ln-heading .d-ln-heading-left {
  font-size: 20px;
}
.optionDrivingmarket .option-news .d-livenews-container .mask .d-ln-tiles {
  margin-top: 0px !important;
}
.optionDrivingmarket .option-news .d-livenews-container .mask .d-ln-tiles .d-ln-tile {
  margin-top: 20px;
}
.optionDrivingmarket .option-news .d-livenews-container .mask .d-ln-tiles .d-ln-tile:first-child {
  margin-top: 35px;
}
.optionDrivingmarket .option-dm .d-livenews-container {
  margin: 0 0 0 30px;
  border-radius: 5px;
}
@media screen and (min-width: 1023px) {
  .optionDrivingmarket .option-dm .dock-liveNews-section {
    top: 160px;
    position: sticky;
  }
}
.optionDrivingmarket .dm-title {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
  line-height: 140%;
}
@media (max-width: 768px) {
  .optionDrivingmarket .dm-title {
    font-size: 1.375rem;
    font-family: "DMSansNormal";
  }
}
.optionDrivingmarket .dm-title strong {
  font-family: "DMSansBold";
}
.optionDrivingmarket .equity-dropdown-block .equitydrop .edel-icon-arrow-down:before {
  content: "\e911";
  color: #03002f;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .optionDrivingmarket .equity-dropdown-block .equitydrop .edel-icon-arrow-down:before {
    font-size: 0.875rem;
  }
}
.optionDrivingmarket .equity-dropdown-block .dropdown-menu {
  min-width: 124px;
  height: 157px;
  background-color: #ffffff;
  border: 1px solid #ebf2fe;
  border-radius: 5px;
  padding: 20px 15px;
}
.optionDrivingmarket .equity-dropdown-block .dropdown-menu .dropdown-item:first-child {
  padding: 0;
}
.optionDrivingmarket .equity-dropdown-block .dropdown-menu .dropdown-item:last-child {
  padding: 0;
}
.optionDrivingmarket .equity-dropdown-block .dropdown-menu .dropdown-item:nth-child(2) {
  padding: 30px 0;
}
@media (min-width: 1023px) {
  .optionDrivingmarket .generic-tabs .nav-tabs {
    gap: 15px;
  }
}
.optionDrivingmarket .generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 5px 20px 10px 20px;
  font-size: 1rem;
}
@media (min-width: 1023px) {
  .optionDrivingmarket .generic-tabs .nav-tabs .nav-item .nav-link {
    padding: 5px 10px 10px 10px;
  }
}

.option-cardContainer .option-cards {
  display: flex;
  margin-top: 30px;
}
.option-cardContainer .option-cards .marketgroup {
  padding: 0;
}
.option-cardContainer .option-cards .marketgroup .marketCard {
  border-radius: 0px 5px 5px 0px !important;
}
.option-cardContainer .option-cards .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.125rem;
  font-family: "DMSansBold";
}
.option-cardContainer .option-cards .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
  margin-bottom: 15px;
}
.option-cardContainer .option-cards .marketgroup .marketCard .marketcardbody {
  padding-top: 5px;
}
.option-cardContainer .option-cards .marketgroup .marketCard .marketcardbody .optioncard-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.option-cardContainer .option-cards .marketgroup .marketCard .marketcardbody .drivingmarket-title-head {
  margin: 20px 0px 10px 0px;
}
.option-cardContainer .option-cards .marketgroup .marketCard .options-carddata .progress.progresscontainer {
  width: 100% !important;
}
.option-cardContainer .option-cards .marketgroup .marketCard .options-carddata .progress.progresscontainer .ml-13 {
  width: 100% !important;
}
.option-cardContainer .option-cards .marketgroup .marketCard .options-carddata .progress.progresscontainer .ml-13 .left {
  position: relative;
  top: 10px;
}
@media screen and (min-width: 1024px) {
  .option-cardContainer .option-cards .marketgroup .marketCard .options-carddata .progress.progresscontainer {
    height: 88px !important;
  }
}
.option-cardContainer .option-cards .marketgroup:first-child .marketCard {
  border-radius: 5px 0px 0px 5px !important;
  border-right: 0px;
}

@media screen and (max-width: 1023px) {
  .optionDrivingmarket {
    margin-top: 0px;
  }
  .optionDrivingmarket .option-news {
    display: unset;
  }
  .optionDrivingmarket .option-news .col-8 {
    width: 100%;
    background: #ffffff;
  }
  .optionDrivingmarket .option-news .col-8 .option-cardContainer .option-cards .marketgroup .marketCard {
    margin-bottom: 0px;
    border-radius: 0 !important;
    border: unset;
    border-bottom: 1px solid #e7e7e7;
  }
  .optionDrivingmarket .option-news .title-dropdown {
    display: unset;
  }
  .optionDrivingmarket .option-news .title-dropdown .dm-title {
    padding: 20px 10px 10px 15px;
  }
  .optionDrivingmarket .option-news .title-dropdown .equity-dropdown-block.dropdown {
    padding-left: 15px;
  }
  .optionDrivingmarket .option-news .title-dropdown .equity-dropdown-block.dropdown button i {
    color: #03002f;
  }
  .optionDrivingmarket .option-news .optioncard-tabs .nav-tabs {
    height: 33px;
  }
  .optionDrivingmarket .option-news .optioncard-tabs .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #03002f;
  }
  .optionDrivingmarket .option-dm .d-livenews-container {
    margin: 20px 0 0 0;
    background-color: #ffffff;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .optionDrivingmarket .option-dm .d-livenews-container {
    height: auto;
  }
}
@media screen and (max-width: 1023px) {
  .optionDrivingmarket .option-cardContainer .option-cards {
    display: unset;
  }
  .optionDrivingmarket .backgroundcolor_bluedrawer {
    min-height: 390px;
  }
  .optionDrivingmarket .backgroundcolor_bluedrawer .drawer-header-top .drawer-dname {
    margin-bottom: 6px;
  }
  .optionDrivingmarket .backgroundcolor_bluedrawer .drawer-footer .ed_button {
    text-transform: uppercase;
    width: 46%;
  }
}
#drivingmarket-options .marketcardbody .optioncard-tabs {
  border-bottom: none !important;
}

.container.option-tools {
  background: #f2f2f5;
  margin: 50px 0px;
  border-radius: 5px;
  padding: 0;
}
.container.option-tools .row {
  padding: 20px 18px;
}
.container.option-tools .row .col-5 {
  width: 37%;
  padding-bottom: 15px;
}
.container.option-tools .row .col-5 .heading {
  padding: 10px 0 20px 0;
  text-align: start;
  font-size: 1.75rem;
  font-family: "DMSansNormal";
}
.container.option-tools .row .col-5 .heading strong {
  font-family: "DMSansBold";
}
.container.option-tools .row .col-5 label {
  line-height: 140%;
  font-size: 1rem;
  font-family: "DMSansBold";
  color: #444444;
}
.container.option-tools .row .col-5 span {
  line-height: 140%;
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #727271;
}
.container.option-tools .row .col,
.container.option-tools .row .col-2 {
  padding: 20px;
  text-align: center;
  display: grid;
}
.container.option-tools .row .col label,
.container.option-tools .row .col i,
.container.option-tools .row .col-2 label,
.container.option-tools .row .col-2 i {
  background: linear-gradient(130.92deg, #1283ff 11.07%, #d21aff 75.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.container.option-tools .row .col i,
.container.option-tools .row .col-2 i {
  font-size: 2.25rem;
  margin-bottom: 10px;
}
.container.option-tools .row .col label,
.container.option-tools .row .col-2 label {
  line-height: 19.52px;
  font-size: 1rem;
  font-family: "DMSansMedium";
}
.container.option-tools .row .col-2 {
  display: flex;
  align-items: center;
  width: 19%;
  padding-right: 12px;
  justify-content: center;
}
.container.option-tools .row .col-2 i {
  font-size: 1rem;
  margin-right: 10px;
  margin-bottom: 0;
}
.container.option-tools .row .col-2 label {
  cursor: pointer;
}

@media screen and (max-width: 1023px) {
  .container.option-tools {
    background: none;
    margin: 0;
    padding: 0;
  }
  .container.option-tools .options {
    padding: 20px 15px 0px 15px;
    background: #f2f2f5;
  }
  .container.option-tools .options .row {
    text-align: center;
    padding: 20px 15px 0px 15px;
  }
  .container.option-tools .options .row .col-5 {
    width: 100%;
    padding: 0;
  }
  .container.option-tools .options .row .col-5 .heading {
    padding-bottom: 15px;
    font-size: 1.375rem;
  }
  .container.option-tools .options .row .col-5 .mob-tools-icons {
    display: flex;
    padding: 40px 0px;
    gap: 20px;
  }
  .container.option-tools .options .row .col-5 .mob-tools-icons .col {
    padding: 0px;
  }
  .container.option-tools .options .row .col-5 .mob-tools-icons .col i {
    font-size: 2.25rem;
    margin-bottom: 10px;
  }
  .container.option-tools .options .row .col-5 .mob-tools-icons .col label {
    font-size: 0.75rem;
    line-height: 15px;
  }
  .container.option-tools .options .row .col-5 span {
    font-size: 0.875rem;
    font-family: "DMSansNormal";
  }
  .container.option-tools .options .row .col-5 label {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
  .container.option-tools .options .row .col-2 {
    width: 100%;
    justify-content: center;
  }
  .container.option-tools .options .row .col-2 i {
    font-size: 0.688rem;
    margin-bottom: 0;
  }
  .container.option-tools .options .row .col-2 label {
    font-size: 0.875rem;
  }
}
.pb-20 {
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  #AdvancedOptionTools {
    padding: 0 15px;
  }
}

.recommendation-table {
  border-spacing: 0 11px;
  width: 100%;
  margin: 0;
}
.recommendation-table thead {
  font-size: 0.75rem;
  line-height: 140%;
  font-family: "EncodeSansMedium";
  color: #727271;
}
.recommendation-table thead th {
  padding: 10px;
}
.recommendation-table thead th:first-child {
  padding-left: 20px;
}
.recommendation-table thead th:last-child {
  padding-right: 20px;
}
.recommendation-table tbody tr {
  cursor: pointer;
}
.recommendation-table tbody tr td {
  padding: 14px 10px;
}
.recommendation-table tbody tr .scrip-cell {
  line-height: 140%;
  color: #444444;
}
.recommendation-table tbody tr .scrip-cell .scrip {
  font-family: "EncodeSansMedium";
  font-size: 1rem;
  margin-bottom: 5px;
}
.recommendation-table tbody tr .scrip-cell .ltp {
  font-size: 1rem;
  font-family: "RobotoRegular";
}
.recommendation-table tbody tr .scrip-cell .change {
  font-size: 1rem;
  font-family: "RobotoMedium";
}
.recommendation-table tbody tr .rec-label {
  border-radius: 3px;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  text-align: center;
  line-height: 140%;
  width: -moz-fit-content;
  width: fit-content;
  color: #51b255;
  padding: 5px 10px;
  cursor: Pointer;
}
.recommendation-table tbody tr .rec-label label {
  border-radius: 3px;
  padding: 5px 10px;
}
.recommendation-table tbody tr .rec-label .BUY {
  color: #51b255;
  background: rgba(81, 178, 85, 0.05);
  cursor: Pointer;
}
.recommendation-table tbody tr .rec-label .bookprofit {
  color: #ff6b00;
  background: rgba(255, 107, 0, 0.05);
  cursor: Pointer;
}
.recommendation-table tbody tr .rec-label .Exit {
  color: #dd504d;
  background: rgba(221, 80, 77, 0.05);
  cursor: Pointer;
}
.recommendation-table tbody tr .date {
  font-size: 0.875rem;
  line-height: 140%;
  color: #444444;
  font-family: "EncodeSansMedium";
  vertical-align: bottom;
  padding: 10px 10px 18px 20px;
}
.recommendation-table tbody tr .reco-price,
.recommendation-table tbody tr .target-price,
.recommendation-table tbody tr .stop-loss,
.recommendation-table tbody tr .return,
.recommendation-table tbody tr .market-cap {
  font-size: 1rem;
  font-family: "RobotoMedium";
  line-height: 140%;
  color: #444444;
  text-align: right;
}
.recommendation-table tbody tr .reco-price label,
.recommendation-table tbody tr .target-price label,
.recommendation-table tbody tr .stop-loss label,
.recommendation-table tbody tr .return label,
.recommendation-table tbody tr .market-cap label {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  display: block;
  color: #b8b8b8;
}
.recommendation-table tbody tr .return {
  color: #51b255;
}
.recommendation-table tbody tr .type {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  line-height: 22px;
  color: #dfa717;
  text-align: right;
}
.recommendation-table tbody tr td:last-child {
  text-align: start;
  padding-right: 20px;
}
.recommendation-table tbody tr:hover {
  background-color: #f9f9f9 !important;
}

.view-all-rec {
  background: none;
  display: flex;
  justify-content: end;
  gap: 10px;
  align-items: center;
}
.view-all-rec i {
  font-size: 1.188rem;
}
.view-all-rec a {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 27px;
  cursor: pointer;
}
.view-all-rec a,
.view-all-rec i {
  background: linear-gradient(130.92deg, #1283ff 11.07%, #d21aff 75.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media screen and (max-width: 1023px) {
  .view-all-rec a {
    font-size: 0.875rem;
  }
  .view-all-rec i {
    font-size: 0.688rem;
  }
  .view-all-rec button {
    font-size: 0.875rem;
  }
}
.futurerecommendation-generic .recommendation-table tbody tr .date {
  vertical-align: middle;
  padding: 14px 10px;
}
.futurerecommendation-generic .future-scrip-cell {
  padding-left: 20px;
}
.futurerecommendation-generic .futurerecommendation .rec-label {
  padding: 0px;
}
.futurerecommendation-generic .reco-price,
.futurerecommendation-generic .target-price,
.futurerecommendation-generic .stop-loss,
.futurerecommendation-generic .type,
.futurerecommendation-generic .return {
  text-align: left !important;
}
.futurerecommendation-generic .return label {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  display: block;
  color: #b8b8b8;
}

@media (max-width: 768px) {
  .future_recommendations {
    padding: 0px !important;
  }
}

.rec-body-mob .rec-table-mob {
  border-bottom: 1px solid #e7e7e7;
  padding: 17px 15px 15px 15px;
}
.rec-body-mob .rec-table-mob .row .col .type {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  color: #dfa717;
  line-height: 140%;
}
.rec-body-mob .rec-table-mob .row .col .rec-label {
  display: flex;
  justify-content: end;
}
.rec-body-mob .rec-table-mob .row .col .rec-label label {
  padding: 5px 7px;
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
  border-radius: 3px;
  line-height: 140%;
}
.rec-body-mob .rec-table-mob .row .col .rec-label .Buy {
  color: #51b255;
  background: rgba(81, 178, 85, 0.05);
}
.rec-body-mob .rec-table-mob .row .col .rec-label .bookprofit {
  color: #ff6b00;
  background: rgba(255, 107, 0, 0.05);
}
.rec-body-mob .rec-table-mob .row .col .rec-label .Exit {
  color: #dd504d;
  background: rgba(221, 80, 77, 0.05);
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell {
  font-size: 0.875rem;
  color: #444444;
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell .scrip {
  font-family: "EncodeSansMedium";
  line-height: 140%;
  padding-bottom: 4px;
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell .ltp {
  line-height: 130%;
  font-family: "RobotoRegular";
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell .change {
  line-height: 130%;
  font-family: "RobotoMedium";
}
.rec-body-mob .rec-table-mob .row .col p {
  margin-bottom: 0;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  line-height: 140%;
  color: #b8b8b8;
}
.rec-body-mob .rec-table-mob .row .col .returns span {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  line-height: 140%;
  color: #51b255;
  display: flex;
  justify-content: end;
}
.rec-body-mob .rec-table-mob .row .col .returns p {
  text-align: end;
  padding-bottom: 4px;
}
.rec-body-mob .rec-table-mob .details {
  padding: 17px 0px 14px 0px;
}
.rec-body-mob .rec-table-mob .details .col span {
  font-size: 0.75rem;
  color: #444444;
  font-family: "RobotoMedium";
}
.rec-body-mob .rec-table-mob .details .col .encode-fam {
  font-family: "EncodeSansMedium";
}
.rec-body-mob .rec-table-mob .row .more-details {
  line-height: 140%;
  font-size: 0.75rem;
  color: #3580f7;
  display: flex;
  align-items: center;
  justify-content: end;
  font-family: "EncodeSansMedium";
}
.rec-body-mob .rec-table-mob .row .more-details .ed_button.blue-link {
  background: none;
}
.rec-body-mob .rec-table-mob .row .more-details i {
  font-size: 0.875rem;
}
.rec-body-mob .rec-table-mob .row:first-child {
  padding-bottom: 14px;
  align-items: center;
}

.rec-table-mob:first-child {
  border-top: 1px solid #e7e7e7;
}

.stock-details-body {
  height: 100vh;
}

.rec-detailview .stock-details-body .slidingpane-icon-block.rec-icon,
.rec-detailview .drawer-body .slidingpane-icon-block.rec-icon {
  padding: 15px 17px 18px 15px;
}
.rec-detailview .stock-details-body .rec-details,
.rec-detailview .drawer-body .rec-details {
  padding-top: 27px;
  background: #fbfdff;
}
.rec-detailview .stock-details-body .rec-details .rec-detail,
.rec-detailview .drawer-body .rec-details .rec-detail {
  padding: 0px 18px 0px 12px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .col-3,
.rec-detailview .drawer-body .rec-details .rec-detail .col-3 {
  gap: 5px;
  justify-content: end;
  width: 20%;
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
  color: #292929;
  padding: 0;
  border-right: 1px solid #e7e7e7;
  border-style: dashed;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .col-3 .circle,
.rec-detailview .drawer-body .rec-details .rec-detail .col-3 .circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(53, 128, 247, 0.2) 47.4%, rgba(53, 128, 247, 0) 100%);
  justify-content: center;
  align-items: center;
  margin-right: -8px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .col-3 .circle .edel-icon-round-circle,
.rec-detailview .drawer-body .rec-details .rec-detail .col-3 .circle .edel-icon-round-circle {
  color: #3580f7;
  font-size: 0.438rem;
  margin: 2px 3.3px 3.4px 2.4px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main,
.rec-detailview .drawer-body .rec-details .rec-detail .main {
  padding: 0 0 27px 20px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main .pb-15,
.rec-detailview .drawer-body .rec-details .rec-detail .main .pb-15 {
  padding-bottom: 15px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main label,
.rec-detailview .drawer-body .rec-details .rec-detail .main label {
  color: #b8b8b8;
  line-height: 140%;
  font-size: 0.75rem;
  font-family: "encodesans_normal";
  margin-bottom: 6px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main span,
.rec-detailview .drawer-body .rec-details .rec-detail .main span {
  font-size: 0.75rem;
  font-family: "RobotoMedium";
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main .iterate,
.rec-detailview .drawer-body .rec-details .rec-detail .main .iterate {
  font-family: "EncodeSansMedium";
  line-height: 140%;
  font-size: 0.75rem;
  gap: 9px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main .col,
.rec-detailview .drawer-body .rec-details .rec-detail .main .col {
  display: grid;
}

@media screen and (max-width: 1023px) {
  .rec-detailview .drawer-body .text {
    font-size: 0.75rem;
    font-family: "EncodeSansMedium";
    color: #727271;
    padding: 15px 0px 0px 15px;
  }
  .rec-detailview .drawer-body .rec-details {
    background: none;
  }
}
.rec-detailview .stock-details-head {
  padding: 15px 14px 15px 17px !important;
}

@media screen and (min-width: 1024px) {
  .recommendations .marketcardbody {
    padding-top: 20px !important;
  }
  .recommendation-tabs {
    margin-top: -65px;
  }
  .recommendation-tabs .nav-tabs {
    display: flex;
    justify-content: end;
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 1023px) {
  .recommendation-tabs .nav-tabs {
    height: 32px;
    flex-direction: column;
  }
  .recommendation-tabs .nav-tabs li {
    padding-right: 14px !important;
  }
  .recommendations .marketCard {
    padding: 0 !important;
  }
  .recommendations .marketCard .marketcardhead {
    margin: 15px 15px 0px 14px !important;
  }
  .recommendations .marketCard .marketcardfoot {
    margin: 0px 16px 20px 15px !important;
  }
}
@media (min-width: 768px) {
  .future_recommendations .recommendation-tabs {
    margin-top: 0px;
  }
  .future_recommendations .recommendation-tabs .nav-tabs {
    padding-bottom: 0px !important;
  }
}

.option-rec-table table .rec-table-head th:first-child {
  padding-left: 10px;
}
.option-rec-table table .rec-table-body tr .reco-price,
.option-rec-table table .rec-table-body tr .target-price,
.option-rec-table table .rec-table-body tr .stop-loss,
.option-rec-table table .rec-table-body tr .return,
.option-rec-table table .rec-table-body tr .date,
.option-rec-table table .rec-table-body tr .type {
  text-align: left;
}
.option-rec-table table .rec-table-body tr .date {
  vertical-align: middle;
  padding-left: 10px;
}
.option-rec-table table .rec-table-body tr .rec-label {
  padding-left: 0px;
}

@media screen and (min-width: 1024px) {
  .options-rec .recommendation-tabs .nav-tabs {
    padding-bottom: 15px !important;
  }
  .options-rec .recommendation-tabs .nav-tabs .nav-item .nav-link {
    padding: 10px 5px 5px 5px;
    margin-left: 26px;
  }
  .options-rec .recommendation-tabs .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #3580f7;
  }
}
.options-rec-mob {
  padding: 8px 0px;
}

.securities-banblock {
  padding: 0 !important;
}
.securities-banblock .marketgroup {
  padding: 0;
}
.securities-banblock .sharehidetext {
  color: #727271;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 19px;
  width: 88%;
}
@media (max-width: 1023px) {
  .securities-banblock .sharehidetext {
    width: 100%;
    font-size: 0.625rem;
    padding: 15px 15px 15px 15px;
  }
}
@media (max-width: 1023px) {
  .securities-banblock .securitiesban-marketcard .marketCard {
    padding: 0px !important;
  }
}
@media (max-width: 1023px) {
  .securities-banblock .securitiesban-marketcard .marketCard .marketcardhead {
    padding: 20px 15px 0px 15px !important;
  }
}
@media (max-width: 1023px) {
  .securities-banblock .securitiesban-marketcard .marketCard .marketcardbody {
    padding-top: 4px;
  }
}
.securities-banblock .securitiesban-marketcard .marketCard .marketcardbody {
  padding-bottom: 0px !important;
}
@media (min-width: 1023px) {
  .securities-banblock .securitiesban-marketcard .marketCard .marketcardfoot {
    margin-top: 30px;
  }
}
@media (max-width: 1023px) {
  .securities-banblock .securitiesban-marketcard .marketCard .marketcardfoot {
    display: unset;
    padding: 0px 15px 15px 0px !important;
  }
  .securities-banblock .securitiesban-marketcard .marketCard .marketcardfoot .viewAllWrap {
    justify-content: end;
  }
}
.securities-banblock .securities-tile-block {
  display: flex;
  gap: 30px;
}
.securities-banblock .securities-tile-block .securities-tile {
  width: 33%;
  height: 392px;
  overflow-y: scroll;
  position: relative;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  display: flex;
  flex-flow: column;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table th,
.securities-banblock .securities-tile-block .securities-tile .securities-table td {
  border: none;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table th {
  padding: 0px;
  text-align: right;
  height: 34px;
  vertical-align: middle;
  border: none;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table thead {
  position: sticky;
  top: 66px;
  z-index: 1;
  background-color: #ffffff;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table thead tr {
  box-sizing: border-box;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table thead tr:hover {
  background-color: #f2f2f5 !important;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table thead tr th {
  border-bottom: 1px solid #e7e7e7;
  color: #727271;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table thead tr th:nth-child(2) {
  text-align: right;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table thead tr th:nth-child(3) {
  text-align: right;
  padding-right: 30px;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table tbody .securities-body-symbolbold {
  color: #444444;
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 140%;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table tbody td {
  border-bottom: 1px solid #e7e7e7;
  color: #b8b8b8;
  font-family: "RobotoRegular";
  font-size: 1rem;
  line-height: 140%;
  padding: 0px;
  word-break: break-all;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table tbody td:first-child {
  text-align: left;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table tbody td:nth-child(2) {
  text-align: right;
  padding-right: 0px !important;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table tbody td:nth-child(3) {
  text-align: right;
}
.securities-banblock .securities-tile-block .securities-tile .securities-table tbody td.errormsgtd {
  border-bottom: none !important;
}
.securities-banblock .securities-tile-block .securities-tile .securities-tile-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0px;
  background-color: #ffffff;
  z-index: 8;
  padding: 20px 20px 20px 10px !important;
  box-sizing: border-box;
  border-bottom: 1px solid #e7e7e7;
}
.securities-banblock .securities-tile-block .securities-tile .securities-tile-heading .script-name {
  font-family: "DMSansBold";
  font-size: 1.125rem;
  line-height: 140%;
}
.securities-banblock .securities-tile-block .securities-tile .securities-tile-heading .securities-date {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  color: #444444;
}
.securities-banblock .securities-tabs .security-ban-mobile {
  display: grid;
  grid-template-rows: 0fr 1fr;
}
.securities-banblock .securities-tabs .securities-table {
  border-spacing: 0;
}
.securities-banblock .securities-tabs .securities-table th,
.securities-banblock .securities-tabs .securities-table td {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.securities-banblock .securities-tabs .securities-table th {
  padding: 0px;
  text-align: left;
  height: 48px;
  vertical-align: middle;
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.securities-banblock .securities-tabs .securities-table .thead tr th {
  border-bottom: 1px solid #e7e7e7;
  color: #727271;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
}
@media (max-width: 1023px) {
  .securities-banblock .securities-tabs .securities-table .thead tr th:first-child {
    width: 33%;
    padding-left: 15px;
  }
  .securities-banblock .securities-tabs .securities-table .thead tr th {
    color: #b8b8b8;
    font-family: "DMSansNormal";
  }
}
.securities-banblock .securities-tabs .securities-table .tbody .securities-body-symbolbold {
  font-family: "DMSansMedium";
}
.securities-banblock .securities-tabs .securities-table .tbody td {
  border-bottom: 1px solid #e7e7e7;
  color: #b8b8b8;
  font-family: "RobotoRegular";
  font-size: 1rem;
  line-height: 140%;
  text-align: left;
  padding: 0px;
}
@media (max-width: 1023px) {
  .securities-banblock .securities-tabs .securities-table .tbody td {
    color: #727271;
    font-family: "RobotoMedium";
    font-size: 0.875rem;
  }
  .securities-banblock .securities-tabs .securities-table .tbody td:first-child {
    width: 33%;
    padding-left: 15px;
  }
}
.securities-banblock .securities-table {
  width: 100%;
  margin: 0 0;
}
.securities-banblock .possibleStocks {
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.securities-banblock .possibleStocks .possibleStocks_wrap {
  text-align: center;
}
.securities-banblock .possibleStocks .possibleStocks_wrap i {
  color: #b8b8b8;
}
.securities-banblock .possibleStocks .possibleStocks_wrap p {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 19.6px;
  opacity: 0.5;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .securities-banblock .securities-tabs.generic-tabs {
    position: relative;
  }
  .securities-banblock .securities-tabs.generic-tabs .nav-tabs {
    flex-direction: row !important;
    gap: 50px;
    padding-left: 10px;
    border-bottom: 1px solid #e7e7e7 !important;
    height: 56px;
  }
  .securities-banblock .securities-tabs.generic-tabs .nav-tabs .nav-item {
    width: 80px;
  }
  .securities-banblock .securities-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
    padding: 0 0 10px;
    text-align: left;
    line-height: 140%;
  }
  .securities-banblock .securities-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
    font-family: "DMSansMedium";
    color: #03002f;
    border-bottom: 1px solid #03002f;
    line-height: 139%;
  }
}
.securities-banblock .securities-date-mob {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 15px;
  padding: 0px 0px 15px 15px;
}

@media (min-width: 1023px) {
  #securities-option {
    padding-right: 6px;
    padding-left: 6px;
  }
}
#securities-option .securities-banblock .securities-tile-block .securities-tile .securities-table th {
  padding: 0px;
  height: 34px;
  vertical-align: middle;
  text-align: left;
}

.securities-table thead tr th:nth-child(1) {
  width: 33%;
  text-align: left;
}
.securities-table thead tr th:nth-child(2) {
  width: 31%;
  text-align: right !important;
}
.securities-table thead tr th:nth-child(3) {
  width: 32%;
  text-align: left !important;
  padding-left: 2% !important;
  padding-right: 2% !important;
}
.securities-table thead tr th.FandO-banlist-data {
  text-align: right !important;
}
.securities-table thead tr th.FandO-banlist-data .title {
  justify-content: end;
}
.securities-table tbody tr td:nth-child(1) {
  width: 33%;
  text-align: left;
}
.securities-table tbody tr td:nth-child(2) {
  width: 31%;
  padding-right: 2% !important;
  text-align: right;
  border: 2px solid green;
}
.securities-table tbody tr td:nth-child(3) {
  width: 32%;
  padding-right: 2% !important;
  text-align: right;
}

.recommendation-table {
  border-spacing: 0 11px;
  width: 100%;
  margin: 0;
}
.recommendation-table thead {
  font-size: 0.75rem;
  line-height: 140%;
  font-family: "EncodeSansMedium";
  color: #727271;
}
.recommendation-table thead th {
  padding: 10px;
}
.recommendation-table thead th:first-child {
  padding-left: 20px;
}
.recommendation-table thead th:last-child {
  padding-right: 20px;
}
.recommendation-table tbody tr {
  cursor: pointer;
}
.recommendation-table tbody tr td {
  padding: 14px 10px;
}
.recommendation-table tbody tr .scrip-cell {
  line-height: 140%;
  color: #444444;
}
.recommendation-table tbody tr .scrip-cell .scrip {
  font-family: "EncodeSansMedium";
  font-size: 1rem;
  margin-bottom: 5px;
}
.recommendation-table tbody tr .scrip-cell .ltp {
  font-size: 1rem;
  font-family: "RobotoRegular";
}
.recommendation-table tbody tr .scrip-cell .change {
  font-size: 1rem;
  font-family: "RobotoMedium";
}
.recommendation-table tbody tr .rec-label {
  border-radius: 3px;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  text-align: center;
  line-height: 140%;
  width: -moz-fit-content;
  width: fit-content;
  color: #51b255;
  padding: 5px 10px;
  cursor: Pointer;
}
.recommendation-table tbody tr .rec-label label {
  border-radius: 3px;
  padding: 5px 10px;
}
.recommendation-table tbody tr .rec-label .BUY {
  color: #51b255;
  background: rgba(81, 178, 85, 0.05);
  cursor: Pointer;
}
.recommendation-table tbody tr .rec-label .bookprofit {
  color: #ff6b00;
  background: rgba(255, 107, 0, 0.05);
  cursor: Pointer;
}
.recommendation-table tbody tr .rec-label .Exit {
  color: #dd504d;
  background: rgba(221, 80, 77, 0.05);
  cursor: Pointer;
}
.recommendation-table tbody tr .date {
  font-size: 0.875rem;
  line-height: 140%;
  color: #444444;
  font-family: "EncodeSansMedium";
  vertical-align: bottom;
  padding: 10px 10px 18px 20px;
}
.recommendation-table tbody tr .reco-price,
.recommendation-table tbody tr .target-price,
.recommendation-table tbody tr .stop-loss,
.recommendation-table tbody tr .return,
.recommendation-table tbody tr .market-cap {
  font-size: 1rem;
  font-family: "RobotoMedium";
  line-height: 140%;
  color: #444444;
  text-align: right;
}
.recommendation-table tbody tr .reco-price label,
.recommendation-table tbody tr .target-price label,
.recommendation-table tbody tr .stop-loss label,
.recommendation-table tbody tr .return label,
.recommendation-table tbody tr .market-cap label {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  display: block;
  color: #b8b8b8;
}
.recommendation-table tbody tr .return {
  color: #51b255;
}
.recommendation-table tbody tr .type {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  line-height: 22px;
  color: #dfa717;
  text-align: right;
}
.recommendation-table tbody tr td:last-child {
  text-align: start;
  padding-right: 20px;
}
.recommendation-table tbody tr:hover {
  background-color: #f9f9f9 !important;
}

.view-all-rec {
  background: none;
  display: flex;
  justify-content: end;
  gap: 10px;
  align-items: center;
}
.view-all-rec i {
  font-size: 1.188rem;
}
.view-all-rec a {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 27px;
  cursor: pointer;
}
.view-all-rec a,
.view-all-rec i {
  background: linear-gradient(130.92deg, #1283ff 11.07%, #d21aff 75.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media screen and (max-width: 1023px) {
  .view-all-rec a {
    font-size: 0.875rem;
  }
  .view-all-rec i {
    font-size: 0.688rem;
  }
  .view-all-rec button {
    font-size: 0.875rem;
  }
}
.futurerecommendation-generic .recommendation-table tbody tr .date {
  vertical-align: middle;
  padding: 14px 10px;
}
.futurerecommendation-generic .future-scrip-cell {
  padding-left: 20px;
}
.futurerecommendation-generic .futurerecommendation .rec-label {
  padding: 0px;
}
.futurerecommendation-generic .reco-price,
.futurerecommendation-generic .target-price,
.futurerecommendation-generic .stop-loss,
.futurerecommendation-generic .type,
.futurerecommendation-generic .return {
  text-align: left !important;
}
.futurerecommendation-generic .return label {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  display: block;
  color: #b8b8b8;
}

@media (max-width: 768px) {
  .future_recommendations {
    padding: 0px !important;
  }
}

.rec-body-mob .rec-table-mob {
  border-bottom: 1px solid #e7e7e7;
  padding: 17px 15px 15px 15px;
}
.rec-body-mob .rec-table-mob .row .col .type {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  color: #dfa717;
  line-height: 140%;
}
.rec-body-mob .rec-table-mob .row .col .rec-label {
  display: flex;
  justify-content: end;
}
.rec-body-mob .rec-table-mob .row .col .rec-label label {
  padding: 5px 7px;
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
  border-radius: 3px;
  line-height: 140%;
}
.rec-body-mob .rec-table-mob .row .col .rec-label .Buy {
  color: #51b255;
  background: rgba(81, 178, 85, 0.05);
}
.rec-body-mob .rec-table-mob .row .col .rec-label .bookprofit {
  color: #ff6b00;
  background: rgba(255, 107, 0, 0.05);
}
.rec-body-mob .rec-table-mob .row .col .rec-label .Exit {
  color: #dd504d;
  background: rgba(221, 80, 77, 0.05);
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell {
  font-size: 0.875rem;
  color: #444444;
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell .scrip {
  font-family: "EncodeSansMedium";
  line-height: 140%;
  padding-bottom: 4px;
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell .ltp {
  line-height: 130%;
  font-family: "RobotoRegular";
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell .change {
  line-height: 130%;
  font-family: "RobotoMedium";
}
.rec-body-mob .rec-table-mob .row .col p {
  margin-bottom: 0;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  line-height: 140%;
  color: #b8b8b8;
}
.rec-body-mob .rec-table-mob .row .col .returns span {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  line-height: 140%;
  color: #51b255;
  display: flex;
  justify-content: end;
}
.rec-body-mob .rec-table-mob .row .col .returns p {
  text-align: end;
  padding-bottom: 4px;
}
.rec-body-mob .rec-table-mob .details {
  padding: 17px 0px 14px 0px;
}
.rec-body-mob .rec-table-mob .details .col span {
  font-size: 0.75rem;
  color: #444444;
  font-family: "RobotoMedium";
}
.rec-body-mob .rec-table-mob .details .col .encode-fam {
  font-family: "EncodeSansMedium";
}
.rec-body-mob .rec-table-mob .row .more-details {
  line-height: 140%;
  font-size: 0.75rem;
  color: #3580f7;
  display: flex;
  align-items: center;
  justify-content: end;
  font-family: "EncodeSansMedium";
}
.rec-body-mob .rec-table-mob .row .more-details .ed_button.blue-link {
  background: none;
}
.rec-body-mob .rec-table-mob .row .more-details i {
  font-size: 0.875rem;
}
.rec-body-mob .rec-table-mob .row:first-child {
  padding-bottom: 14px;
  align-items: center;
}

.rec-table-mob:first-child {
  border-top: 1px solid #e7e7e7;
}

.stock-details-body {
  height: 100vh;
}

.rec-detailview .stock-details-body .slidingpane-icon-block.rec-icon,
.rec-detailview .drawer-body .slidingpane-icon-block.rec-icon {
  padding: 15px 17px 18px 15px;
}
.rec-detailview .stock-details-body .rec-details,
.rec-detailview .drawer-body .rec-details {
  padding-top: 27px;
  background: #fbfdff;
}
.rec-detailview .stock-details-body .rec-details .rec-detail,
.rec-detailview .drawer-body .rec-details .rec-detail {
  padding: 0px 18px 0px 12px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .col-3,
.rec-detailview .drawer-body .rec-details .rec-detail .col-3 {
  gap: 5px;
  justify-content: end;
  width: 20%;
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
  color: #292929;
  padding: 0;
  border-right: 1px solid #e7e7e7;
  border-style: dashed;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .col-3 .circle,
.rec-detailview .drawer-body .rec-details .rec-detail .col-3 .circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(53, 128, 247, 0.2) 47.4%, rgba(53, 128, 247, 0) 100%);
  justify-content: center;
  align-items: center;
  margin-right: -8px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .col-3 .circle .edel-icon-round-circle,
.rec-detailview .drawer-body .rec-details .rec-detail .col-3 .circle .edel-icon-round-circle {
  color: #3580f7;
  font-size: 0.438rem;
  margin: 2px 3.3px 3.4px 2.4px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main,
.rec-detailview .drawer-body .rec-details .rec-detail .main {
  padding: 0 0 27px 20px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main .pb-15,
.rec-detailview .drawer-body .rec-details .rec-detail .main .pb-15 {
  padding-bottom: 15px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main label,
.rec-detailview .drawer-body .rec-details .rec-detail .main label {
  color: #b8b8b8;
  line-height: 140%;
  font-size: 0.75rem;
  font-family: "encodesans_normal";
  margin-bottom: 6px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main span,
.rec-detailview .drawer-body .rec-details .rec-detail .main span {
  font-size: 0.75rem;
  font-family: "RobotoMedium";
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main .iterate,
.rec-detailview .drawer-body .rec-details .rec-detail .main .iterate {
  font-family: "EncodeSansMedium";
  line-height: 140%;
  font-size: 0.75rem;
  gap: 9px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main .col,
.rec-detailview .drawer-body .rec-details .rec-detail .main .col {
  display: grid;
}

@media screen and (max-width: 1023px) {
  .rec-detailview .drawer-body .text {
    font-size: 0.75rem;
    font-family: "EncodeSansMedium";
    color: #727271;
    padding: 15px 0px 0px 15px;
  }
  .rec-detailview .drawer-body .rec-details {
    background: none;
  }
}
.rec-detailview .stock-details-head {
  padding: 15px 14px 15px 17px !important;
}

@media screen and (min-width: 1024px) {
  .recommendations .marketcardbody {
    padding-top: 20px !important;
  }
  .recommendation-tabs {
    margin-top: -65px;
  }
  .recommendation-tabs .nav-tabs {
    display: flex;
    justify-content: end;
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 1023px) {
  .recommendation-tabs .nav-tabs {
    height: 32px;
    flex-direction: column;
  }
  .recommendation-tabs .nav-tabs li {
    padding-right: 14px !important;
  }
  .recommendations .marketCard {
    padding: 0 !important;
  }
  .recommendations .marketCard .marketcardhead {
    margin: 15px 15px 0px 14px !important;
  }
  .recommendations .marketCard .marketcardfoot {
    margin: 0px 16px 20px 15px !important;
  }
}
@media (min-width: 768px) {
  .future_recommendations .recommendation-tabs {
    margin-top: 0px;
  }
  .future_recommendations .recommendation-tabs .nav-tabs {
    padding-bottom: 0px !important;
  }
}

.knowIPOSection .knowIPOSectionOuter {
  display: grid;
  grid-template-columns: 1.3fr 1.95fr 0.6fr;
  align-items: center;
  justify-content: center;
  height: 76px;
  border: 1px solid #e7e7e7;
  margin-bottom: 40px;
  border-radius: 5px;
}
@media (min-width: 1023px) {
  .knowIPOSection .knowIPOSectionOuter .view-all-icon .d-ln-view-all {
    margin-right: 7px !important;
  }
}
.knowIPOSection .ipoboxOuterBox li {
  display: grid;
  grid-template-columns: 1fr 1.5fr 0.5fr;
  align-items: center;
}
.knowIPOSection .ipoboxconatiner {
  display: grid;
  grid-template-columns: 37px auto;
  align-items: center;
  justify-content: center;
}
.knowIPOSection .ipoboxconatiner img {
  width: 33px;
}

.knowIPOSectionOuterMobile {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  height: 91px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin-top: 20px;
}
.knowIPOSectionOuterMobile .owl-dots {
  padding: 0px;
  margin: 0px;
}
.knowIPOSectionOuterMobile .owl-dots span {
  width: 8px !important;
}
.knowIPOSectionOuterMobile .owl-dots .active span {
  border: 1px solid #03002f;
}

@media (max-width: 768px) {
  .sliderknowIPO .owl-dots {
    margin-top: 0px !important;
  }
}
@media (max-width: 1023px) {
  .IPO-liveIpos-tablewrap {
    margin-top: 20px;
  }
  .IPO-liveIpos-tablewrap .mk-card-topleftmain {
    font-size: 1.375rem !important;
  }
  .IPO-liveIpos-tablewrap .mk-card-topright {
    font-size: 0.75rem !important;
  }
  .IPO-liveIpos-tablewrap .tableWrap_titleDate-date--text {
    font-weight: 400 !important;
  }
  .IPO-liveIpos-tablewrap .marketgroup {
    padding-bottom: 15px;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard {
    margin: 0;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard .marketcardhead {
    margin: 20px 15px 15px !important;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard .marketcardbody {
    padding: 0px !important;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard .marketcardbody .cardBodyLiveIpo {
    padding-bottom: 15px;
    border-top: 1px solid #e7e7e7;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard .marketcardbody .cardBodyLiveIpo .tableWrap {
    padding: 15px 15px 0px;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard .marketcardbody .cardBodyLiveIpo .subscription p {
    font-family: "DMSansMedium";
    font-size: 0.688rem;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard .marketcardbody .cardBodyLiveIpo .subscription p .greyText {
    font-family: "DMSansNormal";
    font-size: 0.688rem;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard .marketcardfoot {
    padding: 0px 15px !important;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard .marketcardfoot div:nth-child(1) {
    flex-grow: 2;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard .marketcardfoot .ed_button.button {
    margin-left: 20px;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard .marketcardfoot .ed_button.button {
    padding: 9px 14px;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard .marketcardfoot .researchReportLink p {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    padding-left: 10px;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard .orderBook {
    padding-top: 20px;
  }
  .IPO-liveIpos-tablewrap .marketgroup .marketCard .orderBook p {
    margin-bottom: 0px;
  }
}
.IPO-liveIpos-tablewrap table {
  border-spacing: 0px;
}
.IPO-liveIpos-tablewrap table .tbody-content td:first-child {
  width: 24% !important;
  max-width: 100%;
}
.IPO-liveIpos-tablewrap table tr th {
  border-bottom: none;
}
.IPO-liveIpos-tablewrap table tr th:first-child {
  width: 24% !important;
  max-width: 100%;
}
.IPO-liveIpos-tablewrap .IPO-marketcard.marketgroup .marketCard {
  padding: 0px !important;
}
.IPO-liveIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardhead {
  margin: 20px 20px 0px;
}
.IPO-liveIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardhead .mk-card-topright {
  font-size: 1rem;
  font-family: "DMSansBold";
}
.IPO-liveIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardhead .mk-card-topright a {
  color: #3580f7;
}
.IPO-liveIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardbody {
  padding: 15px 0px 0px;
}

@media (max-width: 1023px) {
  .IPO-UpcomingIpos-tablewrap {
    margin-top: 20px;
  }
  .IPO-UpcomingIpos-tablewrap .mk-card-topleftmain {
    font-size: 1.375rem !important;
  }
  .IPO-UpcomingIpos-tablewrap .mk-card-topright {
    font-size: 0.75rem !important;
  }
  .IPO-UpcomingIpos-tablewrap .tableWrap_titleDate-date--text {
    font-weight: 400 !important;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup {
    padding-bottom: 15px;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup .marketCard {
    margin: 0;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup .marketCard .marketcardhead {
    margin: 20px 15px 15px !important;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup .marketCard .marketcardbody {
    padding: 0px !important;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup .marketCard .marketcardbody .cardBodyLiveIpo {
    padding-bottom: 15px;
    border-top: 1px solid #e7e7e7;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup .marketCard .marketcardbody .cardBodyLiveIpo .marketcardfoot .shareSocialLinks div:nth-child(1) {
    flex-grow: unset;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup .marketCard .marketcardbody .cardBodyLiveIpo .marketcardfoot div:nth-child(1) {
    flex-grow: 2;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup .marketCard .marketcardbody .cardBodyLiveIpo .marketcardfoot .ed_button.button {
    margin-left: 20px;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup .marketCard .marketcardbody .cardBodyLiveIpo .tableWrap {
    padding: 15px 15px 0px;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup .marketCard .marketcardfoot {
    padding: 0px 15px !important;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup .marketCard .marketcardfoot .ed_button.button {
    padding: 9px 14px;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup .marketCard .marketcardfoot .researchReportLink p {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    padding-left: 10px;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup .marketCard .orderBook {
    padding-top: 20px;
  }
  .IPO-UpcomingIpos-tablewrap .marketgroup .marketCard .orderBook p {
    margin-bottom: 0px;
  }
}
.IPO-UpcomingIpos-tablewrap table {
  border-spacing: 0px;
}
.IPO-UpcomingIpos-tablewrap table tr th {
  border-bottom: none;
}
.IPO-UpcomingIpos-tablewrap .IPO-marketcard.marketgroup {
  padding: 0px;
}
.IPO-UpcomingIpos-tablewrap .IPO-marketcard.marketgroup .marketCard {
  padding: 0px !important;
}
.IPO-UpcomingIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardhead {
  margin: 20px 15px 0px;
}
.IPO-UpcomingIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardhead .mk-card-topright {
  font-family: "DMSansBold";
  font-size: 1rem;
}
.IPO-UpcomingIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardhead .mk-card-topright a {
  color: #3580f7;
}
.IPO-UpcomingIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardbody {
  padding: 15px 0px 0px;
}
.IPO-UpcomingIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardbody .upcoming-ipo-block .IPO-gentable .table-head tr th:nth-child(4), .IPO-UpcomingIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardbody .upcoming-ipo-block .IPO-gentable .table-head tr th:nth-child(5) {
  width: 12%;
  max-width: 100%;
}
.IPO-UpcomingIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardbody .upcoming-ipo-block .IPO-gentable .table-head tr th:last-child {
  width: 15%;
  max-width: 100%;
}
.IPO-UpcomingIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardbody .upcoming-ipo-block .IPO-gentable .table-body .tbody-content td:nth-child(4), .IPO-UpcomingIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardbody .upcoming-ipo-block .IPO-gentable .table-body .tbody-content td:nth-child(5) {
  width: 12%;
  max-width: 100%;
}
.IPO-UpcomingIpos-tablewrap .IPO-marketcard.marketgroup .marketCard .marketcardbody .upcoming-ipo-block .IPO-gentable .table-body .tbody-content td:last-child {
  width: 15%;
  max-width: 100%;
}

.about-list {
  margin: 50px 0px;
}
.about-list .about-card .marketCard {
  padding: 0;
}
.about-list .about-card .marketCard .marketcardhead.card-header {
  padding: 20px 20px 0px 20px !important;
}
.about-list .about-card .about-listed-table table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}
.about-list .about-card .about-listed-table table thead {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  color: #727271;
}
.about-list .about-card .about-listed-table table thead tr th {
  padding: 10px 20px;
}
.about-list .about-card .about-listed-table table thead tr th:last-child {
  padding-right: 25px;
}
.about-list .about-card .about-listed-table table thead tr th:nth-child(1) {
  width: 18%;
  max-width: 100%;
}
.about-list .about-card .about-listed-table table thead tr th:last-child {
  width: 15%;
  max-width: 100%;
}
.about-list .about-card .about-listed-table table thead tr th:not(th:first-child) {
  text-align: end;
}
.about-list .about-card .about-listed-table table tbody tr {
  border: 1px solid #e7e7e7;
  border-width: 1px 0px;
}
.about-list .about-card .about-listed-table table tbody tr td {
  padding: 15px 20px 13px 20px;
  border: none;
  font-family: "RobotoMedium";
  font-size: 1rem;
}
.about-list .about-card .about-listed-table table tbody tr td:last-child {
  padding-right: 25px;
}
.about-list .about-card .about-listed-table table tbody tr td:last-child {
  width: 15%;
  max-width: 100%;
}
.about-list .about-card .about-listed-table table tbody tr td:not(td:first-child) {
  text-align: end;
}
.about-list .about-card .about-listed-table table tbody tr td:nth-child(1) {
  width: 18%;
  max-width: 100%;
}
.about-list .about-card .about-listed-table table tbody tr td .status {
  font-size: 0.875rem;
}

@media screen and (max-width: 1023px) {
  .about-list {
    margin: 20px 0px;
  }
  .about-list .about-card .marketCard {
    padding: 0;
  }
  .about-list .about-card .marketCard .marketcardhead.card-header {
    padding: 20px 20px 15px 15px !important;
  }
  .about-list .about-card .marketCard .marketcardbody {
    padding: 0 !important;
  }
  .about-list .about-card .marketCard .marketcardbody .about-list-mob {
    padding: 15px;
    border-top: 1px solid #e7e7e7;
  }
  .about-list .about-card .marketCard .marketcardbody .about-list-mob .middle-row {
    padding: 20px 0px;
  }
  .about-list .about-card .marketCard .marketcardbody .about-pagination {
    justify-content: center;
  }
}
.listingPerformance .ipo-mob-header {
  display: flex;
  align-items: center;
}
.listingPerformance .ipo-mob-header .edel-icon-arrow-left:before {
  font-size: 30px;
  padding-bottom: 4px;
}
.listingPerformance p {
  margin-bottom: 0;
}
.listingPerformance .marketgroup {
  padding: 0;
}
.listingPerformance .marketgroup .marketCard {
  padding: 20px 0;
}
@media (max-width: 1023px) {
  .listingPerformance .marketgroup .marketCard {
    padding: 0;
  }
}
.listingPerformance .marketgroup .marketCard .marketcardfoot .viewAllWrap {
  padding-right: 20px;
}
.listingPerformance .marketgroup .marketCard .marketcardhead {
  margin: 0 20px;
}
@media (max-width: 1023px) {
  .listingPerformance .marketgroup .marketCard .marketcardhead {
    padding: 15px 0px !important;
    margin: 0px !important;
  }
}
.listingPerformance .marketgroup .marketCard .generic-table table {
  margin: 0 0;
  width: 100%;
  border-spacing: 0 0;
}
.listingPerformance .marketgroup .marketCard .generic-table table thead th {
  padding: 0 20px;
  border-bottom: 1px solid #e7e7e7;
  line-height: 16.8px;
  padding-bottom: 10px;
  color: #727271;
  text-wrap: nowrap;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.listingPerformance .marketgroup .marketCard .generic-table table thead th:first-child {
  text-align: start;
}
.listingPerformance .marketgroup .marketCard .generic-table table thead th:first-child .title {
  justify-content: flex-start;
}
.listingPerformance .marketgroup .marketCard .generic-table table thead th:nth-child(1) {
  width: 20%;
  max-width: 100%;
}
.listingPerformance .marketgroup .marketCard .generic-table table thead th:not(:first-child) {
  text-align: end;
}
.listingPerformance .marketgroup .marketCard .generic-table table thead th:not(:first-child) .title {
  justify-content: end;
}
.listingPerformance .marketgroup .marketCard .generic-table table tbody td {
  border: none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0;
  padding: 15px 20px;
  line-height: 22.4px;
  font-family: "DMSansMedium";
  font-size: 1rem;
  color: #444444;
}
.listingPerformance .marketgroup .marketCard .generic-table table tbody td:first-child {
  text-align: start;
}
.listingPerformance .marketgroup .marketCard .generic-table table tbody td:not(:first-child) {
  text-align: end;
}
.listingPerformance .marketgroup .marketCard .generic-table table tbody td:nth-child(1) {
  width: 18%;
  max-width: 100%;
}
.listingPerformance .marketgroup .marketCard .generic-table table tbody td:nth-child(2) {
  color: #51b255;
}
.listingPerformance .marketgroup .marketCard .generic-table table tbody td:nth-child(3) {
  color: #dd504d;
}
.listingPerformance .marketgroup .marketCard .generic-table table tbody td:last-child {
  color: #51b255;
}
.listingPerformance .marketgroup .marketCard .generic-table table tbody td .green {
  color: #51b255;
}
.listingPerformance .marketgroup .marketCard .generic-table table tbody td .light_green {
  color: #8adf8d;
}
.listingPerformance .marketgroup .marketCard .generic-table table tbody td .red {
  color: #dd504d;
}
.listingPerformance .marketgroup .marketCard .generic-table table tbody td .light_red {
  color: #ff6b00;
}
.listingPerformance .marketgroup .marketCard .generic-table table .listingRet {
  color: #51b255;
}
.listingPerformance .subVal {
  margin-left: 5px;
  margin-top: 2px;
}
.listingPerformance .compName {
  text-wrap: nowrap;
  line-height: 22.4px;
}
.listingPerformance .value {
  margin-top: 2px;
  line-height: 16px;
}
@media (max-width: 1023px) {
  .listingPerformance .marketgroup .marketCard .marketcardbody {
    padding: 0px !important;
  }
}
@media (max-width: 768px) {
  .listingPerformance.listingPerformanceNfo .marketgroup .marketCard .marketcardhead {
    padding: 15px 0px !important;
    margin: 0px !important;
  }
}

@media (max-width: 768px) {
  #ListingPerformance-sme .marketgroup .marketCard .marketcardhead {
    padding: 15px !important;
    margin: 0px !important;
  }
}

.listingPerfMob .subVal {
  margin-top: 4px;
}
.listingPerfMob .compDetails .currRet {
  text-align: right;
}
.listingPerfMob .compDetails .col-lg-4:nth-child(2) {
  text-align: center;
}
.listingPerfMob .compDetails .col-lg-4:last-child {
  text-align: right;
}
.listingPerfMob .compDetails .compDetailVal {
  margin-top: 15px;
}
.listingPerfMob .compDetails label {
  line-height: 16.8px;
}
.listingPerfMob .compDetails .value {
  line-height: 19.6px;
  margin-bottom: 5px;
}
.listingPerfMob .marketgroup .marketCard {
  padding: 0;
  border: unset;
  margin-bottom: 0px;
  border-top: 1px solid #e7e7e7;
  border-radius: 0 !important;
}
.listingPerfMob .marketgroup .marketCard .marketcardhead {
  padding: 0px !important;
}

@media (max-width: 1023px) {
  .listingPerformance .txt-footerprimary {
    font-size: 20px !important;
  }
}
@media (max-width: 1023px) {
  .ipo-list-tiles-block {
    padding: 15px 15px 10px;
    border-bottom: 1px solid #e7e7e7;
  }
  .ipo-list-tiles-block:last-child {
    border-bottom: none;
  }
}

.ipo-list-search-mob .sort-listing-ipo .bg-midnight-blue {
  padding-block: 16.5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-right: 15px !important;
}
.ipo-list-search-mob .sort-listing-ipo .bg_aqua_white {
  padding-block: 16.5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-right: 15px !important;
}

.twoBtnFilter-ipo-market {
  padding-top: 1rem;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.twoBtnFilter-ipo-market .etfEdbuttonFilter {
  margin-left: 25px;
  margin-right: 25px;
  padding: 10px 54px !important;
}
.twoBtnFilter-ipo-market .etfbuttonApply {
  padding: 10px 54px !important;
}
.twoBtnFilter-ipo-market .midnight-BlueBtn {
  margin-right: 25px;
}

.drawer-ipo {
  padding-inline: 0px !important;
}
.drawer-ipo .sorting-ipo {
  padding: 24px 16px 20px !important;
}
.drawer-ipo .sortlist-body {
  border-bottom: 1px solid #e7e7e7;
  margin-block: 20px !important;
}

.upcomingnfoparentclass tr th:nth-child(1) {
  padding-left: 15px !important;
}
.upcomingnfoparentclass tr th:nth-child(1),
.upcomingnfoparentclass tr td:nth-child(1) {
  width: 18%;
  text-align: left !important;
}
.upcomingnfoparentclass tr th:nth-child(2),
.upcomingnfoparentclass tr td:nth-child(2) {
  width: 15%;
}
.upcomingnfoparentclass tr th:nth-child(3),
.upcomingnfoparentclass tr td:nth-child(3) {
  width: 15% !important;
}
.upcomingnfoparentclass tr th:nth-child(4),
.upcomingnfoparentclass tr td:nth-child(4) {
  width: 9% !important;
}
.upcomingnfoparentclass tr th:nth-child(5),
.upcomingnfoparentclass tr td:nth-child(5) {
  width: 9% !important;
}
.upcomingnfoparentclass tr th:nth-child(6),
.upcomingnfoparentclass tr td:nth-child(6) {
  width: 12% !important;
}
.upcomingnfoparentclass tr th:nth-child(7),
.upcomingnfoparentclass tr td:nth-child(7) {
  width: 9% !important;
}
.upcomingnfoparentclass tr th:nth-child(8),
.upcomingnfoparentclass tr td:nth-child(8) {
  width: 22% !important;
}
.upcomingnfoparentclass tbody tr td {
  height: unset !important;
}
.upcomingnfoparentclass tbody tr:nth-child(2) td.benchamarktd {
  width: 70% !important;
}

.nfoDocked {
  margin-left: 84px !important;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  position: fixed !important;
  background-color: white;
  z-index: 9;
  width: 100%;
}
@media (min-width: 1280px) {
  .nfoDocked {
    left: 4rem !important;
  }
}

.iponame-array-content {
  width: fit-content;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  color: #03002f;
  padding: 2px 7px 2px 5px;
  background-color: #f2f2f5;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .iponame-array-content {
    min-width: min-content;
    max-width: min-content;
    font-size: 0.75rem;
    font-family: "DMSansNormal";
    color: #03002f;
    padding: 2px 7px 2px 5px;
    background-color: #f2f2f5;
    border-radius: 5px;
    line-height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap: nowrap;
  }
}

.nfo-past-perf-viewall .marketgroup .marketCard {
  border: 0px;
}

.listingPerformance.listingPerformanceNfo table tr td:nth-child(2),
.listingPerformance.listingPerformanceNfo table tr td:nth-child(3),
.listingPerformance.listingPerformanceNfo table tr td:nth-child(4) {
  color: #727271 !important;
}
.listingPerformance.listingPerformanceNfo .search-filter-nfo .ed_button.slim {
  padding: 18px 18px;
  border-radius: 0px 5px 5px 0px;
}
.listingPerformance.listingPerformanceNfo .search-filter-nfo .common-search-bar input {
  padding: 18.5px 10px;
  border-radius: 5px 0px 0px 5px;
  width: 280px;
}
.listingPerformance.listingPerformanceNfo .marketgroup .marketCard .marketcardfoot {
  margin-top: 20px;
  margin-bottom: 20px;
}
.listingPerformance.listingPerformanceNfo .marketCard {
  padding-bottom: 0px;
}
.listingPerformance.listingPerformanceNfo .marketCard .marketcardbody {
  padding: 0px;
}

.edel-icon-report-color {
  font-size: 38px;
}

.grid-5-nfodetails {
  display: grid;
  grid-template-columns: 22% 22% 22% 23% 11%;
}

.nfo-marketcard {
  padding: 0px !important;
}
.nfo-marketcard.nfo-marketcard-nopadding .marketCard {
  padding: 0px !important;
}
.nfo-marketcard.nfo-marketcard-nopadding .marketCard .marketcardhead {
  padding: 20px 20px 0px 20px !important;
}
@media (max-width: 768px) {
  .nfo-marketcard.nfo-marketcard-nopadding .marketCard .marketcardhead {
    padding: 15px 15px 0px 15px !important;
  }
}
.nfo-marketcard.nfo-marketcard-nomargin .marketcardbody {
  margin: 0px !important;
}
.nfo-marketcard.nfoviewall-padding .marketCard .marketcardfoot {
  padding: 0px 20px 20px 20px !important;
}
@media (max-width: 768px) {
  .nfo-marketcard .marketCard {
    padding: 15px !important;
  }
}
.nfo-marketcard .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain,
.nfo-marketcard .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.25rem !important;
  font-family: "DMSansNormal" !important;
}
.nfo-marketcard .marketCard .marketcardhead .rounded-circle1.exclamation1 {
  color: #03002f !important;
  border: 1px solid #e7e7e7 !important;
}
.nfo-marketcard .marketCard .marketcardfoot .share-icon {
  background-color: #f2f2f5 !important;
}
.nfo-marketcard .marketCard .marketcardfoot .share-icon .edel-icon-share-icon::before {
  color: #03002f !important;
}
.nfo-marketcard .img-circle-nfo {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #f2f2f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .nfo-marketcard .img-circle-nfo {
    width: 41px;
    height: 41px;
  }
}
.nfo-marketcard .rounded-circle.exclamation {
  color: #03002f !important;
  border-color: #e7e7e7 !important;
}
.nfo-marketcard .box-shadow-nfo {
  border-radius: 5px 5px 0px 0px;
  background: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}

.grid-25-auto {
  display: grid;
  grid-template-columns: 25% auto;
}

.nfo-marketcard-objective.marketgroup .marketCard .marketcardbody {
  margin-top: 30px;
}
.nfo-marketcard-objective.marketgroup .marketCard .marketcardbody .ed-card-secondary {
  height: inherit;
}
.nfo-marketcard-objective.marketgroup .marketCard .marketcardbody .ed-card-headline-container {
  max-width: 100%;
  width: 100%;
}
.nfo-marketcard-objective.marketgroup .marketCard .marketcardfoot {
  padding: 0px;
}
.nfo-marketcard-objective .edcardSecondary-common-nfo .ed-headline-title {
  margin-bottom: 0px !important;
}
.nfo-marketcard-objective .edcardSecondary-common-nfo .ed-headline-title .title {
  margin-bottom: 0px !important;
}

.grid-fundhouse {
  display: grid;
  grid-template-columns: 15% 15% 20% 25% auto;
}
@media (max-width: 768px) {
  .grid-fundhouse {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
  }
}

.overflow-scroll-200 {
  height: 200px;
  overflow: scroll;
  padding-bottom: 20px;
}

.overflow-scroll-425 {
  height: 425px;
  overflow: scroll;
  padding-bottom: 20px;
}

.fundmangertable:last-child {
  border-bottom: 1px solid #e7e7e7;
}

@media (min-width: 768px) and (max-width: 1600px) {
  .timelineipo-section {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.timelineipo-section .timelineipo-tl-container ul.tl {
  margin: 0px;
  padding: 0;
  display: inline-block;
}
.timelineipo-section .timelineipo-tl-container ul.tl li {
  list-style: none;
  margin: auto;
  min-height: 61px;
  border-left: 1px dashed #e7e7e7;
  position: relative;
}
.timelineipo-section .timelineipo-tl-container ul.tl li:last-child {
  border-left: 0;
}
.timelineipo-section .timelineipo-tl-container ul.tl li::before {
  position: absolute;
}
@media (max-width: 768px) {
  .timelineipo-section .timelineipo-tl-container ul.tl li::before {
    border: 4px solid #f2f2f5;
    left: -5px;
  }
}
.timelineipo-section .timelineipo-tl-container ul.tl li::before {
  left: -8px;
  content: " ";
  border: 8px solid #f2f2f5;
  border-radius: 500%;
  background: #f2f2f5;
  height: 10px;
  width: 10px;
}
.timelineipo-section .timelineipo-tl-container ul.tl li.active {
  border-color: #e7e7e7;
}
.timelineipo-section .timelineipo-tl-container ul.tl li.active::before {
  background-color: #03002f !important;
  border-color: #03002f !important;
}
.timelineipo-section .timelineipo-tl-container ul.tl li.active .timestamp {
  color: #444444 !important;
}
.timelineipo-section .timelineipo-tl-container ul.tl li.active .item-title {
  color: #444444 !important;
}
.timelineipo-section ul.tl li .item-detail {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #c0bfcb;
}
.timelineipo-section ul.tl li .timestamp {
  font-size: 1rem;
  font-family: "DMSansMedium";
  position: absolute;
  width: 100px;
  text-align: right;
  color: #c0bfcb;
}
.timelineipo-section ul.tl li .item-title {
  position: relative;
}
@media (max-width: 768px) {
  .timelineipo-section ul.tl li .item-title {
    font-size: 0.875rem;
  }
}
.timelineipo-section .timelineipo-tl-container {
  display: grid;
  grid-template-columns: 30% 10% 65%;
}
@media (max-width: 768px) {
  .timelineipo-section .timelineipo-tl-container {
    display: grid;
    grid-template-columns: 30% 10% 55%;
  }
}
.timelineipo-section .timelineipo-tl-container ul li:last-child {
  padding-bottom: 0px !important;
  min-height: 0px !important;
}
.timelineipo-section .left-section-timeline li {
  margin: auto;
  min-height: 61px;
}
.timelineipo-section .left-section-timeline li .timestamp {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #c0bfcb;
}
@media (max-width: 768px) {
  .timelineipo-section .left-section-timeline li .timestamp {
    font-size: 0.875rem;
  }
}
.timelineipo-section .left-section-timeline li .timestamp.active {
  color: #03002f;
}
.timelineipo-section .right-section-timeline li {
  margin: auto;
  min-height: 61px;
}
.timelineipo-section .right-section-timeline li .item-title {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #c0bfcb;
}
@media (max-width: 768px) {
  .timelineipo-section .right-section-timeline li .item-title {
    font-size: 0.875rem;
  }
}
.timelineipo-section .right-section-timeline li .item-title.active {
  color: #03002f;
}

.assetallocation-section .lenged-Circle {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #f2f2f5;
}
.assetallocation-section .lenged-Circle.blue-lenged {
  background-color: #49aee2;
}
.assetallocation-section .lenged-Circle.orange-lenged {
  background-color: #f9aa67;
}
.assetallocation-section .percentage-value-section {
  position: absolute;
  top: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 91%;
}
@media (max-width: 768px) {
  .assetallocation-section .percentage-value-section {
    position: absolute;
    top: 46%;
    left: 0%;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
  }
}
.assetallocation-section .highcharts-container {
  height: 340px;
}
@media (max-width: 768px) {
  .assetallocation-section .highcharts-container {
    height: 300px;
  }
}

.rating-box {
  border: 1px solid #e7e7e7;
  padding: 5px 7px;
  border-radius: 5px;
}
.rating-box .edel-icon-Star {
  font-size: 0.75rem;
}
.rating-box[data-attr=star3] {
  color: #f7943e;
}
.rating-box[data-attr=star5] {
  color: #51b255;
}

.nfodetailsSection .edel-icon-arrow-left {
  font-size: 1.438rem;
}

.investmentoptions-section .data-head {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
}
.investmentoptions-section .data-head.padding-content {
  padding-top: 12px;
  padding-bottom: 11px;
}
.investmentoptions-section .data-value {
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  color: #444444;
}
.investmentoptions-section .data-value.padding-content {
  padding-top: 12px;
  padding-bottom: 11px;
}

.nfoobjective-mob-section div:last-child {
  border-bottom: none !important;
}

.infoicon-nfosection .marketCard .mk-card-topleftmain1 {
  display: flex;
  gap: 10px;
}
.infoicon-nfosection .marketCard .mk-card-topleftmain1 .rounded-circle1 {
  padding-left: 5px;
}

@media (max-width: 768px) {
  .fundhouse-data-section .aumsection {
    margin-top: 15px;
  }
  .fundhouse-data-section .schemesection {
    margin-top: 15px;
    text-align: right;
  }
  .fundhouse-data-section .schemesection span {
    justify-content: end;
  }
  .fundhouse-data-section .DMSanN_16_400,
  .fundhouse-data-section .DMSans_16_500 {
    font-size: 0.875rem !important;
  }
}

.grid-fc-mb {
  display: grid;
  grid-template-columns: 30% auto;
}

.share-icon-common .share-icon {
  background-color: #f2f2f5 !important;
}
.share-icon-common .edel-icon-share-icon::before {
  color: #03002f !important;
}

.data-head-16-normal {
  font-size: 1rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .data-head-16-normal {
    font-size: 0.875rem;
  }
}

.data-head-roboto-medium {
  font-size: 1rem;
  font-family: "RobotoRegular";
}
.data-head-roboto-medium.string-class {
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .data-head-roboto-medium {
    font-size: 0.875rem;
  }
}

.data-roboto-normal {
  font-size: 1rem;
  font-family: "RobotoRegular";
}
@media (max-width: 768px) {
  .data-roboto-normal {
    font-size: 0.875rem;
  }
}

.data-head-dm-normal {
  font-size: 1rem;
  font-family: "DMSansNormal";
}
@media (max-width: 768px) {
  .data-head-dm-normal {
    font-size: 0.875rem;
  }
}

.data-16-medium {
  font-size: 1rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .data-16-medium {
    font-size: 0.875rem;
  }
}

.display-hidden {
  display: none !important;
}

.fund-manager-data-drawer .nfo-drawrer-height__content {
  max-height: 80vh !important;
  padding-bottom: 30px !important;
}

.nfo-drawrer-height {
  height: 80vh !important;
}

.marketcardBody-nopadding .marketcardbody {
  padding-bottom: 0px !important;
}

.nfoDockedMob {
  left: 0px;
  padding-inline: 0.5rem !important;
  z-index: 1000000 !important;
  top: 50px !important;
}

.nfoDockedDesk {
  left: 0px;
  z-index: 98 !important;
  top: 135px;
}

.nfo-tabs button {
  padding-top: 0px !important;
}

.listingPastperformanceTable tr td:nth-child(1),
.listingPastperformanceTable tr th:nth-child(1) {
  width: 40%;
}
.listingPastperformanceTable tr td:nth-child(2),
.listingPastperformanceTable tr th:nth-child(2) {
  width: 15%;
  text-align: right;
}
.listingPastperformanceTable tr td:nth-child(3),
.listingPastperformanceTable tr th:nth-child(3) {
  width: 15%;
  text-align: right;
}
.listingPastperformanceTable tr td:nth-child(4),
.listingPastperformanceTable tr th:nth-child(4) {
  width: 15%;
  text-align: right;
}
.listingPastperformanceTable tr td:nth-child(5),
.listingPastperformanceTable tr th:nth-child(5) {
  width: 15%;
  text-align: right;
}

.livenews-nfo-table tr th:nth-child(1),
.livenews-nfo-table tr td:nth-child(1) {
  width: 32% !important;
}
.livenews-nfo-table tr th:nth-child(2),
.livenews-nfo-table tr td:nth-child(2) {
  width: 20% !important;
  text-align: right !important;
}
.livenews-nfo-table tr th:nth-child(3),
.livenews-nfo-table tr td:nth-child(3) {
  width: 22% !important;
  text-align: right !important;
}
.livenews-nfo-table tr th:nth-child(4),
.livenews-nfo-table tr td:nth-child(4) {
  width: 10% !important;
  text-align: right !important;
}
.livenews-nfo-table tr th:nth-child(5),
.livenews-nfo-table tr td:nth-child(5) {
  width: 15% !important;
  text-align: right !important;
}
.livenews-nfo-table .table > :not(caption) > * > * {
  background-color: transparent !important;
}

.upcoming-nfo-table tr th:nth-child(1),
.upcoming-nfo-table tr td:nth-child(1) {
  width: 18% !important;
}
.upcoming-nfo-table tr th:nth-child(2),
.upcoming-nfo-table tr td:nth-child(2) {
  width: 18% !important;
  text-align: right !important;
}
.upcoming-nfo-table tr th:nth-child(3),
.upcoming-nfo-table tr td:nth-child(3) {
  width: 17% !important;
  text-align: right !important;
}
.upcoming-nfo-table tr th:nth-child(4),
.upcoming-nfo-table tr td:nth-child(4) {
  width: 14% !important;
  text-align: right !important;
}
.upcoming-nfo-table tr th:nth-child(5),
.upcoming-nfo-table tr td:nth-child(5) {
  width: 10% !important;
  text-align: right !important;
}
.upcoming-nfo-table tr th:nth-child(6),
.upcoming-nfo-table tr td:nth-child(6) {
  width: 15% !important;
  text-align: right !important;
}
.upcoming-nfo-table .table > :not(caption) > * > * {
  background-color: transparent !important;
}

.nfo-content-data {
  position: absolute;
}

.read-more-nfo {
  text-align: right;
  border-bottom: 1px solid #03002f;
}

.view-report-section {
  border: 1px solid #03002f;
  border-radius: 5px;
}

.nfoDockedMob {
  left: 0px;
  padding-inline: 0.5rem !important;
  z-index: 1000000 !important;
  top: 50px !important;
}

.ipoQDockedDesk {
  left: 0px;
  top: 160px;
}

.circle-wrapper-nfo .imcircule-nfo::before {
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 9px !important;
  color: #51b255 !important;
  padding-left: 5px;
  padding-right: 5px;
}
.circle-wrapper-nfo .imcircule-nfo-closing::before,
.circle-wrapper-nfo .imcircule-nfo-closed::before {
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 9px !important;
  color: #dd504d !important;
  padding-left: 5px;
  padding-right: 5px;
}
.circle-wrapper-nfo .imcircle-custom::before {
  content: "\e962";
  font-family: "edel_icon" !important;
  font-size: 9px !important;
  color: #ffb800 !important;
  padding-left: 5px;
  padding-right: 5px;
}

#peer-comparison-section .marketCard .marketcardhead {
  padding-bottom: 10px !important;
}

@media screen and (max-width: 1023px) {
  .primary-tabs.generic-tabs {
    background-color: #f5f5f5;
  }
}
.primary-tabs.generic-tabs .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.primary-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 20px 12px 10px;
  margin-right: 30px;
  color: #444444;
  font-size: 1rem;
  font-family: "DMSansNormal";
}
@media screen and (max-width: 1023px) {
  .primary-tabs.generic-tabs .nav-tabs .nav-item .nav-link {
    padding: 25px 16px 10px;
    margin-right: 10px;
  }
}
.primary-tabs.generic-tabs .nav-tabs .nav-item .nav-link.active {
  background: inherit;
  border-width: 2px;
}

.marketTabs .react-tabs .equityLinksDesk.ipo-links ul {
  margin-left: -10px;
}

.primary-market .primary-market-tabs {
  gap: 40px;
  border-bottom: 1px solid #e7e7e7;
}
.primary-market .primary-market-tabs a {
  height: 100%;
  color: inherit;
  padding: 15px 10px 5px 10px;
}
.primary-market .primary-market-tabs a p {
  margin: 0;
}
.primary-market .primary-market-tabs a.active p {
  color: #03002f;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.primary-market .primary-market-tabs a.active {
  border-bottom: 2px solid #03002f;
}

.primary-market-mob.container {
  padding: 0px 15px;
}

.primary-market-mob .primary-market-tabs {
  gap: 20px;
  border-bottom: 1px solid #e7e7e7;
}
.primary-market-mob .primary-market-tabs a {
  height: 100%;
  color: inherit;
  padding: 15px 10px 10px 10px;
}
.primary-market-mob .primary-market-tabs a p {
  margin: 0;
}
.primary-market-mob .primary-market-tabs a.active p {
  color: #03002f;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.primary-market-mob .primary-market-tabs a.active {
  border-bottom: 2px solid #03002f;
}

.ncd-ipos-table {
  margin: 10px 0;
  width: 100%;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.ncd-ipos-table .header {
  width: 100%;
  padding: 15px 20px;
}
.ncd-ipos-table .ncd-live {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ncd-ipos-table .header-mob {
  width: 100%;
  padding: 20px 15px;
}
.ncd-ipos-table .ncdipo-common-table {
  margin-top: 0px;
  margin-bottom: 0px;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid #e7e7e7;
}
.ncd-ipos-table .ncdipo-common-table .labeltext .ipo-label-text-tile {
  text-align: center !important;
}
.ncd-ipos-table .ncdipo-common-table.body-content td {
  padding-top: 15px;
  padding-bottom: 15px;
}
.ncd-ipos-table .ncdipo-common-table tr th {
  padding-bottom: 2px;
  vertical-align: middle;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
  border: none !important;
}
.ncd-ipos-table .ncdipo-common-table tr td {
  border: none !important;
}
.ncd-ipos-table .ncdipo-common-table tr td:first-child {
  padding-left: 15px;
}
.ncd-ipos-table .ncdipo-common-table tr td:last-child {
  padding-right: 15px;
}
.ncd-ipos-table .ncd-ipo-mob {
  padding: 15px;
  display: flex;
  flex-flow: column;
  gap: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.ncd-ipos-table .ncd-ipo-mob:last-child {
  border-bottom: none !important;
}
.ncd-ipos-table .ncd-ipo-mob .company-and-date {
  display: flex;
  justify-content: space-between;
}
.ncd-ipos-table .ncd-ipo-mob .company-and-date .company-name {
  flex: 8;
  line-height: 120%;
  text-align: start;
}
.ncd-ipos-table .ncd-ipo-mob .company-and-date .company-name .payout-freq {
  display: flex;
  align-items: center;
  justify-content: start;
}
.ncd-ipos-table .ncd-ipo-mob .company-and-date .date-section {
  flex: 3;
  line-height: 120%;
}
.ncd-ipos-table .ncd-ipo-mob .company-and-date .date-section span {
  text-align: end;
}
.ncd-ipos-table .ncd-ipo-mob .coupon-yield-amt {
  display: flex;
}
.ncd-ipos-table .ncd-ipo-mob .coupon-yield-amt .coupon-rt,
.ncd-ipos-table .ncd-ipo-mob .coupon-yield-amt .yield,
.ncd-ipos-table .ncd-ipo-mob .coupon-yield-amt .min-inv-amt {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.ncd-ipos-table .ncd-ipo-mob .coupon-yield-amt .coupon-rt {
  flex: 1.2;
  text-align: start;
}
.ncd-ipos-table .ncd-ipo-mob .coupon-yield-amt .yield {
  flex: 1;
  text-align: start;
}
.ncd-ipos-table .ncd-ipo-mob .coupon-yield-amt .min-inv-amt {
  flex: 1.5;
  text-align: end;
}
.ncd-ipos-table .ncd-ipo-mob .rating-n-series {
  display: flex;
}
.ncd-ipos-table .ncd-ipo-mob .rating-n-series .rating-ncd {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  flex: 3;
}
.ncd-ipos-table .ncd-ipo-mob .rating-n-series .rating-ncd button {
  text-align: left;
}
.ncd-ipos-table .ncd-ipo-mob .rating-n-series .series-ncd {
  flex: 1.5;
  text-align: end;
}
.ncd-ipos-table .ncd-ipo-mob .share-alert-apply {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ncd-ipos-table .ncd-ipo-mob .share-alert-apply .Apply-btn {
  padding: 9px 17px;
  height: 40px;
}
.ncd-ipos-table .ncd-ipo-mob .share-alert-apply .alert-section {
  padding-left: 30px;
}
.ncd-ipos-table .ncd-ipo-mob .share-alert-apply .share-ipo {
  padding: 0;
}
.ncd-ipos-table .ncd-ipo-mob .share-alert-apply .share-ipo span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ncd-ipos-table .ncd-ipo-mob .subscription {
  display: flex;
  gap: 10px;
  text-align: end;
}
.ncd-ipos-table .ncd-ipo-mob .view-order-book {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

#ncd-live-ipos .ncdipo-common-table tr th:nth-child(1),
#ncd-live-ipos .ncdipo-common-table tr td:nth-child(1) {
  width: 19%;
  max-width: 100%;
}
#ncd-live-ipos .ncdipo-common-table tr th:nth-child(2),
#ncd-live-ipos .ncdipo-common-table tr td:nth-child(2) {
  width: 10%;
  text-align: right;
}
#ncd-live-ipos .ncdipo-common-table tr th:nth-child(3),
#ncd-live-ipos .ncdipo-common-table tr td:nth-child(3) {
  width: 17%;
  text-align: right;
  padding-left: 20px;
  padding-right: 30px;
}
#ncd-live-ipos .ncdipo-common-table tr th:nth-child(4),
#ncd-live-ipos .ncdipo-common-table tr td:nth-child(4) {
  width: 13%;
  text-align: left;
  padding-left: 30px;
}
#ncd-live-ipos .ncdipo-common-table tr th:nth-child(5),
#ncd-live-ipos .ncdipo-common-table tr td:nth-child(5) {
  width: 10%;
}
#ncd-live-ipos .ncdipo-common-table tr th:nth-child(6),
#ncd-live-ipos .ncdipo-common-table tr td:nth-child(6) {
  width: 8%;
}
#ncd-live-ipos .ncdipo-common-table tr th:nth-child(7),
#ncd-live-ipos .ncdipo-common-table tr td:nth-child(7) {
  width: 11%;
}
#ncd-live-ipos .ncdipo-common-table tr th:nth-child(8),
#ncd-live-ipos .ncdipo-common-table tr td:nth-child(8) {
  width: 12%;
}

#ncd-upcoming-ipos .ncdipo-common-table tr th:nth-child(1),
#ncd-upcoming-ipos .ncdipo-common-table tr td:nth-child(1) {
  width: 15%;
  max-width: 100%;
}
#ncd-upcoming-ipos .ncdipo-common-table tr th:nth-child(2),
#ncd-upcoming-ipos .ncdipo-common-table tr td:nth-child(2) {
  width: 10%;
  text-align: right;
}
#ncd-upcoming-ipos .ncdipo-common-table tr th:nth-child(3),
#ncd-upcoming-ipos .ncdipo-common-table tr td:nth-child(3) {
  width: 14%;
  text-align: right;
  padding-left: 20px;
  padding-right: 30px;
}
#ncd-upcoming-ipos .ncdipo-common-table tr th:nth-child(4),
#ncd-upcoming-ipos .ncdipo-common-table tr td:nth-child(4) {
  width: 13%;
  text-align: left;
  padding-left: 30px;
}
#ncd-upcoming-ipos .ncdipo-common-table tr th:nth-child(5),
#ncd-upcoming-ipos .ncdipo-common-table tr td:nth-child(5) {
  width: 10%;
}
#ncd-upcoming-ipos .ncdipo-common-table tr th:nth-child(6),
#ncd-upcoming-ipos .ncdipo-common-table tr td:nth-child(6) {
  width: 10%;
}
#ncd-upcoming-ipos .ncdipo-common-table tr th:nth-child(7),
#ncd-upcoming-ipos .ncdipo-common-table tr td:nth-child(7) {
  width: 8%;
}
#ncd-upcoming-ipos .ncdipo-common-table tr th:nth-child(8),
#ncd-upcoming-ipos .ncdipo-common-table tr td:nth-child(8) {
  width: 20%;
}

.share-ipo.ncd-share-icon span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  margin-top: 8px;
  align-items: center;
  justify-content: center;
}

.rc-slider {
  position: relative;
  width: 97% !important;
  margin: 0px auto !important;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  touch-action: none;
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 0px !important;
  border-radius: 6px;
  border: 2px dashed #e7e7e7 !important;
}
.rc-slider-track {
  position: absolute;
  height: 0px !important;
  border-radius: 6px;
  background-color: none !important;
}
.rc-slider-handle {
  position: absolute;
  background-color: #ffffff;
  width: 35px !important;
  height: 35px !important;
  border: 8px solid #03002f !important;
  box-shadow: none !important;
  border-radius: 50%;
  z-index: 1;
  top: -15px !important;
  cursor: pointer;
  touch-action: pan-x;
}
@media (max-width: 768px) {
  .rc-slider-handle {
    width: 24px !important;
    height: 24px !important;
    border: 5px solid #03002f !important;
    top: -6px !important;
  }
}
.rc-slider-handle:focus {
  outline: none;
  box-shadow: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  box-shadow: 0 0 0 3px tint(#2db7f5, 50%);
}
.rc-slider-handle-click-focused:focus {
  border-color: tint(#2db7f5, 50%);
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: tint(#2db7f5, 20%);
}
.rc-slider-handle:active {
  border-color: tint(#2db7f5, 20%);
  box-shadow: 0 0 5px tint(#2db7f5, 20%);
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 25px !important;
  left: 0;
  width: 100%;
  color: #727271 !important;
  font-size: 14px !important;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #727271 !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
@media (max-width: 768px) {
  .rc-slider-mark-text {
    font-size: 0.688rem;
  }
}
.rc-slider-mark-text-active {
  color: #727271 !important;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -4px;
  width: 15px !important;
  height: 15px !important;
  vertical-align: middle;
  background-color: #fff;
  border: solid 2px #03002f;
  box-shadow: unset;
  z-index: 1;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 768px) {
  .rc-slider-dot {
    width: 7px !important;
    height: 7px !important;
    border: solid 1px #03002f;
    bottom: 0px;
  }
}
.rc-slider-dot-active {
  border-color: tint(#2db7f5, 50%);
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}

@media (min-width: 768px) {
  .mf-ideas-invest .exclamation1 {
    height: 35px !important;
    width: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1600px) {
  .mf-ideas-invest .marketgroup {
    padding: 0px;
  }
}
.mf-ideas-invest .marketgroup .marketCard {
  padding-bottom: 0px !important;
}
.mf-ideas-invest .marketgroup .marketCard .mk-card-topleftmain strong {
  margin-right: 5px;
}
.mf-ideas-invest .marketgroup .marketCard .marketcardbody {
  padding: 30px 0px 0px;
}
@media (max-width: 768px) {
  .mf-ideas-invest .marketgroup .marketCard .marketcardbody {
    padding: 20px 0px 0px !important;
  }
}
.mf-ideas-invest .ideas-tiles-block {
  margin: 20px -20px 0px;
}
@media (max-width: 768px) {
  .mf-ideas-invest .ideas-tiles-block {
    margin: 0px -20px 0px !important;
  }
}

.ideas-invest-tile .ideas-invest-tile-img {
  width: 25px;
  height: 25px;
}
.ideas-invest-tile {
  border: 1px solid #e7e7e7;
  border-bottom: none;
  border-left: none;
  padding: 15px 20px !important;
  cursor: pointer;
}
.ideas-invest-tile:hover {
  background-color: #f2f2f5;
}
@media (max-width: 768px) {
  .ideas-invest-tile {
    width: 100%;
    display: flex;
    padding: 20px 16px;
    border-right: 0px;
  }
  .ideas-invest-tile:nth-child(4) {
    border-bottom: none !important;
  }
}
.ideas-invest-tile:nth-child(4) {
  border-bottom: 1px solid #e7e7e7;
  border-right: none;
}
.ideas-invest-tile .ideas-inv-title {
  line-height: 22px;
  padding: 15px 0px 0px;
}
@media (max-width: 768px) {
  .ideas-invest-tile .ideas-inv-title {
    line-height: 140%;
    padding: 0px;
  }
}
.ideas-invest-tile .ideas-inv-desc {
  line-height: 18px;
  padding: 8px 0px 0px;
}
@media (max-width: 768px) {
  .ideas-invest-tile .ideas-inv-desc {
    margin-top: 5px !important;
  }
}

.pdt-15 {
  padding-top: 15px;
}

.pdt-8 {
  padding-top: 8px;
}

.pdl-18 {
  padding-left: 18px;
}

.mgt-5 {
  margin-top: 5px;
}

@media (min-width: 768px) {
  .sectorbasedfund-section .exclamation1 {
    height: 35px !important;
    width: 35px !important;
  }
}
@media (min-width: 768px) {
  .sectorbasedfund-section .headersection {
    padding: 15px 20px 20px;
  }
}
@media (max-width: 768px) {
  .sectorbasedfund-section .headersection {
    padding: 10px 0px;
  }
}
@media (max-width: 768px) {
  .sectorbasedfund-section .headersection {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1600px) {
  .sectorbasedfund-section .marketgroup {
    padding: 0px;
  }
}
.sectorbasedfund-section .marketgroup .marketCard {
  padding: 0px !important;
}
@media (max-width: 768px) {
  .sectorbasedfund-section .marketgroup .marketCard {
    padding: 20px !important;
  }
}
@media (min-width: 768px) {
  .sectorbasedfund-section .marketgroup .marketCard .marketcardhead {
    margin: 20px 0px 0px 20px !important;
  }
}
.sectorbasedfund-section .marketgroup .marketCard .mk-card-topleftmain strong {
  margin-right: 5px;
}
.sectorbasedfund-section .marketgroup .marketCard .marketcardbody {
  padding: 0px;
}
@media (max-width: 768px) {
  .sectorbasedfund-section .marketgroup .marketCard .marketcardbody {
    padding: 11px 0px 20px 0px !important;
  }
}
.sectorbasedfund-section .sectofundSection .sectofundbox {
  display: grid;
  grid-auto-flow: rows;
  align-items: center;
  justify-items: center;
  height: 180px;
  padding: 20px;
  border: 1px solid #e7e7e7;
  text-align: center;
  border-right: 0px;
}
.sectorbasedfund-section .sectofundSection .sectofundbox:nth-child(1) {
  border-left: 0px;
}
@media (max-width: 768px) {
  .sectorbasedfund-section .sectofundSection .sectofundbox:nth-child(1) {
    border-left: 1px solid #e7e7e7;
  }
}
.sectorbasedfund-section .sectofundSection .sectofundbox {
  cursor: pointer;
}
.sectorbasedfund-section .sectofundSection .sectofundbox:hover {
  background-color: #f2f2f5;
}
@media (max-width: 768px) {
  .sectorbasedfund-section .sectofundSection .sectofundbox {
    height: 100px;
    padding: 2px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .sectorbasedfund-section .sectofundSection .sectofundbox :last-child {
    font-size: 0.875rem;
  }
  .sectorbasedfund-section .sectofundSection .sectofundbox img {
    width: 23px !important;
  }
  .sectorbasedfund-section .sectofundSection .sectofundbox:nth-child(4) {
    border: 1px solid #e7e7e7;
  }
}
.sectorbasedfund-section .sectofundSection .sectofundbox img {
  width: 40px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .sectorbasedfund-section .sectofundSection .sectofundbox {
    border-bottom: 1px solid #e7e7e7;
  }
}
.sectorbasedfund-section .thematic .sectofundSection {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .sectorbasedfund-section .thematic .sectofundSection {
    grid-template-columns: repeat(2, 1fr);
  }
  .sectorbasedfund-section .thematic .sectofundSection .sectofundbox {
    border-radius: 0px;
  }
  .sectorbasedfund-section .thematic .sectofundSection .sectofundbox:nth-child(1) {
    border-right: 0px;
    border-bottom: 0px;
  }
  .sectorbasedfund-section .thematic .sectofundSection .sectofundbox:nth-child(2) {
    border-bottom: 0px;
  }
  .sectorbasedfund-section .thematic .sectofundSection .sectofundbox:nth-child(3) {
    border-right: 0px;
  }
}
.sectorbasedfund-section .sectoral .sectofundSection {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .sectorbasedfund-section .sectoral .sectofundSection {
    grid-template-columns: repeat(2, 1fr);
  }
  .sectorbasedfund-section .sectoral .sectofundSection .sectofundbox {
    border-radius: 0px;
  }
  .sectorbasedfund-section .sectoral .sectofundSection .sectofundbox:nth-child(1) {
    border-right: 0px;
    border-bottom: 0px;
  }
  .sectorbasedfund-section .sectoral .sectofundSection .sectofundbox:nth-child(2) {
    border-bottom: 0px;
  }
  .sectorbasedfund-section .sectoral .sectofundSection .sectofundbox:nth-child(3) {
    border-right: 0px;
  }
}
.sectorbasedfund-section .sb-funds-tabs .nav-tabs {
  margin-left: 20px !important;
}
@media (max-width: 768px) {
  .sectorbasedfund-section .sb-funds-tabs .nav-tabs {
    margin-left: 0px !important;
  }
}

.invest-mutual.row {
  margin-top: 30px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 17px 13px;
}
.invest-mutual.row .EncodeSans_20_300.txt-footerprimary {
  font-size: 1.125rem;
}
.invest-mutual.row .EncodeSans_20_300.txt-footerprimary .EncodeSans_20_700 {
  font-size: 1.125rem;
}
.invest-mutual.row .card-gap {
  gap: 15%;
}
@media (min-width: 1023px) and (max-width: 1200px) {
  .invest-mutual.row .card-gap {
    gap: 8%;
  }
}
.invest-mutual.row .card-gap .card-widths {
  width: max-content;
}
.invest-mutual.row .know-more {
  cursor: pointer;
}

@media screen and (max-width: 1023px) {
  .invest-mutual.row {
    margin: 20px 0 0 0;
    display: grid;
    grid-template-columns: 50% 50%;
    line-height: 140%;
  }
  .invest-mutual.row .mutual-carousel {
    width: max-content;
  }
}
@media screen and (max-width: 1023px) and (max-width: 768px) {
  .invest-mutual.row .mutual-carousel {
    width: unset;
    overflow: hidden;
  }
}
@media screen and (max-width: 1023px) {
  .invest-mutual.row .mutual-carousel .mutual-text {
    line-height: 18px;
    text-wrap: nowrap;
  }
  .invest-mutual.row .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 12px;
    padding: 0 !important;
  }
  .invest-mutual.row .owl-carousel .owl-item img {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 360px) {
  .invest-mutual.row .owl-carousel .owl-item img {
    width: 28px;
  }
}
@media screen and (max-width: 1023px) {
  .invest-mutual.row .owl-theme .owl-dots .owl-dot span {
    width: 8px !important;
  }
}
@media (max-width: 768px) {
  .index-based-sec {
    margin-bottom: 0px;
  }
}
.index-based-sec .marketgroup {
  padding: 0px;
}
@media (max-width: 768px) {
  .index-based-sec .marketgroup {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.index-based-sec .index-based-sec-block {
  flex-flow: row;
}
@media (max-width: 1023px) {
  .index-based-sec .index-based-sec-block {
    flex-flow: column;
  }
}
.index-based-sec .index-based-sec-block .index-based-block .marketgroup .marketCard {
  margin-right: 13px;
  padding-bottom: 0px;
}
@media (max-width: 1023px) {
  .index-based-sec .index-based-sec-block .index-based-block .marketgroup .marketCard {
    margin-right: 0px;
    padding: 20px 15px;
  }
}
.index-based-sec .index-based-sec-block .index-based-block .marketgroup .marketCard .mk-card-topleftmain strong {
  margin-right: 5px;
}
.index-based-sec .index-based-sec-block .index-based-block .marketgroup .marketCard .marketcardbody {
  padding-top: 30px;
  padding-bottom: 0px;
}
@media (max-width: 1023px) {
  .index-based-sec .index-based-sec-block .index-based-block .marketgroup .marketCard .marketcardbody {
    padding-top: 10px;
  }
}
.index-based-sec .index-based-sec-block .index-based-block .index-based-tiles {
  margin-left: -20px;
  margin-right: -20px;
  padding-top: 15px;
}
@media (max-width: 1023px) {
  .index-based-sec .index-based-sec-block .index-based-block .index-based-tiles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin: 0;
    padding: 20px 0px;
  }
}
.index-based-sec .index-based-sec-block .index-based-block .index-based-tile {
  border: 1px solid #e7e7e7;
  padding: 20px;
  text-align: center;
  border-bottom: none;
  border-right: none;
}
.index-based-sec .index-based-sec-block .index-based-block .index-based-tile:hover {
  background-color: #f2f2f5;
}
@media (max-width: 768px) {
  .index-based-sec .index-based-sec-block .index-based-block .index-based-tile {
    line-height: 15px;
  }
}
.index-based-sec .index-based-sec-block .index-based-block .index-based-tile span {
  cursor: pointer;
}
@media (max-width: 1023px) {
  .index-based-sec .index-based-sec-block .index-based-block .index-based-tile {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 19px 0px;
  }
  .index-based-sec .index-based-sec-block .index-based-block .index-based-tile:nth-child(1) {
    border-left: 1px solid #e7e7e7 !important;
  }
}
.index-based-sec .index-based-sec-block .index-based-block .index-based-tile:nth-child(1) {
  border-left: none;
}
.index-based-sec .index-based-sec-block .index-based-block .index-based-tile:nth-child(7) {
  border-right: 1px solid #e7e7e7 !important;
}
.index-based-sec .index-based-sec-block .index-based-block .index-based-tile:nth-child(4) {
  border-bottom: 1px solid #e7e7e7 !important;
}
.index-based-sec .index-based-sec-block .tips-investing-block .edel-icon-arrow-right1:before {
  font-size: 16px;
}
@media (max-width: 768px) {
  .index-based-sec .index-based-sec-block .tips-investing-block {
    margin-top: 8px;
  }
  .index-based-sec .index-based-sec-block .tips-investing-block .owl-theme .owl-dots .owl-dot span {
    width: 8px !important;
  }
  .index-based-sec .index-based-sec-block .tips-investing-block .edel-icon-arrow-right1:before {
    font-size: 16px;
  }
  .index-based-sec .index-based-sec-block .tips-investing-block .EncodeSans_16_500 {
    font-size: 0.875rem;
  }
}
.index-based-sec .index-based-sec-block .tips-investing-block .marketgroup {
  height: 100%;
}
.index-based-sec .index-based-sec-block .tips-investing-block .marketgroup .marketCard {
  margin-left: 13px;
}
@media (max-width: 1023px) {
  .index-based-sec .index-based-sec-block .tips-investing-block .marketgroup .marketCard {
    margin-left: 0px;
  }
}
.index-based-sec .index-based-sec-block .tips-investing-block .marketgroup .marketCard .mk-card-topleftmain strong {
  margin-right: 5px;
}
.index-based-sec .index-based-sec-block .tips-investing-block .marketgroup .marketCard .marketcardbody {
  padding-top: 30px;
  padding-bottom: 0px;
}
.index-based-sec .index-based-sec-block .tips-investing-block .marketgroup .marketCard .marketcardfoot {
  justify-content: flex-start;
}

.mgr-5 {
  margin-right: 5px;
}

.lh-20 {
  line-height: 20px;
}

.lh-24 {
  line-height: 24px;
}

.mf-investRight {
  border: none;
  z-index: 999;
  background: none;
  color: #03002f;
  margin-top: -100px;
  margin-right: 50px;
  margin-left: 96%;
  position: relative;
}
.mf-investRight span {
  display: none;
}

.mf-investLeft {
  display: none;
}

.search-sort-filter {
  margin: 8px 0;
  justify-content: end;
  gap: 10px;
}
.search-sort-filter .fund-search {
  border-radius: 5px;
  width: 277px;
  height: 44px;
}
.search-sort-filter .fund-search .edel-icon-search {
  font-size: 1.563rem;
  position: relative;
  padding: 9.5px 7.5px;
}
.search-sort-filter .fund-search input {
  width: 207px;
  border: none;
  font-size: 0.75rem;
  color: #727271;
  font-family: "DMSansMedium";
  line-height: 140%;
}
.search-sort-filter .fund-search.open-search {
  justify-content: space-around;
  border: 1px solid #03002f;
  background: #ffffff;
}
.search-sort-filter .fund-search.open-search .search-bar {
  background: #ffffff;
}
.search-sort-filter .fund-search.open-search i::before {
  font-size: 0.625rem;
  position: relative;
  top: -2px;
}
.search-sort-filter .fund-search.open-search .edel-icon-left-arrow {
  padding-left: 10px;
  padding-right: 2px;
}
.search-sort-filter .fund-search.open-search .edel-icon-bold-close {
  padding-right: 10px;
  cursor: pointer;
}
.search-sort-filter .search-bar {
  width: 100%;
  display: flex;
  justify-content: inherit;
}
.search-sort-filter .sort .ed_button.link,
.search-sort-filter .filter .ed_button.link {
  border-radius: 5px;
  color: #03002f;
}
.search-sort-filter .sort .ed_button.link.bg_ed_blue,
.search-sort-filter .filter .ed_button.link.bg_ed_blue {
  color: #ffffff;
}
.search-sort-filter .sort .ed_button.link {
  padding: 10px 12px;
}
.search-sort-filter .filter .ed_button.link {
  padding: 10px 14px;
}
.search-sort-filter .filter-selected,
.search-sort-filter .sort-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 28px;
  top: -33px;
  position: relative;
  display: flex;
}

.compare-funds {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 9;
}
.compare-funds .compare-clear {
  display: flex;
  justify-content: space-between;
}
.compare-funds .compare-clear .compare-clear-buttons {
  gap: 20px;
}
.compare-funds .compare-clear .compare-clear-buttons .ed_button.link {
  color: #03002f;
}

.checked-block {
  gap: 30px;
}
.checked-block .checked-list {
  padding: 5px 10px;
  margin: 5px 0;
  border-right: 1px solid #b8b8b8;
}
.checked-block .checked-list label {
  padding: 10px 15px;
  gap: 20px;
  border-radius: 2px;
}

.compare-button {
  padding: 10px 16px;
  gap: 10px;
  border-radius: 6px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.compare-button button {
  color: #ffffff;
  border: 0;
  background-color: inherit;
}
.compare-button i {
  font-size: 1.375rem;
}

.top-funds.filters-tag {
  padding: 0 10px 15px;
}
@media (max-width: 768px) {
  .top-funds.filters-tag {
    padding: 0px !important;
  }
}

.funds.filterasset-drop-footer .clear_all.ed_button.blue-one {
  padding: 12.5px;
  background-color: #f0f9ff;
  color: #03002f;
}
.funds.filterasset-drop-footer .ed_button.blue-one {
  font-size: 0.875rem;
}

@media screen and (max-width: 1023px) {
  .top-fund-mob .top-funds-tabs {
    padding-left: 5px;
    padding-right: 5px;
  }
  .top-fund-mob .top-funds-tabs .sort-filter-labels {
    padding: 0 5px 0px 5px;
    overflow-x: unset;
  }
  .top-fund-mob .marketgroup.container.card-group {
    padding: 0;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card {
    border-radius: 0 !important;
    border: 0;
    padding: 0;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardhead.card-header {
    padding: 11px 15px 6px 15px !important;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .top-funds-tabs .nav.nav-tabs {
    padding-left: 15px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .top-funds-tabs .nav.nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #03002f;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter {
    border-radius: 5px;
    gap: 0px;
    justify-content: center;
    margin: 10px 0 10px 0;
    padding: 0 15px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search {
    width: 100%;
    border-radius: 5px 0 0 5px;
    padding: 22px 0;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search.open-search {
    border: 0;
    padding: 7px;
    border: 1px solid #03002f;
    margin-right: 5px;
    border-radius: 5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search.open-search .search-bar {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 7px;
    border-radius: 5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search.open-search .search-bar input {
    width: 100%;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .fund-search .edel-icon-search {
    top: 0px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .sort .ed_button.link,
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .filter .ed_button.link {
    width: 100%;
    border-radius: 5px 0px 0px 5px;
    padding: 16.5px 12.5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .search-sort-filter .filter .ed_button.link {
    border-radius: 0px 5px 5px 0px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .generic-tabs.top-funds-tabs .view-more-label {
    padding: 15px;
    line-height: 140%;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .generic-tabs.top-funds-tabs .view-more-label .ed_button {
    position: relative;
    top: -2px;
    margin-left: 2px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob {
    margin: 0px -5px;
    padding: 5px;
    border-top: 1px solid #e7e7e7;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .row {
    margin: 0;
    padding: 0;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .compare {
    gap: 10px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .compare input {
    accent-color: #03002f;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .star-rating {
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 7px;
    gap: 5px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .star-rating i {
    font-size: 0.75rem;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .num {
    position: relative;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .fund-labels {
    gap: 5px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .fund-labels i {
    font-size: 0.25rem;
    color: #b8b8b8;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .share-btn {
    width: 30px;
    height: 30px;
    border-radius: 33px;
  }
  .top-fund-mob .marketgroup.container.card-group .marketCard.card .marketcardbody.card-body .topFunds-mob .share-btn i::before {
    position: relative;
    top: 1.5px;
    left: -1px;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist {
    padding: 0;
    margin: 0;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist .nested-list {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist .nested-list label {
    margin-bottom: 5px;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist .nested-list li {
    border: 0;
    padding: 10px 5px 10px 20px;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li {
    display: flex;
    padding: 20px 17px 19px 20px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e7;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li label {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li .bodylist-right {
    color: #b8b8b8;
    display: flex;
    align-items: center;
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li .bodylist-right p {
    margin: 0;
    font-size: 0.75rem;
    font-family: "DMSansMedium";
  }
  .sort .drawerblock.sortbutton-drawer .drawer-body .sort-drop-bodylist li .bodylist-right p span i {
    margin-left: 6px;
  }
  .sort-filter-labels {
    padding: 0 5px 10px 5px;
  }
}
.top-funds .top-funds-tabs {
  padding-top: 10px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .top-funds .top-funds-tabs .nav-tabs {
    padding-left: 15px !important;
  }
}

.top-funds-tabs .filterasset-drop {
  z-index: 9 !important;
}

.topperforming-filter-focus-scroll,
.topperforming-filter-focus {
  display: none !important;
}

#TopPerformingFunds {
  margin-top: 40px;
}

.funds-sort.common-fund-sort .sort-drop-footer .ed_button {
  width: 100% !important;
}
.funds-sort .sort-drop {
  margin-top: 15px !important;
  right: 0px !important;
  z-index: 9;
}

.filter-accordion.accordion {
  padding-bottom: 7px;
}
.filter-accordion.accordion .accordion-header .accordion-button:not(.collapsed) {
  background-color: #f2f2f5;
}
.filter-accordion.accordion .accordion-header .accordion-button {
  font-size: 1rem;
  font-family: "DMSansMedium";
  background-color: #f2f2f5;
}
.filter-accordion.accordion .accordion-header .accordion-button.collapsed {
  background-color: #f2f2f5;
}
.filter-accordion.accordion .inside-list {
  gap: 5px;
}
.filter-accordion.accordion .inside-list:last-child {
  margin-bottom: 0px;
}
.filter-accordion.accordion .inside-list input {
  width: 16px;
  height: 16px;
}
.filter-accordion.accordion .inside-list input:checked {
  accent-color: #03002f;
}
.filter-accordion.accordion .inside-list .bodylist-title {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #444444;
}

.aum-input {
  gap: 10px;
}
.aum-input .equity-dropdown-block.dropdown button {
  width: 103px;
  height: 43px;
}
.aum-input .equity-dropdown-block.dropdown button i {
  color: #3580f7;
}
.aum-input input {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
}

.desk.aum-input {
  border-radius: 5px;
  padding: 20px;
}
.desk.aum-input .equity-dropdown-block.dropdown {
  padding: 20px 0px;
}
.desk.aum-input .equity-dropdown-block.dropdown button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-color: #e7e7e7;
}
.desk.aum-input input.form-control {
  height: 43px;
  border-color: #e7e7e7;
}

.funds.filterasset-drop-footer .ed_button.blue-one.button.filter-button-disable {
  border: none;
}

@media screen and (max-width: 1023px) {
  .filter-accordion.accordion {
    padding-bottom: 7px;
  }
  .filter-accordion.accordion .accordion-header .accordion-button:not(.collapsed) {
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .accordion-button {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .accordion-button.collapsed {
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .accordion-button::after {
    background-color: #ffffff;
  }
  .filter-accordion.accordion .accordion-header .clear-btn {
    width: unset !important;
    padding: 0 !important;
    margin-left: 10px;
  }
  .filter-accordion.accordion .nested-body::-webkit-scrollbar-thumb {
    background-color: #03002f;
  }
  .filter-accordion.accordion .nested-body.accordion-body {
    padding: 10px 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .filter-accordion.accordion .nested-body.accordion-body .inside-list {
    padding: 10px 0;
  }
  .funds-filter .mob-filterasset-drop-head .down-bar-right {
    color: #03002f;
  }
  .funds-filter .mob-filterasset-drop-body .main.filter-accordion {
    padding: 1% 3%;
  }
  .funds-filter .mob-filterasset-drop-body {
    padding-bottom: 86px;
  }
  .funds-filter .mob-filterasset-drop-body .bodylist {
    height: unset;
  }
  .funds-filter .mob-filterasset-drop-body .mf-Accordian-item {
    padding: 9px 20px;
  }
  .funds-filter .mob-filterasset-drop-footer {
    display: contents !important;
  }
  .funds-filter .mob-filterasset-drop-footer.funds-footer {
    height: unset;
    padding: 15px;
    width: 95%;
  }
  .funds-filter .mob-filterasset-drop-footer.funds-footer .ed_button.button {
    width: 90%;
    margin: 5% !important;
    padding: 2%;
  }
}
.light-blue label {
  color: #03002f !important;
}

.top-funds.marketgroup .marketCard.card .marketcardbody {
  padding: 0px;
}
.top-funds.marketgroup .marketCard.card .marketcardfoot {
  justify-content: center;
  padding: 15px !important;
}
.top-funds.marketgroup .marketCard.card .marketcardhead .mk-card-topleft .mk-card-topleftmain .gap span {
  width: 35px;
  height: 35px;
}

.top-funds-tabs .nav.nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.top-funds-tabs .nav.nav-tabs .nav-item {
  border-bottom: unset;
}
.top-funds-tabs .nav.nav-tabs .nav-item .nav-link {
  font-size: 1rem;
  padding: 10px;
  margin-right: 15px;
  font-size: 1rem !important;
  font-family: "DMSansNormal" !important;
  margin-bottom: 0px !important;
}
.top-funds-tabs .view-more-label {
  padding: 15px 0px 5px 20px;
}
.top-funds-tabs .view-more-label .ed_button {
  position: relative;
  top: -1px;
  margin-left: 2px;
}
.top-funds-tabs .top-performing table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0px;
  margin-bottom: 0px;
}
.top-funds-tabs .top-performing table thead {
  color: #727271;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.top-funds-tabs .top-performing table thead tr th {
  padding: 10px 20px;
}
.top-funds-tabs .top-performing table thead tr th:first-child {
  max-width: 200px;
}
.top-funds-tabs .top-performing table thead .readmore {
  color: #03002f;
}
.top-funds-tabs .top-performing table tbody tr td {
  cursor: pointer;
  border-left: none;
  border-right: none;
  padding: 12px 20px;
}
.top-funds-tabs .top-performing table tbody tr td:first-child {
  max-width: 200px;
}
.top-funds-tabs .top-performing table tbody .share-btn {
  width: 30px;
  height: 30px;
  border-radius: 33px;
}
.top-funds-tabs .top-performing table tbody .share-btn i::before {
  position: relative;
  top: 1.5px;
  left: -1px;
}
.top-funds-tabs .top-performing table tbody .invest-button {
  padding: 8px 37px;
}
.top-funds-tabs .top-performing table tbody tr:hover {
  background-color: #f2f2f5 !important;
}
.top-funds-tabs .top-performing table tbody .star-rating {
  gap: 5px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.top-funds-tabs .top-performing table tbody .star-rating i {
  font-size: 0.75rem;
}
.top-funds-tabs .top-performing table tbody .fund-labels {
  gap: 5px;
}
.top-funds-tabs .top-performing table tbody .fund-labels i {
  font-size: 0.375rem;
  color: #b8b8b8;
}
.top-funds-tabs .top-performing table tbody td input[type=checkbox] {
  border-radius: 4px;
  border: 2px solid #e7e7e7;
  height: 25px;
  width: 25px;
  opacity: 1 !important;
}
.top-funds-tabs .top-performing table tbody td input[type=checkbox]:checked {
  background-color: #03002f;
  border: 2px solid #e7e7e7;
  accent-color: #03002f;
}
.top-funds-tabs .top-performing.viewAll table {
  border-collapse: separate;
  border-spacing: 0 10px;
}
.top-funds-tabs .top-performing.viewAll table thead tr th:first-child {
  max-width: 200px;
}
.top-funds-tabs .top-performing.viewAll table thead tr th {
  padding: 10px 20px;
}
.top-funds-tabs .top-performing.viewAll table tbody tr td {
  padding: 12px 20px;
}
.top-funds-tabs .top-performing.viewAll table tbody td:first-child {
  border-left: 1px solid #e7e7e7;
  max-width: 200px;
}
.top-funds-tabs .top-performing.viewAll table tbody td:last-child {
  border-right: 1px solid #e7e7e7;
}
.top-funds-tabs .top-performing.viewAll table .remove-btn-props .btn-primary:hover {
  background-color: unset;
  border: none;
}
.top-funds-tabs .top-performing.viewAll table .remove-btn-props .btn-primary {
  border: none;
  background-color: unset;
}

.performing.viewAll .generic-tabs.top-funds-tabs .view-more-label {
  padding: 15px 0px 5px 0px;
}
.performing.viewAll .filterasset-drop::after,
.performing.viewAll .sort-drop::after {
  content: " ";
  position: absolute;
  right: 12px;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #f2f2f5;
}

@media screen and (max-width: 1023px) {
  .mob-margin {
    padding-top: 20px;
  }
  .mob-margin .marketgroup .marketCard {
    margin-bottom: 0px;
    padding: 0;
  }
  .mob-margin .marketgroup .marketCard .marketcardbody {
    padding: 0;
  }
  .mob-margin .marketgroup .marketCard .marketcardbody .fund-row.row {
    border-bottom: 1px solid #e7e7e7;
    align-items: center;
  }
  .mob-margin .marketgroup .marketCard .marketcardbody .fund-row.row .description {
    line-height: 18px;
  }
  .mob-margin .marketgroup .marketCard .marketcardhead {
    padding: 15px 15px 5px !important;
  }
}
@media (max-width: 768px) {
  #TopPerformingFunds .fund-row:last-child {
    border-bottom: none;
  }
}

.commonmarket-nopadding .marketCard {
  padding: 0px;
}
.commonmarket-nopadding .marketCard .marketcardhead {
  padding: 15px 0px 0px 15px !important;
}

.readmore-arrow-mf .readmore .edel-icon-double-arrow-right {
  margin-left: -2px;
}
.readmore-arrow-mf .readmore .edel-icon-double-arrow-left {
  margin-left: -2px;
}

.boxoutersection {
  border: 1px solid #e7e7e7;
  padding: 30px 20px 50px 20px;
  border-radius: 5px;
}
.boxoutersection .boxinnerSection {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
}
.boxoutersection .boxinnerSection h1 {
  margin-bottom: 10px;
}
.boxoutersection .horizontalline {
  border: 1px solid #e7e7e7;
  margin: 2rem 0px;
}
.boxoutersection > div:last-child .horizontalline {
  display: none;
}

.boxoutersectionview {
  border: 1px solid #e7e7e7;
  padding: 20px 20px 20px 20px;
  border-radius: 5px;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 23px;
  align-items: center;
  justify-items: center;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  width: 100%;
  padding: 23px;
  text-align: center;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox img {
  width: 43px;
}
.boxoutersectionview .viewothersectionouter .viewothersectioninner .viewOtherBox .headingtitle {
  line-height: 20px;
  margin-top: 20px;
}

.topperforming-experience {
  width: 100%;
  background-color: #fffbf2;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 32px;
  font-family: "EncodeSansLight";
  font-style: normal;
  height: 280px;
}
.topperforming-experience .topperforming-experience-body {
  font-weight: 300;
  font-size: 1rem;
  line-height: 20px;
  padding-top: 24px;
}
.topperforming-experience .topperforming-experience-body .Btntopperforming {
  float: left;
  margin-top: 3.14rem;
}
.topperforming-experience .topperforming-experience-body p {
  max-width: 310px;
}
.topperforming-experience .startlumpsumsection {
  justify-content: end;
  display: flex;
  align-items: end;
}
@media (max-width: 768px) {
  .topperforming-experience .startlumpsumsection .text-right {
    display: grid;
    grid-template-columns: 60% auto;
    grid-column-start: none;
  }
  .topperforming-experience .startlumpsumsection .text-right img {
    width: 45px;
  }
}
.topperforming-experience .startlumpsumsection .ed_button {
  text-transform: unset !important;
  width: 182px;
}
@media (max-width: 768px) {
  .topperforming-experience .startlumpsumsection .ed_button {
    width: 130px !important;
  }
}

.mfradiobox-mob-section .disp_val {
  color: #b8b8b8 !important;
}
.mfradiobox-mob-section .radio_btn input[type=radio]:checked + .disp_val {
  color: #444444 !important;
}

@media (max-width: 768px) {
  .mfradiobox-mob-section .disp_val {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
  }
}
.explorefundmainSection {
  background-color: #f2f2f5;
  padding: 30px 20px 30px 30px;
  border-radius: 5px;
}
.explorefundmainSection strong {
  margin-right: 5px;
}
.explorefundmainSection .fdreturn {
  margin-top: 39px;
  margin-bottom: 30px;
}
.explorefundmainSection .progressbarsection .progressbox {
  background-color: #ffffff;
  border-radius: 5px;
  height: 40px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.explorefundmainSection .progressbarsection .progressbox div:last-child {
  text-align: right;
}
.explorefundmainSection .progressbarsection .progressbox .mf-main,
.explorefundmainSection .progressbarsection .progressbox .mf-invest,
.explorefundmainSection .progressbarsection .progressbox .mf-gains {
  height: 10px;
}
.explorefundmainSection .progressbarsection .progressbox {
  background-color: #ffffff;
  border-radius: 5px;
  height: 40px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media (max-width: 768px) {
  .explorefundmainSection .progressbarsection .progressbox {
    padding-left: 12px !important;
    padding-right: 12px !important;
    grid-template-columns: 2fr 1.5fr;
  }
}
.explorefundmainSection .progressbarsection .progressbox div:last-child {
  text-align: right;
}
.explorefundmainSection .progressbarsection .progressbox .mf-main,
.explorefundmainSection .progressbarsection .progressbox .mf-invest,
.explorefundmainSection .progressbarsection .progressbox .mf-gains,
.explorefundmainSection .progressbarsection .progressbox .fd-gains {
  height: 10px;
}
.explorefundmainSection .outerprogresssection {
  display: flex;
  justify-content: space-between;
}
.explorefundmainSection .outerprogresssection .progressiconbox:last-child {
  grid-column-end: none;
}
.explorefundmainSection .outerprogresssection .progressiconbox {
  display: grid;
  grid-template-columns: 20px auto;
  gap: 8px;
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox {
    grid-template-columns: 11px auto;
    gap: 4px;
  }
}
.explorefundmainSection .outerprogresssection .progressiconbox .icondata div {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  position: relative;
  top: 5px;
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox .icondata div {
    width: 10px;
    height: 10px;
    top: 0px;
  }
}
@media (max-width: 768px) {
  .explorefundmainSection .outerprogresssection .progressiconbox div:last-child span:last-child {
    margin-top: 8px;
  }
}
.explorefundmainSection .mf-invest {
  background-color: #03002f;
}
.explorefundmainSection .mf-gains {
  background-color: #51b255;
}
.explorefundmainSection .fd-gains {
  background-color: #dfa717;
}
.explorefundmainSection .mt-36 {
  margin-top: 36px;
}
@media (max-width: 768px) {
  .explorefundmainSection .Roboto_36_600 {
    font-size: 1.875rem;
  }
  .explorefundmainSection .EncodeSansM_18_500 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSans_14_500 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .EncodeSans_16_600 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSansR_14_400 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .RobotoM_18_500 {
    font-size: 0.875rem;
  }
  .explorefundmainSection .EncodeSans_14_500 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .RobotoM_14_700 {
    font-size: 0.75rem;
  }
  .explorefundmainSection .EncodeSansR_12_400 {
    font-size: 0.688rem;
  }
  .explorefundmainSection .EncodeSans_16_500 {
    font-size: 0.875rem;
  }
}

.blurdesign {
  opacity: 0.5;
}

.growthCalculator-section .height40 {
  height: 40px;
}
@media (max-width: 768px) {
  .growthCalculator-section .mb-ui p {
    text-align: center;
    margin-bottom: 10px !important;
  }
}
.growthCalculator-section .marketgroup {
  padding: 0px;
}
.growthCalculator-section .marketgroup .marketCard {
  padding-bottom: 0px !important;
}
.growthCalculator-section .marketgroup .marketCard .mk-card-topright.gap {
  margin-left: 9px !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .marketgroup .marketCard .mk-card-topleftmain {
    font-size: 1rem !important;
  }
}
.growthCalculator-section .calculatortab .nav-item:last-child .nav-link {
  padding: 11px 15px 11px 15px !important;
}
.growthCalculator-section .calculatortab .nav-item .nav-link {
  font-size: 1rem !important;
  padding: 11px 15px 11px 11px !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatortab .nav-item .nav-link {
    font-size: 0.875rem !important;
    margin-bottom: 0px !important;
  }
}
.growthCalculator-section .calculatortab .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.growthCalculator-section .radioBoxsection {
  display: grid;
  grid-template-columns: 35% 35% auto;
  gap: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .radioBoxsection {
    grid-template-columns: 55% 45%;
    gap: 0px;
  }
}
.growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
  height: 17px;
  width: 17px;
}
@media screen and (max-width: 1023px) {
  .growthCalculator-section .radioBoxsection .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}
.growthCalculator-section .calculatorTextbox {
  border-bottom: 1px solid #e7e7e7;
}
.growthCalculator-section .calculatorTextbox .input_prefix {
  font-size: 2.625rem;
  font-family: "RobotoBold";
  font-weight: bolder;
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatorTextbox .input_prefix {
    font-size: 2.25rem;
  }
}
.growthCalculator-section .calculatorTextbox .form-control {
  border: none;
  line-height: 40px;
  padding: 0 0 0 10px;
  border-radius: 0px;
  font-size: 2.5rem;
  font-family: "RobotoBold";
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatorTextbox .form-control {
    font-size: 2.25rem;
    text-align: center;
  }
}
.growthCalculator-section .timeperiodSection {
  display: grid;
  grid-template-columns: 85% 15%;
  align-items: center;
  margin-top: 38px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection {
    grid-template-columns: 75% 25%;
  }
}
.growthCalculator-section .timeperiodSection.assumedreturn {
  grid-template-columns: 80% 20%;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.assumedreturn {
    grid-template-columns: 72% 28%;
  }
}
.growthCalculator-section .timeperiodSection.recommendation {
  grid-template-columns: 75% 25% !important;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.recommendation {
    grid-template-columns: 68% 32% !important;
  }
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection.recommendation .slider-input-group .slidervalue {
    width: 100px;
  }
  .growthCalculator-section .timeperiodSection.recommendation .slider-input-group .slidervalue .form-control {
    padding-right: 4px;
    padding-left: 7px;
  }
}
.growthCalculator-section .timeperiodSection.recommendation .input_suffix::before {
  content: "%/";
  margin-right: 5px;
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue {
  display: flex;
  align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue {
    padding-right: 10px;
  }
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control {
  border: none !important;
  font-size: 1.25rem;
  font-family: "RobotoRegular";
  text-align: right;
  padding-right: 6px;
  color: #444444;
  background-color: #ffffff;
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control:disabled {
  color: #b8b8b8;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .form-control {
    font-size: 1rem;
  }
}
.growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .input_suffix {
  grid-column-end: none;
  color: #b8b8b8;
  font-size: 1.125rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .slider-input-group .slidervalue .input_suffix {
    font-size: 0.875rem;
  }
}
.growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-input {
  width: 25px;
  height: 25px;
  accent-color: #03002f;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-input {
    width: 16px;
    height: 16px;
    position: relative;
    margin-top: 0px;
  }
}
.growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-label {
  line-height: 30px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .growthCalculator-section .timeperiodSection .RecommendationCheckbox .form-check-label {
    line-height: 35px;
    margin-left: 0px;
  }
}
.growthCalculator-section .radioBoxsectionfundtype {
  display: grid;
  grid-template-columns: 20% 20% 20% auto;
  gap: 30px;
}
@media (max-width: 768px) {
  .growthCalculator-section .radioBoxsectionfundtype {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button {
  border: 1px solid #e7e7e7;
  padding: 7px 8px 7px 9px;
  border-radius: 3px;
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button.active {
  background-color: #f2f2f5;
  border: 1px solid #03002f;
}
.growthCalculator-section .radioBoxsectionfundtype .radio-button input[type=radio]:checked::after {
  height: 17px;
  width: 17px;
}
@media screen and (max-width: 1023px) {
  .growthCalculator-section .radioBoxsectionfundtype .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}
@media (max-width: 768px) {
  .growthCalculator-section .calculatortab .mb-px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 367px) and (max-width: 768px) {
  .mfradiobox-mob-section .radio-button .radio_btn {
    align-items: center !important;
  }
}
.exploreAllFunds {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.exploreAllFunds p {
  margin: 0;
}
.exploreAllFunds ul.lists {
  padding: 15px;
  margin: 0;
}
.exploreAllFunds ul.lists li {
  border-bottom: 1px solid #e7e7e7;
  padding: 15px 0;
}
.exploreAllFunds ul.lists li:first-child {
  padding-top: 0;
  padding-bottom: 15px !important;
  border-bottom: 1px solid #e7e7e7 !important;
}
.exploreAllFunds ul.lists li:nth-child(2) {
  padding-bottom: 15px !important;
  border-bottom: 1px solid #e7e7e7 !important;
}
.exploreAllFunds ul.lists li:nth-child(3) {
  padding-bottom: 15px !important;
  border-bottom: 1px solid #e7e7e7 !important;
}
.exploreAllFunds ul.lists li:last-child {
  border-bottom: unset;
  padding-bottom: 0;
}
.exploreAllFunds .tile-block {
  gap: 30px;
  margin-top: 1.5rem;
}
.exploreAllFunds .tile-block h6 {
  margin-bottom: 15px;
}
.exploreAllFunds .tile-block .tile {
  min-height: 260px;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  height: 100%;
}
.exploreAllFunds .exploreFund-tabs .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
.exploreAllFunds .exploreFund-tabs .nav-tabs .nav-item .nav-link {
  font-size: 1rem;
  padding: 10px;
  margin-right: 15px;
  margin-left: 0px;
}
.exploreAllFunds .marketgroup .marketCard {
  padding-bottom: 35px;
}
@media (max-width: 1023px) {
  .exploreAllFunds .marketgroup .marketCard .marketcardhead {
    margin-left: 0px;
  }
}
.exploreAllFunds .marketgroup .marketCard .marketcardhead .mk-card-topleft {
  margin-right: 15px;
}
.exploreAllFunds .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain {
  display: flex;
  align-items: center;
}
.exploreAllFunds .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain .exclamation1 {
  height: 35px;
  width: 35px;
  margin-left: 20px;
}
.exploreAllFunds .viewAllFunds {
  cursor: pointer;
}
.exploreAllFunds .exploreAllFundsDesk .marketgroup .marketCard .marketcardhead {
  justify-content: unset;
}
.exploreAllFunds .exploreAllFundsMob .lists {
  padding: 0;
}
.exploreAllFunds .marketgroup.container {
  padding: 0;
}
@media (max-width: 1023px) {
  .exploreAllFunds .marketgroup.container {
    padding: 0px 15px !important;
  }
}

.mgt-20 {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .explore-mb-card .marketCard {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .explore-mb-card .marketCard .card-header {
    margin-left: 0px !important;
  }
  .explore-mb-card .marketCard .explore-mb .nav-tabs {
    border-bottom: 1px solid #e7e7e7 !important;
  }
  .explore-mb-card .marketCard .explore-mb .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #03002f !important;
  }
  .exploreAllFundsMobile .equityFunds {
    padding: 20px 15px 15px 15px;
  }
  .exploreAllFundsMobile .equityFunds .tile-block .tile .lists {
    margin-bottom: 20px !important;
    margin-top: 10px;
    border: 1px solid #e7e7e7;
    background-color: #ffffff;
    padding: 0px !important;
    border-radius: 5px;
  }
  .exploreAllFundsMobile .equityFunds .tile-block .tile .lists li {
    padding: 15px;
    border-bottom: 1px solid #e7e7e7;
  }
  .exploreAllFundsMobile .equityFunds .tile-block .tile .lists li p {
    margin-bottom: 0px !important;
  }
}
.explore-mb-card .marketcardhead .mk-card-topleftmain1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.explore-mb-card .exploreAllFundsMobile .equityFunds .tile-block {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.mf-filter .filterasset-drop-body:hover::-webkit-scrollbar {
  display: unset !important;
}
.mf-filter .filterasset-drop-body:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.mf-filter .mf-Accordian-item {
  border: none;
}
@media (max-width: 991px) {
  .mf-filter .filterasset-drop-body::-webkit-scrollbar {
    display: unset !important;
  }
}

.corporateGenericMainBlock {
  padding-bottom: 15px;
}
@media (max-width: 1023px) {
  .corporateGenericMainBlock div {
    padding: 0px;
  }
}
.corporateGenericMainBlock div {
  line-height: 140%;
}
.corporateGenericMainBlock .corporateGenericBlock {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  padding: 15px;
  gap: 20px;
}

@media (max-width: 1023px) {
  .CorporateActionMainBlock {
    background-color: #ffffff;
  }
}
.CorporateActionMainBlock .CoporateAction-heading {
  line-height: 1px;
  gap: 10px;
}
.CorporateActionMainBlock .CoporateAction-heading .rounded-circle.exclamation {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  color: #03002f;
  border: 1px solid #e7e7e7;
  position: relative;
  cursor: pointer;
}
.CorporateActionMainBlock .CoporateAction-heading .rounded-circle.exclamation i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}
.CorporateActionMainBlock .CoporateAction-heading .edel-icon-arrow-left1:before {
  font-size: 10px;
  line-height: 20px;
  color: #03002f;
  font-weight: bold;
}
@media (min-width: 1023px) {
  .CorporateActionMainBlock .generic-tabs.common-tab-color .nav-item .nav-link {
    font-family: "DMSansNormal" !important;
    width: 150px;
    padding: 0px;
    padding-bottom: 8px;
  }
}
.CorporateActionMainBlock .generic-tabs.common-tab-color .nav-item .nav-link {
  font-family: "DMSansNormal" !important;
  padding: 0px 10px 10px;
}
.CorporateActionMainBlock .generic-tabs.common-tab-color .nav-item .nav-link.active {
  font-family: "DMSansBold" !important;
}
@media (max-width: 1023px) {
  .CorporateActionMainBlock .generic-tabs.common-tab-color .nav-item .nav-link.active {
    font-family: "DMSansMedium";
  }
}
@media (max-width: 1023px) {
  .CorporateActionMainBlock .generic-tabs.common-tab-color .nav-tabs {
    gap: 15px;
    height: 29px;
  }
}
.CorporateActionMainBlock .corporateTab {
  margin-top: 19px;
}
.CorporateActionMainBlock .corporateTable-block .orderbook-table .ed_button.button {
  padding: 17px;
  width: 99px;
}
.CorporateActionMainBlock .corporateTable-block .equitydrop {
  width: 167px;
  display: flex;
  justify-content: space-between;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 140%;
  padding: 10px 8px 10px 10px;
}
@media (max-width: 1023px) {
  .CorporateActionMainBlock .corporateTable-block .equitydrop {
    width: 135px;
  }
}
.CorporateActionMainBlock .corporateTable-block .dropdown-block .ed_button {
  text-align: right;
  font-family: "DMSansMedium";
  font-size: 1rem;
}
.CorporateActionMainBlock .corporateTable-block .dropdown-block .corporate-new-drp {
  padding-top: 20px;
}
.CorporateActionMainBlock .corporateTable-block .equity-dropdown-block.show .dropdown-menu .dropdown-item {
  font-family: "DMSansMedium";
  font-size: 0.875rem;
}
.CorporateActionMainBlock .corporateTable-block .corporate-new-drp .equitydrop i:before {
  font-size: 0.938rem;
  font-weight: 700;
  color: #03002f;
}
.CorporateActionMainBlock .corporateTable-block .equity-dropdown-block.show .dropdown-menu {
  min-width: 167px;
  padding: 15px;
  background-color: #ffffff;
  height: 111px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #e7e7e7;
  transform: translate(0px, 60px) !important;
}
@media (max-width: 1023px) {
  .CorporateActionMainBlock .corporateTable-block .equity-dropdown-block.show .dropdown-menu {
    min-width: 125px;
  }
}
.CorporateActionMainBlock .corporateTable-block .equity-dropdown-block.show .dropdown-menu .dropdown-item {
  padding: 0px;
  padding-top: 10px;
}
.CorporateActionMainBlock .corporateTable-block .equity-dropdown-block.show .dropdown-menu .dropdown-item:first-child {
  padding-top: 0px;
}
.CorporateActionMainBlock .corporateTable-block .corporateAction table tbody td:last-child {
  width: 99px;
}
.CorporateActionMainBlock .corporateTable-block .corporateAction table thead th .title .d-flex {
  gap: 5px;
}
.CorporateActionMainBlock .corporateTable-block .buyback-note {
  padding: 10px;
  margin: 10px 10px 0px;
  width: calc(100% - 20px);
}
.CorporateActionMainBlock .corporateTable-block .corporateAction table .title {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}
.CorporateActionMainBlock .generic-tabs .nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}

.CorporateActionHeader {
  padding: 25px 20px 20px;
}
@media (max-width: 1023px) {
  .CorporateActionHeader {
    padding: 4px 23px 8px 31px;
  }
}
.CorporateActionHeader .briefcase-block {
  margin-left: 8.5px;
  padding-top: 2px;
}
.CorporateActionHeader .briefcase-block .holdings-count {
  margin-left: 2px;
}

.corporateInputFieldBlock {
  padding: 20px;
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (max-width: 1023px) {
  .corporateInputFieldBlock {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
.corporateInputFieldBlock .highlighted-input .form-control {
  background-color: #e7e7e7;
}
.corporateInputFieldBlock .pdt-30 {
  padding-top: 30px !important;
}
.corporateInputFieldBlock .corporatecheckbox {
  padding: 0px;
}
@media (max-width: 1023px) {
  .corporateInputFieldBlock .corporatecheckbox .flex-inline-center {
    align-items: center !important;
  }
}
.corporateInputFieldBlock .corporatecheckbox .form-check {
  padding-top: 10px;
  gap: 0px !important;
}
@media (max-width: 1023px) {
  .corporateInputFieldBlock .corporatecheckbox .form-check {
    padding-top: 5px;
  }
}

.Rightissue-block {
  padding: 20px 20px;
}
.Rightissue-block div {
  line-height: 150%;
}
.Rightissue-block .midnight-blue-underline.ed_button.button {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}

.shareicon-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1023px) {
  .shareicon-block {
    justify-content: space-between;
  }
}
.shareicon-block .ed_button.button {
  padding: 9px 17px;
  width: 99px;
}

.BuyBack-block .error-note {
  padding: 10px 15px;
  margin: 10px 20px;
  border-radius: 5px;
}

.ofs-mob-confirmation {
  height: 100vh;
}
.ofs-mob-confirmation .btn-class-btntype.bottom-contents {
  padding-top: 26px;
}
.ofs-mob-confirmation .back-button {
  margin-right: -10px;
  padding-top: 5px;
}
.ofs-mob-confirmation .back-button .edel-icon-arrow-left {
  font-size: 30px;
}
.ofs-mob-confirmation .toc-margin .marginouter {
  display: none;
}
.ofs-mob-confirmation .order-confirmation .bottom-contents {
  padding-top: 16px;
}

.order-confirmation-desk .toc-margin .marginouter {
  display: none;
}

@media (max-width: 768px) {
  .ofs-Error-popup {
    padding-top: 60px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.ofs-Error-popup .modal-content {
  border: 0;
}
.ofs-Error-popup .modal-content .modal-header {
  border: 0px;
  background-color: #f2f2f5;
  padding: 19px 21px 18px 20px !important;
}
.ofs-Error-popup .modal-content .info-text {
  padding: 0 60px 60px;
}
@media (max-width: 768px) {
  .ofs-Error-popup .modal-content .info-text {
    padding: 0 20px 30px;
  }
}
.ofs-Error-popup .modal-dialog {
  max-width: 650px !important;
  top: 20%;
}
@media (max-width: 768px) {
  .ofs-Error-popup .modal-dialog {
    margin: 0;
  }
}
.ofs-Error-popup .back-btn:hover {
  cursor: pointer;
}
.ofs-Error-popup .back-btn {
  margin-bottom: 40px;
}

.ofs-toc .stock-details-head {
  padding-left: 3% !important;
  padding-top: 0% !important;
  padding-bottom: 0;
}

.orderbook-ofs-sidebar .marketaction-pivot {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.orderbook-ofs-sidebar .market-action-pivot-grid {
  padding-bottom: 15px !important;
}
.orderbook-ofs-sidebar .pivotName {
  padding-bottom: 0.5rem !important;
}
.orderbook-ofs-sidebar .pivotDate.DMsanR_10_400 {
  font-size: 0.875rem !important;
  font-family: "RobotoMedium" !important;
  color: #292929 !important;
}

.corporateAction tbody tr td {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.corporateAction tbody tr td .scrip {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}

.ipo-orderbook .orderbook-table table thead tr th:nth-child(6) .title {
  justify-content: end;
}

.all-tools-mainblock {
  padding-top: 30px;
}
.all-tools-mainblock .generic-tabs .nav-tabs {
  gap: 15px;
}
.all-tools-mainblock .generic-tabs .nav-tabs .nav-item .nav-link {
  padding: 10px 10px 7px 10px;
}
.all-tools-mainblock .optionchain-tool-block {
  margin-top: 30px;
  border: 1px solid #e7e7e7;
  position: relative;
}
.all-tools-mainblock .optionchain-tool-block .head-block {
  padding: 20px 15px 30px;
}
.all-tools-mainblock .optionchain-tool-block .head-block .rounded-circle {
  margin-left: 20px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  color: #03002f;
  border: 1px solid #f0f9ff;
  position: relative;
  cursor: pointer;
  top: 0px;
}
.all-tools-mainblock .optionchain-tool-block .head-block .rounded-circle i {
  font-size: 0.938rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -8px;
}
.all-tools-mainblock .optionchain-tool-block .stock-head-block {
  padding: 10px 15px 9px;
}
@media screen and (min-width: 1023px) {
  .all-tools-mainblock .optionchain-tool-block .fix-search {
    width: 300px;
  }
}
.all-tools-mainblock .optionchain-tool-block .optiochain-search .common-search-bar {
  width: 269px;
  height: 54px;
  border: 1px solid #e7e7e7;
  margin-left: 15px;
}
@media (max-width: 768px) {
  .all-tools-mainblock .optionchain-tool-block .optiochain-search .common-search-bar {
    width: 100%;
    border-width: 5px;
    border-radius: 5px;
  }
}
.all-tools-mainblock .optionchain-tool-block .optiochain-search .common-search-bar input {
  border-radius: 5px;
  border-top-left-radius: 0px;
}
.all-tools-mainblock .displayTrendingList {
  margin-top: 10px;
  margin-left: 15px;
  color: #b8b8b8;
}

.pdl-15 {
  padding-left: 15px;
}

@media screen and (max-width: 1023px) {
  .tools-tabs .nav-tabs .nav-link.active {
    background-color: #f5f5f5;
  }
}
.pixel-border-5 {
  border: 5px solid #f2f2f5;
  border-radius: 5px;
}

.know-before-invest-section .know-before-invest {
  display: grid;
  grid-template-columns: 1.3fr 1.95fr 0.6fr;
  align-items: center;
  justify-content: center;
  height: 76px;
  border: 1px solid #e7e7e7;
  margin-bottom: 40px;
  border-radius: 5px;
}
@media (min-width: 1023px) {
  .know-before-invest-section .know-before-invest .view-all-icon .d-ln-view-all {
    margin-right: 7px !important;
  }
}
.know-before-invest-section .ipobox-outer-box li {
  display: grid;
  grid-template-columns: 1fr 1.5fr 0.5fr;
  align-items: center;
}
.know-before-invest-section .ipobox-conatiner {
  display: grid;
  grid-template-columns: 37px auto;
  align-items: center;
  justify-content: center;
}
.know-before-invest-section .ipobox-conatiner img {
  width: 33px;
}

.know-before-invest-mobile {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  height: 91px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin-top: 20px;
}
.know-before-invest-mobile .section-name {
  gap: 6px;
}
.know-before-invest-mobile a {
  text-decoration: underline !important;
}
.know-before-invest-mobile .owl-dots {
  padding: 0px;
  margin: 0px;
}
.know-before-invest-mobile .owl-dots span {
  width: 8px !important;
}
.know-before-invest-mobile .owl-dots .active span {
  border: 1px solid #03002f;
}

.primary-ncd-header {
  position: sticky;
  top: 0px;
  background-color: white;
  z-index: 2;
  max-width: 100vw;
}
.primary-ncd-header .yield-btn {
  padding: 2px 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.primary-ncd-header .yield-btn .edel-icon-point-arrow-up {
  margin-bottom: 2px;
  font-weight: 600;
}
.primary-ncd-header .yield-btn .edel-icon-sort1 {
  font-size: 10px;
  font-weight: 600;
}
.primary-ncd-header .transaction-party-filter {
  padding: 5px 10px;
  border-radius: 5px;
}
.primary-ncd-header .search-operation-btn-container .ncd-search {
  width: 275px;
}
.primary-ncd-header .search-operation-btn-container .ncd-search input {
  height: 45px;
}
.primary-ncd-header .search-operation-btn-container .ncd-sort-btn {
  position: relative;
}
.primary-ncd-header .search-operation-btn-container .ncd-sort-btn .ed_button {
  border-radius: 5px;
  padding: 10px 13px;
}
.primary-ncd-header .search-operation-btn-container .ncd-sort-btn .sort-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 28px;
  top: 10px;
  position: absolute;
  display: flex;
}
.primary-ncd-header .search-operation-btn-container .ncd-sort-btn .showSortDropdown .bodylist-right .midnight-blue-color {
  color: #03002f !important;
}
.primary-ncd-header .search-operation-btn-container .ncd-filter-btn .filter-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 28px;
  top: -34px;
  position: relative;
  display: flex;
}
.primary-ncd-header .search-operation-btn-container .ncd-filter-btn .ed_button {
  border-radius: 5px;
  padding: 10px 13px;
}

.primary-ncd-header-mobile {
  padding: 10px;
  transition: all 1.3s ease;
}
.primary-ncd-header-mobile .eftFillterBtn {
  display: flex;
}
.primary-ncd-header-mobile .eftFillterBtn .filter-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: -8px;
  top: 1px;
  position: relative;
  display: flex;
}
.primary-ncd-header-mobile .yield-btn {
  padding: 2px 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.primary-ncd-header-mobile .yield-btn .edel-icon-point-arrow-up {
  margin-bottom: 2px;
  font-weight: 600;
}
.primary-ncd-header-mobile .yield-btn .edel-icon-sort1 {
  font-size: 10px;
  font-weight: 600;
}
.primary-ncd-header-mobile .leftsidebar {
  box-shadow: none;
}
.primary-ncd-header-mobile .leftsidebar .nav {
  border-bottom: 0px !important;
}
.primary-ncd-header-mobile .leftsidebar .nav-item {
  margin-bottom: 12px !important;
}
.primary-ncd-header-mobile .rightsidebar.common-drawer-scroll {
  height: 450px;
}
.primary-ncd-header-mobile .rightsidebar {
  margin-bottom: 50px;
}
.primary-ncd-header-mobile .rightsidebar .filterasset-drop-body :last-child {
  padding-bottom: 0px !important;
}
.primary-ncd-header-mobile .rightsidebar {
  margin-bottom: 0px !important;
}
.primary-ncd-header-mobile .rightsidebar ul li {
  width: fit-content;
}
.primary-ncd-header-mobile .rightsidebar ul li input#checkbox {
  min-width: 20px !important;
}
.primary-ncd-header-mobile .transaction-party-filter {
  margin-inline: 3px;
  padding: 8px 10px;
  border-radius: 5px;
}
.primary-ncd-header-mobile .common-EdButtonIcon-icon {
  border-radius: 5px;
  padding: 10px;
  background-color: #f2f2f5;
}
.primary-ncd-header-mobile .ncd-filter-btn {
  color: #03002f;
  border-radius: 5px;
  padding: 10px 12px;
}

.ncd-web-filter .filter-accordion {
  padding-top: 0px !important;
}
.ncd-web-filter .filter-accordion .accordion-item {
  margin-top: 20px;
  border: none !important;
}

.ncd-mobile-container .ncd-mob-card {
  margin-inline: 10px;
  padding: 20px;
  border: 1px solid rgba(128, 128, 128, 0.2509803922);
  border-radius: 5px;
}
.ncd-mobile-container .ncd-mob-card .ncd-mob-header {
  line-height: 25px;
}
.ncd-mobile-container .ncd-mob-card .ncd-mob-body {
  padding-bottom: 20px;
  margin-top: 5px;
}
.ncd-mobile-container.drawrerOpen {
  -webkit-overflow-scrolling: touch;
}
.ncd-mobile-container .marketCard {
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}
.ncd-mobile-container .marketCard .marketcardbody {
  padding-top: 0 !important;
}
.ncd-mobile-container :nth-child(1) .marketCard {
  border-radius: 5px 5px 0 0 !important;
}
.ncd-mobile-container :last-child .marketCard {
  border-radius: 0 0 5px 5px !important;
}

.primary-ncd-container {
  border-radius: 5px;
  min-height: 90vh;
  border: 1px solid #e7e7e7;
  margin-top: 30px;
  margin-bottom: 50px;
}
.primary-ncd-container::-webkit-scrollbar-track-piece {
  margin-top: 155px !important;
}
.primary-ncd-container .primary-ncd-header .filterasset-drop {
  padding: 20px 20px 0px 20px !important;
  max-height: 350px;
  overflow-y: scroll;
}
.primary-ncd-container .primary-ncd-header .filterasset-drop .filter-accordion {
  margin: 0px;
  padding-block: 15px;
  padding-inline: 0px;
}
.primary-ncd-container .primary-ncd-header .filterasset-drop .filter-accordion .accordion-button {
  padding: 0px;
}
.primary-ncd-container .primary-ncd-header .filterasset-drop .filterasset-drop-footer {
  position: sticky;
  bottom: 0px;
  width: 100%;
  padding-block: 5px;
  z-index: 99;
}
.primary-ncd-container .buyer.fixed-header thead {
  box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.1);
}
.primary-ncd-container .buyer thead {
  position: sticky;
  top: 138px;
  background-color: white;
  z-index: 1;
}
.primary-ncd-container .buyer thead tr th:nth-child(1) {
  width: 25%;
}
.primary-ncd-container .buyer thead tr th:nth-child(2) {
  width: 10%;
}
.primary-ncd-container .buyer thead tr th:nth-child(3) {
  width: 10%;
}
.primary-ncd-container .buyer thead tr th:nth-child(4) {
  text-wrap: balance;
  width: 10%;
  text-align: center;
}
.primary-ncd-container .buyer thead tr th:nth-child(5) {
  width: 10%;
  text-align: right;
}
.primary-ncd-container .buyer thead tr th:nth-child(6) {
  width: 15%;
  text-align: center;
}
.primary-ncd-container .buyer thead tr th:nth-child(7) {
  width: 15%;
  text-align: center;
}
.primary-ncd-container .buyer thead tr th:nth-child(8) {
  width: 5%;
}
.primary-ncd-container .buyer tbody tr td:nth-child(1) {
  width: 25%;
}
.primary-ncd-container .buyer tbody tr td:nth-child(2) {
  width: 10%;
}
.primary-ncd-container .buyer tbody tr td:nth-child(3) {
  width: 10%;
}
.primary-ncd-container .buyer tbody tr td:nth-child(4) {
  width: 10%;
  text-align: right;
}
.primary-ncd-container .buyer tbody tr td:nth-child(5) {
  width: 10%;
  text-align: right;
}
.primary-ncd-container .buyer tbody tr td:nth-child(6) {
  width: 15%;
  text-align: center;
}
.primary-ncd-container .buyer tbody tr td:nth-child(7) {
  width: 15%;
  text-align: center;
}
.primary-ncd-container .buyer tbody tr td:nth-child(8) {
  width: 5%;
}
.primary-ncd-container .seller thead {
  position: sticky;
  top: 65px;
  background-color: white;
  z-index: 1;
}
.primary-ncd-container .seller thead tr th:nth-child(1) {
  width: 40%;
}
.primary-ncd-container .seller thead tr th:nth-child(2) {
  width: 20%;
}
.primary-ncd-container .seller thead tr th:nth-child(3) {
  width: 20%;
}
.primary-ncd-container .seller thead tr th:nth-child(4) {
  width: 20%;
}
.primary-ncd-container .seller tbody tr td:nth-child(1) {
  width: 40%;
}
.primary-ncd-container .seller tbody tr td:nth-child(2) {
  width: 25%;
}
.primary-ncd-container .seller tbody tr td:nth-child(3) {
  width: 25%;
}
.primary-ncd-container .seller tbody tr td:nth-child(4) {
  width: 10%;
}
.primary-ncd-container .ncd-transaction-btn-container {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 15px;
}
.primary-ncd-container .ncd-transaction-btn-container .button {
  padding: 9px 17px !important;
}
.primary-ncd-container .table thead tr th {
  vertical-align: top;
}

.ncd-type-popup .modal-content {
  border: 0;
}
.ncd-type-popup .modal-content .modal-header {
  border: 0px;
  background-color: #f2f2f5;
  padding: 19px 21px 18px 20px !important;
}
.ncd-type-popup .ncd-type-radio {
  display: grid;
  grid-template-columns: 150px 150px auto;
  gap: 10px;
  padding: 20px 10px 50px;
}
@media (max-width: 768px) {
  .ncd-type-popup .ncd-type-radio {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.ncd-type-popup .ncd-type-radio .radio-button {
  border: 1px solid #e7e7e7;
  padding: 11px 8px 7px 0px;
  border-radius: 5px;
  height: 41px;
}
.ncd-type-popup .ncd-type-radio .radio-button.active {
  background-color: #f2f2f5;
  border: 1px solid #03002f;
}
.ncd-type-popup .ncd-type-radio .radio-button input[type=radio]:checked::after {
  height: 10px;
  width: 10px;
}
@media screen and (max-width: 1023px) {
  .ncd-type-popup .ncd-type-radio .radio-button input[type=radio]:checked::after {
    height: 12px;
    width: 12px;
  }
}
.ncd-type-popup .ncdType-button {
  padding: 10px 20px 10px 20px;
  margin: 0 5px;
  border-radius: 5px;
  width: 200px;
  font-size: 1rem;
  font-family: "DMSansMedium";
}

.ncd-type-drawer .radio-button {
  border: 1px solid #e7e7e7;
  padding: 20px 8px 20px 15px;
}
.ncd-type-drawer .ncd-type-footer {
  padding: 20px 0px;
}
.ncd-type-drawer .ncdType-button {
  padding: 10px 20px 10px 20px;
  width: 40%;
  border-radius: 5px;
  margin: 0 15px;
  font-size: 1rem;
  font-family: "DMSansMedium";
}

.text-wrap-ncd {
  text-wrap: nowrap !important;
}
@media screen and (min-width: 1023px) {
  .market-today-container {
    border: 1px solid #e7e7e7;
    background-color: #ffffff;
  }
}
.market-today-container {
  border-radius: 5px;
  max-width: 100%;
  margin: 50px 0px;
}
@media screen and (max-width: 1023px) {
  .market-today-container {
    margin: 20px 0px;
  }
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-top {
    border-radius: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-top {
    border: 1px solid #e7e7e7;
    background-color: #ffffff;
  }
}
.market-today-container .market-today-sec-top .market-today-top-section {
  padding: 20px 20px 20px 20px;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-top .market-today-top-section {
    padding: 15px;
    border-bottom: 0px;
  }
}
.market-today-container .market-today-sec-top .market-today-top-section .market-commentory-section .owl-dots {
  padding-top: 0px !important;
  padding-bottom: 0px;
  margin: 0px;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards {
  height: 170px;
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards {
    height: 130px;
  }
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .selected {
  background-color: #f2f2f5;
}
@media screen and (min-width: 1300px) {
  .market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .column_second .generic-stock-card-date {
    line-height: 22px;
  }
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .column_second .generic-stock-date-status {
  padding-top: 0px;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-title h4 {
  max-width: 100%;
  overflow-x: hidden;
  white-space: nowrap;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards:hover {
  background-color: #f2f2f5;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-stock-percentage-and-change p,
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-stock-value p,
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-title p {
  overflow-wrap: normal;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-stock-percentage-and-change,
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-stock-value,
.market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards .generic-stock-card-title {
  max-width: 100%;
  overflow-x: hidden;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:first-child .generic-stock-cards {
  border-left: 0px;
}
@media screen and (max-width: 998px) and (min-width: 991px) {
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(3) .generic-stock-cards,
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(5) .generic-stock-cards {
    border-left: 1px solid #e7e7e7 !important;
  }
  .market-today-container .market-today-sec-top .market-today-stock-cards .generic-stock-cards {
    min-height: 155px;
  }
}
@media screen and (max-width: 998px) {
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:first-child .generic-stock-cards,
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(2) .generic-stock-cards,
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(3) .generic-stock-cards {
    border-bottom: 0px;
  }
}
@media screen and (max-width: 998px) {
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(1),
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(2) {
    border-top: 0px;
  }
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(4) .generic-stock-cards {
    border-bottom: 0px !important;
  }
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(2) .generic-stock-cards,
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(4) .generic-stock-cards {
    border-right: 0px;
  }
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(5) .generic-stock-cards,
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(6) .generic-stock-cards {
    border-bottom: 0px !important;
  }
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(5) .generic-stock-cards:hover {
    border-bottom-left-radius: 5px !important;
  }
  .market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:nth-child(5) .generic-stock-cards:hover {
    border-bottom-right-radius: 5px;
  }
}
.market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:not(:first-child) .generic-stock-cards,
.market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:not(:last-child) .generic-stock-cards {
  border-left: 0px;
}
.market-today-container .market-today-sec-top .market-today-stock-cards .col-lg-2:last-child .generic-stock-cards {
  border-right: 0px;
}
.market-today-container .market-today-sec-top .market-top-section-container {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-top .market-top-section-container {
    margin-bottom: 8px;
  }
}
.market-today-container .market-today-sec-top .market-top-section-container .market-today-title h4 {
  margin-bottom: 0px;
}
.market-today-container .market-today-sec-top .market-top-section-container .market-today-title .market {
  font-family: "DMSansBold";
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: center;
  padding-right: 5px;
  color: #0b243a;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-top .market-top-section-container .market-today-title .market {
    font-size: 1.25rem;
  }
}
.market-today-container .market-today-sec-top .market-top-section-container .market-today-title .today {
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: center;
  color: #0b243a;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-top .market-top-section-container .market-today-title .today {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-bottom {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 977px) {
  .market-today-container .market-today-sec-bottom {
    border-radius: 5px;
  }
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom {
    border-radius: 5px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabels li span {
  font-family: "RobotoRegular";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  color: #444444;
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabels li span {
    font-size: 0.75rem;
    line-height: 15.6px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname {
  padding-top: 10px;
}
.market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname .Progresscommondatavalue {
  font-family: "RobotoMedium";
  font-size: 1rem;
  line-height: 21px;
  letter-spacing: 0em;
  color: #444444;
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname .Progresscommondatavalue {
    font-family: "RobotoRegular";
    font-size: 0.875rem;
    font-weight: 400;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname .fullwidth {
  position: relative;
  top: -2px;
}
.market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname .fullwidth span {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname .fullwidth span {
    font-family: "DMSansNormal";
    font-size: 0.75rem;
    font-weight: 400;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .bar-chart-section .dbar29RangesliderLabelname.datevaluecontent {
  position: relative;
  top: -40px;
}
.market-today-container .market-today-sec-bottom .market-barchart-section .section-left {
  padding: 0px;
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section {
    margin-top: 20px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .section-right {
  padding: 90px 16px 30px 38px;
}
@media screen and (max-width: 977px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .section-right {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .section-right {
    padding: 20px 15px 15px 15px;
    border: none;
  }
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .section-right {
    border-radius: 5px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-status {
  padding-bottom: 50px;
}
@media screen and (max-width: 991px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .market-status {
    padding-bottom: 34px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-status div {
  border: 0px !important;
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-status .days-indicator .title h4 {
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0em;
  color: #727271;
  margin-bottom: 6px;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .market-status .days-indicator .title h4 {
    font-family: "DMSansNormal";
    font-size: 0.75rem;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 10px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-status .days-indicator .value p {
  font-family: "RobotoMedium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0em;
  color: #444444;
  margin: 0px;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .market-status .days-indicator .value p {
    font-family: "RobotoRegular";
    font-size: 0.875rem;
    line-height: 19.6px;
    font-weight: 400;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section {
  padding-top: 70px;
}
@media screen and (max-width: 998px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section {
    padding-top: 20px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section .market-quote-button {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 22px;
  letter-spacing: 0em;
  text-transform: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: none !important;
  padding: 0px;
  color: #03002f;
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section .market-quote-button .viewall-icon-container {
  margin-left: 7px;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section .market-quote-button .viewall-icon-container {
    margin-left: 10px;
  }
}
.market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section .market-quote-button .viewall-icon-container .viewall-icon-box .edel-icon-arrow-right:before {
  left: -2px;
  top: 2px;
}
@media screen and (max-width: 1023px) {
  .market-today-container .market-today-sec-bottom .market-barchart-section .market-quote-section .market-quote-button {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 21.6px;
  }
}

.marketMapWrap .marketMap .marketgroup {
  padding: 0px;
}
.marketMapWrap .marketMap .marketgroup .marketCard {
  height: 100%;
}
@media (max-width: 768px) {
  .marketMapWrap .marketMap .marketgroup .marketCard {
    height: auto;
    padding: 15px !important;
  }
}

@media (max-width: 768px) {
  .marketmapouter {
    height: auto;
  }
}
@media (max-width: 768px) {
  .marketmapouter .FlexBox {
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .marketmapouter .equity-dropdown-block .equitydrop {
    padding: 5px 8px;
  }
}

.mapProgress h6 {
  font-size: 1.125rem;
  margin-bottom: 25px;
  margin-top: 20px;
}

@media screen and (max-width: 1023px) {
  .mapProgress h6 {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .markettoday-viewallbtn {
    margin-right: 10px;
  }
}

.stockCardsParent div:last-child .generic-stock-cards {
  cursor: default;
}
.stockCardsParent div:last-child .generic-stock-cards:hover {
  background-color: #ffffff !important;
}

.market-commentory {
  background-color: #fffbec;
  padding: 15px 20px 20px 20px;
}
@media screen and (max-width: 1023px) {
  .market-commentory {
    padding: 12px 15px 10px 15px;
  }
}
.market-commentory p {
  margin: 0px;
}
.market-commentory .market-commentory-title {
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  .market-commentory .market-commentory-title {
    margin-bottom: 15px;
  }
}
.market-commentory .market-commentory-title p {
  font-family: "EncodeSansMedium";
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 25.2px;
  letter-spacing: 0px;
  text-align: left;
  color: #dfa717;
}
@media screen and (max-width: 1023px) {
  .market-commentory .market-commentory-title p {
    font-size: 0.875rem;
    line-height: 19.6px;
  }
}
.market-commentory .market-commentory-date {
  line-height: 19.6px;
}
@media screen and (max-width: 1023px) {
  .market-commentory .market-commentory-date {
    line-height: 12.5px;
  }
}
.market-commentory .market-commentory-date p {
  line-height: 19.6px;
}
@media screen and (max-width: 1023px) {
  .market-commentory .market-commentory-date p {
    line-height: 12.5px;
  }
}
@media screen and (max-width: 1023px) {
  .market-commentory .market-commentory-date {
    text-align: right;
  }
}
.market-commentory .market-commentory-date .commentory-time,
.market-commentory .market-commentory-date .commentory-date {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0em;
  text-align: left;
  color: #b8b8b8;
}
@media screen and (max-width: 1023px) {
  .market-commentory .market-commentory-date .commentory-time,
  .market-commentory .market-commentory-date .commentory-date {
    font-family: "EncodeSansLight";
    font-size: 0.625rem;
    font-weight: 300;
    line-height: 12.5px;
    color: #727271;
  }
}
.market-commentory .period {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #b8b8b8;
  display: inline-block;
  margin-left: 7px;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  color: #b8b8b8;
}
@media screen and (max-width: 1023px) {
  .market-commentory .period {
    top: 0px;
    height: 3px;
    width: 3px;
    margin-left: 5px;
  }
}
@media screen and (max-width: 991px) {
  .market-commentory .period {
    top: 2px;
  }
}

.ongoing-ipo .ipo-heading {
  font-size: 1.75rem;
  font-family: "EncodeSansMedium";
  line-height: 140%;
  padding-bottom: 30px;
}
.ongoing-ipo .ipo-heading strong {
  font-family: "EncodeSansBold";
}

.ipo-card .card {
  background: #f0f9ff;
}
.ipo-card .card-header {
  background: none;
  padding: 20px 15px;
}
.ipo-card .card-header .ipo-headings {
  font-family: "EncodeSansMedium";
  font-size: 0.625rem;
  display: flex;
  justify-content: space-between;
}
.ipo-card .card-header .ipo-headings .live {
  display: flex;
}
.ipo-card .card-header .ipo-headings .live .dot {
  margin: 4px 4px 4px 0px;
  border-radius: 5px;
  position: relative;
  height: 7px;
  width: 7px;
  background-color: #51b255;
}
.ipo-card .card-header .ipo-headings .timestamp {
  display: flex;
  color: #727271;
  font-family: "EncodeSansMedium";
  font-size: 0.625rem;
}
.ipo-card .card-header .ipo-headings .timestamp img {
  margin: 0px 0px 0px 20px;
  width: 25px;
}
.ipo-card .card-body {
  padding: 0px 15px !important;
  line-height: 140%;
}
.ipo-card .card-body .ipo-header {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
}
.ipo-card .card-body .ipo-description {
  font-size: 0.75rem;
  font-family: "encodesans_normal";
  color: #727271;
}
.ipo-card .card-body .ipo-description .ipo-web {
  color: #444444;
}
.ipo-card .card-body .row {
  padding-top: 20px;
}
.ipo-card .card-body .row div label {
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  color: #727271;
}
.ipo-card .card-body .row div p:first-child {
  font-family: "RobotoMedium";
}
.ipo-card .card-body .row div p {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
}
.ipo-card .card-body .row .inline-status {
  display: flex;
  gap: 8px;
  padding-top: 10px;
}
.ipo-card .card-body .row .roboto-num {
  font-family: "RobotoMedium";
}
.ipo-card .card-footer {
  padding: 11px 16px 21px 20px;
  background: none;
  border: none;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
}
.ipo-card .card-footer .footer-buttons {
  display: flex;
  gap: 7%;
}
.ipo-card .card-footer .footer-buttons .ed_button.blue-link {
  background: none;
}
.ipo-card .card-footer .footer-buttons .ed_button.blue-one {
  height: 40px;
  padding: 0 16px;
  font-size: 0.875rem;
}
.ipo-card .card-footer .footer-buttons img {
  width: 36px;
  position: absolute;
  right: 16px;
}
.ipo-card .card-footer .footer-buttons .share-icon {
  width: 30px;
  height: 30px;
  background: rgba(53, 128, 247, 0.1);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-self: center;
}
.ipo-card .card-footer .footer-buttons .share-icon i {
  color: #3580f7;
  display: flex;
  align-items: center;
}
.ipo-card .card-footer .space-even {
  justify-content: space-evenly;
}
@media (min-width: 768px) and (max-width: 1600px) {
  .ipo-card .marketgroup .marketCard .marketcardfoot.card-footer {
    padding: 0px 15px 15px 15px !important;
  }
}
@media (max-width: 768px) {
  .ipo-card .marketgroup .marketCard .marketcardfoot.card-footer {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.market-ipos .card-header {
  padding-bottom: 7px;
}
.market-ipos .card-header .ipo-headings .live .dot {
  margin: 2px 4px 4px 0px;
}
.market-ipos .card-body .row {
  padding-top: 16px;
}
.market-ipos .card-body .row div p {
  font-size: 0.75rem;
}
.market-ipos .card-footer {
  padding-top: 8px;
}

.ipo-carousel .bg-lightyellow .card {
  background: #fffbf2;
}
.ipo-carousel .owl-stage-outer .owl-item.active.blurred-opacity .card {
  opacity: 0.5;
}

@media screen and (min-width: 1024px) {
  .ipo-carousel .owl-dots {
    padding-top: 20px;
  }
  .market-ipos .card-header .ipo-headings .live .dot {
    margin: 4px 4px 4px 0px;
  }
}
.apply_ipo-td:hover {
  background-color: unset !important;
}
.apply_ipo-td td {
  height: 35px;
  vertical-align: middle !important;
}
.apply_ipo-td td:hover {
  background-color: unset !important;
}

.success .outerClass-circle {
  background-color: #cee9e0;
  border: 15px solid #e1f2ed;
}
.success .outerClass-circle.icon-head .icon {
  color: #51b255;
}

.small .outerClass-circle {
  width: 100px !important;
  height: 100px !important;
}
.small .outerClass-circle.icon-head .icon {
  font-size: 38px;
}

.outerClass-circle {
  position: relative;
  width: 125px;
  height: 125px;
  background-color: #dddde1;
  border: 15px solid #e7e7e7;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.outerClass-circle.icon-head .icon {
  font-size: 64px;
}

.marketmood-text {
  padding: 23px 10px 0px 15px;
}
.marketmood-text .commentary {
  font-family: "EncodeSansLight";
  font-size: 1rem;
}
.marketmood-text .commentary .zone {
  color: #ff6b00;
}

.view-all-section {
  display: flex;
  padding: 0px 0px 14px 0px;
  justify-content: end;
  gap: 10px;
}
.view-all-section .ed_button.blue-link {
  background: none;
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
}

.mood-graph .mmi-indicator {
  padding: 9px;
  height: 79px;
  display: grid;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .mmi-with-ipo .card .card-body .card {
    border-radius: 5px !important;
  }
  .mood-graph .mmi-graph {
    border-radius: 5px;
    background: #f7fcff;
    height: 109px;
    display: flex;
    justify-content: center;
  }
  .mood-graph .mmi-indicator {
    padding: 15px;
  }
  .view-all-section {
    padding-right: 0px;
  }
  .view-all-section .ed_button.blue-link {
    font-size: 1rem;
    font-family: "EncodeSansMedium";
  }
  .marketmood-text {
    padding: 30px 0px 0px 0px;
  }
  .marketmood-text .commentary {
    font-size: 1.25rem;
    padding-bottom: 22px;
  }
  .marketmood-text .commentary .zone {
    font-size: 1.25rem;
  }
}
.mmi-with-ipo .card {
  border-radius: 5px;
}
.mmi-with-ipo .card .card-body {
  padding: 0px;
}
.mmi-with-ipo .card .card-body .card-title {
  padding: 15px 21px 20px 15px;
  font-family: "EncodeSansLight";
  font-size: 1.25rem;
  margin-bottom: 0;
}
.mmi-with-ipo .card .card-body .card-title strong {
  font-family: "EncodeSansBold";
}
.mmi-with-ipo .card .card-body .card {
  background: rgba(240, 249, 255, 0.5);
  border-radius: 0px;
}

@media screen and (min-width: 1024px) {
  .mmi-with-ipo {
    display: flex;
    justify-content: center;
  }
  .mmi-with-ipo .card .card-body .card-title {
    font-size: 1.75rem;
    padding: 0px 0px 30px 0px;
    line-height: 140%;
  }
  .mmi-with-text-only .no-border-card .graph-and-text {
    display: flex;
  }
  .mmi-with-text-only .no-border-card .graph-and-text .mood-graph .mmi-graph {
    height: 151px;
  }
  .mmi-with-text-only .no-border-card .graph-and-text .mood-graph .mmi-indicator {
    padding-left: 45px;
    padding-right: 39px;
  }
  .mmi-with-text-only .no-border-card .graph-and-text .marketmood-text {
    width: 394px;
    padding-left: 72px;
    align-self: center;
  }
  .mmi-with-text-only .no-border-card .graph-and-text .marketmood-text .view-all-section {
    justify-content: start;
    padding: 0px;
  }
  .mmi-with-text-only .no-border-card .graph-and-text .marketmood-text .commentary {
    padding-bottom: 15px;
  }
  .mmi-with-graph-only .card .card-body .view-all-section {
    justify-content: start;
  }
}
.no-border-card {
  border: none !important;
}

.with-border-card {
  border: 1px solid #e7e7e7 !important;
}

:root {
  font-size: 16px;
}

.blur {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%;
  z-index: 99999;
}

.marketTabs {
  padding: 0;
}
.marketTabs.container {
  padding: 0;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul {
  border-bottom: unset;
  padding: 0;
  gap: 0 !important;
  margin: 20px 0 !important;
  cursor: pointer;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul.hopBtn-headList .listHead {
  margin-left: 15px;
  margin-right: 0;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li {
  list-style: none;
  padding: 0px;
  display: inline-block;
  line-height: 15px;
  margin: 10px 0;
  position: relative;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li a::after {
  content: "";
  border-right: 2px solid #03002f;
  margin-right: 8px;
  margin-left: 8px;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li:last-child {
  border-radius: unset;
  border: unset;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li:last-child a::after {
  content: "";
  border-right: none !important;
}
.marketTabs .react-tabs .equityLinksDesk .marketTabs-ul li a {
  white-space: nowrap;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #03002f;
}

.marketTabs .react-tabs .marketTabs-ul.hopBtn-headList {
  max-height: 300px;
  overflow-y: auto;
}
.marketTabs .react-tabs .marketTabs-ul.hopBtn-headList .listHead {
  margin-left: 15px;
  margin-right: 0;
}

@media (max-width: 1023px) {
  .marketTabs .react-tabs .equityLinksMob .marketTabs-ul {
    border-bottom: unset;
    padding: 0;
    gap: 0 !important;
    margin: 20px 0;
  }
  .marketTabs .react-tabs .equityLinksMob .marketTabs-ul li {
    list-style: none;
    padding: 0 10px;
    margin: 10px 0;
  }
  .marketTabs .react-tabs .equityLinksMob .marketTabs-ul li a {
    white-space: nowrap;
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    color: #03002f;
  }
}
@media (max-width: 1023px) {
  .equityLinksDesk {
    display: none;
  }
}
@media (min-width: 1024px) {
  .equityLinksDesk {
    display: block;
    padding: 0px !important;
  }
}
.dock-hyper-links {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 8%;
}
@media (min-width: 1680px) {
  .dock-hyper-links {
    padding: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1360px) {
  .dock-hyper-links {
    padding: 0 8%;
  }
}
@media (min-width: 1400px) {
  .dock-hyper-links {
    padding: 0 8%;
  }
}
@media (min-width: 1440px) {
  .dock-hyper-links {
    padding: 0 4%;
  }
}
@media (min-width: 1600px) {
  .dock-hyper-links {
    padding: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.dock-hyper-links .equityLinksDesk .marketTabs-ul,
.dock-hyper-links .equityLinksDesk .equity-links-ul {
  margin: 10px 0px !important;
}

.Links-padding-ui .equityLinksDesk .marketTabs-ul li {
  margin: 5px 0 !important;
}

.week-high-low tbody tr td:nth-child(5), .week-high-low tbody tr td:nth-child(6) {
  font-family: "RobotoMedium" !important;
  line-height: 24px;
}

.price-buzzers-table tbody tr td:nth-child(5), .price-buzzers-table tbody tr td:nth-child(6), .price-buzzers-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}

.volume-buzzers-table tbody tr td:nth-child(5) {
  font-family: "DMSansMedium" !important;
}
.volume-buzzers-table tbody tr td:nth-child(6), .volume-buzzers-table tbody tr td:nth-child(7), .volume-buzzers-table tbody tr td:nth-child(8) {
  font-family: "RobotoMedium" !important;
}

.performer-table .sector {
  display: flex;
  justify-content: start;
}
.performer-table tbody tr td:nth-child(5), .performer-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}
.performer-table tbody tr td:nth-child(6) {
  font-family: "DMSansMedium" !important;
}

.performer-tag {
  height: 42px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #444444;
  background: #f9fbff;
  margin-bottom: 20px;
}
.performer-tag label {
  font-family: "DMSansBold";
}
.performer-tag span {
  font-family: "RobotoMedium";
}

.top-table tbody tr td:nth-child(5), .top-table tbody tr td:nth-child(6), .top-table tbody tr td:nth-child(7) {
  font-family: "RobotoMedium" !important;
}

.index-table tbody tr td:nth-child(6), .index-table tbody tr td:nth-child(7), .index-table tbody tr td:nth-child(8) {
  font-family: "RobotoMedium" !important;
}

.alltime-table tbody tr td:nth-child(5), .alltime-table tbody tr td:nth-child(6) {
  font-family: "RobotoMedium" !important;
}

.drivingmarket-index-mob-drawer {
  border: 1px solid #ebf2fe;
  border-radius: 5px;
  line-height: 20px;
}
.drivingmarket-index-mob-drawer .drawer-dname {
  font-family: "encodesans_normal" !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 22px;
  color: #263363 !important;
}
.drivingmarket-index-mob-drawer .selectedExchangeIndex {
  display: flex;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
  padding: 5px 8px !important;
  font-family: "encodesans_normal";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  color: #727271;
}
.drivingmarket-index-mob-drawer .nav {
  flex-wrap: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.drivingmarket-index-mob-drawer .nav::-webkit-scrollbar {
  display: none;
}
.drivingmarket-index-mob-drawer .nav {
  overflow-y: scroll;
  margin-bottom: 0 !important;
}
.drivingmarket-index-mob-drawer .nav-item .nav-link {
  border: 0;
  font-family: "encodesans_normal";
  font-weight: 400;
  font-size: 1rem;
  line-height: 22px;
  color: #727271;
  white-space: nowrap;
}
.drivingmarket-index-mob-drawer .nav-item .nav-link.active {
  border-bottom: 2px solid #3580f7;
  white-space: nowrap;
}
.drivingmarket-index-mob-drawer .index-list {
  overflow-y: scroll;
}
.drivingmarket-index-mob-drawer .index-list-item {
  font-family: "encodesans_normal";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 41px;
  color: #444444;
  cursor: pointer;
  padding: 5px 5% 5px 5%;
}
.drivingmarket-index-mob-drawer .tab-content {
  overflow-y: scroll;
  height: 30vh;
}
.drivingmarket-index-mob-drawer .drawer-body {
  padding-bottom: 10px !important;
}
.drivingmarket-index-mob-drawer .seperator-border {
  border-bottom: 1px solid #e7e7e7;
}

.drivingmarket-index-mob-drawer.container {
  padding-right: 0px;
  padding-left: 0px;
}

.driving-mkt-mainblock {
  margin-top: 20px;
}
.driving-mkt-mainblock .d-livenews-container {
  margin: 0px 0px 30px 30px;
  background: #ffffff;
  height: 653px;
  border-radius: 5px;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar {
  width: 1px !important;
  height: 227px !important;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar-button {
  height: 77px;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar-track {
  height: 10px !important;
  width: 1px;
}
.driving-mkt-mainblock .d-livenews-container::-webkit-scrollbar-thumb {
  background-color: #03002f;
  height: 10px !important;
  width: 1px !important;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .d-livenews-container {
    margin-top: 23px;
    margin-left: 0px;
    height: auto;
  }
}
.driving-mkt-mainblock .d-livenews-container .masked {
  display: none;
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup {
  position: relative;
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain1,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain {
  font-family: "DMSansBold";
  font-size: 1.125rem;
}
@media (max-width: 1023px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain1,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftmain {
    font-size: 1rem;
  }
}
@media (max-width: 1023px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketgroup .marketCard .marketcardhead .mk-card-topleftsub {
    font-family: "RobotoRegular";
  }
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles {
    background: #ffffff;
    margin-top: 30px;
    border: 1px solid #e7e7e7;
    border-radius: 5px !important;
  }
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketcardbody {
  padding: 25px 0px 30px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .marketcardbody {
    padding: 20px 0px !important;
  }
}
.driving-mkt-mainblock .driving-mkt-block {
  border: 1px solid #e7e7e7;
  background: #ffffff;
  padding: 20px 0px;
  border-radius: 5px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-tiles .marketgroup:last-child {
  border-right: 0px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-tiles:first-child .marketgroup:first-child {
  border-top: none;
}
.driving-mkt-mainblock .driving-mkt-block .driving-tiles:last-child .marketgroup:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block {
    border: 0px;
    background: none;
  }
}
.driving-mkt-mainblock .driving-mkt-block .marketgroup {
  margin: 0px;
  margin-bottom: 20px;
  padding: 20px 15px;
  border-top: 1px solid #e7e7e7;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .marketgroup {
    padding: 20px;
    border-top: 0px;
    margin-bottom: 0px;
    border-right: 1px solid #e7e7e7;
  }
}
.driving-mkt-mainblock .driving-mkt-block .marketgroup:first-child {
  padding: 20px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .marketgroup:first-child {
    padding: 20px 15px !important;
  }
}
.driving-mkt-mainblock .driving-mkt-block .marketgroup .marketCard {
  padding: 0px;
  border: none !important;
  margin: 0px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head {
  padding: 0px 15px;
  display: block;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head {
    display: flex;
    justify-content: space-between;
    padding: 0px;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title {
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  color: #0b243a;
}
@media (max-width: 1024px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title {
    font-size: 1.375rem;
    font-family: "DMSansNormal";
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title strong {
  font-family: "DMSansBold";
}
@media (max-width: 1024px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-title strong {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile {
    gap: 11px;
  }
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile {
    padding-bottom: 14px;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .equity-dropdown-block .equitydrop {
  padding: 9px 10px;
  line-height: 140%;
  height: 40px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .equity-dropdown-block .equitydrop {
    padding: 5px 8px !important;
    line-height: 140%;
    height: unset;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-valuedropdown .subMenuDropdown .nav-item .nav-link,
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-daydropdown .subMenuDropdown .nav-item .nav-link {
  padding: 9px 10px !important;
  line-height: 140%;
  height: 40px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-valuedropdown .subMenuDropdown .nav-item .nav-link,
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .top-gainers-firsttile .driving-daydropdown .subMenuDropdown .nav-item .nav-link {
    padding: 5px 8px !important;
    line-height: 140%;
    height: unset;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock {
  display: flex;
  justify-content: end;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock {
    margin-top: 0px;
  }
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown {
  white-space: nowrap;
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .daydrop-btn-border {
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  padding: 7px 10px 7px 14px;
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .btn-select-drivingmarket {
  color: #727271;
  background-color: #ffffff;
  padding: 0px 14.66px 0px 0px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop {
    padding: 5px 8px !important;
    line-height: 140%;
  }
}

.drivingmarket-ipocard {
  margin: 30px 0px 0px 30px;
}
@media screen and (max-width: 1023px) {
  .drivingmarket-ipocard {
    margin-left: 0px;
  }
}
.drivingmarket-ipocard .bg-lightyellow .card {
  background: #fffbf2;
}
.drivingmarket-ipocard .drivingmarket-ipo-head {
  font-family: "DMSansBold";
  font-size: 1.25rem;
  color: #0b243a;
  margin-bottom: 10px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots {
  display: flex;
  justify-content: center;
  padding: 6px 16px 16px 16px;
  margin-top: 14px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots .owl-dot span {
  width: 18px !important;
  height: 0px !important;
  margin: 0.1em !important;
  display: block;
  border: 1px solid #cccccc;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots .owl-dot span {
    width: 15px !important;
  }
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-dots .owl-dot.active span {
  border: 2px solid #03002f;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav {
  position: absolute;
  height: 0px;
  top: -30px;
  right: 0px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1 {
  border: none;
  background: none;
  color: #03002f;
  font-size: 0.875rem;
  position: absolute;
  top: 0px;
  right: 15px;
}
@media (min-width: 1400px) {
  .drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1 {
    margin-left: 360px;
  }
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1 span {
  display: none;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-left1.disabled {
  opacity: 0.5;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-right1 {
  border: none;
  background: none;
  color: #03002f;
  font-size: 0.875rem;
  position: absolute;
  top: 0px;
  right: 0px;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-right1 span {
  display: none;
}
.drivingmarket-ipocard .drivingmarket-ipocard-block .owl-nav .edel-icon-arrow-right1.disabled {
  opacity: 0.5;
}

.drivingmarket-underperformers .driving-mkt-dropdownblock,
.drivingmarket-outperformers .driving-mkt-dropdownblock,
.volumebuzzers .driving-mkt-dropdownblock,
.pricebuzzers .driving-mkt-dropdownblock,
.lowercircuit .driving-mkt-dropdownblock,
.uppercircuit .driving-mkt-dropdownblock {
  display: flex;
  justify-content: end;
  margin-bottom: 20px;
}
.drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link,
.uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .subMenuDropdown .nav-item .nav-link {
  padding: 5px 10px;
  line-height: 140%;
}
.drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
.uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop {
  padding: 5px 12px 5px 13px !important;
  line-height: 140%;
}
@media (max-width: 768px) {
  .drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop,
  .uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop {
    padding: 5px 8px;
    line-height: 140%;
  }
}
.drivingmarket-underperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.drivingmarket-outperformers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.volumebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.pricebuzzers .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.lowercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down,
.uppercircuit .driving-mkt-dropdownblock .driving-daydropdown .equity-dropdown-block .equitydrop .edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}
.drivingmarket-underperformers .dynamic-title-block,
.drivingmarket-outperformers .dynamic-title-block,
.volumebuzzers .dynamic-title-block,
.pricebuzzers .dynamic-title-block,
.lowercircuit .dynamic-title-block,
.uppercircuit .dynamic-title-block {
  font-size: 1rem !important;
  font-family: "DMSansMedium";
  color: #444444 !important;
  margin-top: 19px;
  padding: 10px 20px;
  margin-bottom: 23px !important;
  height: 42px;
  background: #f2f2f5;
}
.drivingmarket-underperformers .dynamic-title-block .changeperc,
.drivingmarket-outperformers .dynamic-title-block .changeperc,
.volumebuzzers .dynamic-title-block .changeperc,
.pricebuzzers .dynamic-title-block .changeperc,
.lowercircuit .dynamic-title-block .changeperc,
.uppercircuit .dynamic-title-block .changeperc {
  font-family: "RobotoRegular";
}

.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .drivingmarket-underperformers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .drivingmarket-outperformers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .volumebuzzers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .pricebuzzers .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .lowercircuit .marketcardbody,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .uppercircuit .marketcardbody {
  padding: 20px 0px 30px;
}
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .volumebuzzers .subMenuDropdown,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .pricebuzzers .subMenuDropdown,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .lowercircuit .subMenuDropdown,
.driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .uppercircuit .subMenuDropdown {
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .volumebuzzers .subMenuDropdown,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .pricebuzzers .subMenuDropdown,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .lowercircuit .subMenuDropdown,
  .driving-mkt-mainblock .driving-top-gainersblock .driving-tiles .uppercircuit .subMenuDropdown {
    margin-bottom: 20px;
  }
}
.driving-mkt-mainblock .drivingmarket-title-head {
  display: flex;
  justify-content: space-between;
  margin: 5px 0px 10px;
  color: #b8b8b8;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
@media (max-width: 768px) {
  .driving-mkt-mainblock .d-flexblock {
    display: grid;
    grid-template-columns: 1fr;
  }
  .driving-mkt-mainblock .d-flexblock .market-drawing-indices-ui {
    order: 2;
  }
  .driving-mkt-mainblock .d-flexblock .indice-historic-return-ui {
    order: 1;
    padding-top: 0px !important;
  }
}

.market-ipo-mob .ipo-carousel .owl-dots {
  padding: 20px 16px 0px 16px;
}
@media (max-width: 768px) {
  .market-ipo-mob .ipo-carousel .owl-dots {
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
  }
}

.pricebuzzers .marketcardbody {
  padding: 20px 0px 30px;
}

.equity-livenews-section-block .d-livenews-container .mask .d-ln-heading .d-ln-heading-left {
  font-size: 1.25rem;
}
.equity-livenews-section-block .d-livenews-container .mask .d-ln-tile-text1 {
  color: #727271 !important;
}
@media screen and (min-width: 1023px) {
  .equity-livenews-section-block .dock-liveNews-section {
    top: 160px;
    position: sticky;
  }
}

.driving-top-gainersblock .driving-tiles .marketgroup:first-child {
  border-top-right-radius: 0px !important;
}
.driving-top-gainersblock .AlertsPopup .modal-content {
  width: 603px !important;
}
.driving-top-gainersblock .AlertsPopup .modal-content .modal-body {
  width: 600px;
}

.drivingmarket-title-head {
  display: flex;
  justify-content: space-between;
  margin: 5px 0px 10px;
  color: #b8b8b8;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
}

.marketcardtitlewithpadding .company-name {
  padding-left: 10px;
}
.marketcardtitlewithpadding .changeperc {
  padding-right: 10px;
}

.stockcardcount-block {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  color: #727271;
  opacity: 0.5;
}
.stockcardcount-block .stockcardcount-icon i {
  font-size: 1.25rem;
}
.stockcardcount-block .stockcardcount-text {
  margin-top: 10px;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (min-width: 768px) {
  .stockcardcount-block .stockcardcount-text {
    margin-top: 5px;
  }
}

.stock-line {
  font-size: 1.125rem;
  font-family: "DMSansMedium";
  color: #444444;
  line-height: 140%;
  padding-bottom: 25px;
}

.divider-line {
  border: 1px solid #e7e7e7;
  position: relative;
  margin: -8px 0px 40px 0px;
}

.marketMap-table .sector {
  text-align: left !important;
}
.marketMap-table tbody tr td:nth-child(2) {
  font-family: "DMSansMedium" !important;
}
.marketMap-table tbody tr td:nth-child(3), .marketMap-table tbody tr td:nth-child(4) {
  font-family: "RobotoMedium" !important;
}

.sectoral-analysis .marketgroup .marketCard {
  height: 212px;
  border-top: 0px;
  border-radius: 0px 0px 5px 5px !important;
}
@media (max-width: 768px) {
  .sectoral-analysis .marketgroup .marketCard {
    height: auto;
    padding: 20px 15px 10px;
  }
}
@media (min-width: 1024px) {
  .sectoral-analysis .marketgroup .marketCard {
    padding-bottom: 32px;
  }
}
.sectoral-analysis .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.125rem;
  line-height: 25.2px;
  font-family: "DMSansBold";
  color: #444444;
  font-weight: 600;
}
.sectoral-analysis .marketgroup .marketCard .marketcardbody {
  padding: 0;
}
.sectoral-analysis .marketgroup .marketCard .marketcardbody .sectoral-analysis-body {
  margin-top: 0px;
  margin-bottom: 26px;
}
@media (max-width: 768px) {
  .sectoral-analysis .marketgroup .marketCard .marketcardbody .sectoral-analysis-body {
    margin-bottom: 10px;
    align-items: flex-start !important;
  }
}
.sectoral-analysis .marketgroup .marketCard .marketcardbody .sectoral-analysis-body p {
  font-size: 1rem;
  line-height: 22.4px;
  font-family: "DMSansNormal";
  color: #444444;
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .sectoral-analysis .marketgroup .marketCard .marketcardbody .sectoral-analysis-body p {
    font-size: 0.875rem;
    font-family: "DMSansMedium";
    color: #727271;
  }
}
.sectoral-analysis .marketgroup .marketCard .marketcardbody .sectoral-analysis-body img {
  width: 76px;
  height: 76px;
}
@media (max-width: 768px) {
  .sectoral-analysis .marketgroup .marketCard .marketcardbody .sectoral-analysis-body img {
    width: 35px;
    height: 35px;
  }
}
.sectoral-analysis .marketgroup .marketCard .marketcardfoot .viewAllWrap {
  justify-content: end;
  width: 100%;
}

.marketMap .marketgroup {
  padding: 0px;
}

.SectorPerfomanceWrap-sec .marketMap .marketgroup {
  padding: 0px;
}
@media (min-width: 1024px) {
  .SectorPerfomanceWrap-sec .marketMap .marketgroup .marketcardbody {
    padding: 30px 0px 20px;
  }
}
.SectorPerfomanceWrap-sec .sectoralMainCard {
  height: 100%;
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance {
  height: 100%;
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance .marketgroup {
  height: 100%;
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance .marketgroup .marketCard {
  border-radius: 5px 5px 5px 5px !important;
}
@media (max-width: 768px) {
  .SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance .marketgroup .marketCard {
    height: auto;
    padding: 15px;
  }
}
@media (min-width: 1024px) {
  .SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance .marketgroup .marketCard {
    padding-bottom: 26px;
  }
  .SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance .marketgroup .marketCard .marketcardbody {
    padding: 30px 0px 20px;
  }
}
.SectorPerfomanceWrap-sec .sectoralMainCard .marketgroup {
  padding: 0px;
}
@media (max-width: 768px) {
  .SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance {
    height: auto;
  }
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance-progress {
  height: auto;
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance-progress .error-msg-wrapper {
  margin-top: 110px;
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance-progress .equity-dropdown-block .equitydrop {
  padding: 9px 10px;
}
.SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance-progress .equity-dropdown-block .equitydrop .edel-icon-arrow-down:before {
  content: "\e911";
  color: #03002f;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .SectorPerfomanceWrap-sec .sectoralMainCard .sectoral-performance-progress .equity-dropdown-block .equitydrop {
    padding: 5px 8px;
  }
}

.withoutPaddingCard {
  min-height: 800px;
}
.withoutPaddingCard > .marketCard {
  padding: 0px !important;
  border: none !important;
}
.withoutPaddingCard > .marketCard > .marketcardhead .mk-card-topleftsub {
  margin: 0px auto !important;
}
.withoutPaddingCard > .marketCard > .marketcardbody {
  padding: 0px !important;
  border: none !important;
}
.withoutPaddingCard .withoutTopborderradius > .marketCard {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.withoutPaddingCard .withoutbottomborderradius > .marketCard {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.FlexBox {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}

.mt-60 {
  margin-top: 60px;
}

/**************************responsive css****************/
@media screen and (max-width: 1024px) {
  .withoutTopborderradius.card-group > .card {
    margin-bottom: 0px;
  }
  .withoutbottomborderradius.card-group > .card {
    margin-bottom: 0px;
  }
  .sectoralMainCard {
    margin-top: 10px;
  }
}
.advances-list,
.indices-list {
  border: 1px solid #e7e7e7;
}
@media screen and (max-width: 1023px) {
  .advances-list,
  .indices-list {
    border: none;
  }
}
.advances-list,
.indices-list {
  border-radius: 5px;
}
.advances-list .stocks,
.indices-list .stocks {
  border-top: 1px solid #e7e7e7;
  align-items: center;
  cursor: pointer;
}
.advances-list .stocks .indicator,
.indices-list .stocks .indicator {
  padding: 0 0 20px 0 !important;
  position: relative;
  margin: -10px 20px 0px 0px;
}
.advances-list .stocks .col,
.indices-list .stocks .col {
  padding: 5px 15px;
  display: grid;
}
@media screen and (max-width: 768px) {
  .advances-list .stocks .col,
  .indices-list .stocks .col {
    padding: 5px 0px;
  }
}
.advances-list .stocks span,
.indices-list .stocks span {
  color: #444444;
  font-size: 0.875rem;
  line-height: 140%;
  font-family: "DMSansMedium";
}
.advances-list .stocks label,
.indices-list .stocks label {
  color: #b8b8b8;
  font-size: 0.625rem;
  font-family: "DMSansMedium";
}
.advances-list .stocks-selected,
.indices-list .stocks-selected {
  background-color: #f2f2f5;
}
@media screen and (max-width: 1023px) {
  .advances-list .stocks-selected,
  .indices-list .stocks-selected {
    background-color: unset;
  }
}
.advances-list .stocks-selected,
.indices-list .stocks-selected {
  border-top: none;
}

.indices-list .stocks label {
  color: #444444;
  font-size: 0.875rem;
  font-family: "RobotoRegular";
  margin-top: 5px;
}
.indices-list .stocks .indices-mobile-theme .dbar29Rangeslider {
  padding-bottom: 15px;
}
.indices-list .stocks .indices-mobile-theme .positiveValue {
  color: #444444 !important;
}
.indices-list .stocks .indices-mobile-theme .negativeValue {
  color: #444444 !important;
}
.indices-list .stocks .indices-mobile-theme .dcustomRangeBar div:nth-child(1) {
  background-color: #008fbc !important;
}
.indices-list .stocks .indices-mobile-theme .right-skew.positive::before {
  background-color: #008fbc !important;
}
.indices-list .stocks .indices-mobile-theme .dcustomRangeBar div:nth-child(2) {
  background-color: #00d6bc !important;
}
.indices-list .stocks .indices-mobile-theme .left-skew.negative::before {
  background-color: #00d6bc !important;
}

.viewAll.advances .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub .d-flex {
  gap: 200px !important;
  align-items: center;
}
.viewAll.advances .advances-body {
  gap: 20px;
}
.viewAll.advances .advances-body .col-4 {
  width: 32% !important;
}
@media screen and (max-width: 1023px) {
  .viewAll.advances .advances-body .col-4 {
    width: 100% !important;
  }
}
.viewAll.advances .advances-body .col .advances-table {
  padding: 0 !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px;
  height: 600px;
  max-height: 600px;
  overflow-y: auto;
}
.viewAll.advances .advances-body .col .advances-table::-webkit-scrollbar-thumb {
  background: #03002f !important;
}
.viewAll.advances .advances-body .col .advances-table .marketCard .marketcardhead {
  padding: 14px 20px !important;
}
.viewAll.advances .advances-body .col .advances-table .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 strong {
  font-size: 1rem;
}
.viewAll.advances .advances-body .col .advances-table .marketCard .marketcardhead .viewAll-tabs .nav-tabs {
  padding-right: 0 !important;
}
.viewAll.advances .advances-body .col .advances-table .marketCard .marketcardbody {
  padding-top: 0;
}

.advances-view.viewAll-table {
  max-height: 532px !important;
  height: 532px;
  border-radius: 5px;
}
.advances-view.viewAll-table .advances-viewAll-table {
  cursor: default;
}
.advances-view.viewAll-table .advances-viewAll-table .sector {
  text-align: left !important;
  font-family: "DMSansNormal" !important;
}
.advances-view.viewAll-table .advances-viewAll-table .sector .title {
  text-align: left !important;
}
.advances-view.viewAll-table .advances-viewAll-table tbody tr td:nth-child(2) {
  font-family: "RobotoRegular" !important;
}
.advances-view.viewAll-table .advances-viewAll-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #ffffff;
}
.advances-view.viewAll-table .advances-viewAll-table thead .sector .title {
  justify-content: start;
}
.advances-view.viewAll-table .advances-viewAll-table thead::-webkit-scrollbar {
  width: 0.12rem;
}
.advances-view.viewAll-table .advances-viewAll-table thead::-webkit-scrollbar-thumb {
  background: #03002f !important;
}

.indices-viewall-list-equitydrop .equity-dropdown-block {
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .indices-viewall-list-equitydrop .equity-dropdown-block {
    margin-left: 0px;
  }
}
.indices-viewall-list-equitydrop .equity-dropdown-block .equitydrop {
  padding: 5px 8px;
}

.indices-viewall-list-cardtitle .drivingmarket-title-head {
  margin: 20px 15px 10px;
}
@media (max-width: 768px) {
  .indices-viewall-list-cardtitle .drivingmarket-title-head {
    padding: 5px 0px 10px !important;
    margin: 20px 0px 10px;
  }
}

@media (max-width: 1023px) {
  .indices-marketcard-15 .marketCard {
    padding: 20px 0px 0px !important;
  }
}
@media (max-width: 768px) {
  .indices-marketcard-15 .marketCard .marketcardhead {
    margin: 0px;
  }
}

@media (max-width: 1023px) {
  .advances-viewall-marketcard .marketCard {
    padding: 20px 0px 0px !important;
  }
  .advances-viewall-marketcard .marketCard .marketcardbody {
    padding: 0px !important;
  }
}

.viewAll.advances-declines .marketCard {
  padding: 20px 15px 0px 0px !important;
}
@media screen and (max-width: 768px) {
  .viewAll.advances-declines .marketCard {
    padding: 20px 0px !important;
  }
  .viewAll.advances-declines .marketCard .mk-card-topleft {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.viewAll.advances-declines .marketCard .marketcardhead {
  padding: 20px 15px 0px 15px !important;
}
.viewAll.advances-declines .marketCard .marketcardhead .mk-card-topleftmain1 .edel-icon-arrow-left {
  left: 0px;
  position: relative;
  color: #03002f;
  font-size: 1.438rem;
  top: 2px;
}
@media screen and (max-width: 768px) {
  .viewAll.advances-declines .marketCard .marketcardhead {
    padding: 0px 15px 0px 0px !important;
  }
}
.viewAll.advances-declines .marketCard .marketcardbody.card-body .indicator {
  padding: 0px 15px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .viewAll.advances-declines .marketCard .marketcardbody.card-body .indicator {
    margin-left: 8px;
    margin-right: 16px;
  }
}
.viewAll.advances-declines .marketCard .marketcardbody.card-body .nav.nav-tabs {
  border-bottom: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .viewAll.advances-declines .marketCard .marketcardbody.card-body .nav.nav-tabs {
    padding-left: 15px;
    padding-top: 10px;
  }
  .viewAll.advances-declines .marketCard .marketcardbody.card-body .nav.nav-tabs .nav-link {
    margin-bottom: 0px !important;
  }
}
.viewAll.advances-declines .expanded-list .row {
  padding: 0 25px;
  border-bottom: 1px solid #e7e7e7;
}
.viewAll.advances-declines .expanded-list .row .col {
  padding: 15px 0px;
}
@media screen and (max-width: 768px) {
  .viewAll.advances-declines .expanded-list .row .col {
    padding: 15px;
  }
}
.viewAll.advances-declines .expanded-list .row .col .scripname {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  margin-bottom: 6px;
}
.viewAll.advances-declines .expanded-list .row .col .vol {
  font-size: 0.625rem;
  font-family: "encodesans_normal";
  color: #727271;
}
.viewAll.advances-declines .expanded-list .row .col .change {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  margin-bottom: 6px;
}
.viewAll.advances-declines .expanded-list .row .col .ltp {
  font-size: 0.875rem;
  font-family: "RobotoRegular";
}
.viewAll.advances-declines .expanded-list .view-more {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 22px;
  padding: 20px;
}
.viewAll.advances-declines .expanded-list .view-more .ed_button.blue-link {
  background: none;
}

.advances-list {
  height: 600px;
}
@media (max-width: 768px) {
  .advances-list {
    height: 100%;
  }
}
.advances-list {
  overflow-y: scroll;
}
.advances-list::-webkit-scrollbar {
  width: 0.12rem;
}
.advances-list::-webkit-scrollbar-thumb {
  background-color: #03002f;
}

.viewAll-table {
  max-height: 530px;
  min-height: 0px;
  overflow-y: scroll;
}
.viewAll-table::-webkit-scrollbar {
  width: 0.12rem;
}
.viewAll-table::-webkit-scrollbar-thumb {
  background: #03002f !important;
}

.text-right-mb {
  text-align: right;
}

.advances-body .nav.nav-tabs {
  margin-top: -60px !important;
  padding-bottom: 20px;
}

:root {
  font-size: 16px;
}

.declines .marketgroup {
  padding: 0;
}
.declines .declines-block .declines-dropdownblock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .declines .declines-block .declines-dropdownblock {
    margin-bottom: 45px;
  }
}
.declines .declines-block .declines-dropdownblock .declines-timeago {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .declines .declines-block .declines-dropdownblock .declines-timeago {
    color: #b8b8b8;
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.declines .declines-block .declines-dropdownblock .declines-dropdown {
  white-space: nowrap;
}
.declines .declines-block .declines-dropdownblock .declines-dropdown .declines-btn-border {
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
.declines .declines-block .declines-dropdownblock .declines-dropdown .btn-select-declines {
  color: #727271;
  background-color: #ffffff;
  padding: 5px 8px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
}
.declines .declines-block .declines-dropdownblock .declines-dropdown i.edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}
@media (min-width: 1023px) {
  .declines .declines-block .equity-dropdown-block .equitydrop {
    padding: 9px 10px;
  }
}

.declinesmainblock .marketcardfoot {
  margin-top: 92px;
}
@media (max-width: 768px) {
  .declinesmainblock .marketcardfoot {
    margin-top: 30px;
  }
}

.indices-table tbody tr td {
  font-family: "DMSansMedium";
}
.indices-table tbody tr td label {
  color: #b8b8b8;
  font-size: 0.75rem;
  line-height: 140%;
  font-family: "DMSansMedium";
  margin-left: 5px;
}
.indices-table tbody tr td:not(td:first-child) {
  text-align: end;
  font-family: "RobotoRegular";
}

.indices-viewAll-tabs {
  margin-top: -93px;
}
.indices-viewAll-tabs .nav-tabs {
  display: flex;
  justify-content: end;
  padding-right: 0 !important;
  padding-bottom: 54px !important;
}

:root {
  font-size: 16px;
}

@media (min-width: 760px) {
  .indices-weeklist-block {
    padding-bottom: 10px;
  }
}
@media (max-width: 760px) {
  .indices-weeklist-block {
    margin-bottom: 60px;
  }
}

.indices .marketgroup {
  padding: 0;
}
.indices .marketgroup .marketCard .marketcardbody {
  padding: 20px 0;
  padding-top: 28px;
}
.indices .indices-block .dbar29Rangeslider {
  margin-bottom: 40px;
}
.indices .indices-block .dbar29Rangeslider :nth-child(3) {
  margin-top: 10px;
}
@media (max-width: 768px) {
  .indices .indices-block .dbar29Rangeslider :nth-child(3) .Progresscommondatavalue {
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .indices .indices-block .dbar29Rangeslider :nth-child(5) {
    margin-top: 6px;
  }
}
.indices .indices-block .indices-dropdownblock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  bottom: 5px;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .indices .indices-block .indices-dropdownblock {
    margin-bottom: 5px;
  }
}
.indices .indices-block .indices-dropdownblock .indices-timeago {
  color: #727271;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
}
@media (max-width: 1023px) {
  .indices .indices-block .indices-dropdownblock .indices-timeago {
    color: #b8b8b8;
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.indices .indices-block .indices-dropdownblock .indices-dropdown {
  white-space: nowrap;
}
.indices .indices-block .indices-dropdownblock .indices-dropdown .indices-btn-border {
  border: #03002f;
  border: rgba(3, 0, 47, 0.1);
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
.indices .indices-block .indices-dropdownblock .indices-dropdown .btn-select-indices {
  color: #727271;
  background-color: #ffffff;
  padding: 5px 8px;
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
}
.indices .indices-block .indices-dropdownblock .indices-dropdown i.edel-icon-arrow-down {
  color: #03002f;
  position: relative;
}
@media (min-width: 1023px) {
  .indices .indices-block .indices-dropdownblock .equity-dropdown-block .equitydrop {
    padding: 9px 10px;
  }
}
.indices .indices-block .indices-yearlist {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  color: #b8b8b8;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  margin-bottom: 30px;
  cursor: pointer;
  width: 100%;
  height: 17px;
}
@media (min-width: 1024px) {
  .indices .indices-block .indices-yearlist {
    width: 50%;
    margin-bottom: 11px;
    color: #727271;
    font-size: 0.875rem;
    font-family: "DMSansNormal";
  }
}
.indices .indices-block .indices-yearlist > div {
  position: relative;
}
.indices .indices-block .indices-alltimeblock {
  background: #f2f2f5;
  background: rgba(242, 242, 245, 0.3);
  padding: 11px 20px;
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  justify-content: space-between;
  margin-top: 20px;
  width: 100%;
}
@media (min-width: 1023px) {
  .indices .indices-block .indices-alltimeblock {
    padding: 5px 12px 6px;
    width: 240px;
    height: 25px;
    margin-top: 32px;
  }
}
.indices .indices-block .indices-alltimeblock .indices-timehigh {
  color: #b8b8b8;
}
.indices .indices-block .indices-alltimeblock .indices-value {
  color: #444444;
  font-family: "RobotoRegular";
  font-size: 0.875rem;
}
.indices .indices-block .indices-alltimeblock .indices-date {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
}
.indices .indices-block .indices-alltimeblock .indices-date:before {
  content: "•";
  padding-left: 5px;
  padding-right: 5px;
  color: #b8b8b8;
}

.weeklist_bluecolor {
  color: #03002f !important;
  position: relative;
}
.weeklist_bluecolor:after {
  position: absolute;
  top: 19px;
  left: -13px;
  height: 2px;
  border-radius: 5px;
  width: 40px;
  background-color: #03002f;
  content: "";
}
@media (min-width: 1024px) {
  .weeklist_bluecolor:after {
    width: 30px;
    transform: translateX(calc(100% - 22px));
  }
}

@media (min-width: 1024px) {
  .indicesmainblock .marketCard,
  .declinesmainblock .marketCard {
    height: 366px;
  }
  .indicesmainblock .marketcardhead,
  .declinesmainblock .marketcardhead {
    height: 35px;
  }
}
@media (max-width: 768px) {
  .indicesmainblock .marketCard,
  .declinesmainblock .marketCard {
    padding: 15px !important;
  }
  .indicesmainblock .marketCard .marketcardbody,
  .declinesmainblock .marketCard .marketcardbody {
    padding: 20px 0px !important;
  }
}

@media (max-width: 768px) {
  .indicesmainblock .marketCard {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 768px) {
  .declinesmainblock .marketCard {
    margin-bottom: 0px !important;
  }
}

.indices-block .error-msg {
  padding: 20px 10px 0px;
}

.flexboxDrop .equity-dropdown-block.show .dropdown-menu {
  min-height: 90px;
}
.flexboxDrop .equity-dropdown-block.show .dropdown-menu .dropdown-item {
  padding: 15px;
}
.flexboxDrop .equity-dropdown-block.show .dropdown-menu .dropdown-item:last-child {
  padding: 5px 15px 15px 15px;
}

.recommendation-table {
  border-spacing: 0 11px;
  width: 100%;
  margin: 0;
}
.recommendation-table thead {
  font-size: 0.75rem;
  line-height: 140%;
  font-family: "EncodeSansMedium";
  color: #727271;
}
.recommendation-table thead th {
  padding: 10px;
}
.recommendation-table thead th:first-child {
  padding-left: 20px;
}
.recommendation-table thead th:last-child {
  padding-right: 20px;
}
.recommendation-table tbody tr {
  cursor: pointer;
}
.recommendation-table tbody tr td {
  padding: 14px 10px;
}
.recommendation-table tbody tr .scrip-cell {
  line-height: 140%;
  color: #444444;
}
.recommendation-table tbody tr .scrip-cell .scrip {
  font-family: "EncodeSansMedium";
  font-size: 1rem;
  margin-bottom: 5px;
}
.recommendation-table tbody tr .scrip-cell .ltp {
  font-size: 1rem;
  font-family: "RobotoRegular";
}
.recommendation-table tbody tr .scrip-cell .change {
  font-size: 1rem;
  font-family: "RobotoMedium";
}
.recommendation-table tbody tr .rec-label {
  border-radius: 3px;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  text-align: center;
  line-height: 140%;
  width: -moz-fit-content;
  width: fit-content;
  color: #51b255;
  padding: 5px 10px;
  cursor: Pointer;
}
.recommendation-table tbody tr .rec-label label {
  border-radius: 3px;
  padding: 5px 10px;
}
.recommendation-table tbody tr .rec-label .BUY {
  color: #51b255;
  background: rgba(81, 178, 85, 0.05);
  cursor: Pointer;
}
.recommendation-table tbody tr .rec-label .bookprofit {
  color: #ff6b00;
  background: rgba(255, 107, 0, 0.05);
  cursor: Pointer;
}
.recommendation-table tbody tr .rec-label .Exit {
  color: #dd504d;
  background: rgba(221, 80, 77, 0.05);
  cursor: Pointer;
}
.recommendation-table tbody tr .date {
  font-size: 0.875rem;
  line-height: 140%;
  color: #444444;
  font-family: "EncodeSansMedium";
  vertical-align: bottom;
  padding: 10px 10px 18px 20px;
}
.recommendation-table tbody tr .reco-price,
.recommendation-table tbody tr .target-price,
.recommendation-table tbody tr .stop-loss,
.recommendation-table tbody tr .return,
.recommendation-table tbody tr .market-cap {
  font-size: 1rem;
  font-family: "RobotoMedium";
  line-height: 140%;
  color: #444444;
  text-align: right;
}
.recommendation-table tbody tr .reco-price label,
.recommendation-table tbody tr .target-price label,
.recommendation-table tbody tr .stop-loss label,
.recommendation-table tbody tr .return label,
.recommendation-table tbody tr .market-cap label {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  display: block;
  color: #b8b8b8;
}
.recommendation-table tbody tr .return {
  color: #51b255;
}
.recommendation-table tbody tr .type {
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  line-height: 22px;
  color: #dfa717;
  text-align: right;
}
.recommendation-table tbody tr td:last-child {
  text-align: start;
  padding-right: 20px;
}
.recommendation-table tbody tr:hover {
  background-color: #f9f9f9 !important;
}

.view-all-rec {
  background: none;
  display: flex;
  justify-content: end;
  gap: 10px;
  align-items: center;
}
.view-all-rec i {
  font-size: 1.188rem;
}
.view-all-rec a {
  font-family: "DMSansMedium";
  font-size: 1rem;
  line-height: 27px;
  cursor: pointer;
}
.view-all-rec a,
.view-all-rec i {
  background: linear-gradient(130.92deg, #1283ff 11.07%, #d21aff 75.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media screen and (max-width: 1023px) {
  .view-all-rec a {
    font-size: 0.875rem;
  }
  .view-all-rec i {
    font-size: 0.688rem;
  }
  .view-all-rec button {
    font-size: 0.875rem;
  }
}
.futurerecommendation-generic .recommendation-table tbody tr .date {
  vertical-align: middle;
  padding: 14px 10px;
}
.futurerecommendation-generic .future-scrip-cell {
  padding-left: 20px;
}
.futurerecommendation-generic .futurerecommendation .rec-label {
  padding: 0px;
}
.futurerecommendation-generic .reco-price,
.futurerecommendation-generic .target-price,
.futurerecommendation-generic .stop-loss,
.futurerecommendation-generic .type,
.futurerecommendation-generic .return {
  text-align: left !important;
}
.futurerecommendation-generic .return label {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  display: block;
  color: #b8b8b8;
}

@media (max-width: 768px) {
  .future_recommendations {
    padding: 0px !important;
  }
}

.rec-body-mob .rec-table-mob {
  border-bottom: 1px solid #e7e7e7;
  padding: 17px 15px 15px 15px;
}
.rec-body-mob .rec-table-mob .row .col .type {
  font-family: "EncodeSansMedium";
  font-size: 0.75rem;
  color: #dfa717;
  line-height: 140%;
}
.rec-body-mob .rec-table-mob .row .col .rec-label {
  display: flex;
  justify-content: end;
}
.rec-body-mob .rec-table-mob .row .col .rec-label label {
  padding: 5px 7px;
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
  border-radius: 3px;
  line-height: 140%;
}
.rec-body-mob .rec-table-mob .row .col .rec-label .Buy {
  color: #51b255;
  background: rgba(81, 178, 85, 0.05);
}
.rec-body-mob .rec-table-mob .row .col .rec-label .bookprofit {
  color: #ff6b00;
  background: rgba(255, 107, 0, 0.05);
}
.rec-body-mob .rec-table-mob .row .col .rec-label .Exit {
  color: #dd504d;
  background: rgba(221, 80, 77, 0.05);
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell {
  font-size: 0.875rem;
  color: #444444;
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell .scrip {
  font-family: "EncodeSansMedium";
  line-height: 140%;
  padding-bottom: 4px;
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell .ltp {
  line-height: 130%;
  font-family: "RobotoRegular";
}
.rec-body-mob .rec-table-mob .row .col .scrip-cell .change {
  line-height: 130%;
  font-family: "RobotoMedium";
}
.rec-body-mob .rec-table-mob .row .col p {
  margin-bottom: 0;
  font-family: "encodesans_normal";
  font-size: 0.75rem;
  line-height: 140%;
  color: #b8b8b8;
}
.rec-body-mob .rec-table-mob .row .col .returns span {
  font-family: "RobotoMedium";
  font-size: 0.875rem;
  line-height: 140%;
  color: #51b255;
  display: flex;
  justify-content: end;
}
.rec-body-mob .rec-table-mob .row .col .returns p {
  text-align: end;
  padding-bottom: 4px;
}
.rec-body-mob .rec-table-mob .details {
  padding: 17px 0px 14px 0px;
}
.rec-body-mob .rec-table-mob .details .col span {
  font-size: 0.75rem;
  color: #444444;
  font-family: "RobotoMedium";
}
.rec-body-mob .rec-table-mob .details .col .encode-fam {
  font-family: "EncodeSansMedium";
}
.rec-body-mob .rec-table-mob .row .more-details {
  line-height: 140%;
  font-size: 0.75rem;
  color: #3580f7;
  display: flex;
  align-items: center;
  justify-content: end;
  font-family: "EncodeSansMedium";
}
.rec-body-mob .rec-table-mob .row .more-details .ed_button.blue-link {
  background: none;
}
.rec-body-mob .rec-table-mob .row .more-details i {
  font-size: 0.875rem;
}
.rec-body-mob .rec-table-mob .row:first-child {
  padding-bottom: 14px;
  align-items: center;
}

.rec-table-mob:first-child {
  border-top: 1px solid #e7e7e7;
}

.stock-details-body {
  height: 100vh;
}

.rec-detailview .stock-details-body .slidingpane-icon-block.rec-icon,
.rec-detailview .drawer-body .slidingpane-icon-block.rec-icon {
  padding: 15px 17px 18px 15px;
}
.rec-detailview .stock-details-body .rec-details,
.rec-detailview .drawer-body .rec-details {
  padding-top: 27px;
  background: #fbfdff;
}
.rec-detailview .stock-details-body .rec-details .rec-detail,
.rec-detailview .drawer-body .rec-details .rec-detail {
  padding: 0px 18px 0px 12px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .col-3,
.rec-detailview .drawer-body .rec-details .rec-detail .col-3 {
  gap: 5px;
  justify-content: end;
  width: 20%;
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
  color: #292929;
  padding: 0;
  border-right: 1px solid #e7e7e7;
  border-style: dashed;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .col-3 .circle,
.rec-detailview .drawer-body .rec-details .rec-detail .col-3 .circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(53, 128, 247, 0.2) 47.4%, rgba(53, 128, 247, 0) 100%);
  justify-content: center;
  align-items: center;
  margin-right: -8px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .col-3 .circle .edel-icon-round-circle,
.rec-detailview .drawer-body .rec-details .rec-detail .col-3 .circle .edel-icon-round-circle {
  color: #3580f7;
  font-size: 0.438rem;
  margin: 2px 3.3px 3.4px 2.4px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main,
.rec-detailview .drawer-body .rec-details .rec-detail .main {
  padding: 0 0 27px 20px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main .pb-15,
.rec-detailview .drawer-body .rec-details .rec-detail .main .pb-15 {
  padding-bottom: 15px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main label,
.rec-detailview .drawer-body .rec-details .rec-detail .main label {
  color: #b8b8b8;
  line-height: 140%;
  font-size: 0.75rem;
  font-family: "encodesans_normal";
  margin-bottom: 6px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main span,
.rec-detailview .drawer-body .rec-details .rec-detail .main span {
  font-size: 0.75rem;
  font-family: "RobotoMedium";
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main .iterate,
.rec-detailview .drawer-body .rec-details .rec-detail .main .iterate {
  font-family: "EncodeSansMedium";
  line-height: 140%;
  font-size: 0.75rem;
  gap: 9px;
}
.rec-detailview .stock-details-body .rec-details .rec-detail .main .col,
.rec-detailview .drawer-body .rec-details .rec-detail .main .col {
  display: grid;
}

@media screen and (max-width: 1023px) {
  .rec-detailview .drawer-body .text {
    font-size: 0.75rem;
    font-family: "EncodeSansMedium";
    color: #727271;
    padding: 15px 0px 0px 15px;
  }
  .rec-detailview .drawer-body .rec-details {
    background: none;
  }
}
.rec-detailview .stock-details-head {
  padding: 15px 14px 15px 17px !important;
}

@media screen and (min-width: 1024px) {
  .recommendations .marketcardbody {
    padding-top: 20px !important;
  }
  .recommendation-tabs {
    margin-top: -65px;
  }
  .recommendation-tabs .nav-tabs {
    display: flex;
    justify-content: end;
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 1023px) {
  .recommendation-tabs .nav-tabs {
    height: 32px;
    flex-direction: column;
  }
  .recommendation-tabs .nav-tabs li {
    padding-right: 14px !important;
  }
  .recommendations .marketCard {
    padding: 0 !important;
  }
  .recommendations .marketCard .marketcardhead {
    margin: 15px 15px 0px 14px !important;
  }
  .recommendations .marketCard .marketcardfoot {
    margin: 0px 16px 20px 15px !important;
  }
}
@media (min-width: 768px) {
  .future_recommendations .recommendation-tabs {
    margin-top: 0px;
  }
  .future_recommendations .recommendation-tabs .nav-tabs {
    padding-bottom: 0px !important;
  }
}

@media screen and (min-width: 991px) {
  .flldllactivity-main-div.outer-div.recommendations.card-group > div > div.marketcardbody.card-body {
    padding-bottom: 0px !important;
  }
}

.flldllactivity-main-div .mk-card-topleftmain {
  color: #0b243a !important;
}
@media screen and (max-width: 991px) {
  .flldllactivity-main-div .mk-card-topleftmain {
    font-family: "DMSansNormal";
    font-size: 1.25rem;
    line-height: 28px;
  }
  .flldllactivity-main-div .mk-card-topleftmain strong {
    font-weight: 700;
    font-family: "DMSansBold";
  }
}
@media screen and (max-width: 991px) {
  .flldllactivity-main-div > div div.marketcardfoot.card-footer {
    margin-bottom: 0px !important;
  }
  .flldllactivity-main-div > div > div.marketcardbody.card-body {
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .flldllactivity-main-div > div > div.marketcardbody.card-body {
    padding-top: 20.94px;
  }
}
.flldllactivity-main-div .flldllactivity-main-div #purchase {
  margin-bottom: 20.2px;
}
.flldllactivity-main-div .flldllactivity-main-div #purchase div {
  font-family: "DMSansMedium";
  font-size: 1.125rem;
  line-height: 25px;
  letter-spacing: 0em;
  color: #727271;
}
.flldllactivity-main-div .flldllactivity-main-div .tab-content .marketgroup {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
@media screen and (max-width: 991px) {
  .flldllactivity-main-div #fll-dll-mobile {
    padding: 0px 18px;
    margin-bottom: 20.93px;
  }
}
.flldllactivity-main-div #fll-dll-mobile p {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 17px;
  margin-bottom: 0px;
  color: #b8b8b8;
}
.flldllactivity-main-div #fll-dll-mobile i {
  color: #03002f;
}
@media screen and (max-width: 991px) {
  .flldllactivity-main-div .marketCard.card {
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border: 0px !important;
    padding-top: 29.82px;
    padding-bottom: 0px;
  }
}
.flldllactivity-main-div .marketCard.card .marketcardhead .mk-card-topleftmain1 {
  font-family: "DMSansNormal" !important;
}
@media screen and (min-width: 992px) {
  .flldllactivity-main-div .marketCard.card .marketcardhead .mk-card-topleftmain1 {
    color: #292929 !important;
    font-family: "DMSansNormal";
    font-size: 1.125rem !important;
  }
}
@media screen and (min-width: 992px) {
  .flldllactivity-main-div .marketCard.card .marketcardhead .mk-card-topleftmain1 strong {
    font-family: "DMSansBold" !important;
  }
}
@media (min-width: 768px) {
  .flldllactivity-main-div #progress-content {
    padding-top: 20px;
  }
}
.flldllactivity-main-div #progress-content > div > div .marketcardhead.card-header {
  align-items: flex-start !important;
}
@media screen and (max-width: 991px) {
  .flldllactivity-main-div #progress-content > div > div {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .flldllactivity-main-div #progress-content > div > div > div .marketcardhead.card-header {
    margin-top: 25.82px !important;
  }
  .flldllactivity-main-div #progress-content > div > div > div .marketcardbody.card-body {
    padding-left: 15px;
    padding-top: 13.96px;
    padding-bottom: 21.76px;
    padding-right: 15px;
  }
  .flldllactivity-main-div #progress-content > div > div > div .marketcardfoot.card-footer {
    margin-bottom: 0px !important;
  }
}
.flldllactivity-main-div #progress-content {
  margin-top: 0px !important;
}
@media screen and (min-width: 992px) {
  .flldllactivity-main-div #progress-content .col-md-12.col-fll-12 {
    padding-right: 15px !important;
  }
  .flldllactivity-main-div #progress-content .col-md-12.col-fll-12:last-child {
    padding-right: 0px !important;
  }
}
.flldllactivity-main-div .mcard-view-all {
  font-size: 0.875rem !important;
  font-weight: 500;
  line-height: 21.6px;
}
.flldllactivity-main-div .textvalueprogressright {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #444444;
}
.flldllactivity-main-div .textvalueprogressbar span {
  font-size: 1rem;
  font-family: "RobotoMedium";
}

.textvalueprogressright {
  right: 20px !important;
}

/******************* css ************************/
@media screen and (max-width: 991px) {
  .DockingClassFiiDii.marketgroup.flldllactivity-main-div > .marketCard {
    background-color: #ffffff !important;
  }
  .DockingClassFiiDii.marketgroup.flldllactivity-main-div > .marketCard > .card-header.marketcardhead {
    padding: 10px 6px !important;
    position: sticky;
    color: #ffffff;
    top: 67px;
    z-index: 10000;
    background-color: #ffffff !important;
  }
  .DockingClassFiiDii.marketgroup.flldllactivity-main-div > .marketCard .marketcardbody .mobileviewdocking {
    position: sticky;
    top: 117px;
    z-index: 1000;
    width: 100%;
    background-color: #ffffff !important;
  }
  .DockingClassFiiDii.marketgroup.flldllactivity-main-div > .marketCard .marketcardbody .mobileviewdocking #purchase.row {
    position: sticky;
    top: 117px;
    z-index: 1000;
    width: 100%;
    background-color: #ffffff !important;
  }
  .DockingClassFiiDii.marketgroup.flldllactivity-main-div > .marketCard .marketcardbody .generic-tabs.recommendation-tabs {
    position: sticky;
    top: 160px;
    z-index: 1000;
    width: 100%;
    background-color: #ffffff !important;
  }
  .DockingClassFiiDii.marketgroup.flldllactivity-main-div > .marketCard .marketcardbody .generic-tabs .nav-link.active {
    border-bottom: 2px solid #03002f;
  }
}
@media (min-width: 768px) {
  .flldllactivity-main-div .flldllactivity .nav-tabs {
    padding-bottom: 30px !important;
  }
}

.fii-dii-data-block .colhalf .TextValueProgressbarnegative {
  line-height: normal;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  text-align: end;
  word-break: auto-phrase;
  padding-left: 20px !important;
}

.graph-chart {
  width: 100%;
  height: 100%;
  padding: 15px 0px 0px 0px;
}
.graph-chart body {
  overflow: hidden;
}

@media (max-width: 1024px) {
  .graph-chart {
    height: 400px;
    padding: 0px !important;
    width: 100%;
  }
}
.chartiq-market-futures {
  height: 400px;
}

.equitymarketnewsblock {
  position: relative;
  padding: 0 !important;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles {
  display: flex;
  margin-top: 0px;
  margin-right: 0px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles .d-mn-horizontal-tiles {
  width: 50%;
  margin-right: 15px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles .d-mn-vertical-tiles {
  width: 50%;
  flex-flow: column;
  display: flex;
  margin-left: 15px;
  gap: 30px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles .d-mn-vertical-tiles .d-mn-vertical-tile {
  margin-top: 0px;
  height: 187px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles .d-mn-vertical-tiles .d-mn-vertical-tile .d-mn-tile-img img {
  height: 157px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles .d-mn-vertical-tiles .d-mn-vertical-tile .d-mn-tile-textblock .d-mn-tile-text1 {
  margin-top: 26px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .d-mn-container-tiles .d-mn-vertical-tiles .d-mn-vertical-tile .d-mn-tile-textblock .d-mn-tile-text2 {
  margin-top: 52px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .owl-theme .owl-nav button.edel-icon-arrow-left1 {
  margin-top: -478px;
  position: absolute;
  margin-left: 1062px;
}
.equitymarketnewsblock .d-mn-container .d-mn-tiles .owl-theme .owl-nav button.edel-icon-arrow-right1 {
  margin-top: -478px;
  position: absolute;
  margin-left: 1100px;
}

.d-flex {
  display: flex;
}

a {
  text-decoration: unset;
}

@media (max-width: 768px) {
  .mobequitymarketnewsblock {
    padding: 0px !important;
  }
  .mobequitymarketnewsblock .owl-theme .owl-dots .owl-dot span {
    width: 8px !important;
  }
}
.mobequitymarketnewsblock .mnBlock {
  position: relative;
  background: none;
  padding-left: 14px;
}
@media (max-width: 768px) {
  .mobequitymarketnewsblock .mnBlock {
    padding-left: 0px;
  }
}
.mobequitymarketnewsblock .mnBlock .mn-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px 15px 30px 0px;
  padding-left: 0px !important;
}
@media (max-width: 768px) {
  .mobequitymarketnewsblock .mnBlock .mn-heading {
    margin-bottom: 20px;
  }
}
.mobequitymarketnewsblock .mnBlock .mn-heading .mn-heading-left {
  font-family: "EncodeSansLight";
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
}
.mobequitymarketnewsblock .mnBlock .mn-heading .mn-heading-left span {
  font-family: "EncodeSansBold";
}
.mobequitymarketnewsblock .mnBlock .mn-heading .mn-heading-right .mn-view-all {
  color: #03002f;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  line-height: 22px;
}
.mobequitymarketnewsblock .mnBlock .mn-heading .mn-heading-right .arrowwhite {
  color: white;
}
.mobequitymarketnewsblock .mnBlock .mn-heading .mn-heading-right .view-all-arrowicon {
  background-color: #03002f;
  margin-left: 15px;
  border-radius: 50%;
  font-size: 1.375rem;
}
.mobequitymarketnewsblock .owl-carousel {
  padding-right: 0px;
  padding-left: 0px;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-dots {
  display: flex;
  justify-content: center;
  padding: 20px;
  margin-top: 0px !important;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-dots .owl-dot span {
  width: 18px !important;
  height: 0px !important;
  margin: 0.1em !important;
  display: block;
  border: 1px solid #cccccc;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-dots .owl-dot span {
    width: 15px !important;
  }
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-dots .owl-dot.active span {
  border: 2px solid #03002f;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-theme .owl-nav {
  display: none;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0px;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-of-type(odd) > div {
  background-color: none;
  border: 1px solid #e7e7e7;
  border: none !important;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-of-type(even) > div {
  background-color: none;
  border: 1px solid #e7e7e7;
  border: none !important;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(3n+3) > div {
  background-color: none !important;
  border: 1px solid #e7e7e7 !important;
  border: none !important;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item > div {
  cursor: pointer;
}
@media (max-width: 767px) {
  .mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item > div {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block {
  width: 100%;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile {
  max-width: 94%;
  height: 100%;
  max-height: 278px;
  margin-left: -29px;
  width: 100%;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px 10px 32px;
}
@media (max-width: 640px) {
  .mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile {
    margin-left: -33px;
    max-width: 93%;
  }
}
@media (max-width: 360px) {
  .mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile {
    margin-left: -31px;
  }
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile .mn-tile-img {
  margin-bottom: 15px;
  height: 83px;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile .mn-tile-img img {
  width: 100%;
  height: 83px;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile .mn-tile-text1 {
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
  color: #444444;
  line-height: 20px;
  margin-bottom: 24px;
  word-wrap: break-word;
  height: 80px;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile .mn-tile-text2 {
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
  line-height: 12px;
  color: #ff6b00;
  margin-bottom: 8px;
  word-wrap: break-word;
  width: 100%;
  overflow: clip;
}
.mobequitymarketnewsblock .owl-carousel .owl-stage-outer .owl-stage .owl-item .mn-tiles-block .mn-tile .mn-tile-text3 {
  font-size: 0.625rem;
  font-family: "EncodeSansMedium";
  line-height: 12px;
  color: #b8b8b8;
  word-wrap: break-word;
  width: 100%;
}

@media (max-width: 768px) {
  .equityMarketNewsWrap {
    padding-right: 0px !important;
  }
}

.event-corporateactions-mob {
  background: #f2f6fb;
  padding: 8px 14px;
  color: #3580f7;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  height: 32px;
  align-items: center;
  display: flex;
}

.corporate-actions .accordion {
  padding: 30px 15px 16px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.corporate-actions .accordion:last-child {
  border-bottom: none;
}
.corporate-actions .accordion .accordion-header .scrip-cell {
  color: #444444;
  font-size: 0.875rem;
}
.corporate-actions .accordion .accordion-header .scrip-cell .scrip {
  font-family: "DMSansBold";
  line-height: 140%;
}
.corporate-actions .accordion .accordion-header .scrip-cell .values {
  line-height: 130%;
  font-family: "RobotoCondensedRegular";
}
.corporate-actions .accordion .bonus-ratio {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  display: flex;
  padding-top: 17px;
}
.corporate-actions .accordion .bonus-ratio .col:first-child {
  color: #dfa717;
}
.corporate-actions .accordion .bonus-ratio .col:last-child {
  display: flex;
  justify-content: end;
}
.corporate-actions .accordion .content {
  font-family: "RobotoLight";
  font-size: 0.875rem;
  line-height: 130%;
  display: flex;
  justify-content: end;
  padding: 5px 0px 11px 0px;
  color: #444444;
}
.corporate-actions .accordion .row {
  padding-top: 16px;
}
.corporate-actions .accordion .row .head {
  margin-bottom: 4px;
  color: #b8b8b8;
  font-size: 0.75rem;
}
.corporate-actions .accordion .row .value {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 22px;
}
.corporate-actions .accordion .row .col:last-child {
  text-align: end;
}
.corporate-actions .accordion:first-child {
  padding-top: 14px;
}

.corporate-actions .corporate-actions-items {
  padding: 0;
}
.corporate-actions .corporate-actions-items .accordion-item .bonus-ratio {
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.resultsCalendar {
  padding: 8px 14px;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  height: 32px;
  align-items: center;
  display: flex;
  background: #f1faf9;
  color: #00b6ab;
  padding: 8px 14px;
  margin-top: 11px;
}

.resultsAnnounced {
  background: #fcfbf2;
  color: #bab200;
  font-family: "EncodeSansMedium";
  font-size: 0.875rem;
  height: 32px;
  align-items: center;
  display: flex;
  padding: 8px 14px;
}

@media (min-width: 768px) {
  .economic-events {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 14px 30px 17px;
    background: #ffffff;
    gap: 22.5px;
  }
}
.economic-events .image-and-text {
  padding: 10px 22px 10px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.economic-events .image-and-text:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  .economic-events .image-and-text {
    padding: 15px 32px 18.8px 20px;
    border: 1px solid #e7e7e7;
  }
  .economic-events .image-and-text:last-child {
    border-bottom: 1px solid #e7e7e7;
  }
}
.economic-events .image-and-text .row {
  display: flex;
  gap: 13px;
}
@media (min-width: 768px) {
  .economic-events .image-and-text .row {
    gap: 11px;
  }
}
@media (min-width: 768px) {
  .economic-events .image-and-text .row .col-3 {
    width: 33.3%;
    padding: 0;
  }
}
.economic-events .image-and-text .row .col-3 img {
  border-radius: 5px;
  width: 95px;
  height: 74.82px;
}
.economic-events .image-and-text .row .col {
  display: flex;
  align-items: center;
  color: #444444;
  font-size: 0.875rem;
  font-family: "EncodeSansMedium";
  line-height: 140%;
}
@media (min-width: 768px) {
  .economic-events .image-and-text .row .col {
    padding: 0px;
    margin-left: 10px;
  }
}
.economic-events .image-and-text:first-child {
  padding-top: 16px;
}

.resultscalendarMainMob .result-calendar:last-child {
  border-bottom: none;
}

.result-calendar {
  padding: 15px 15px 16px 14px;
  border-bottom: 1px solid #e7e7e7;
}
.result-calendar .row .scrip-cell {
  color: #444444;
  font-size: 0.875rem;
}
.result-calendar .row .scrip-cell .scrip {
  font-family: "EncodeSansSemiBold";
  line-height: 140%;
}
.result-calendar .row .scrip-cell .values {
  line-height: 130%;
  font-family: "RobotoCondensedRegular";
}
.result-calendar .row .col {
  font-size: 0.75rem;
}
.result-calendar .row .col .head {
  color: #b8b8b8;
  line-height: 140%;
  font-family: "encodesans_normal";
  margin-bottom: 3px;
}
.result-calendar .row .col .value {
  color: #444444;
  line-height: 140%;
  font-family: "EncodeSansMedium";
}
.result-calendar .row .col:last-child,
.result-calendar .row .col-5 {
  text-align: end;
}
.result-calendar .set-alert .col:last-child,
.result-calendar .set-alert .col-5 {
  text-align: start;
}
.result-calendar .row:first-child {
  padding-bottom: 15px;
}
.result-calendar .row:last-child {
  padding-top: 19px;
  color: #3580f7;
  font-size: 0.75rem;
  line-height: 140%;
  font-family: "EncodeSansMedium";
}
.result-calendar .row:last-child .col-4,
.result-calendar .row:last-child .col-3 {
  padding-right: 0;
}
.result-calendar .row:last-child .col-3,
.result-calendar .row:last-child .col-5 {
  padding-left: 0;
}
.result-calendar .row:last-child i {
  font-size: 0.875rem;
  margin-right: 5px;
}
.result-calendar .row:last-child .col-3 {
  text-align: center;
}

.eventscalendarmain.marketgroup {
  padding: 0px;
}
@media (max-width: 768px) {
  .eventscalendarmain.marketgroup {
    padding: 0px 15px;
  }
}
.eventscalendarmain.marketgroup .mk-card-topleftmain1 {
  display: flex;
  font-size: 1.75rem !important;
}
.eventscalendarmain.marketgroup .marketCard {
  padding: 20px 0px !important;
}
.eventscalendarmain.marketgroup .marketCard .marketcardhead {
  padding: 0px 20px !important;
}
@media (max-width: 768px) {
  .eventscalendarmain.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
    font-size: 1.25rem !important;
    line-height: 140%;
  }
}
.eventscalendarmain.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
  color: #b8b8b8;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 768px) {
  .eventscalendarmain.marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
    font-family: "RobotoLight" !important;
    font-size: 0.625rem;
    color: #727271;
    display: flex;
    align-items: center;
    gap: 4px;
  }
}
.eventscalendarmain.marketgroup .marketCard .marketcardbody {
  padding: 30px 0px 9px !important;
}
@media (max-width: 768px) {
  .eventscalendarmain.marketgroup .marketCard .marketcardbody {
    padding: 15px 0px !important;
  }
}
.eventscalendarmain.marketgroup .marketCard .marketcardfoot {
  padding-right: 20px !important;
}
.eventscalendarmain.marketgroup .mk-card-topright span {
  margin-left: 25px;
}
.eventscalendarmain.marketgroup .eventscalendar-block {
  display: block;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .event-corporateactions {
  background: #f2f2f5;
  padding: 10px 19px;
  color: #03002f;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  height: 32px;
  align-items: center;
  display: flex;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table {
  width: 100% !important;
  padding: 0px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-head th {
  padding: 9px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-head th:first-child {
  padding-left: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr th:nth-child(2) {
  width: 290px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr th:nth-child(3) {
  text-align: end;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr th:nth-child(4) {
  text-align: end;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-body tr .stock-split .rec-label {
  text-align: left;
  font-size: 1rem;
  background: none;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-body tr .rec-label label {
  padding: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-body tr td {
  text-align: left;
  font-size: 16px;
  font-family: "DMSansMedium";
  color: #444444;
  vertical-align: middle;
  padding: 19px 9px 19px 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .rec-table-body tr td:first-child {
  padding: 19px 0px 19px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr td:nth-child(3) {
  text-align: end;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-corporateactions-block .recommendation-table .table-text tr td:nth-child(4) {
  text-align: end;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .event-resultscalendar {
  background: #fff0e5;
  padding: 10px 19px;
  color: #ff6b00;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  height: 32px;
  align-items: center;
  display: flex;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table {
  width: 100% !important;
  padding: 0px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-head th {
  padding: 9px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-head th:first-child {
  padding-left: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-head th:nth-child(2) {
  width: 25%;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-head-text th:first-child {
  width: 250px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-head-text th:nth-of-type(2) {
  text-align: end;
  width: 250px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-head-text th:nth-child(3) {
  text-align: end;
  width: 250px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-body tr .rec-label label {
  padding: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-body tr td {
  font-size: 16px;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 19px 0px 19px 10px;
  vertical-align: middle;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .rec-table-body tr td:first-child {
  padding: 19px 0px 19px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-body-text tr td:nth-child(2) {
  text-align: end;
  padding: 19px 10px 19px 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-body-text tr td:nth-child(3) {
  text-align: end;
  padding: 19px 10px 19px 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultscalendar-block .recommendation-table .table-body-text tr td:last-child {
  text-align: start !important;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .event-resultsannounced {
  background: #eef7ee;
  padding: 10px 19px;
  color: #51b255;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  height: 32px;
  align-items: center;
  display: flex;
  margin-top: 19px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table {
  width: 100% !important;
  padding: 0px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-head th {
  padding: 9px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-head th:first-child {
  padding-left: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table tr th:first-child {
  width: 250px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table tr th:nth-of-type(2) {
  width: 200px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table tr th:nth-child(3) {
  text-align: end;
  width: 150px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table tr th:last-child {
  text-align: end;
  width: 200px;
  padding-right: 70px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-body tr .rec-label label {
  padding: 0px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-body tr td {
  font-size: 16px;
  font-family: "DMSansMedium";
  color: #444444;
  padding: 19px 0px 19px 10px;
  vertical-align: middle;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .rec-table-body tr td:first-child {
  padding: 19px 0px 19px 20px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table-body tr td:nth-child(3) {
  text-align: end;
  width: 150px;
  padding-right: 10px;
}
.eventscalendarmain.marketgroup .eventscalendar-block .event-resultsannounced-block .recommendation-table .announced-table-body tr td:last-child {
  text-align: end;
  width: 200px;
  padding-right: 70px;
}

.blue-text {
  color: #3580f7;
}

.event-economic-events {
  background: #fcf9f7;
  padding: 10px 19px;
  color: #ff6b00;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  height: 32px;
  align-items: center;
  display: flex;
  margin-top: 21px;
}
@media (max-width: 768px) {
  .event-economic-events {
    margin-top: 2px;
  }
}

.links-block {
  display: flex;
  justify-content: flex-start;
  margin-right: 20px;
  margin-left: 180px;
  align-items: center;
  cursor: pointer;
}
.links-block a {
  cursor: pointer;
}

.ml-20 {
  margin-left: 20px;
}

.ml-5 {
  margin-left: 5px;
}

.gold-color {
  color: #dfa717;
}

.roundcirclefont {
  font-size: 0.438rem;
}
@media (max-width: 768px) {
  .roundcirclefont {
    font-size: 0.25rem;
  }
}

.insider-detail .stock-details-body .slidingpane-icon-block {
  justify-content: space-evenly;
}
.insider-detail-body {
  background: #fbfdff;
  padding: 20px 40px 20px 15px;
}
.insider-detail-body .row {
  padding-bottom: 35px;
  padding-left: 15px;
}
.insider-detail-body .row .col,
.insider-detail-body .row .col-8,
.insider-detail-body .row .col-3 {
  padding: 0;
  display: grid;
}
.insider-detail-body .row .col label,
.insider-detail-body .row .col-8 label,
.insider-detail-body .row .col-3 label {
  font-size: 0.688rem;
  color: #b8b8b8;
  font-family: "DMSansMedium";
  margin-bottom: 3px;
}
.insider-detail-body .row .col span,
.insider-detail-body .row .col-8 span,
.insider-detail-body .row .col-3 span {
  font-size: 0.75rem;
  color: #444444;
  font-family: "RobotoMedium";
}
.insider-detail-body .row .col .encode,
.insider-detail-body .row .col-8 .encode,
.insider-detail-body .row .col-3 .encode {
  font-family: "DMSansMedium";
}
.insider-detail-body .row:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .insider-detail-body .row {
    padding-bottom: 30px;
  }
  .insider-detail-body .row .col,
  .insider-detail-body .row .col-8,
  .insider-detail-body .row .col-3 {
    padding: 0;
    display: grid;
  }
  .insider-detail-body .row .col label,
  .insider-detail-body .row .col-8 label,
  .insider-detail-body .row .col-3 label {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body {
  line-height: normal;
}
.insider-detail-body .data-head {
  font-size: 0.688rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
  display: flex;
}
.insider-detail-body .data-value {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  margin-top: 5px;
}
@media (max-width: 768px) {
  .insider-detail-body .data-value {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body .grid-inside-div {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 37% 37% 26%;
  gap: 5px;
  line-height: normal;
}

.insider-table {
  width: 100%;
  margin: 0;
}
.insider-table .insider-head {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  color: #727271;
}
.insider-table .insider-head th:last-child {
  text-align: end;
  padding-right: 20px;
}
.insider-table tr td {
  padding: 17px 10px 15px 10px;
  color: #444444;
}
.insider-table tr td:last-child {
  padding-right: 20px;
  text-align: end;
}
.insider-table tr th {
  padding: 17px 10px 15px 10px;
}
.insider-table tr .reported-on {
  padding-left: 20px;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  line-height: 140%;
  vertical-align: top;
}
@media (min-width: 1023px) {
  .insider-table tr .reported-on {
    width: 10%;
  }
}
.insider-table tr .stock-with-label {
  line-height: 140%;
  font-family: "DMSansMedium";
  font-size: 1rem;
}
.insider-table tr .stock-with-label label {
  display: block;
  color: #b8b8b8;
  font-size: 0.75rem;
}
.insider-table tr .average-price,
.insider-table tr .no-of-shares {
  font-family: "RobotoRegular";
  font-size: 1rem;
  line-height: 140%;
}
.insider-table tr .action .insider-label {
  border-radius: 3px;
  font-family: "DMSansMedium";
  font-size: 0.875rem;
  text-align: center;
  line-height: 140%;
  width: -moz-fit-content;
  width: fit-content;
}
.insider-table tr .action .insider-label label {
  cursor: pointer;
  border-radius: 3px;
  padding: 5px 10px;
}
.insider-table tr .action .insider-label .bought,
.insider-table tr .action .insider-label .buy,
.insider-table tr .action .insider-label .purchase {
  color: #51b255;
  background: #f6fbf6;
}
.insider-table tr .action .insider-label .declared {
  color: #0264ab;
  background: #e6eff7;
}
.insider-table tr .action .insider-label .sold,
.insider-table tr .action .insider-label .sell {
  color: #dd504d;
  background: #fff5f5;
}
.insider-table.quote-equity .insider-head {
  font-family: "DMSansMedium";
}
.insider-table.quote-equity tr {
  cursor: default;
}
.insider-table.quote-equity tr .reported-on {
  font-family: "DMSansMedium";
}
.insider-table.quote-equity tr .stock-with-label {
  font-family: "DMSansMedium";
}
.insider-table.quote-equity tr .action .insider-label {
  font-family: "DMSansMedium";
}

@media screen and (min-width: 1024px) {
  .insider-tabs {
    margin-top: -65px;
  }
  .insider-tabs .nav-tabs {
    display: flex;
    justify-content: end;
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 1023px) {
  .insider-tabs .nav-tabs {
    height: 32px;
  }
}
.showSortDropdown.insider .sort-drop {
  margin-top: 50px;
  right: 0px;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer {
  display: flex;
  gap: 6px;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .filter-button {
  background-color: #03002f;
  color: #ffffff;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .filter-button:hover {
  background-color: #03002f;
  color: #ffffff;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .reset-button,
.showSortDropdown.insider .sort-drop .sort-drop-footer .filter-button {
  width: 48%;
  padding: 14px 28px;
  border-radius: 6px;
  font-family: "DMSansNormal";
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  border: 1px solid #03002f;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .reset-button {
  background-color: transparent;
  color: #03002f;
}
.showSortDropdown.insider .sort-drop .sort-drop-footer .reset-button:hover {
  background-color: #03002f;
  color: #ffffff;
}

.sortBtnEtf > .ed_button {
  border-radius: 5px;
  width: 44px;
  height: 44px;
  padding: 0px;
}

.sort-filter-selected {
  background: #dd504d;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
}

.insider-detail .stock-details-body .slidingpane-icon-block {
  justify-content: space-evenly;
}
.insider-detail-body {
  background: #fbfdff;
  padding: 20px 40px 20px 15px;
}
.insider-detail-body .row {
  padding-bottom: 35px;
  padding-left: 15px;
}
.insider-detail-body .row .col,
.insider-detail-body .row .col-8,
.insider-detail-body .row .col-3 {
  padding: 0;
  display: grid;
}
.insider-detail-body .row .col label,
.insider-detail-body .row .col-8 label,
.insider-detail-body .row .col-3 label {
  font-size: 0.688rem;
  color: #b8b8b8;
  font-family: "DMSansMedium";
  margin-bottom: 3px;
}
.insider-detail-body .row .col span,
.insider-detail-body .row .col-8 span,
.insider-detail-body .row .col-3 span {
  font-size: 0.75rem;
  color: #444444;
  font-family: "RobotoMedium";
}
.insider-detail-body .row .col .encode,
.insider-detail-body .row .col-8 .encode,
.insider-detail-body .row .col-3 .encode {
  font-family: "DMSansMedium";
}
.insider-detail-body .row:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .insider-detail-body .row {
    padding-bottom: 30px;
  }
  .insider-detail-body .row .col,
  .insider-detail-body .row .col-8,
  .insider-detail-body .row .col-3 {
    padding: 0;
    display: grid;
  }
  .insider-detail-body .row .col label,
  .insider-detail-body .row .col-8 label,
  .insider-detail-body .row .col-3 label {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body {
  line-height: normal;
}
.insider-detail-body .data-head {
  font-size: 0.688rem;
  font-family: "DMSansMedium";
  color: #b8b8b8;
  display: flex;
}
.insider-detail-body .data-value {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  margin-top: 5px;
}
@media (max-width: 768px) {
  .insider-detail-body .data-value {
    font-size: 0.75rem;
    font-family: "DMSansNormal";
  }
}
.insider-detail-body .grid-inside-div {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 37% 37% 26%;
  gap: 5px;
  line-height: normal;
}

@media screen and (max-width: 1023px) {
  .insider-trading-mob .marketCard {
    padding: 0 !important;
  }
  .insider-trading-mob .marketCard .marketcardhead {
    margin: 16px 15px !important;
  }
  .insider-trading-mob .marketCard .marketcardbody {
    padding: 0 !important;
  }
  .insider-trading-mob .marketCard .marketcardfoot {
    margin: 20px 15px !important;
  }
  .insider-trading-mob .marketCard .insider-mob-table {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 15px;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row {
    color: #444444;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .more-details {
    line-height: 140%;
    font-size: 0.75rem;
    color: #03002f;
    display: flex;
    align-items: center;
    justify-content: end;
    font-family: "DMSansMedium";
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .more-details .ed_button.blue-link {
    background: none;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .more-details i {
    font-size: 0.875rem;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 {
    font-size: 0.75rem;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col label,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 label {
    font-family: "DMSansNormal";
    line-height: 140%;
    color: #b8b8b8;
    display: block;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .other,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .other {
    font-family: "DMSansNormal";
    line-height: 140%;
    color: #727271;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .stock-name,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .stock-name {
    font-family: "DMSansBold";
    font-size: 0.875rem;
    line-height: 140%;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col span,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 span {
    color: #444444;
    line-height: 22px;
    font-family: "DMSansMedium";
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .roboto,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .roboto {
    font-family: "RobotoMedium";
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label {
    border-radius: 3px;
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    text-align: center;
    line-height: 140%;
    width: -moz-fit-content;
    width: fit-content;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label label,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label label {
    border-radius: 3px;
    padding: 5px 7px;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .bought,
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .buy,
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .purchase,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .bought,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .buy,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .purchase {
    color: #51b255;
    background: #f6fbf6;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .declared,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .declared {
    color: #0264ab;
    background: #e6eff7;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .sold,
  .insider-trading-mob .marketCard .insider-mob-table .row .col .insider-label .sell,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .sold,
  .insider-trading-mob .marketCard .insider-mob-table .row .col-7 .insider-label .sell {
    color: #dd504d;
    background: #fff5f5;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .only-label {
    align-items: center;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .display-end {
    justify-content: end;
    display: flex;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row .align-end {
    text-align: right;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row:nth-child(1) {
    padding-bottom: 15px;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row:nth-child(2) {
    padding-bottom: 15px;
  }
  .insider-trading-mob .marketCard .insider-mob-table .row:nth-child(3) {
    padding-bottom: 15px;
  }
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col label .other,
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col-7 label .other {
    font-family: "DMSansNormal";
  }
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col span,
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col-7 span {
    font-family: "DMSansMedium";
  }
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col .stock-name,
  .insider-trading-mob .marketCard .insider-mob-table.quote-equity .row .col-7 .stock-name {
    font-family: "DMSansBold";
  }
  .insider-trading-mob .marketCard .insider-mob-table:first-child {
    border-top: 1px solid #e7e7e7;
  }
  .insider-trading-mob .marketCard .insider-sortby-button-block {
    padding: 15px;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
  }
  .insider-trading-mob .marketCard .insider-sortby-button-block .insider-sortby-button {
    padding: 8px 5px;
    border: 1px solid rgba(53, 128, 247, 0.1);
  }
  .insider-trading-mob .marketCard .insider-sortby-button-block .insider-sortby-button .edel-icon-sort {
    color: #03002f;
  }
  .insider-trading-mob .marketCard .insider-sortby-button-block .insider-sortby-button .insider-sortbutton-text {
    font-family: "DMSansMedium";
    font-size: 0.875rem;
    line-height: 140%;
    color: #727271;
    margin-left: 5px;
  }
}
@media (min-width: 1023px) {
  .insider-trading-block .mk-card-topleftmain .gap {
    margin-left: 10px !important;
  }
}

@media screen and (min-width: 1023px) {
  .insider-trading-mob .marketCard {
    padding-top: 10px !important;
  }
}
:root {
  font-size: 16px;
}

.marketgroup {
  margin: 0 0 !important;
}

.row.marginTopCommon {
  margin-top: 51px;
  padding: 0 10px;
}

.marginTopCommon {
  margin-top: 51px;
  margin-bottom: 0;
  padding: 0 10px;
}
.marginTopCommon .recommendations {
  padding: 0;
}
.marginTopCommon .insider-trading-mob {
  padding: 0;
}
.marginTopCommon .driving-mkt-mainblock {
  padding: 0;
}
.marginTopCommon .outer-container {
  padding: 0;
}
.marginTopCommon .indicesDeclinesWrap-sec,
.marginTopCommon .SectorPerfomanceWrap-sec {
  padding: 0;
}

.outer-container {
  padding: 0 10px;
}

.drivingmarket-ipocard {
  margin-top: 0;
}

.driving-mkt-mainblock .driving-mkt-block {
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 1023px) {
  .marginTopCommon {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0 10px;
  }
  .marginTopCommon .driving-mkt-mainblock .driving-mkt-block .marketgroup {
    padding-left: 15px;
    padding-right: 15px;
  }
  .marginTopCommon .driving-mkt-mainblock .driving-mkt-block .driving-mkt-head {
    padding: 20px 15px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .commonMargin {
    margin: 30px auto;
    padding: 0 !important;
  }
  .selected_row {
    background-color: #f2f2f5 !important;
  }
}
@media screen and (max-width: 1023px) {
  .container.commonMargin {
    padding: 0 !important;
  }
  .container.commonMargin .container {
    padding: 0 !important;
  }
}
.market-today-shimmer {
  margin: 30px;
}

.w-60 {
  width: 60%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-20 {
  width: 20%;
}

.w-70 {
  width: 70%;
}

.w-30 {
  width: 30%;
}

.shimmerspacebetween {
  display: flex;
  justify-content: space-between;
}

.mobliveipo-shimmer {
  padding: 0px 30px 30px;
}

.ml-10 {
  margin-left: 10px;
}

.equityNewEdelBlock #newOnEdel {
  background: none;
}
@media (max-width: 768px) {
  .equityNewEdelBlock #newOnEdel {
    padding-top: 0px;
  }
}

.calendarevents-block {
  margin-top: 40px;
  padding: 0px !important;
}

@media (max-width: 768px) {
  #flldllactivityWrap .marketgroup,
  .calendarevents-block .marketgroup,
  .stocksUnderSurveillanceWrap .marketgroup {
    padding: 0px;
  }
}

.mt-50-20 {
  margin-top: 50px;
}
@media (max-width: 768px) {
  .mt-50-20 {
    margin-top: 20px;
  }
}

@media (min-width: 1024px) {
  .marketmap-graphdata {
    margin-top: 12px;
  }
}
.wethreeicons .icon-tile {
  display: flex;
  width: 100%;
  justify-content: center;
}
.wethreeicons .icon-tile:last-child {
  display: flex;
  width: 100%;
  justify-content: center;
}
.wethreeicons.sidebarPanelMenu .icon-tile {
  display: flex;
  width: 100%;
  justify-content: center;
}

@media (min-width: 1024px) {
  .optionsnewedelblock .ed-newedel-card-description {
    color: #263363;
  }
}
@media (max-width: 1023px) {
  .optionsnewedelblock {
    padding-top: 8px;
  }
}
.optionsnewedelblock .edel-new-on-edel-heading {
  color: #0b243a;
}
@media (max-width: 768px) {
  .optionsnewedelblock .pd-b50 {
    padding-bottom: 0px !important;
  }
}
@media (max-width: 768px) {
  .optionsnewedelblock .owl-dots .owl-dot span {
    width: 8px !important;
  }
}

.term-table .date-content {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  padding-bottom: 11px;
  color: #444444;
}
.term-table .card {
  background: #ffffff;
  border-radius: 0px;
}
.term-table .card .card-header {
  padding: 20px;
  background: none;
}
.term-table .card .card-header .stock-header {
  display: flex;
  justify-content: space-between;
  line-height: 140%;
  color: #444444;
}
.term-table .card .card-header .stock-header label {
  font-family: "DMSansBold";
  font-size: 1.125rem;
  line-height: 140%;
}
.term-table .card .card-header .stock-header .content {
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 140%;
  display: flex;
  align-items: center;
}
.term-table .card .card-body {
  padding: 0;
  position: relative;
}
.term-table .card .card-body .stock-table {
  margin: 0;
  width: 100%;
  border-collapse: collapse;
}
.term-table .card .card-body .stock-table thead {
  position: sticky;
  top: 0;
  z-index: 3;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  line-height: 140%;
  color: #727271;
}
.term-table .card .card-body .stock-table thead tr {
  background-color: #ffffff;
  outline: 1px solid #e7e7e7;
}
.term-table .card .card-body .stock-table thead th {
  padding: 9px 20px;
}
.term-table .card .card-body .stock-table thead th:last-child {
  text-align: right;
  display: flex;
  justify-content: right;
}
.term-table .card .card-body .stock-table thead tr th:not(:first-child) .title {
  justify-content: start !important;
}
.term-table .card .card-body .stock-table tbody tr {
  font-family: "DMSansMedium";
  font-size: 1rem;
  border-bottom: 1px solid #e7e7e7;
}
.term-table .card .card-body .stock-table tbody tr td {
  padding: 20px;
  border: none;
}
.term-table .card .card-body .stock-table tbody tr .company-name {
  color: #444444;
  line-height: 140%;
}
.term-table .card .card-body .stock-table tbody tr .isin {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  line-height: 140%;
}
.term-table .card .card-body .stock-table tbody tr .reported-date {
  color: #727271;
  font-size: 0.875rem;
  line-height: 140%;
  text-align: end;
}
.term-table .card .card-body .stock-table tbody tr:last-child {
  border-bottom: none;
}
.term-table .card .card-body .stock-table tbody tr:hover {
  background: none !important;
}

.gsm-table .card .card-body .stock-table thead th:last-child {
  padding-right: 30px;
}
.gsm-table .card .card-body .stock-table tbody tr td:last-child {
  padding-right: 30px;
}

.fno-ban-list .term-table .card .card-body .stock-table thead th {
  padding: 9px;
}
.fno-ban-list .term-table .card .card-body .stock-table thead th:first-child {
  padding-left: 20px;
}
.fno-ban-list .term-table .card .card-body .stock-table thead th:last-child {
  padding-right: 20px;
}
.fno-ban-list .term-table .card .card-body .stock-table thead th:not(th:first-child) {
  text-align: end;
}
.fno-ban-list .term-table .card .card-body .stock-table tbody tr td:not(td:first-child) {
  text-align: end;
}
.fno-ban-list .term-table .card .card-body .stock-table tbody tr td {
  padding: 20px 9px;
}
.fno-ban-list .term-table .card .card-body .stock-table tbody tr td:first-child {
  padding-left: 20px;
}
.fno-ban-list .term-table .card .card-body .stock-table tbody tr td:last-child {
  padding-right: 20px;
}

.stocks-surveillance.viewAll .term-table .stock-table tbody tr:last-child {
  border-bottom: 1px solid #e7e7e7;
}

.stocks-share {
  margin: 20px;
}
.stocks-share .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
}
.stocks-share .share-icon .edel-icon-share-icon:before {
  content: "\e96c";
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}

.stocks-table-div {
  max-height: 380px;
  overflow-y: scroll;
}

.stocks-table-thead {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 3;
  outline: 1px solid #e7e7e7;
}

.stocks-table-mob {
  margin: 0;
  width: 100%;
  border-collapse: collapse;
}
.stocks-table-mob thead {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 18px;
}
.stocks-table-mob thead th {
  padding: 15px;
}
.stocks-table-mob thead th:last-child {
  text-align: end;
}
.stocks-table-mob tbody tr {
  border-top: 1px solid #e7e7e7;
}
.stocks-table-mob tbody td {
  border: 0 !important;
  padding: 15px;
}
.stocks-table-mob tbody .company-isin {
  display: grid;
  gap: 5px;
}
.stocks-table-mob tbody .company-isin label {
  font-size: 0.875rem;
  line-height: 140%;
  font-family: "DMSansMedium";
  color: #444444;
}
.stocks-table-mob tbody .company-isin span {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 140%;
  display: block;
}
.stocks-table-mob tbody .date-added {
  font-size: 0.875rem;
  line-height: 140%;
  font-family: "DMSansMedium";
  color: #444444;
  text-align: end;
}
.stocks-table-mob tbody .date-added .symbol-date {
  margin-top: 5px;
  font-family: "DMSansNormal";
  font-size: 0.625rem;
  line-height: 140%;
  color: #727271;
}
.stocks-table-mob tbody .date-added .symbol-date label {
  color: #b8b8b8;
}

.viewAll .stocks-table-mob tbody tr:last-child {
  border-bottom: 1px solid #e7e7e7;
}

.fno-mobile-table table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}
.fno-mobile-table table thead {
  color: #b8b8b8;
  font-family: "DMSansNormal";
  font-size: 0.75rem;
  line-height: 18px;
  border-bottom: 1px solid #e7e7e7;
}
.fno-mobile-table table thead th {
  padding: 10px 15px;
}
.fno-mobile-table table thead th:not(th:first-child) {
  text-align: end;
}
.fno-mobile-table table tbody tr {
  border-bottom: 1px solid #e7e7e7;
}
.fno-mobile-table table tbody tr td {
  border: none;
  padding: 15px;
  font-family: "DMSansMedium";
  font-size: 0.75rem;
  line-height: 18px;
  color: #444444;
}
.fno-mobile-table table tbody tr td:not(td:first-child) {
  font-family: "RobotoMedium";
  text-align: end;
}

@media screen and (min-width: 1024px) {
  .stocks-tabs {
    margin-top: -60px;
  }
  .stocks-tabs .nav-tabs {
    display: flex;
    justify-content: end;
    padding-bottom: 34px !important;
  }
  .stock-tab-content {
    display: grid;
    grid-template-columns: 48.5% 48.5%;
    gap: 30px;
  }
  .fno-ban-list {
    display: grid;
    grid-template-columns: 31.5% 31.5% 31.5%;
    gap: 30px;
  }
  .container.stocks-surveillance {
    padding: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .stocksundersurvilance-table .tab-content .fno-table .nav-item .nav-link {
    padding: 10px 5px 10px 5px;
    line-height: 10.4px;
  }
  .tab-content .stocks-tabs .nav-tabs {
    border-bottom: 1px solid #e7e7e7 !important;
  }
  .tab-content .stocks-tabs .nav-tabs .nav-item .nav-link {
    padding: 5px 16px 5px 16px !important;
    line-height: 22.4px;
  }
  .stocks-surveillance .marketCard {
    padding: 0 !important;
  }
  .stocks-surveillance .marketCard .marketcardhead {
    margin: 15px 15px 0px 14px !important;
    z-index: 1;
  }
  .stocks-surveillance .marketCard .marketcardbody {
    padding-top: 11px !important;
  }
  .stocks-surveillance .marketCard .marketcardfoot {
    margin: 0px 16px 20px 15px !important;
  }
}
@media (max-width: 1023px) {
  .StocksUnderSurveillanceBlock .viewAll .marketCard {
    padding: 0px !important;
  }
}
@media (max-width: 768px) {
  .stocksundersurvilance-table-tabs .nav-tabs .nav-item {
    padding-right: 20px;
  }
  .flex-scroll-tab .nav-tabs {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0 0 0 15px;
  }
}
@media screen and (min-width: 1024px) {
  .viewall-breadcrumb {
    margin: 20.5px auto 32.5px auto;
  }
  .viewAll-table {
    overflow-y: scroll;
    height: 400px;
  }
  .viewAll-table::-webkit-scrollbar {
    width: 2px !important;
    height: 5px !important;
  }
  .viewAll-table::-webkit-scrollbar-track-piece {
    margin-top: 45px !important;
  }
  .viewAll-table {
    /* Track */
  }
  .viewAll-table::-webkit-scrollbar-track {
    background: transparent;
  }
  .viewAll-table {
    /* Handle */
  }
  .viewAll-table::-webkit-scrollbar-thumb {
    background: #03002f;
  }
  .viewAll-table table {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
  }
  .viewAll-table table thead {
    position: sticky;
    top: 0;
    z-index: 7;
    background: #ffffff;
  }
  .viewAll-table table thead tr th {
    padding: 12px 20px;
    font-family: "DMSansMedium";
    font-size: 0.75rem;
    line-height: 140%;
    color: #727271;
    border-color: #e7e7e7;
    border-width: 1px 0;
  }
  .viewAll-table table thead tr th:not(th:first-child) .title {
    justify-content: end;
  }
  .viewAll-table table thead tr th:not(th:first-child) {
    text-align: end;
  }
  .viewAll-table table thead tr th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-width: 1px 0px 1px 1px;
  }
  .viewAll-table table thead tr th:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-width: 1px 1px 1px 0px;
  }
  .viewAll-table table tbody tr td {
    border: none !important;
    padding: 19px 20px;
    font-size: 1rem;
    color: #444444;
    cursor: pointer;
  }
  .viewAll-table table tbody tr td:not(td:first-child) {
    text-align: end;
    font-family: "RobotoRegular";
  }
  .viewAll-table table tbody tr td:first-child {
    font-family: "DMSansMedium";
    font-size: 1rem;
    line-height: 130%;
  }
  .viewAll-table table tbody tr:nth-child(odd) {
    background-color: #ffffff;
  }
  .viewAll-table table tbody tr:nth-child(even) {
    background-color: #f2f2f5;
  }
  .viewAll-table table tbody tr:hover {
    background-color: inherit !important;
  }
  .viewAll-table table tbody tr:hover:nth-child(even) {
    background-color: #f2f2f5 !important;
  }
  .viewAll {
    padding: 0 !important;
  }
  .viewAll .marketCard {
    border: none !important;
    padding: 0 !important;
  }
  .viewAll .marketCard .marketcardhead {
    align-items: flex-start !important;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
    display: flex;
    font-size: 1.75rem !important;
    margin-bottom: 20px;
    font-family: "DMSansNormal" !important;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .rounded-circle1.exclamation1 {
    width: 35px !important;
    height: 35px !important;
    margin-left: 15px;
    margin-top: -5px;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block {
    margin-right: 10px;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .equitydrop {
    padding: 10px 5px 10px 10px;
    display: flex;
    gap: 7px;
    margin-left: 10px;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .equitydrop i {
    color: #03002f;
    margin-left: 0;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topright .equity-dropdown-block .dropdown-menu {
    z-index: 9;
  }
  .viewAll .marketCard .marketcardbody {
    padding-bottom: 0 !important;
  }
  .viewAll-tabs .nav-tabs {
    display: flex;
    justify-content: end;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .viewAll-tabs .nav-tabs {
    padding-right: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .viewAll-tabs .nav-tabs .nav-item .nav-link {
    padding: 11px 6px 5px 6px !important;
    margin-left: 12px;
  }
  .viewAll-tabs .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #03002f !important;
  }
}
@media screen and (max-width: 1023px) {
  .viewAll {
    padding: 0 !important;
  }
  .viewAll .marketCard {
    border: none !important;
    margin: 0 !important;
    padding: 20px 15px !important;
  }
  .viewAll .marketCard .marketcardhead {
    align-items: flex-start !important;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
    font-size: 1.25rem !important;
    font-family: "DMSansNormal" !important;
  }
  .viewAll .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftsub {
    margin: 10px 0px 0px 20px !important;
  }
  .viewAll .marketCard .marketcardbody .dropdown-section {
    padding: 20px 0px;
  }
  .viewAll .marketCard .marketcardbody .dropdown-section .equity-dropdown-block .equitydrop {
    padding: 8px 5px 8px 5px;
    line-height: 118%;
  }
  .viewAll .marketCard .marketcardbody .dropdown-section .equity-dropdown-block .equitydrop i {
    color: #03002f;
  }
  .viewAll .marketCard .marketcardbody .dropdown-section .subMenuDropdown .nav-item .nav-link {
    padding: 8px 5px 8px 5px;
  }
  .viewAll .marketCard .marketcardfoot {
    margin-bottom: 30px !important;
  }
}
.understanding-section-mkt {
  background: #ffffff;
  margin: 50px 0;
}
.understanding-section-mkt-heading {
  width: 342px;
  height: 46px;
  font-family: "DMSansNormal";
  font-size: 1.75rem;
  line-height: 39px;
  color: #0b243a;
  margin-bottom: 40px;
}
.understanding-section-mkt-sectionwise-distribution {
  margin: 50px 0;
  font-family: "DMSansNormal";
  font-style: normal;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head {
  display: flex;
  justify-content: space-between;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head .category-heading {
  font-family: "DMSansBold";
  font-size: 1.375rem;
  line-height: 31px;
  color: #444444;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-head .back-to-section {
  font-family: "DMSansMedium";
  font-size: 16px;
  line-height: 22px;
  color: #03002f;
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}
.understanding-section-mkt-sectionwise-distribution .understanding-section-mkt-body {
  margin-top: 20px;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 140%;
  color: #727271;
  max-width: 85%;
  text-align: left;
}
.understanding-section-mkt-showall {
  display: flex;
  justify-content: center;
  align-items: center;
}
.understanding-section-mkt-showall button {
  font-size: 1rem;
  font-family: "DMSansMedium";
  color: #03002f;
  line-height: 22px;
  color: #03002f;
  border: none;
  background-color: transparent;
}

.mob-understanding-section-mkt {
  background: #ffffff;
  padding-bottom: 25px;
  margin-top: 20px;
  padding: 10px;
}
.mob-understanding-section-mkt-heading {
  height: 28px;
  font-size: 1.25rem;
  line-height: 28px;
  color: #0b243a;
  margin-bottom: 0px;
  padding: 15px 0 20px 0;
}
.mob-understanding-section-mkt-sectionwise-distribution {
  border-top: 1px solid #e7e7e7;
  margin: 20px 0;
  padding-top: 20px;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head {
  display: flex;
  justify-content: space-between;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .category-heading {
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
  line-height: 22px;
  color: #444444;
  max-width: 80%;
  font-family: "DMSansBold";
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section {
  width: 30px;
  height: 30px;
  background-color: #f2f2f5;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section i {
  color: #03002f;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section .edel-icon-arrow-down {
  font-size: 1.375rem;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-head .open-close-section .edel-icon-arrow-down.down {
  transform: rotate(180deg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-body {
  font-weight: 500;
  font-size: 0.875rem;
  font-family: "DMSansNormal";
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #727271;
  max-width: 90%;
  text-align: left;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-footer {
  margin: 15px 0 20px 0;
}
.mob-understanding-section-mkt-sectionwise-distribution .mob-understanding-section-mkt-footer .back-to-section {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 22px;
  color: #03002f;
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}

:root {
  font-size: 16px;
}

.liveIpos.marginTopCommon {
  padding: 0 0;
}
.liveIpos p,
.liveIpos h4 {
  margin: 0;
}
.liveIpos .marketgroup .marketCard {
  padding: 0;
  padding-top: 20px;
}
.liveIpos .marketgroup .marketCard .marketcardhead {
  margin: 0 20px;
  margin-bottom: 12px;
}
.liveIpos .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
  line-height: 39.2px;
}
.liveIpos .marketgroup .marketCard .marketcardhead .mk-card-topright a {
  font-size: 0.75rem;
  line-height: 22.4px;
  font-family: "DMSansNormal";
  font-weight: 600;
}
.liveIpos .marketgroup .marketCard .marketcardbody {
  padding: 0;
}
.liveIpos .marketgroup table {
  margin: 0;
  border-spacing: 0 0;
}
.liveIpos .marketgroup table .table-head tr {
  width: 100%;
}
.liveIpos .marketgroup table .table-head tr th {
  line-height: 16.8px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
  border: unset;
  text-align: right;
}
.liveIpos .marketgroup table .table-head tr th:first-child {
  padding-left: 20px;
  text-align: left;
}
.liveIpos .marketgroup table .table-head tr th:last-child {
  padding-right: 20px;
}
.liveIpos .marketgroup table tbody tr td {
  border: unset;
  border-top: 1px solid #e7e7e7;
  border-radius: unset;
  text-align: right;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
}
.liveIpos .marketgroup table tbody tr td:nth-child(2) {
  width: 14% !important;
  max-width: 100%;
}
.liveIpos .marketgroup table tbody tr td:first-child {
  width: 26% !important;
  max-width: 100%;
  padding-left: 20px;
  text-align: left;
}
.liveIpos .marketgroup table tbody tr td:last-child {
  padding-right: 20px;
}
.liveIpos .marketgroup table tbody tr td h4 {
  line-height: 22.4px;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.liveIpos .marketgroup table tbody .company_name p {
  line-height: 18px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #bbbbbb;
}
.liveIpos .marketgroup table tbody .date {
  width: 10%;
  text-align: right;
}
.liveIpos .marketgroup table tbody .date .date-range {
  text-wrap: nowrap;
  font-family: "DMSansMedium";
  line-height: 19.6px;
  font-size: 0.875rem;
  color: #727271;
}
.liveIpos .marketgroup table tbody .date .date-day {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  color: #b8b8b8;
}
.liveIpos .marketgroup table tbody .price h4 {
  font-size: 1rem;
  font-family: "RobotoMedium";
}
.liveIpos .marketgroup table tbody .price .btn {
  padding: 0;
  cursor: unset;
}
.liveIpos .marketgroup table tbody .price .btn .price-disc {
  width: 100%;
  padding: 2px;
  border-radius: 2px;
}
.liveIpos .marketgroup table tbody .price .btn .price-disc p {
  line-height: 13.5px;
  color: #ffffff;
  margin-left: 2px;
}
.liveIpos .marketgroup table tbody .price .price-block-bg {
  background-color: #f7943e;
  display: flex;
  align-items: center;
}
.liveIpos .marketgroup table tbody .price .price-block-bg p {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
}
.liveIpos .marketgroup table tbody .subscription p {
  line-height: 15.4px;
  font-size: 0.688rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
}
.liveIpos .marketgroup table tbody .links .applyBtn {
  background-color: #03002f;
  padding: 9px 12px;
  margin: 0 22px;
}
.liveIpos .marketgroup table tbody .links .applyBtn.btn[disabled] {
  background-color: #c0bfcb !important;
  border: none !important;
}
.liveIpos .marketgroup table tbody .links .applyBtn p {
  line-height: 22px;
  font-size: 0.875rem;
  color: #ffffff;
  font-family: "DMSansNormal";
  font-weight: 500;
}
.liveIpos .marketgroup table tbody .links .researchReport p {
  line-height: 22px;
  font-size: 0.875rem;
  color: #03002f;
  font-family: "DMSansNormal";
  font-weight: 500;
}
.liveIpos .marketgroup table tbody .links .share .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.liveIpos .marketgroup table tbody .links .share .share-icon .edel-icon-share-icon::before {
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}

.liveIPOTable .cardBodyLiveIpo {
  border-top: 1px solid #e7e7e7;
}
.liveIPOTable .marketgroup .marketCard .marketcardhead {
  padding: 0 20px 15px 20px !important;
  margin: 0 0;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate {
  margin: 15px;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title {
  width: 50%;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title .tableWrap_titleDate-title--head {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 17.5px;
  color: #444444;
  margin-bottom: 3px;
  width: 94%;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title .tableWrap_titleDate-title--text {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: 15px;
  color: #b8b8b8;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date {
  text-align: right;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date .tableWrap_titleDate-date--head {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #727271;
  margin-bottom: 3px;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date .tableWrap_titleDate-date--text {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #b8b8b8;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize {
  margin: 15px;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-CommonHead {
  font-size: 0.75rem;
  color: #727271;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 400;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-CommonText {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
  font-weight: 500;
  line-height: 19.6px;
  color: #444444;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-ipoSize {
  text-align: right;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription {
  margin: 0 20px;
}
@media (max-width: 768px) {
  .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription {
    margin: 0 15px;
  }
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription {
  font-size: 0.688rem;
  line-height: 15.4px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #727271;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription .redText {
  font-size: 0.875rem;
  color: #dd504d;
  font-family: "RobotoRegular";
  line-height: 19.6px;
  font-weight: 500;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription .greyText {
  color: #b8b8b8;
  line-height: 15.4px;
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot {
  margin: 20px;
}
@media (max-width: 768px) {
  .liveIPOTable .marketgroup .marketCard .marketcardfoot {
    margin: 20px;
  }
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot .researchReportLink a i {
  margin-right: 10px;
  color: #03002f;
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot .researchReportLink a img {
  height: 1rem;
  width: 1rem;
  margin-right: 10px;
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot .researchReportLink a p {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 21.6px;
  color: #03002f;
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot .ed_button.blue-one {
  padding: 9px 12px;
}

.ipoCardWrap .cardBodyLiveIpo {
  border-top: unset;
}
.ipoCardWrap .marketgroup .marketCard {
  padding: 0;
}
.ipoCardWrap .liveIPOTable .marketgroup {
  padding: 0 0;
}
.ipoCardWrap .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-bottom: 0;
}
.ipoCardWrap .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate {
  margin: 0;
}
.ipoCardWrap .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize {
  margin: 15px 0;
}
.ipoCardWrap .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription {
  margin: 0;
}

.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate {
  margin: 15px;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title {
  width: 50%;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title .tableWrap_titleDate-title--head {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 17.5px;
  color: #444444;
  margin-bottom: 3px;
  width: 94%;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title .tableWrap_titleDate-title--text {
  font-size: 0.75rem;
  line-height: 15px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #b8b8b8;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date {
  text-align: right;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date .tableWrap_titleDate-date--head {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #727271;
  margin-bottom: 3px;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date .tableWrap_titleDate-date--text {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #b8b8b8;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize {
  margin: 15px;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-CommonHead {
  font-size: 0.75rem;
  color: #727271;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 400;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-CommonText {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
  font-weight: 500;
  line-height: 19.6px;
  color: #444444;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-ipoSize {
  text-align: right;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription {
  margin: 0 20px;
  font-size: 0.688rem;
  line-height: 15.4px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #727271;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription .redText {
  font-size: 0.875rem;
  color: #dd504d;
  font-family: "RobotoRegular";
  line-height: 19.6px;
  font-weight: 500;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription .greenText {
  font-size: 0.875rem;
  color: #51b255;
  font-family: "RobotoRegular";
  line-height: 19.6px;
  font-weight: 500;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription .greyText {
  color: #b8b8b8;
  line-height: 15.4px;
}
.cardBodyLiveIpo .marketcardbody .tableWrap {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-bottom: 0;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate {
  margin: 0;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize {
  margin: 15px 0;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription {
  margin: 0;
}

@media screen and (max-width: 991px) {
  .liveIPOTable .marketgroup .marketCard .marketcardfoot .ed_button.blue-one {
    padding: 6px 12px;
  }
}
@media screen and (min-width: 1024px) {
  .mobile_liveIpos {
    display: none;
  }
  .desktop_liveIpos {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .mobile_liveIpos {
    display: block;
  }
  .desktop_liveIpos {
    display: none;
  }
}
.desktop_liveIpos .common-shimmer {
  margin: 30px;
}

.liveipo-shimmer {
  display: flex;
  justify-content: space-between;
  padding: 0px 30px 30px;
}

.bidSuccess {
  background-color: #f0fdf6;
  text-align: center;
  padding: 10px;
}
.bidSuccess p {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  line-height: 16.8px;
  color: #51b255;
  margin: 0;
}

.bidFailed {
  background-color: #fff5f5;
  font-family: "DMSansMedium";
  text-align: center;
  padding: 10px;
}
.bidFailed p {
  font-size: 0.75rem;
  line-height: 16.8px;
  color: #dd504d;
  margin: 0;
}

.orderBook {
  padding: 0 15px;
}
.orderBook p {
  color: #f7943e;
  line-height: 15px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.orderBook p a {
  color: #3580f7;
  margin-left: 5px;
}

.closedToday {
  color: #dd504d;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansMedium";
}

.listingToday {
  color: #dfa717;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansMedium";
}

.researchReportLink .i {
  color: #03002f;
}
.researchReportLink p {
  color: #03002f;
}

.desktop_liveIpos .marketgroup {
  padding: 0px;
}

.live-ipos-Equity tr td:nth-child(1),
.live-ipos-Equity tr th:nth-child(1) {
  width: 20%;
}
.live-ipos-Equity tr td:nth-child(2),
.live-ipos-Equity tr th:nth-child(2) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(3),
.live-ipos-Equity tr th:nth-child(3) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(4),
.live-ipos-Equity tr th:nth-child(4) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(5),
.live-ipos-Equity tr th:nth-child(5) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(6),
.live-ipos-Equity tr th:nth-child(6) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(7),
.live-ipos-Equity tr th:nth-child(7) {
  width: 30%;
}

.upcomingIPOTableWrapMobile {
  border-bottom: 1px solid #f2f2f5;
}

.liveIPOTableWrapMobile {
  border-bottom: 1px solid #e7e7e7;
}
.liveIPOTableWrapMobile :first-child {
  flex: 2;
}
.liveIPOTableWrapMobile :nth-child(2) {
  flex: 1;
}

.liveIPOTableWrap .checkout-ipo {
  font-size: 1rem !important;
  font-family: "DMSansBold" !important;
}

.liveIPOTable .table > :not(:first-child) {
  border-top: 1px solid #e7e7e7 !important;
}:root {
  font-size: 16px;
}

.liveIpos.marginTopCommon {
  padding: 0 0;
}
.liveIpos p,
.liveIpos h4 {
  margin: 0;
}
.liveIpos .marketgroup .marketCard {
  padding: 0;
  padding-top: 20px;
}
.liveIpos .marketgroup .marketCard .marketcardhead {
  margin: 0 20px;
  margin-bottom: 12px;
}
.liveIpos .marketgroup .marketCard .marketcardhead .mk-card-topleft .mk-card-topleftmain1 {
  font-size: 1.75rem;
  font-family: "DMSansNormal";
  line-height: 39.2px;
}
.liveIpos .marketgroup .marketCard .marketcardhead .mk-card-topright a {
  font-size: 0.75rem;
  line-height: 22.4px;
  font-family: "DMSansNormal";
  font-weight: 600;
}
.liveIpos .marketgroup .marketCard .marketcardbody {
  padding: 0;
}
.liveIpos .marketgroup table {
  margin: 0;
  border-spacing: 0 0;
}
.liveIpos .marketgroup table .table-head tr {
  width: 100%;
}
.liveIpos .marketgroup table .table-head tr th {
  line-height: 16.8px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  color: #727271;
  border: unset;
  text-align: right;
}
.liveIpos .marketgroup table .table-head tr th:first-child {
  padding-left: 20px;
  text-align: left;
}
.liveIpos .marketgroup table .table-head tr th:last-child {
  padding-right: 20px;
}
.liveIpos .marketgroup table tbody tr td {
  border: unset;
  border-top: 1px solid #e7e7e7;
  border-radius: unset;
  text-align: right;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
}
.liveIpos .marketgroup table tbody tr td:nth-child(2) {
  width: 14% !important;
  max-width: 100%;
}
.liveIpos .marketgroup table tbody tr td:first-child {
  width: 26% !important;
  max-width: 100%;
  padding-left: 20px;
  text-align: left;
}
.liveIpos .marketgroup table tbody tr td:last-child {
  padding-right: 20px;
}
.liveIpos .marketgroup table tbody tr td h4 {
  line-height: 22.4px;
  font-size: 1rem !important;
  font-family: "DMSansMedium" !important;
}
.liveIpos .marketgroup table tbody .company_name p {
  line-height: 18px;
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  color: #bbbbbb;
}
.liveIpos .marketgroup table tbody .date {
  width: 10%;
  text-align: right;
}
.liveIpos .marketgroup table tbody .date .date-range {
  text-wrap: nowrap;
  font-family: "DMSansMedium";
  line-height: 19.6px;
  font-size: 0.875rem;
  color: #727271;
}
.liveIpos .marketgroup table tbody .date .date-day {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  color: #b8b8b8;
}
.liveIpos .marketgroup table tbody .price h4 {
  font-size: 1rem;
  font-family: "RobotoMedium";
}
.liveIpos .marketgroup table tbody .price .btn {
  padding: 0;
  cursor: unset;
}
.liveIpos .marketgroup table tbody .price .btn .price-disc {
  width: 100%;
  padding: 2px;
  border-radius: 2px;
}
.liveIpos .marketgroup table tbody .price .btn .price-disc p {
  line-height: 13.5px;
  color: #ffffff;
  margin-left: 2px;
}
.liveIpos .marketgroup table tbody .price .price-block-bg {
  background-color: #f7943e;
  display: flex;
  align-items: center;
}
.liveIpos .marketgroup table tbody .price .price-block-bg p {
  font-size: 0.625rem;
  font-family: "DMSansMedium";
}
.liveIpos .marketgroup table tbody .subscription p {
  line-height: 15.4px;
  font-size: 0.688rem;
  font-family: "DMSansNormal";
  color: #b8b8b8;
}
.liveIpos .marketgroup table tbody .links .applyBtn {
  background-color: #03002f;
  padding: 9px 12px;
  margin: 0 22px;
}
.liveIpos .marketgroup table tbody .links .applyBtn.btn[disabled] {
  background-color: #c0bfcb !important;
  border: none !important;
}
.liveIpos .marketgroup table tbody .links .applyBtn p {
  line-height: 22px;
  font-size: 0.875rem;
  color: #ffffff;
  font-family: "DMSansNormal";
  font-weight: 500;
}
.liveIpos .marketgroup table tbody .links .researchReport p {
  line-height: 22px;
  font-size: 0.875rem;
  color: #03002f;
  font-family: "DMSansNormal";
  font-weight: 500;
}
.liveIpos .marketgroup table tbody .links .share .share-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f2f2f5;
  position: relative;
  pointer-events: auto;
  cursor: pointer;
}
.liveIpos .marketgroup table tbody .links .share .share-icon .edel-icon-share-icon::before {
  font-size: 1rem;
  left: 7px;
  position: absolute;
  top: 6px;
  color: #03002f;
}

.liveIPOTable .cardBodyLiveIpo {
  border-top: 1px solid #e7e7e7;
}
.liveIPOTable .marketgroup .marketCard .marketcardhead {
  padding: 0 20px 15px 20px !important;
  margin: 0 0;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate {
  margin: 15px;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title {
  width: 50%;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title .tableWrap_titleDate-title--head {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 17.5px;
  color: #444444;
  margin-bottom: 3px;
  width: 94%;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title .tableWrap_titleDate-title--text {
  font-size: 0.75rem;
  font-family: "DMSansNormal";
  line-height: 15px;
  color: #b8b8b8;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date {
  text-align: right;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date .tableWrap_titleDate-date--head {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #727271;
  margin-bottom: 3px;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date .tableWrap_titleDate-date--text {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #b8b8b8;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize {
  margin: 15px;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-CommonHead {
  font-size: 0.75rem;
  color: #727271;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 400;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-CommonText {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
  font-weight: 500;
  line-height: 19.6px;
  color: #444444;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-ipoSize {
  text-align: right;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription {
  margin: 0 20px;
}
@media (max-width: 768px) {
  .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription {
    margin: 0 15px;
  }
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription {
  font-size: 0.688rem;
  line-height: 15.4px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #727271;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription .redText {
  font-size: 0.875rem;
  color: #dd504d;
  font-family: "RobotoRegular";
  line-height: 19.6px;
  font-weight: 500;
}
.liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription .greyText {
  color: #b8b8b8;
  line-height: 15.4px;
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot {
  margin: 20px;
}
@media (max-width: 768px) {
  .liveIPOTable .marketgroup .marketCard .marketcardfoot {
    margin: 20px;
  }
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot .researchReportLink a i {
  margin-right: 10px;
  color: #03002f;
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot .researchReportLink a img {
  height: 1rem;
  width: 1rem;
  margin-right: 10px;
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot .researchReportLink a p {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 21.6px;
  color: #03002f;
}
.liveIPOTable .marketgroup .marketCard .marketcardfoot .ed_button.blue-one {
  padding: 9px 12px;
}

.ipoCardWrap .cardBodyLiveIpo {
  border-top: unset;
}
.ipoCardWrap .marketgroup .marketCard {
  padding: 0;
}
.ipoCardWrap .liveIPOTable .marketgroup {
  padding: 0 0;
}
.ipoCardWrap .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-bottom: 0;
}
.ipoCardWrap .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_titleDate {
  margin: 0;
}
.ipoCardWrap .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .tableWrap_priceSize {
  margin: 15px 0;
}
.ipoCardWrap .liveIPOTable .marketgroup .marketCard .marketcardbody .tableWrap .subscription {
  margin: 0;
}

.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate {
  margin: 15px;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title {
  width: 50%;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title .tableWrap_titleDate-title--head {
  font-size: 0.875rem;
  font-family: "DMSansMedium";
  line-height: 17.5px;
  color: #444444;
  margin-bottom: 3px;
  width: 94%;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-title .tableWrap_titleDate-title--text {
  font-size: 0.75rem;
  line-height: 15px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #b8b8b8;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date {
  text-align: right;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date .tableWrap_titleDate-date--head {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #727271;
  margin-bottom: 3px;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate .tableWrap_titleDate-date .tableWrap_titleDate-date--text {
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #b8b8b8;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize {
  margin: 15px;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-CommonHead {
  font-size: 0.75rem;
  color: #727271;
  line-height: 16.8px;
  font-family: "DMSansNormal";
  font-weight: 400;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-CommonText {
  font-size: 0.875rem;
  font-family: "RobotoMedium";
  font-weight: 500;
  line-height: 19.6px;
  color: #444444;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize .tableWrap_priceSize-ipoSize {
  text-align: right;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription {
  margin: 0 20px;
  font-size: 0.688rem;
  line-height: 15.4px;
  font-family: "DMSansNormal";
  font-weight: 500;
  color: #727271;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription .redText {
  font-size: 0.875rem;
  color: #dd504d;
  font-family: "RobotoRegular";
  line-height: 19.6px;
  font-weight: 500;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription .greenText {
  font-size: 0.875rem;
  color: #51b255;
  font-family: "RobotoRegular";
  line-height: 19.6px;
  font-weight: 500;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription .greyText {
  color: #b8b8b8;
  line-height: 15.4px;
}
.cardBodyLiveIpo .marketcardbody .tableWrap {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-bottom: 0;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_titleDate {
  margin: 0;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .tableWrap_priceSize {
  margin: 15px 0;
}
.cardBodyLiveIpo .marketcardbody .tableWrap .subscription {
  margin: 0;
}

@media screen and (max-width: 991px) {
  .liveIPOTable .marketgroup .marketCard .marketcardfoot .ed_button.blue-one {
    padding: 6px 12px;
  }
}
@media screen and (min-width: 1024px) {
  .mobile_liveIpos {
    display: none;
  }
  .desktop_liveIpos {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .mobile_liveIpos {
    display: block;
  }
  .desktop_liveIpos {
    display: none;
  }
}
.desktop_liveIpos .common-shimmer {
  margin: 30px;
}

.liveipo-shimmer {
  display: flex;
  justify-content: space-between;
  padding: 0px 30px 30px;
}

.bidSuccess {
  background-color: #f0fdf6;
  text-align: center;
  padding: 10px;
}
.bidSuccess p {
  font-size: 0.75rem;
  font-family: "DMSansMedium";
  line-height: 16.8px;
  color: #51b255;
  margin: 0;
}

.bidFailed {
  background-color: #fff5f5;
  font-family: "DMSansMedium";
  text-align: center;
  padding: 10px;
}
.bidFailed p {
  font-size: 0.75rem;
  line-height: 16.8px;
  color: #dd504d;
  margin: 0;
}

.orderBook {
  padding: 0 15px;
}
.orderBook p {
  color: #f7943e;
  line-height: 15px;
  font-size: 0.75rem;
  font-family: "DMSansMedium";
}
.orderBook p a {
  color: #3580f7;
  margin-left: 5px;
}

.closedToday {
  color: #dd504d;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansMedium";
}

.listingToday {
  color: #dfa717;
  font-size: 0.75rem;
  line-height: 16.8px;
  font-family: "DMSansMedium";
}

.researchReportLink .i {
  color: #03002f;
}
.researchReportLink p {
  color: #03002f;
}

.desktop_liveIpos .marketgroup {
  padding: 0px;
}

.live-ipos-Equity tr td:nth-child(1),
.live-ipos-Equity tr th:nth-child(1) {
  width: 20%;
}
.live-ipos-Equity tr td:nth-child(2),
.live-ipos-Equity tr th:nth-child(2) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(3),
.live-ipos-Equity tr th:nth-child(3) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(4),
.live-ipos-Equity tr th:nth-child(4) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(5),
.live-ipos-Equity tr th:nth-child(5) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(6),
.live-ipos-Equity tr th:nth-child(6) {
  width: 10%;
}
.live-ipos-Equity tr td:nth-child(7),
.live-ipos-Equity tr th:nth-child(7) {
  width: 30%;
}

.upcomingIPOTableWrapMobile {
  border-bottom: 1px solid #f2f2f5;
}

.liveIPOTableWrapMobile {
  border-bottom: 1px solid #e7e7e7;
}
.liveIPOTableWrapMobile :first-child {
  flex: 2;
}
.liveIPOTableWrapMobile :nth-child(2) {
  flex: 1;
}

.liveIPOTableWrap .checkout-ipo {
  font-size: 1rem !important;
  font-family: "DMSansBold" !important;
}

.liveIPOTable .table > :not(:first-child) {
  border-top: 1px solid #e7e7e7 !important;
}