.page-navigation {
   position: fixed;
   top: 0;
   z-index: 999;
   display: flex;
   align-items: center;
   width: 100%;
   padding: 10px 16px;
   background-color: #fff !important;
}

.page-navigation .nav-hamburger {
   width: auto;
   padding: 0;
   margin-right: 14px;
   padding-bottom: 20px;
   border: none;
   outline: none;
   background: transparent;
   cursor: pointer;
}

.page-navigation .vemdr-logo-wrapper {
   margin-right: auto;
}

.page-navigation .profile-menu-toggle-btn {
   text-decoration: none;
   display: flex;
   align-items: center;
   column-gap: 11px;
}

.page-navigation .user-name {
   display: none;
   font-size: 16px;
   text-transform: capitalize;
}

.nav-profile-menu-wrapper {
   display: flex;
   align-items: center;
}

.nav-profile-menu-wrapper .profile-icon {
   font-size: 35px;
   margin: 0 4px 0 2px;
}

.page-navigation .dropdown-menu-wrapper {
   width: 150px;
   height: 0;
   position: absolute;
   top: 90%;
   right: 16px;
   overflow: hidden;
   border-radius: 6px;
   background: #fff;
   box-shadow: 0px 8px 40px #0000001a;
   transition: 0.4s ease-in;
}

.page-navigation .dropdown-menu-wrapper.active {
   height: 72px;
}

.dropdown-menu-wrapper .menu {
   width: 150px;
   height: 72px;
   padding: 0;
   margin: 0;
   padding-top: 5px;
   padding-bottom: 5px;
}

.dropdown-menu-wrapper .menu-item {
   padding: 0;
   margin: 0;
   border: none;
   height: auto;
}

.dropdown-menu-wrapper .menu-item:not(:last-child) {
   margin-bottom: 8px;
}

.dropdown-menu-wrapper .menu-link {
   display: block;
   padding: 4px 20px;
   font-size: 14px;
   line-height: 19px;
   text-transform: capitalize;
   color: #3c4876;
   text-decoration: none;
}

.dropdown-menu-wrapper .menu-link:hover,
.dropdown-menu-wrapper .menu-link:active {
   color: #fff;
   background-color: #3c4876;
}

.page-sidebar {
   position: fixed;
   top: 0;
   bottom: 0;
   left: -110%;
   z-index: 9;
   width: 284px;
   overflow-x: hidden;
   overflow-y: auto;
   padding-top: 10px;
   background-color: #F2F2F2;
   transition: 0.6s ease-in-out;
   /* border-right: solid 1px #dedede; */
   /* border-radius: 0 30px 0 0; */
}

.page-sidebar .sidebar-top {
   display: flex;
   align-items: center;
   margin-bottom: 25px;
   padding: 0 17px;
}

.page-sidebar .sidebar-close-btn {
   padding-bottom: 10px;
   margin-right: 17px;
}

.page-sidebar .sidebar-menu {
   margin: 0;
   padding: 0;
   padding-left: 12px;
}

.sidebar-menu .sidebar-menu-item:not(:last-child) {
   margin-bottom: 20px;
   position: relative;
}

.sidebar-menu .sidebar-menu-item::marker {
   font-size: 0;
   color: transparent;
}

.sidebar-menu .menu-item-therapist {
   position: relative;
   height: 60px;
   /* overflow: hidden; */
}

.sidebar-menu .hover-item {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   z-index: 1;
   width: 100%;
   padding-left: 38px;
   padding-right: 20px;
   /* overflow: hidden; */
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
   /* background-color: #ffeacd; */
   background-color: #eee;
   font-size: 14px;
   line-height: 19px;
   opacity: 0;
   transition: 0.2s ease-in;
}

.sidebar-menu .menu-item-therapist:hover .hover-item {
   opacity: 1;
}

.sidebar-menu .hover-item a {
   color: #3A4775;
   font-size: 14px;
   font-weight: 600;
}

.sidebar-menu .sidebar-menu-link {
   display: flex;
   padding-left: 26px;
   padding-right: 20px;
   height: 60px;
   align-items: center;
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
   color: #3A4775;
   font-size: 18px;
   font-weight: bold;
   line-height: 24px;
   text-decoration: none;
}

.sidebar-menu-link .menu-txt {
   color: #3A4775;
   text-transform: capitalize !important;
}

.sidebar-menu-link.active .menu-txt {
   color: #3b4577;
}

.sidebar-menu .sidebar-menu-link:hover,
.sidebar-menu .sidebar-menu-link:active,
.sidebar-menu .sidebar-menu-link:focus {
   background-color: #f7f7f8;
}

.sidebar-menu .sidebar-menu-link.active {
   /* box-shadow: 7px 7px 15px rgb(243 219 186 / 50%); */
   /* background-color: #f3dbba; */
   background-color: #fff;
   color: #3b4577;
   position: relative;
   overflow: visible;
}

.sidebar-menu .sidebar-menu-link.active::before {
   content: '';
   position: absolute;
   top: -30px;
   right: 0;
   width: 15px;
   height: 30px;
   background-color: transparent;
   border-bottom-right-radius: 15px;
   box-shadow: 0 15px 0 0 #fff;
}

.sidebar-menu .sidebar-menu-link.active::after {
   content: '';
   position: absolute;
   bottom: -30px;
   right: 0;
   width: 15px;
   height: 30px;
   background-color: transparent;
   border-top-right-radius: 15px;
   box-shadow: 0 -15px 0 0 #fff;
}

.page-sidebar .sidebar-menu .menu-icon {
   margin-right: 14px;
}

.page-sidebar.stretched .sidebar-menu .menu-icon {
   margin-right: 14px;
}

.page-sidebar.stretched .sidebar-menu .menu-icon.small img {
   width: 18px;
   margin-top: 2px;
}

.sidebar-menu .menu-icon i {
   font-size: 24px;
   width: 24px;
   color: #3a4775;
}

.sidebar-menu .menu-icon img {
   width: 26px;
}

/* @media (min-height: 655px) {
  .page-sidebar {
    overflow: hidden;
  }
} */

/* start new sidebar css is here */

.page-sidebar .sidebar-hamburger {
   display: none;
}

.page-sidebar .sidebar-hamburger img {
   transform: rotate(180deg);
}

.page-sidebar.stretched .sidebar-hamburger img {
   transform: none;
}

.page-sidebar .vemdr-logo-sm {
   display: none;
}

.page-sidebar {
   overflow: visible;
   z-index: 999;
}

.page-sidebar .sidebar-inner {
   overflow: hidden;
   overflow-y: auto;
   height: 100%;
}

.content-wrapper-outer {
   width: 100%;
   max-width: unset;
   margin-top: 34px;
   margin-bottom: 0;
   padding-bottom: 0 !important;
   box-shadow: none;
}

.sidebar-dropdown .sidebar-menu-link .menu-title {
   display: flex;
   align-items: center;
}

.page-sidebar.stretched .sidebar-dropdown .sidebar-menu-link .menu-title {
   display: flex;
   align-items: center;
}

.page-sidebar.stretched .sidebar-dropdown .sidebar-menu-link .menu-title span {
   display: block;
}

.sidebar-dropdown.active .sidebar-menu-link i {
   transform: rotate(-180deg)
}

.sidebar-dropdown .sidebar-menu-link i {
   display: block !important;
}

.sidebar-dropdown.active .sidebar-menu-link .dropdown-icon {
   transform: rotate(-180deg)
}

.sidebar-dropdown .sidebar-menu-link .dropdown-icon {
   font-size: 16px;
   margin: 3px 0 0 12px;
   line-height: 0;
}

.sidebar-submenu ul li a {
   padding: 12px 5px 12px 12px;
   display: block;
   font-weight: normal;
   font-size: 16px;
   line-height: 19px;
   text-decoration: none;
}

.sidebar-submenu {
   display: none;
}

.sidebar-submenu.submenuCantOpen {
   display: none !important;
}

.sidebar-submenu ul {
   list-style-type: none;
   padding: 0 0 0 30px;
}

.sidebar-submenu ul li a {
   display: flex;
}

.sidebar-submenu ul li a i {
   margin: 5px 15px 0 0;
   font-size: 12px;
   /* color: #F3DBBA; */
   color: #eee;
}

.sidebar-menu .sidebar-submenu ul li:not(:last-child) {
   margin-bottom: 0;
}

.sidebar-submenu .menu-item-therapist {
   height: 105px;
   margin: 0 0 0 -40px;
   padding-left: 40px;
}

.sidebar-submenu .menu-item-therapist .hover-item {
   padding-top: 15px;
   padding-bottom: 15px;
}

.sidebar-submenu .menu-item-therapist .hover-item a {
   display: inline-block;
   padding: 0 0 0 2px;
}

.dropdown-icon img {
   rotate: -90deg;
   width: 8px;
}

.beginners-page .dropdown-icon img {
   rotate: -90deg;
   width: 8px;
   margin-top: 6px !important;
}

/* end new sidebar css is here */

@media (max-height: 810px) {
   .page-sidebar .sidebar-menu {
      /* padding-left: 20px; */
      padding-bottom: 25px;
   }
}

@media (max-width: 991.98px) {
   .page-sidebar.active {
      left: 0;
   }

   .content-wrapper-outer {
      padding-left: 15px;
   }
}

@media (min-width: 768px) {
   .content-wrapper-outer {
      margin-top: 50px;
   }
}

@media (min-width: 992px) {

   .page-navigation .nav-hamburger,
   .page-navigation .vemdr-logo-wrapper {
      display: none;
   }

   .page-navigation {
      justify-content: flex-end;
   }

   .page-navigation .dropdown-menu-wrapper {
      top: 107%;
   }

   .page-sidebar {
      left: 0;
      width: 260px;
   }

   .page-sidebar {
      left: -110%;
   }

   .page-sidebar.active {
      left: 0;
   }

   .page-sidebar .sidebar-close-btn {
      display: block;
   }

   .page-navigation .nav-hamburger {
      display: block;
      padding-bottom: 4px;
   }

   .page-content.nano {
      margin-right: 35px;
   }

   .page-content {
      margin-left: 0;
   }

   .content-wrapper-outer {
      padding-left: 35px;
   }
}

@media (max-width: 1100px) and (max-height: 810px) {
   .page-sidebar.stretched .sidebar-menu {
      padding-left: 10px;
   }
}

@media (min-width: 1100px) {
   .page-sidebar .sidebar-top {
      justify-content: center;
   }

   .page-sidebar .sidebar-hamburger {
      display: block;
      position: absolute;
      top: 18px;
      left: 97%;
      width: 45px;
      padding: 10px 0;
      border: none;
      outline: none;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      background: #F2F2F2;
      cursor: pointer;
      /* box-shadow: 15px 6px 24px #00000011; */
   }

   .page-sidebar .vemdr-logo-wrapper {
      min-height: 65px;
   }

   .page-navigation {
      justify-content: space-between;
      padding-left: 284px;
      padding-left: 124px;
      padding-left: 168px;
      background: #fff;
      transition: 0.3s ease-in-out;
   }

   .page-navigation.sidebar-stretched {
      padding-left: 328px;
   }

   .beginners-pg-body .page-navigation.sidebar-stretched {
      padding-left: 300px;
   }

   .beginners-pg-body .beginners-pg-nav.sidebar-stretched {
      padding-left: 300px;
   }

   .beginners-pg-body .beginners-pg-nav {
      padding-left: 140px;
   }

   .page-sidebar.stretched {
      width: 280px;
   }

   .page-sidebar {
      left: 0;
      width: 100px;
      transition-duration: 0.3s;
   }

   .page-sidebar .sidebar-top {
      justify-content: center;
   }

   .page-sidebar .vemdr-logo-sm {
      display: block;
   }

   .page-sidebar.content-visible .vemdr-logo-sm {
      display: none;
   }

   .page-sidebar .vemdr-logo {
      display: none;
   }

   .page-sidebar.content-visible .vemdr-logo {
      display: block;
   }

   .sidebar-menu-link .menu-txt {
      display: none;
   }

   .page-sidebar.content-visible .sidebar-menu-link .menu-txt {
      display: block;
   }

   .page-sidebar .sidebar-close-btn {
      display: none;
   }

   .page-navigation .nav-hamburger {
      display: none;
   }

   .sidebar-menu .sidebar-menu-link {
      overflow: hidden;
   }

   .sidebar_wrap {
      position: static;
      flex: unset;
      margin-top: 0;
      transform: unset;
   }

   .content-wrapper-outer {
      padding-left: 140px;
      transition: 0.3s ease-in-out;
   }

   .page-sidebar.stretched~.content-wrapper-outer {
      padding-left: 300px;
   }

   .mental-health-pg-body .page-sidebar.stretched~.page-navigation {
      margin-left: 270px;
   }

   .mental-health-pg-body .page-navigation.sidebar-stretched {
      padding-left: 300px;
      margin-left: 0;
   }

   .my-account-pg-body .page-navigation.sidebar-stretched {
      padding-left: 300px;
   }

   .page-sidebar .sidebar-menu .menu-icon {
      margin-right: 0;
   }

   .page-sidebar .sidebar-dropdown .sidebar-menu-link .menu-title {
      transform: translateX(-5px);
   }

   .page-sidebar.stretched .sidebar-dropdown .sidebar-menu-link .menu-title {
      transform: none;
   }

   .page-sidebar .sidebar-dropdown .sidebar-menu-link .menu-title span:not(.dropdown-icon) {
      display: none;
   }
}

@media (min-width: 1200px) {
   .page-navigation .user-name {
      display: inline;
   }

   .page-navigation {
      padding-top: 20px;
      background-color: transparent;
   }

   .mental-health-pg-body .page-navigation {
      padding-top: 15px;
   }
}