@import url("availability.css");
@import url("coach-calendarbooking.css");
@import url("../../user/css/profile.css");
@import url("coachprofile.css");
@import url("status.css");
@import url("coach-calen.css");
@import url("review-feedback.css");




*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: 'museo_sans_cyrl500';
  src: url('../../coach/fonts/MuseoSansCyrl500.woff2') format('woff2'),
       url('../../coach/fonts/MuseoSansCyrl500.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MuseoSansCyrl300', sans-serif;
  src: url('../../coach/fonts/MuseoSansCyrl-300.woff2') format('woff2'),
    url('../../coach/fonts/MuseoSansCyrl-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MuseoSansCyrl700', sans-serif;
  src: url('../../coach/fonts/MuseoSansCyrl-700.woff2') format('woff2'),
    url('../../coach/fonts/MuseoSansCyrl-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
	font-family: 'MuseoSansCyrl300',sans-serif;
	font-weight: 300;
  font-size: 16px;
  color: #000;
}

a:focus,
button:focus {
  outline: none !important;
  box-shadow: none !important;
}

input,
textarea {
  display: inline-block;
  width: 100%;
  height: 64px;
  padding: 10px;
  border: none !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
  background-color: #F6F6F6 !important;
}

select:focus {
  border-color: #dee2e6 !important;
}

h1 {
  font-family: 'MuseoSansCyrl700', sans-serif;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}

h2 {
  font-family: 'MuseoSansCyrl700', sans-serif;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 15px;
}
h3,h4,h5,h6{
  font-family: 'museo_sans_cyrl500',sans-serif;
  font-weight: 500;
}

h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.custom-input {
  height: 64px;
  background-color: #F6F6F6 !important;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 0;
}

.custom-textarea {
  background-color: #F6F6F6;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 0;
}

.form-section {
  margin-bottom: 20px;
}

.bordered-section {
  border: 1px solid #AFAFAF;
  padding: 15px;
  margin-bottom: 20px;
}

.btn {
  min-width: 81px;
  display: inline-block;
  border-radius: 8px;
  transition: all 0.5s;
}

.btn:focus {
  outline: none;
}

.opne-menu {
  position: relative;
}

.sidebar {
  position: absolute;
  top: 0px;
  left: -100%;
  z-index: 1;
  width: 85%;
  height: 100vh;
  padding: 48px 0 0;
  transition: all 0.5s;
  overflow: auto;
}

.opne-menu .sidebar {
  left: 0;
}

.sidebar-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 48px;
  /* height: calc(100vh - 48px); */
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.nav-link {
  font-weight: 500;
  color: #333;
}

.nav-link:hover .nav-link.active {
  color: #007bff;
}

.card {
  margin-bottom: 1.5rem;
}

.table-responsive {
  margin-bottom: 1.5rem;
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;


}

.topbar .hamburger {
  position: relative;
  padding: 5px 0;
  border: none;
  width: 26px;
  height: 17px;
  margin-right: 13px;
  background: transparent;
}

.topbar .hamburger:focus {
  outline: none;
}

.topbar .hamburger .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  margin-bottom: 4px;
  background-color: #000000;
  display: block;
  transition: all 0.5s;
}

.topbar .hamburger .bar:nth-child(2) {
  top: 8px;
}

.topbar .hamburger .bar:last-child {
  top: 16px;
  margin-bottom: 0;
}

.topbar .hamburger.open .bar:first-child {
  transform: rotate(45deg);
  transition: all 0.5s;
  top: 9px;
}

.topbar .hamburger.open .bar:nth-child(2) {
  opacity: 0;
}

.topbar .hamburger.open .bar:last-child {
  transform: rotate(-45deg);
  transition: all 0.5s;
  top: 9px;
}

.search-box {
  position: relative;
  width: 170px;
}

.search-box input {
  border: 1px solid #055098 !important;
  height: auto !important;
  border-radius: 2px;
  padding: 7px 5px 7px 30px !important;
  background-color: #fff !important;
  width: 100%;
  display: inline-block;
}

.search-box input:focus {
  background-color: #fff !important;
}

.search-box .search-btn {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  width: 20px;
  height: 20px;
  background: transparent;
  padding: 0;
}

.search-box .search-btn .icon-search {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/search-icon.svg") no-repeat center;
  background-size: 15px;
}

.profile-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.profile-wrap img {
  display: block;
  width: 40px;
}

.profile-wrap .icon-arrowdown {
  width: 20px;
  height: 20px;
  display: block;
  background: url("../images/arrow-down.png") no-repeat center;
  background-size: 20px;
}

.sidebar-sticky li {
  margin-bottom: 15px;
  position: relative;
}

.sidebar-sticky li .arrow-white {
  display: block;
  position: absolute;
  right: 15px;
  top: 13px;
  width: 25px;
  height: 25px;
  background: url("../images/white-arrow.svg") no-repeat;
  background-size: contain;
  transition: all 0.5s;
}

.sidebar-sticky li .arrow-white.open-submenu {
  transform: rotate(180deg);
  top: 0px;
}

.sidebar-sticky li ul {
  padding-left: 14px;
  padding-top: 6px;
  display: none;
  transition: all 0.5s;
}

.sidebar-sticky .nav-link {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  transition: all 0.5s;
  display: flex;
  align-items: center;
  padding: 10px 25px;
}

.sidebar-sticky .nav-link:hover {
  opacity: 0.6;
}

.sidebar-sticky img {
  display: block;
  width: 25px;
  margin-right: 17px;
}

.sidebar,
.sidebar,
.nav {
  background: linear-gradient(to bottom, #000037 0%, #000037 50%, #08003f 100%);
}

.cards-wrapper .first-card {
  background-color: #FFF6E6;
}

.cards-wrapper .second-card {
  background-color: #E9F5FF;
}

.cards-wrapper .third-card {
  background-color: #FFEBDD;
}

.cards-wrapper .fourth-card {
  background-color: #F5F5F5;
}

.cards-wrapper .card {
  transition: all 0.5s;
  border-radius: 0 !important;
  border: 1px solid transparent;
}

.cards-wrapper .card:hover {
  border: 1px solid #0F62FE;
}

.cards-wrapper .dashboard-icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  flex: none;
}

.cards-wrapper .first-card .dashboard-icon {
  background-color: #A06E1E;
}

.cards-wrapper .second-card .dashboard-icon {
  background-color: #0F64AF;
}

.cards-wrapper .third-card .dashboard-icon {
  background-color: #E1AA5A;
}

.cards-wrapper .fourth-card .dashboard-icon {
  background-color: #B2B2B2;
}

.cards-wrapper .dashboard-icon img {
  width: 20px;
}

.cards-block {
  background-color: #fff;
  padding: 24px;
}

.cards-block h5 {
  font-size: 25px;
  margin-bottom: 0;
}

.cards-block p {
  font-size: 16px;
}

.table thead tr th {
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  background-color: #000037;
  color: #fff;
  font-family: 'MuseoSansCyrl700', sans-serif;
}

.recent .table thead tr th {
  padding: 12px 10px 12px 19px;
  border: 0;
}

.table thead tr th {
  padding: 14px 10px 14px 19px;
}

.table tbody tr td {
  vertical-align: middle;
  padding: 11px 10px 11px 20px;
  border: 0;
  background-color: #E9F5FF;
  border: none !important;
}

.btn-reject {
  color: #CF0000;
  background-color: #FFC9C9;
}

.btn-approve {
  color: #067F38;
  background-color: #ACFFCE;
  margin: 0 10px;
}

.btn-view {
  color: #055096;
  border: 1px solid #055096;
  background-color: transparent;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  transition: all 0.3s;
}

.btn-view::after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url(../images/arrow-right.svg) no-repeat center;
  background-size: 14px;
}

.profile-img img {
  display: block;
  margin-right: 10px;
  width: 48px;
}

.logo {
  display: block;
  width: 86px;
  margin: 0 auto 56px;
}

.logo img {
  display: block;
  width: 100% !important;
}

.purchases .btn-view {
  border: none;
}
.purchases .heading-wrap{
  flex-wrap: nowrap;
}

.heading-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
}

.main-content {
  background-color: #f5f5f5;
}

.admin-login {
  background: linear-gradient(to bottom, #000037 0%, #000037 50%, #08003f 100%);
  min-height: 100vh;
  padding: 40px 0;
}

.admin-login .admin-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
  border-radius: 4px;
  padding: 30px 20px;
}

.admin-info form {
  width: 100%;
}

.admin-info .logo {
  margin: 0 auto 30px;
}

.admin-info p {
  text-align: center;
  margin-bottom: 20px;
}

.admin-login .container {
  max-width: 985px;
}

.admin-info .input-block.mail,
.admin-info .input-block.lock {
  position: relative;
  margin-bottom: 20px;
}

.admin-info .input-block.mail::after,
.admin-info .input-block.lock::after {
  position: absolute;
  content: "";
  left: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
}

.admin-info .input-block.mail::after {
  background: url("../images/mail.svg") no-repeat center;
  background-size: 14px
}

.admin-info .input-block.lock::after {
  background: url("../images/lock.svg") no-repeat center;
  background-size: 14px
}

.input-block.lock::before {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url("../images/eye.svg") no-repeat center;
  background-size: 14px
}

.admin-info .form-control {
  padding: 20px 40px;
}

.admin-info .form-control:focus {
  outline: none;
}

.admin-info .form-check-input {
  width: 18px;
  height: 18px;
}

.admin-info .form-check .form-check-label {
  display: block;
  margin-left: 10px;
}

.sign-btn {
  display: inline-block;
  width: 100%;
  background-color: #055096;
  color: #fff;
  border-radius: 12px;
  padding: 12px 0;
}

.admin-info .form-check {
  margin-bottom: 30px;
}

/* products-block-start */
.filter-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.filter {
  width: 102px;
  border-radius: 12px;
  border: 1px solid #055098;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
}

.filter span {
  font-size: 14px;
}

.product-img img {
  display: block;
  width: 100%;
}

.product-item {
  padding-bottom: 62px;
  position: relative;
  border: 1px solid #AFAFAF;
  padding: 16px;
}

.product-listing {
  display: grid;
  gap: 25px;
}

.session-wrap {
  gap: 16px;
  margin-bottom: 8px;
}

.days,
.session {
  background-color: #F6F6F6;
  padding: 8px 16px;
}

.days span,
.session span {
  font-size: 14px;
  font-weight: 400;
}

.product-item .btn-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.product-item .btn-wrapper .edit-btn,
.product-item .btn-wrapper .delete-btn {
  min-width: 201px;
  font-size: 14px;
  font-weight: 400;
}

.product-item .btn-wrapper .edit-btn {
  border: 1px solid #055096;
  background-color: #fff;
  color: #055096;
  display: flex;
  align-items: center;
  justify-content: center;
}

.delete-btn {
  background-color: #FFC9C9;
  color: #CF0000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.table .btn-wrapper {
  gap: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table .btn-wrapper .edit-btn {
  background-color: #ACFFCE;
  color: #067F38;
}

.delete-btn:hover {
  background-color: #FFC9C9 !important;
}

.icon-edit,
.icon-recycle {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 9px;
}

.icon-edit {
  background: url("../images/edit.svg") no-repeat center;
  background-size: 15px
}

.icon-recycle {
  background: url("../images/recycle.svg") no-repeat center;
  background-size: 20px
}

.product-img {
  margin-bottom: 4px;
}

.admin-block .edit-product-info {
  max-width: 960px;
  background-color: #fff;
  padding: 24px;
}


.upload-container {
  width: 177px;
  border-radius: 12px;
}

.upload-area {
  border: 1px dashed #055096;
  border-radius: 12px;
  padding: 32px;
  text-align: center;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.upload-area i {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/upload.svg") no-repeat center;
  background-size: 20px;
  margin: 0 auto;
}

.upload-area p {
  color: #055096;
}

.upload-area input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.file-list {
  margin-top: 30px;
}

.file-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.file-item img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-right: 10px;
}

.file-details {
  flex: 1;
}

.file-details span {
  display: block;
}

.file-actions {
  display: flex;
  gap: 10px;
}

.file-actions button {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 18px;
  color: #555;
  transition: color 0.3s ease;
}

.file-actions button:hover {
  color: #007BFF;
}

.progress-bar {
  height: 5px;
  background-color: #007BFF;
  transition: width 0.3s ease;
}

.product-milestone .upload-container {
  width: 100%;
}

.product-milestone .upload-area {
  border: 1px dashed #AFAFAF;
  padding: 19px;
}

.product-milestone .upload-area p {
  color: #000;
  margin-bottom: 0;
}

.product-milestone .upload-area i {
  margin: 0;
  background: url("../images/upload2.svg") no-repeat center;
  background-size: 14px;
}

.product-imgUpload img {
  display: block;
  width: 100%;
}

/* products-block-end */
/* assessment-block-start */
.question input {
  border: none;
  background-color: #F6F6F6;
}

.option-wrapper {
  position: relative;
}

.option-wrapper .form-check {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.question-area input,
.question-area .add-option {
  border: none;
  background-color: #F6F6F6;
  padding: 10px 45px;
}

.question-area .add-option {
  background-color: #F6F6F6;
  padding: 20px 45px;
  display: inline-block;
  width: 100%;
  height: 64px;
}

.option-wrapper .material-symbols-sharp {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}

.question,
.option-wrapper {
  margin-bottom: 20px;
}

.assessment-form {
  overflow: hidden;
}

.form-group.required {
  display: inline-flex;
  align-items: center;
  margin-bottom: 15px;
}

.form-group.required input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-group.required label {
  position: relative;
  cursor: pointer;
  margin: 0;
}

.form-group.required label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.form-group.required input:checked+label:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  left: 5px;
  width: 6px;
  height: 10px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.assessment-form .form-group.required input:checked+label:after {
  top: 7px;
}


.button-wrapper .add-link,
.button-wrapper .ques-btn {
  background-color: #055096;
  height: 56px;
  padding: 10px 15px;
  color: #fff;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #055096;
}
.button-wrapper .add-link:hover,
.button-wrapper .ques-btn:hover{
  background-color: #FFFFFF !important;
  color: #055096;
}

.button-wrapper .add-link {
  min-width: 209px;
}

.heading-wrap .submit-btn {
  background-color: #055096;
  color: #fff;
  padding: 13px 28px;
  border-radius: 12px;
  border: 1px solid #055096;
}
.heading-wrap .submit-btn:hover{
  background-color: #ffffff;
  color: #055096;
}

.cards-block.assessment {
  padding: 24px;
}

.button-wrapper {
  margin: 20px 0 35px;
}

.button-wrapper.addlink {
  margin: 35px 0 0;
}

.edit-product-info {
  position: relative;
}

.edit-product-info .icon-close {
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
}

.table-delete .delete-btn {
  margin-bottom: 16px;
}

/* assessment-block-end */
.profile-information {
  margin: 30px 0 24px;
}

.profile-information .profiles-img {
  margin-bottom: 12px;
}

.user-info h3 {
  margin-bottom: 1px;
  font-weight: 400;
  color: #055096;
}

.user-info .company {
  margin-bottom: 16px;
  gap: 10px;
}

.user-info .company span {
  font-size: 14px;
}

.skill-wrap {
  display: flex;
  align-items: start;
}

.skill-wrap .skill {
  min-width: 50px;
}

.user-info p {
  margin-bottom: 8px;
  font-size: 14px;
}

.skill-set span {
  display: inline-block;
  background-color: #CDF0FF;
  font-size: 12px;
  font-family: "Lora", serif;
  font-weight: 400;
  padding: 4px 8px;
}

.skill-set {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px
}

.session-history-slot .img-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.session-history-info {
  margin-top: 15px;
}

.course h2 {
  margin-bottom: 0;
}

.course span {
  font-size: 14px;
  color: #055096;
  font-weight: 700;
  font-family: 'MuseoSansCyrl700', sans-serif;
}

.course {
  margin-bottom: 19px;
}

.progress {
  padding: 0;
  height: 8px;
  overflow: hidden;
  background: #CDF0FF;
}

.bar {
  float: left;
  min-width: 1%;
  height: 100%;
  background: #055096;
}

.percent {
  font-size: 12px;
  font-family: "Lora", serif;
  font-weight: 400;
}

.status-wrapper input {
  height: auto;
}

.completed-btn,
.joined-btn {
  color: #055096;
  background-color: #CDF0FF;
  border-radius: 8px;
  padding: 6px 12px;
  min-width: 130px;
  position: relative;
  text-align: left;
  font-size: 14px;
}

.joined-btn {
  background-color: #fff;
  border: 1px solid #055096;
}

.completed-btn::after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/right.svg") no-repeat center;
  background-size: 16px;
}

.status-wrapper .upload-file,
.status-wrapper .reschedule-btn {
  padding: 7px 12px;
  border: 1px solid #055096;
  border-radius: 8px;
  color: #055096;
  min-width: 130px;
  position: relative;
  font-size: 14px;
}

.status-wrapper {
  gap: 20px;
}

.Course-status .table tr th {
  background-color: #fff;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  font-family: 'MuseoSansCyrl700', sans-serif;
  border: 0;
  padding: 7px 10px 7px 0px;
}

.Course-status .table tr td {
  background-color: #fff;
  padding: 5px 10px 5px 2px;
  border: none;
}

.course h2 {
  font-size: 24px;
  font-family: 'MuseoSansCyrl700', sans-serif;
  font-weight: 700;
  margin-bottom: 0 !important;
  text-transform: capitalize;
}

.Course-status h3 {
  font-size: 20px;
}

.joined-btn:hover {
  color: #055096;
  background-color: #CDF0FF;
}

.join,
.reschedule-btn {
  position: relative;
}

.join::after,
.reschedule-btn::after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
}

.join::after {
  background: url("../images/videos.svg") no-repeat center;
  background-size: 16px;
}

.reschedule-btn::after {
  background: url("../images/clock.svg") no-repeat center;
  background-size: 16px;
}

.joined-btn.join-meeting,
.join.meeting {
  min-width: 138px;
  background-color: #E9F5FF;
}

.session-history-slot .img-wrapper {
  position: relative;
}
.manage-coaches-wrap .expert-input.expert-info ul, .table-block-pannel .expert-input.expert-info ul{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
  flex-wrap: wrap;
}
.manage-coaches-wrap .expert-input.expert-info, .table-block-pannel .expert-input.expert-info{
  /* height: 64px; */
  background-color: #F6F6F6;
}
.manage-coaches-wrap .expert-input.expert-info ul li, .table-block-pannel .expert-input.expert-info ul li{
  white-space: nowrap;
}
.heading-wrap .seeBtn{
  padding: 10px 15px;
  font-size: 14px;
  background-color: #055096;
  color: #fff;
  border-radius: 8px;
  border: 1px solid #055096;
  transition: all 0.5s;
}
.heading-wrap .seeBtn:hover{
  background-color: #fff;
  color: #055096;
}
@media all and (min-width:480px){
  .search-box{
    width: 250px;
  }
}
@media all and (min-width:580px){
  .search-box{
    width: 360px;
  }
}
.expert-apply-form .profile-section{
  position: relative;
}
.modal-content.profile-block{
 pointer-events: none;
}
.modal.fade.show .modal-content.profile-block{
  pointer-events: auto;
}
@media screen and (min-width: 768px) {
  .modal-content.profile-block{
    padding: 30px;
  }
  .heading-wrap2.editFacilitatorInfo .profile{
    position: static;
  }
  .status-wrapper {
    gap: 40px;
  }

  .product-listing {
    grid-template-columns: repeat(2, 1fr);
  }

  .sign-btn {
    padding: 18px 0;
  }

  .admin-login .container {
    max-width: 650px;
  }

  .admin-login {
    padding: 130px 0;
  }

  .admin-login .logo {
    width: 128px;
    margin: 0 auto 43px;
  }

  .admin-login .admin-info {
    padding: 58px 38px;
  }

  .admin-info .form-control {
    padding: 31px 58px;
  }

  .admin-info .input-block.mail {
    margin-bottom: 38px;
  }

  .admin-info .input-block.lock {
    margin-bottom: 14px;
  }

  .admin-info .form-check {
    margin-bottom: 60px;
  }

  h1 {
    font-size: 40px;
  }

  .admin-info .input-block.mail::after {
    background-size: 25px
  }

  .admin-info .input-block.lock::after {
    background-size: 25px
  }

  .admin-info .input-block.mail::after,
  .admin-info .input-block.lock::after {
    left: 21px;
  }

  .input-block.lock::before {
    right: 21px;
    background-size: 20px
  }

  .profile-information {
    display: flex;
    align-items: start;
    gap: 16px;
    margin-top: 40px;
  }

  .profile-information .profiles-img {
    margin-bottom: 0px;
  }

  .skill-set {
    gap: 8px;
  }
}

@media screen and (min-width: 992px) {
  .search-box {
    width: 360px;
  }

  .search-box .search-btn {
    left: 9px;
  }

  .search-box .search-btn .icon-search {
    background-size: 18px;
  }

  .topbar .hamburger {
    margin-right: 26px;
  }

  .topbar {
    padding-left: 299px;
  }

  .profile-wrap img {
    width: 56px;
  }

  .admin-block-wrap {
    display: flex;
    justify-content: space-between;
  }

  .sidebar {
    position: sticky;
    width: 275px;
    margin-top: -102px;
  }

  .main-content {
    width: calc(100% - 275px);
  }
}

@media screen and (min-width: 1024px) {
  .admin-login .container {
    max-width: 985px;
  }

  .product-listing {
    gap: 40px 38px;
  }

  .product-content p {
    line-height: 24px;
  }

  .topbar {
    padding-left: 320px;
  }
}

@media screen and (min-width: 1200px) {
  .session-history-slot .img-wrapper::after {
    width: 57px;
    height: 57px;
    background-size: 57px;
  }

  .session-history-info {
    margin-top: 0px;
  }

  .sidebar-sticky .nav-link {
    font-size: 20px;
  }

  .button-wrapper {
    margin: 32px 0 56px;
  }

  .button-wrapper.addlink {
    margin: 32px 0 0;
  }

  .question,
  .option-wrapper {
    margin-bottom: 24px;
  }

  .custom-input {
    margin-bottom: 24px;
  }

  .icon-edit {
    background-size: 20px
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 24px;
  }

  .sidebar-sticky img {
    width: 32px;
  }

  .topbar {
    padding-left: 352px;
    padding-right: 36px;
  }

  .sidebar {
    width: 300px;
  }

  .main-content {
    width: calc(100% - 300px);
  }
  
}

@media screen and (min-width: 1400px) {
 .cards-block h5{
    font-size: 21px;
  }
  .product-listing {
    grid-template-columns: repeat(3, 1fr);
  }
  .session-history-slot .img-wrapper {
    width: 48%;
  }
}

@media screen and (min-width: 1600px) {
  .session-history-slot {
    gap: 24px;
  }

  .product-item .btn-wrapper .edit-btn,
  .product-item .btn-wrapper .delete-btn {
    min-width: 150px;
  }

  .cards-wrapper .dashboard-icon {
    width: 64px;
    height: 64px;
  }

  .cards-wrapper .dashboard-icon img {
    width: 32px;
  }

  .sidebar {
    width: 300px;
  }

  .main-content {
    width: calc(100% - 300px);
  }

  .topbar {
    padding: 23px 50px 23px 350px;
  }

  .sidebar-sticky li {
    margin-bottom: 38px;
  }

  .sidebar-sticky li .arrow-white {
    right: 27px;
  }

  .sidebar-sticky li ul {
    padding-left: 14px;
    padding-top: 34px;
  }

  .dashboard h2 {
    margin-bottom: 22px;
  }

  .cards-block {
    margin-bottom: 36px;
  }

  .cards-block h5 {
    font-size: 32px;
  }

  .cards-wrapper .dashboard-icon {
    margin-right: 18px;
  }

  .recent h2 {
    margin-bottom: 25px;
  }

  .purchases h2 {
    margin-bottom: 27px;
  }

  .purchases .btn-view {
    margin-bottom: 27px;
  }

  .product-listing {
    gap: 40px 38px;
  }

  .product-content p {
    line-height: 24px;
  }
}

@media screen and (min-width: 1800px) {

  .product-item .btn-wrapper .edit-btn,
  .product-item .btn-wrapper .delete-btn {
    min-width: 183px;
  }
}

.wallet-icon {
  background: url('../../images/wallet.svg') no-repeat center;
  display: inline-block;
  width: 40px;
  height: 40px;
}

.arrow-icon {
  background: url('../../images/arrow.svg') no-repeat center;
  display: inline-block;
  width: 15px;
  height: 14px;
  margin-left: 8px;
}

.calender-icon {
  background: url('../../images/calender.svg') no-repeat center;
  display: inline-block;
  width: 24px;
  height: 24px;
}

.payout-request-detail {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 16px;
  height: 112px;
}

.payout-wallet .wallet-tag {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: #055096;
}

.payout-request-detail .payout-amt {
  font-weight: 400;
  color: #fff;
  font-size: 24px;
  display: block;
  margin-bottom: 8px;
}

.payout-request-detail .payout-avail {
  display: block;
  font-size: 16px;
  color: #fff;
}

.payout-request-block {
  background: #000037;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.payout-request-block .request-payout {
  display: flex;
  align-items: center;
  gap: 8px;
}

.payout-request-block .request-payout:hover {
  background-color: #055096;
}

.payout-request-block .request-payout i {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(82deg) brightness(102%) contrast(102%);
}

.payout-request-block .request-payout {
  text-decoration: none;
  border-radius: 12px;
  border: 1px solid #fff;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  width: 249px;
  font-size: 18px;
}

.payout-duration-block {
  padding: 20px 0;
}

.payout-duration-block .duration-tag {
  font-size: 20px;
  color: #000;
  margin-bottom: 16px;
  display: inline-block;
}

.payout-duration-block .duration-date-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.payout-duration-block .duration-date-wrap .duration-date-block {
  position: relative;
  width: 100%;
}

.payout-duration-block .duration-date-wrap .duration-date-block input {
  background: #F6F6F6;
}

.payout-duration-block .duration-date-wrap .duration-date-block input::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.payout-duration-block .duration-date-wrap .duration-date-block .calender-icon {
  position: absolute;
  top: 0px;
  right: 10px;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}

.payout-session table tr th {
  background: #000037;
}

.payout-session table th {
  font-family: 'MuseoSansCyrl700', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  padding: 16px 0 16px 24px;
}

.payout-session table td {
  font-size: 16px;
  color: #000;
  padding: 22px 0 22px 24px;
}

.table-responsive table tr td {
  border: none;
  border: 1px solid #C6C6C6;
}

.table-responsive table tr .done-tag {
  background: #ACFFCE;
  border-radius: 8px;
  color: #067F38;
  padding: 6px 29px;
}

.table-responsive table tr .pending-tag {
  border-radius: 8px;
  color: #CF8900;
  background: #FFFACC;
  padding: 6px 20px;
}

.sidebar::-webkit-scrollbar {
  width: 12px;
}

.sidebar::-webkit-scrollbar-track {
  background: #CDF0FF;
}

.sidebar::-webkit-scrollbar-thumb {
  background-color: #010138;
  border-radius: 20px;
  border: 3px solid #CDF0FF;
}
.admin-assesment-btn{
  display: flex;
  align-items: end;
  justify-content: end;
}
.admin-assesment-btn .submitBtn{
  padding: 10px 15px;
  height: 52px;
  font-size: 16px;
  border-radius: 8px;
  border: 2px solid #055096;
  color: #fff;
  background-color: #055096;
  min-width: 120px;
}
.admin-assesment-btn .submitBtn:hover{
  background-color: #fff;
  color: #055096;
}
.myEarningBlock{
  margin-bottom: 30px;
}
.days-block-detail ul{
  padding-left: 0;
  margin: 0;
}
.days-block-detail ul li{
  padding: 15px !important;
  background-color: #CDF0FF !important;
  color: #000;
  font-size: 17px;
  min-width: 185px;
}
.table-block-pannel .cart-action{
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content.profile-block h5{
  font-size: 20px;
  margin-bottom: 15px;
}
.modal-content.profile-block .img-container{
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .modal-dialog.adminCoach-modal{
    margin: 0 auto;
    max-width: 700px !important;
    width: auto !important;
  }
  .modal-content.profile-block {
    width: 700px;
}
.modal-content.profile-block h5{
  font-size: 32px;
  margin-bottom: 20px;
}
.modal-content.profile-block .img-container{
  margin-bottom: 30px;
}
  .payout-request-block {
    flex-direction: row;
    justify-content: space-between;
    padding: 28px;
  }
  .myEarningBlock{
    margin-bottom: 40px;
  }

  .payout-duration-block .duration-date-wrap {
    flex-direction: row;
  }

  .payout-request-detail .payout-amt {
    font-size: 32px;
  }

  .payout-duration-block {
    padding: 34px 0 33px;
  }
}

@media screen and (min-width:992px) {
  .payout-session h2 {
    margin-bottom: 24px;
  }
}

@media screen and (min-width:1200px) {

  .payout-duration-block .duration-date-wrap .duration-date-block input {
    padding: 20px;
  }

  .payout-duration-block .duration-date-wrap .duration-date-block .calender-icon {
    right: 20px;
  }

  .payout-session table tr .date-tag {
    min-width: 328px !important;
  }

  .payout-session table tr .payout-tag {
    min-width: 408px !important;
  }

  .payout-session table tr .released-tag {
    min-width: 423px !important;
  }

  .payout-session table tr .status-tag {
    min-width: 176px !important;
  }
}

@media screen and (min-width:1400px) {
  
  .payout-duration-block .duration-date-wrap {
    gap: 24px;
  }

  .payout-duration-block .duration-date-wrap .duration-date-block {
    width: 440px;
  }

  .table-earning-trans tr td {
    padding: 22px 24px !important;
  }
}


.popup-payout-wrap {
  position: relative;
  padding: 24px 24px 47px;
}

.cross-icon {
  background: url(../../images/cross.svg) no-repeat center;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.popup-payout-wrap .close-block {
  position: absolute;
  top: 13px;
  right: 13px;
  border: none;
  background: transparent;
}

.popup-payout-wrap h1 {
  font-family: 'MuseoSansCyrl700', sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 24px;
  margin-bottom: 40px;
}

.popup-payout-wrap .balance-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 84px;
}

.balance-block .available-tag {
  font-size: 16px;
  color: #000;
}

.balance-block .available-price {
  font-family: 'MuseoSansCyrl700', sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 24px;
}

.popup-payout-wrap .withdraw-btn {
  font-size: 18px;
  color: #fff;
  padding: 22px 0;
  background: #055096;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.modal-dialog {
  width: auto !important;
}

@media screen and (min-width:500px) {
  .modal-dialog {
    width: 440px !important;
  }
}

.days-week-content .week-tag {
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 15px;
}

.weekdays-block {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.weekdays-block input {
  height: 18px;
  width: 18px;
  margin-right: 8px;
}

.days-week-content .weekdays-block label {
  font-weight: 400;
  font-size: 16px;
  color: #000;
}

.weekdays-from,
.form-timepicker {
  position: relative;
}

.clock-icon {
  display: inline-block;
  background: url('../../images/clock.svg') no-repeat center;
  width: 24px;
  height: 24px;
  background-size: 20px;
}

.clock-btn {
  position: absolute;
  top: 0;
  right: 7px;
  display: inline-block;
  bottom: 0;
  margin: auto;
  border: none;
  background-color: transparent;
  height: 24px;
  z-index: 1;
}

.form-timepicker input {
  height: 35px;
}

.weekdays-from {
  border: 2px solid #AFAFAF;
  margin-bottom: 15px;
}

.weekdays-from .from-tag {
  position: absolute;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  left: 8px;
  top: -10px;
  z-index: 1;
  background: #fff;
  padding: 0 10px;
}

.plus-icon {
  background: url('../../images/add.svg') no-repeat center;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.more-block .more-tag {
  display: flex;
  align-items: center;
  justify-content: end;
  font-family: 'MuseoSansCyrl700', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #055096;
}


.blocked-dates .session-tag {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 25px;
  color: #000;
}

.blocked-dates .blocked-date-image {
  text-align: center;
  margin-bottom: 20px;
}

.availaility-right-block.active .unavailable-tag {
  display: none;
}

.blocked-dates .unavailable-tag {
  font-size: 18px;
  color: #fff;
  background: #055096;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 8px;
  padding: 13px 0;
  margin-bottom: 20px;
  width: 100%;
}

.blocked-dates .unavailable-tag .plus-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(340deg) brightness(108%) contrast(102%);
}

.blocked-dates .unavailable-dates {
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin-bottom: 40px;
}

.weekdays-block label {
  font-weight: 400;
  font-size: 16px;
  color: #000;
  margin-bottom: 0;
}

.weekdays-save {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.weekdays-save .cancel-tag,
.weekdays-save .save-tag {
  font-size: 16px;
  color: #055096;
  border: 2px solid #055096;
  border-radius: 12px;
  padding: 12px 0;
  text-decoration: none;
  min-width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.weekdays-save .cancel-tag:hover {
  background-color: #055096;
  color: #ffffff;
}

.weekdays-save .save-tag {
  color: #fff;
  background: #055096;
}

.weekdays-save .save-tag:hover {
  color: #055096;
  background-color: #ffffff;
}

.ui-timepicker-container.ui-timepicker-standard {
  z-index: 3 !important;
}

.availaility-left-block {
  margin-bottom: 25px;
}

.unavailable-block {
  background: #f5f5f5;
  padding: 50px 0;
}

.unavailable-block .unavailable-wrap {
  font-family: 'MuseoSansCyrl700', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #055096;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

  .weekdays-content,
  .weekdays-time,
  .weekdays-time {
    display: flex;
    gap: 5px;
  }
}

@media screen and (min-width:1200px) {
  .days-week-content .week-tag {
    font-size: 24px;
    margin-bottom: 24px;
  }

  .days-week-content .weekdays-block label {
    font-size: 20px;
  }

  .availaility-right-block {
    display: flex;
    flex-direction: column;
  }

  .unavailable-block {
    padding: 0;
    height: 100%;
    margin-top: 150px;
  }

  .more-block .more-tag {
    font-size: 18px;
  }

  .weekdays-block label {
    font-size: 20px;
  }

  .blocked-dates .session-tag {
    font-size: 16px;
  }

  .blocked-dates .unavailable-dates {
    font-size: 20px;
  }

  .blocked-dates .session-tag {
    margin-bottom: 40px;
  }

  .availaility-right-block .blocked-dates {
    padding-left: 14px;
  }

}

@media screen and (min-width:1400px) {
  .form-timepicker .timepicker {
    width: 156px;
    height: 64px;
  }

  .weekdays-from {
    margin-bottom: 0;
  }

  .days-week-content form,
  .weekdays-wrap form {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }

  .weekdays-from .from-tag {
    font-size: 16px;
  }

  .clock-icon {
    background-size: 100%;
  }

  .weekdays-block {
    width: 141px;
    margin-bottom: 0;
  }

  .days-week-content {
    margin-bottom: 8px;
  }

  .more-block {
    margin-bottom: 24px;
  }

  .weekdays-wrap {
    margin-bottom: 32px;
  }

  .weekdays-save .cancel-tag,
  .weekdays-save .save-tag {
    min-width: 200px;
    padding: 12px 0;
    font-size: 18px;
  }

  .weekdays-content,
  .weekdays-time,
  .weekdays-time {
    gap: 16px;
  }

  .available-wrap {
    display: flex;
    gap: 20px;
  }

  .availaility-right-block {
    max-width: 447px;
    width: 100%;
  }
}


@media screen and (min-width:1600px) {
  .session-history-slot.checkProducts .img-wrapper{
    width: 48%;
  }
  

  .availaility-right-block {
    max-width: 547px;
  }

  .availaility-left-block .heading-wrap h2 {
    margin-bottom: 40px;
  }

  .days-week-content .week-tag {
    margin-bottom: 24px;
  }

  .days-week-content {
    margin-bottom: 14px;
  }

  .plus-icon {
    margin-right: 15px;
  }

  .more-block {
    margin-bottom: 30px;
  }

  .weekdays-wrap {
    margin-bottom: 36px;
  }

  .weekdays-save {
    width: 68%;
    padding-top: 26px;
  }

  .blocked-dates .session-tag {
    margin-bottom: 80px;
  }

  .blocked-dates .blocked-date-image {
    margin-bottom: 37px;
  }

  .unavailable-block {
    margin-top: 32%;
  }

  .blocked-dates .unavailable-tag {
    width: 414px;
    width: 100%;
    margin: 0 auto 40px;
  }
}


@media screen and (min-width:1600px) {
  .product-content h2 {
    margin-bottom: 21px;
  }

  .product-content table tr th,
  .product-content table tr td {
    padding-left: 26px !important;
  }

  .product-content tr td {
    padding: 13px 12px !important;
  }
}

@media all and (min-width:1700px) {
  .available-wrap {
    gap: 34px;
  }

  .availaility-left-block {
    width: calc(57% - 17px);
  }

  .availaility-right-block {
    width: calc(43% - 17px);
  }
}


.video-icon {
  background: url('../../coach/images/videos.svg') no-repeat center;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.booking-table-block tr th {
  padding: 16px 0 16px 26px !important;
  border: none;
}

.booking-table-block .join-tag {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #055096;
  padding: 6px 17px;
  border-radius: 8px;
}

.booking-block .product-block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.booking-block .product-block .skills-tag {
  text-decoration: none;
  color: #000;
  font-family: 'MuseoSansCyrl700', sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 24px;
  border: 1px solid #055098;
  border-radius: 12px;
}

.booking-block .heading-wrap {
  margin-bottom: 20px;
}

@media screen and (min-width:1200px) {
  .product-block .search-box {
    width: 460px;
  }

  .booking-block .heading-wrap {
    margin-bottom: 40px;
  }
}

.transcitions-wrap .payout-request-detail {
  background: #000037;
  padding: 16px 24px;
}

.transcitions-wrap .payout-request-detail .payout-amt {
  font-weight: 700;
}

.transctions-table-block .product-name-block {
  display: flex;
  align-items: center;
  gap: 8px;
}

.transctions-table-block .product-name-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.arrow-icon {
  background: url('../../coach/images/arrow-icon.svg') no-repeat center;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
}

.transctions-table-block .details-tag {
  color: #055096;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #055096;
  border-radius: 8px;
  font-size: 14px;
  width: 93px;
  transition: all 0.3s;
}

.transctions-table-block tr th {
  padding: 16px 21px 14px !important;
}

.transctions-table-block tr td {
  padding: 6px 21px !important;
}

.transcitions-wrap .heading-wrap {
  align-items: start;
}

.earning-block .payout-duration-block .duration-tag {
  margin-bottom: 10px;
}

.earning-block .payout-duration-block {
  padding: 0;
}

.transcitions-wrap .heading-wrap {
  margin-bottom: 20px;
}

.earning-block {
  margin-bottom: 20px;
}

.availaility-right-block .dashboard {
  background-color: #ffffff;
  padding: 24px;
}


.availaility-right-block .unavailable-list {
  padding-left: 20px;
}

.availaility-right-block .unavailable-list .date-block {
  border: 2px solid #AFAFAF;
  padding: 16px 14px;
  border-radius: 4px;
  min-width: 190px;
}


@media screen and (min-width:1200px) {
  .transcitions-wrap .heading-wrap {
    margin-bottom: 40px;
  }
}

@media screen and (min-width:1400px) {
  .earning-block .duration-date-wrap {
    gap: 0px;
  }

  .earning-block .duration-date-wrap .duration-date-block {
    width: 50%;
  }
}

@media screen and (min-width:1600px) {
  .earning-block h2 {
    margin-bottom: 40px;
  }

}

@media screen and (min-width:1920px) {
  .earning-block {
    margin-bottom: 0px;
  }
}

.admin-block {
  padding-top: 20px;
}

@media screen and (min-width: 1024px) {
  .admin-block {
    padding: 40px 16px 0 16px;
  }
  .earning-block {
    margin-bottom: 0px;
}
}



.account-drop-btn {
  display: flex;
  align-items: center;
  gap: 8px;
}

.account-drop-btn .drop-icon {
  background: url("../images/arrow-down.png") no-repeat center;
  width: 16px;
  height: 9px;
}

.account-drop-btn:hover .my-account-drop {
  display: block;
}

.my-account-drop {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  padding: 8px 0;
  background-color: #fff !important;
  width: 180px;
  border-radius: 12px;
  z-index: 11;
  border: 1px solid #AFAFAF;
}

.my-account-drop li a {
  color: #055096;
  transition: all 0.3s;
  width: 100%;
  display: inline-block;
  padding: 10px;
}

.my-account-drop li {
  list-style-type: none;
}

.my-account-drop li:hover {
  background-color: #055096;
  color: #ffffff;
}

.my-account-drop li:hover a {
  color: #ffffff;
}

.my-account-drop li:not(:last-child) {
  border-bottom: 1px solid #afafaf;
}




/* calender css */
.upcomming-sessions.cards-block {
  position: relative;
  overflow: hidden;
}

.upcomming-sessions.cards-block #prev,
.upcomming-sessions.cards-block #next {
  position: absolute;
  top: -45px;
  right: 44px;
  cursor: pointer;
  background: url("../images/left-arrow.svg") no-repeat center;
  background-size: 16px;
  border-radius: 0;
  border-color: #055096;
  transition: all 0.5s;
}

.upcomming-sessions.cards-block #next {
  right: 3px;
  background: url("../images/left-arrow.svg") no-repeat center;
  transform: rotate(180deg);
}
.upcomming-sessions.cards-block #prev:hover,
.upcomming-sessions.cards-block #next:hover {
  background-color: #055096;
}

.upcomming-sessions.cards-block .days-container {
  width: auto;
  gap: 4px;
}

.upcomming-sessions.cards-block h2 {
  margin-bottom: 50px;
}

.upcomming-sessions.cards-block .days-container .day {
  width: 46px;
  padding: 4px 2px;
  border: 1px solid #F6F6F6;
  font-size: 11px;
}
.table tr td img{
  display: block;
  object-fit: cover;
  object-position: top center;
}
@media all and (min-width:512px) {
  .upcomming-sessions.cards-block .days-container .day {
    width: 62px;
    padding: 10px;
  }
}

@media all and (min-width:1400px) {
  .upcomming-sessions.cards-block .days-container .day {
    width: auto;
    padding: 4px;
    border: 1px solid #F6F6F6;
    font-size: 12px;
    min-height: 0;
    min-width: 50px;
  }
}

@media all and (min-width:1600px) {
  .upcomming-sessions.cards-block .days-container .day {
    width: 50px;
    padding: 5px;
  }
}

@media all and (min-width:1800px) {
  .upcomming-sessions.cards-block .days-container .day {
    width: 62px;
    padding: 10px;
  }
}

.upcomming-sessions .arrow-btn {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 32px;
  height: 32px;
  cursor: pointer;
  font-size: 18px;
  margin: 0 10px;
}

.upcomming-sessions.cards-block h2 {
  margin-bottom: 20px;
}

@media screen and (min-width: 1400px) {
  .upcomming-sessions.cards-block h2 {
    font-size: 28px;
  }
}

@media screen and (min-width: 1900px) {
  .upcomming-sessions.cards-block h2 {
    font-size: 32px;
  }
}

.recent-course .cards-block {
  margin-bottom: 34px;
}

.transacation-table-info tr th {
  white-space: nowrap;
  padding: 16px;
}

.table-earning-trans .transacation-table-info,
.table-earning-trans .transacation-table-info th,
.table-earning-trans .transacation-table-info td {
  border: 1px solid #C6C6C6 !important;
  border-collapse: collapse;
}

.table-earning-trans .transacation-table-info td {
  background: transparent !important;
}

@media all and (min-width:1200px) {
  .table-earning-trans .transacation-table-info .header-block th {
    min-width: unset !important;
  }

  .transacation-table-info .status-tag {
    width: 178px;
  }
}

.transctions-table-block th {
  white-space: nowrap;
}


.sidebar-hide #sidebar{
  width: 0;
  transition: all 0.3s;
}
.sidebar-sticky .nav-item.active ul{
  display: block;
}

.pass-input .eye-icon-view {
  position: absolute;
  content: "";
  right: 36px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background-size: 15px;
}

.add-expert-wrap .profile-picture{
  width: 120px;
  height: 120px;
  border-radius: 50%;
  flex: none;
}
.add-expert-wrap .profile-picture img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.add-expert-wrap .upload-custom{
  max-width: 320px;
  width: 100%;
  font-size: 1.2rem;
  padding: 15px 20px!important;
}
.add-expert-wrap .profile-section{
  margin-bottom: 20px !important;
}
.add-expert-wrap .custom-input{
  padding-left: 54px;
}
.add-expert-wrap .bio-textarea{
  background-color: #F6F6F6;
  padding: 20px 54px 35px 54px;
  resize: none;
}
.add-expert-wrap #the-count{
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #AFAFAF;
}
.add-expert-wrap .bio-handle::after{
  content: " ";
  position: absolute;
  top: 22px;
  left: 14px;
  width: 20px;
  height: 20px;
  background-size: 23px !important;
  background: url("../images/bio.svg") no-repeat center;
}
.add-expert-wrap .signup-btn{
  background-color: #055098;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 12px;
  border: 2px solid #055098;
  border-radius: 8px;
  transition: all 0.3s;
}
.add-expert-wrap .signup-btn:hover{
  background-color: #ffffff;
  color: #055098;
}
.add-expert-wrap .select2-selection{
  border: none !important;
}

.manage-coaches-wrap .bl-btn{
  background-color: #055098;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 12px;
  border: 1px solid #055098;
  border-radius: 8px;
  transition: all 0.3s;
  margin-bottom: 15px;
}
.manage-coaches-wrap .bl-btn:hover{
  background-color: #ffffff;
  color: #055098;
}

/* sidebar-hide-show */

.sidebar .cross-btn{
  display: none;
}
.sidebar.mobile-sidebar{
  left: 0;
  width: 300px;
  z-index: 55;
}
.mobile-wrap::after{
  content: " ";
  background-color: #000000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100vh;
  width: 100;
  opacity: 0.3;
  z-index: 12;
}
.sidebar.mobile-sidebar .cross-btn{
  display: block;
  position: absolute;
  top: 25px;
  right: 20px;
  background: url("../images/close.svg") no-repeat center;
  width: 20px;
  height: 20px;
  z-index: 60;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7436%) hue-rotate(99deg) brightness(113%) contrast(104%);
  border: none;
}
@media all and (max-width:991px){
  .sidebar{
    transition: all 0.8s !important;
  }
}
.hide-sidebar .sidebar{
  flex: none;
  width: 95px;
}
.hide-sidebar .sidebar .nav-item i{
  display: none;
}
.sidebar,.main-content,.topbar{
  transition: all 0.5s ease-in-out;
}
.hide-sidebar .main-content{
  width: 100% !important;
}
.hide-sidebar .topbar{
  padding-left: 104px;
}
@media all and (min-width:1024px){
  .hide-sidebar .topbar{
    padding-left: 114px;
  }
}
@media all and (min-width:1200px){
  .hide-sidebar .sidebar{
    width: 105px;
  }
  .hide-sidebar .sidebar .sidebar-sticky .nav-link{
    padding-left: 30px;
  }
  .hide-sidebar .topbar {
    padding-left: 135px;
  }


}

.sidebar .sidebar-sticky .side-logo{
  display: none;
}
.hide-sidebar .sidebar .sidebar-sticky .main-logo{
  display: none;
}
.hide-sidebar .sidebar .sidebar-sticky .side-logo{
  display: block;
}
.hide-sidebar .sidebar .sidebar-sticky .logo{
  width: 38px;
}
.hide-sidebar .sidebar .sidebar-sticky .nav-link{
  padding-left: 23px;
  font-size: 0;
}
.hide-sidebar .sidebar .sidebar-sticky img{
  margin: 0 auto;
}
.hide-sidebar .sidebar .nav img{
  flex: none;
}
@media all and (Min-width:1200px){
  .hide-sidebar .sidebar .sidebar-sticky .logo{
    width: 64px;
  }
}


/* feedback */
.modal-dialog.admin-coachCropper{
  width: auto !important;
}
.modal-dialog.admin-coachCropper .cropImageBtn{
  background-color: #055096;
  border: 2px solid #055096;
  color: #fff;
  min-width: 124px;
  border-radius: 8px;
  padding: 6px 12px;
  height: 52px;
}
.modal-dialog.admin-coachCropper .cropImageBtn:hover{
  background-color: #fff;
  border: 2px solid #055096;
  color: #055096;
}
.modal-dialog.admin-coachCropper .cancel-btn{
  background-color: #fff;
  border: 2px solid #055096;
  color: #055096;
  min-width: 124px;
  border-radius: 8px;
  padding: 6px 12px;
  height: 52px;
}
.modal-dialog.admin-coachCropper .cancel-btn:hover{
  background-color: #055096;
  color: #fff;
}
.modal-dialog.admin-coachCropper .img-container{
  min-height: 300px;
  max-width: 400px;
}
.modal-dialog.admin-coachCropper .img-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.expert-input.profile-db.adminCoach .select2-selection, .adminCoach-language .select2-selection{
  height: 64px;
  padding: 18px 18px 18px 54px;
}
.expert-input.profile-db.adminCoach .select2-selection__rendered li{
  margin-top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 0;
  margin-bottom: 5px;
}
.card.balance{
  background: linear-gradient(to bottom, #000037 0%, #000037 50%, #08003f 100%);
  color: #fff;
}
.card.balance p{
  color: #fff;
}
.table.couch-table th{
  text-transform: uppercase;
}
.modal-content.profile-block .img-container{
  max-width: none;
  max-height: none;
 }

 #image {
 max-width: 100%;
}
.modal-content.profile-block .preview {
 overflow: hidden;
 width: 300px;
 height: 300px; 
 border: 1px solid black;
 display: inline-block;
}

/* Force the cropped preview to have a fixed width */
.modal-content.profile-block .preview img {
 width: 100%;
 height: auto;
}
.modal-content.profile-block .cancel-btn{
  background-color: #fff;
  border-radius: 8px;
  color: #055098;
  height: 52px;
  min-width: 124px;
  border: 2px solid #055098;
  width: auto;
font-size: 14px;
  padding: 10px 15px;
}
.modal-content.profile-block .cancel-btn:hover{
  background-color: #055098;
  color: #fff;
}
.modal-content.profile-block .cropImageBtn{
  height: 52px;
  min-width: 124px;
  border: 2px solid #055098;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  background-color: #055098;
  width: auto;
  padding: 10px 15px;
}
.modal-content.profile-block .cropImageBtn:hover{
  background-color: #fff;
  color: #055098;
}
.modal-content.profile-block .modal-footer{
  justify-content: end;
}

.modal-content.profile-block .img-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* coach review and rating */

.review-rating-wrap.modal-dialog{
  max-width: 500px !important;
}
.review-rating-wrap .modal-header{
  border: none;
}
.review-rating-wrap .modal-content{
  padding: 20px;
}
.review-rating-wrap .preview-rating{
  display: flex;
  gap: 5px;
  justify-content: center;
  margin-bottom: 14px;
}
.review-rating-wrap .preview-rating #star-1:checked [for='star-1'] svg {
  transform: scale(1);
}


.review-rating-wrap .modal-header .close{
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 24;
}
.review-rating-wrap .modal-header{
  display: flex;
  justify-content: center;
}
.review-rating-wrap .preview-rating label svg {
  width: 100%;
  height: auto;
  fill: white;
  stroke: #CCC;
  transform: scale(0.8);
  transition: transform 200ms ease-in-out;
}
.review-rating-wrap .preview-review{
  text-align: center;
  font-size: 1.8rem;
}
.session-history-slot .status-wrapper .complete-btn{
  font-size: 1.4rem;
  padding: 5px 6px;
  min-width: 135px;
}
.session-history-slot .review-btn{
  padding: 4px 6px;
  font-size: 1.4rem;
  border: 2px solid #055098;
}
.session-history-slot .review-btn:active{
  border: 2px solid #055098;
}
.table td textarea{
  background-color: #fff;
}
.table th{
  text-transform: uppercase;
}
.modal-content.payout-request{
  padding: 30px;
}
.modal-content.payout-request .close-block{
  position: absolute;
  right: 10px;
  top: 10px;
}
.modal-content.payout-request .withdraw-btn {
  width: 100%;
  height: 64px;
}
.modal-content.payout-request h2{
  margin-bottom: 20px;
}
.product-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  min-height: 72px;
}
.hide-sidebar .sidebar .nav-link span{
  margin: 0 auto;
}

.form-control.is-valid, .was-validated .form-control:valid,.form-control.is-invalid, .was-validated .form-control:invalid{
  background-position: right calc(.375em + 3.588rem) center !important;
}
.hide-sidebar .sidebar .sidebar-sticky .logo {
  width: 40px;
}
 .status-text{
  min-width: 98px;
  font-size: 16px;
}
.profile-information.coach-profile-information{
  justify-content: space-between;
}
.set-remark.request-status-wrap{
  width: auto !important;
  max-width: 550px !important;
}

/* header search bar */

@media all and (max-width:480px){
	.search-item{
		width: 33px !important;
		transition: all 0.5s;
	}
	.search-item input{
		padding-left: 38px !important;
			padding-right: 0 !important;
		border-radius: 42px !important;
	}
	.search-item input::placeholder{
		display: none;
	}
	.search-item.show input::placeholder{
		display: block;
	}
	.search-item.show .required-search{
		padding-right: 10px !important;
	}
  }
  @media all and (max-width:370px){
	.search-item.show{
		width: 130px !important;
	}
  }
  @media all and (min-width:371px) and (max-width:400px){
	.search-item.show{
		width: 160px !important;
	}
  }
  @media all and (min-width:400px) and (max-width:480px){
	.search-item.show{
		width: 230px !important;
	}
  }
  @media screen and (min-width: 512px) {
    .upcomming-sessions.cards-block #prev, .upcomming-sessions.cards-block #next {
      right: 90px;
  }
  .upcomming-sessions.cards-block #next {
    right: 43px;
}
  }
  @media screen and (min-width: 1400px) {
    .upcomming-sessions.cards-block #prev, .upcomming-sessions.cards-block #next {
      right: 52px;
  }
    .upcomming-sessions.cards-block #next {
      right: 5px;
  }
  }
  @media screen and (min-width: 768px) {
    .static-backdrop-block .modal-dialog {
          width: 700px !important;
      }
  }
  .session-history-info .btn:not(:disabled):not(.disabled) {
    cursor: unset;
}
.product_list .select2.select2-container{
  width: 100% !important;
  background-color: #F6F6F6 !important;
  padding: 16px;
}
.product_list .select2-container--default .select2-selection--multiple {
  background-color: #F6F6F6 !important;
}
.product_list .select2-container--default .select2-selection--multiple {
  border: 0 !important;
}
.editproductList .select2-selection__clear{
  display: none;
}