.dashboard_mobile {
  display: none;
  cursor: pointer;
}
.jrk_menu_wrap {
  gap: 2rem;
}
.jrk_header {
  grid-area: header;
  background: var(--default_white);
  box-shadow: var(--common_boxshadow);
  border-radius: 2rem;
  height: 7rem;
  padding: 0 4rem;
  margin: 0 2rem 0 3rem;
  position: fixed;
  right: 0;
  width: calc(100% - 42rem);
  z-index: 105;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.jrk_header_menu {
  gap: 4rem;
}
.jrk_header_menu .jrk_btn {
  line-height: calc(var(--font16) / var(--font16));
}
.jrk_header_title h1 {
  font-family: var(--noto_sans);
  font-style: normal;
  line-height: 120%;
  color: var(--default_orange);
}
.showInMob,
.showInDesktop {
  display: none;
}
.jrk_aside {
  grid-area: aside;
  background: var(--default_white);
  box-shadow: var(--common_boxshadow);
  border-radius: 3rem;
  display: grid;
  transition: all 0.3s ease;
  position: sticky;
  top: 2rem;
  z-index: 99;
  height: calc(100vh - 4rem);
}
.jrk_aside.asideActive {
  transition: all 0.3s ease;
  grid-template-columns: 1fr;
}
.jrk_header.expand {
  width: calc(100% - 17rem);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.aside_list_wrap {
  display: flex;
  gap: 1rem;
  flex-grow: 1;
}
.aside_list_item {
  display: grid;
  grid-template-columns: 6rem 1fr;
  grid-template-rows: 6.578vh;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  gap: 1rem;
}
.jrk_list {
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.jrk_logo_sec {
  margin: 2rem 3rem 1rem;
  height: 6rem;
  cursor: pointer;
  display: flex;
  position: relative;
  justify-content: center;
}
.jrk__expand {
  cursor: pointer;
}
.jrk_aside.asideActive .jrk_sidebar_footer {
  flex-direction: column-reverse;
  gap: 1.5rem;
  padding: 2rem;
}
.jrk_faq {
  cursor: pointer;
}
.aside_list_item small {
  font-family: var(--noto_sans);
  font-style: normal;
  line-height: calc(var(--font18) / var(--font16));
  color: var(--black_variant_light);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main {
  grid-area: main;
  background-color: var(--theme_bg_color);
  height: calc(100vh - 9rem);
  overflow: hidden auto;
}
.main::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.jrk_grid_wrapper .jrk_aside .sidebar_left_sec {
  box-shadow: var(--common_boxshadow);
  border-radius: 3rem 0 0 3rem;
}
.asideActive img.main_logo {
  display: none;
}
.pk_profile_wrap.expand img.main_logo {
  display: block;
}
.pk_profile_wrap img.main_logo {
  display: none;
}
.jrk_addcontact {
  display: flex;
  margin: auto;
}
.jrk_list .jrk_addcontact {
  display: unset;
}
.aside_list_wrap li {
  position: relative;
  margin: 0 2rem;
  z-index: 9;
}
.aside_list_wrap li.active small {
  color: var(--default_orange);
}
.aside_list_wrap li.jrkPageLink::before {
  transition: all 0.5s ease-in-out;
}
.aside_list_wrap li.jrkPageLink.active::before {
  content: '';
  position: absolute;
  width: 6rem;
  height: 6rem;
  left: 0;
  top: 50%;
  bottom: 0;
  background: var(--default_orange);
  border-radius: 50%;
  z-index: -1;
  transform: translateY(-50%);
  transition: all 0.5s ease;
}
.aside_list_wrap li.active .jrk_addcontact svg path {
  fill: #fff;
}
.aside_list_wrap li:nth-child(2).active .jrk_addcontact svg path {
  stroke: #fff;
}
.jrk_aside_overlay,
.jrk_dropdown_overlay {
  position: fixed;
  inset: 0;
  background: var(--popup_overlay_bg_color);
  height: 100vh;
  width: 100%;
  z-index: 1050;
  touch-action: none;
  pointer-events: auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: none;
}
.jrk_dropdown_overlay {
  z-index: 5;
}
@media only screen and (min-width: 1025px) {
  .jrk_grid_container {
    display: grid;
    grid-template-columns: 35rem 1fr;
    grid-template-rows: 7rem 1fr;
    grid-template-areas:
      'aside header'
      'aside main';
    min-height: 100vh;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: var(--theme_bg_color);
  }
}
.jrk_grid_container.expand {
  grid-template-columns: 10rem 1fr;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.jrk_grid_wrapper.expand {
  grid-template-columns: 67rem 1fr;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.jrk_grid_wrapper .jrk_header.expand {
  width: calc(100% - 67rem);
}
.jrk_list_text.hideText,
.jrk_grid_wrapper .asideActive .jrk_list_text,
.pk_profile_wrap .jrk_list_text {
  opacity: 0;
  transition: all 0.3s ease;
  display: none;
}
.jrk_list_text,
.pk_profile_wrap.expand .jrk_list_text {
  opacity: 1;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  animation: fade_in_show 0.3s;
}
@keyframes fade_in_show {
  0% {
    opacity: 0;
    transform: scale(0)
  }
  100% {
    opacity: 1;
    transform: scale(1)
  }
}
@media only screen and (min-width: 1025px) {
  .aside_close-icon {
    display: none;
  }
}
/* ====KYC SECTION=== */
.jrk_kyc_remainder {
  background: #FFF6ED;
  border-radius: 2rem;
  padding: 2.2rem 3.3rem;
  margin-top: 3rem;
}
.jrk_kyc_remainder p {
  flex: 0.8;
}
.jrk_kyc_remainder p img{
  margin-right: 1rem;
}
.jrk_kyc_remainder p span{
  color:var(--error_color_sc)  ;
  margin-top: 2rem;
}
/* =======END========= */
.jrk_sidebar_footer {
  justify-content: space-between;
  padding: 2rem 2rem 2rem 3.5rem;
}
.kyc_btn {
  padding: 1rem 1.5rem;
  height: 3.6rem;
  border-radius: 0.8rem;
  display: none;
}
.kyc_onhold {
  background: #FFE1D5;
}
.kyc_pending {
  background: #FFF2CF;
}
.complete_kyc {
  background: #FFE1C5;
}
@media screen and (min-width:1025px) {
  .jrk_logo_sec:hover svg.main_logo path {
    fill: var(--default_orange);
  }
  .jrk__expand:hover svg {
    fill: var(--default_orange);
  }
  .asideActive .aside_list_item {
    gap: 0;
  }
  .aside_list_item:hover {
    border-radius: 2.4rem;
    position: relative;
    width: 100%;
    z-index: 0;
  }
  .jrkPageLink.active .aside_list_item:hover {
    background: unset;
  }
  .aside_list_item.alt_hover {
    background: none;
  }
  .asideActive .jrkPageLink .jrk_addcontact {
    width: 6rem;
    height: 6rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    z-index: -1;
    transition: all 0.5s;
  }
  .asideActive .jrkPageLink:hover .jrk_addcontact {
    background: var(--default_orange);
    transition: all 0.5s;
  }
  .aside_list_item:hover small {
    cursor: pointer;
    color: var(--default_orange);
  }
  .jrkPageLink.active .alt_hover:hover .jrk_addcontact {
    background: transparent;
    border: none;
  }
  .aside_list_wrap li:nth-child(2) a:hover .jrk_addcontact svg path {
    stroke: #fff;
  }
  .aside_list_item:hover .jrk_addcontact svg path {
    fill: var(--default_orange);
  }
  .asideActive .aside_list_item:hover .jrk_addcontact svg path {
    fill: var(--default_white);
    transition: all 0.1s ease;
  }
}
.hover_tooltip {
  display: none;
  position: absolute;
  width: 16rem;
  height: 5rem;
  border-radius: 1rem;
  color: var(--default_white);
  background: var(--default_orange);
  top: 3rem;
  left: 8rem;
  z-index: 1;
}
.hover_tooltip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 1rem;
  border-style: solid;
  border-color: transparent var(--default_orange) transparent transparent;
  top: 0px;
  left: -1rem;
  transform: rotate(270deg);
}
.jrk_grid {
  display: grid;
}
.alt_log_sc {
  width: 4.3rem;
  height: auto;
}
.cont_log_sc {
  width: 18rem;
  height: auto;
  margin-left: -0.4rem;
}
.cont_zi_log_sc {
  width: 9rem;
}
.cont_we_log_sc {
  width: 13rem;
  margin-left: 0.2rem;
}
.wego.cont_we_log_sc {
    width: 6.3rem;
}