@import url('https://fonts.googleapis.com/css2?family=Geologica:slnt,wght,CRSV,SHRP@-12..0,100..900,0..1,0..100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');

:root {
  --font-family: "Geologica", sans-serif;
  --second-family: "Forum", sans-serif;
  --third-family: "Cinzel Decorative", sans-serif;
  --white-color: #fff;
  --light-color: #f5f6f1;
  --light-color-secondary: #fdfdfe;
  --light-color-third: #e3ece3;
  --light-color-80: rgba(255, 255, 255, 0.8);
  --accent-color: #879e7b;
  --dark-green: #69805d;
  --title-color: #586b4e;
  --text-color: #929b8e;
  --text-color-secondary: #9c9c9c;
  --shadow: 0 4px 24px 0 rgba(29, 39, 21, 0.03);
  --transition: all .3s ease;
  --calendar-icon: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.06738 6.34734H13.9402' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.7081 9.16765H10.7148' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.50306 9.16765H7.50975' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4.29213 9.16765H4.29882' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.7081 11.9743H10.7148' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.50306 11.9743H7.50975' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4.29213 11.9743H4.29882' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.4205 1V3.37667' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4.58551 1V3.37667' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.561 2.14062H4.4457C2.32475 2.14062 1 3.32213 1 5.49392V12.0298C1 14.2357 2.32475 15.4445 4.4457 15.4445H10.5543C12.6819 15.4445 14 14.2562 14 12.0844V5.49392C14.0067 3.32213 12.6886 2.14062 10.561 2.14062Z' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --calendar-icon-hover: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.06738 6.34734H13.9402' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.7081 9.16765H10.7148' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.50306 9.16765H7.50975' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4.29213 9.16765H4.29882' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.7081 11.9743H10.7148' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.50306 11.9743H7.50975' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4.29213 11.9743H4.29882' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.4205 1V3.37667' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M4.58551 1V3.37667' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.561 2.14062H4.4457C2.32475 2.14062 1 3.32213 1 5.49392V12.0298C1 14.2357 2.32475 15.4445 4.4457 15.4445H10.5543C12.6819 15.4445 14 14.2562 14 12.0844V5.49392C14.0067 3.32213 12.6886 2.14062 10.561 2.14062Z' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --search-icon: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.98856' cy='9.98856' r='8.98856' stroke='white' stroke-opacity='0.5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M16.24 16.707L19.764 20.2219' stroke='white' stroke-opacity='0.5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --searc-icon-active: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.98856' cy='9.98856' r='8.98856' stroke='white' stroke-opacity='0.9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M16.24 16.707L19.764 20.2219' stroke='white' stroke-opacity='0.9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --arrow-down-icon: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%23879E7B' /%3E%3Cpath d='M11.6574 17.3143L22.6568 17M22.6568 17L17 11.3431M22.6568 17L17 22.6569' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --arrod-down-hover-icon: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%2369805D' /%3E%3Cpath d='M11.6574 17.3143L22.6568 17M22.6568 17L17 11.3431M22.6568 17L17 22.6569' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --note-icon: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.44939 10.5132H4.35107' stroke='%239C9C9C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M9.44939 7.55836H4.35107' stroke='%239C9C9C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M6.29648 4.60893H4.35107' stroke='%239C9C9C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.58523 1C9.58523 1 4.1642 1.00282 4.15573 1.00282C2.20679 1.01483 1 2.29718 1 4.25318V10.7468C1 12.7127 2.21597 14 4.18186 14C4.18186 14 9.60217 13.9979 9.61135 13.9979C11.5603 13.9859 12.7678 12.7028 12.7678 10.7468V4.25318C12.7678 2.28729 11.5511 1 9.58523 1Z' stroke='%239C9C9C' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --green-arrow-icon: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0.509766L1 4.50977L5 8.50977' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --green-arrow-icon-hover: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0.509766L1 4.50977L5 8.50977' stroke='%23929B8E' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --user-icon: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.90964 12.6363C4.75608 12.6363 2.91699 12.3011 2.91699 10.959C2.91699 9.6169 4.74442 8.37793 6.90964 8.37793C9.0632 8.37793 10.9023 9.60489 10.9023 10.947C10.9023 12.2886 9.07487 12.6363 6.90964 12.6363Z' stroke='%239C9C9C' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.90496 6.51835C8.31822 6.51835 9.46367 5.37289 9.46367 3.95963C9.46367 2.54638 8.31822 1.40039 6.90496 1.40039C5.4917 1.40039 4.34572 2.54638 4.34572 3.95963C4.34095 5.36812 5.47845 6.51357 6.88693 6.51835C6.89329 6.51835 6.89913 6.51835 6.90496 6.51835Z' stroke='%239C9C9C' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

.schedulePage {
  min-width: 360px;
  min-height: 100%;
  background-color: var(--accent-color);
}

.schedulePage .empty-breadcrumbs,
.schedulePage .page-header>h1,
.schedulePage .gc-user-user .page-header,
.schedulePage .gc-account-logo,
.schedulePage .standard-logo,
.schedulePage .breadcrumbs {
  display: none !important;
}

.schedulePage .page-header {
  padding: 0;
  margin: 0;
  border-bottom: none;
}

.schedulePage .gc-main-content {
  padding: 40px;
  border-radius: 40px 0 0 40px;
  background-color: var(--light-color);
}

.schedulePage .gc-main-content.with-left-menu .container {
  max-width: 1290px;
  width: 100%;
  margin: auto;
  padding: 0;
}

.schedulePage .custom-header {
  margin-bottom: 30px;
}

.schedulePage .custom-header-breadcrumbs {
  margin-bottom: 20px;
}

.schedulePage .custom-header-breadcrumbs-crumb {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: var(--transition);
}

.schedulePage .custom-header-breadcrumbs-crumb:active,
.schedulePage .custom-header-breadcrumbs-crumb:visited,
.schedulePage .custom-header-breadcrumbs-crumb:hover,
.schedulePage .custom-header-breadcrumbs-crumb:link {
  text-decoration: none;
}

.schedulePage .custom-header-breadcrumbs-crumb__text {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 13px;
  line-height: 1;
  text-align: center;
  color: var(--dark-green);
  transition: var(--transition);
}

.schedulePage .custom-header-breadcrumbs-crumb__icon {
  display: flex;
  align-items: center;
  width: 6px;
  height: 9px;
  background-image: var(--green-arrow-icon);
  background-size: cover;
  transition: var(--transition);
}

.schedulePage .custom-header-breadcrumbs-crumb:hover .custom-header-breadcrumbs-crumb__text {
  color: var(--text-color);
}

.schedulePage .custom-header-breadcrumbs-crumb:hover .custom-header-breadcrumbs-crumb__icon {
  background-image: var(--green-arrow-icon-hover);
}

.schedulePage .custom-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}

.schedulePage .custom-header-wrapper__title {
  margin: 0;
  padding: 0;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 55px;
  line-height: 120%;
  color: var(--title-color);
}

.schedulePage .custom-header-wrapper-logo {
  max-width: 131px;
}

.schedulePage .custom-header-wrapper-logo img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.schedulePage .standard-page-content {
  padding-bottom: 0;
}

.schedulePage .standard-page-content .table {
  margin-bottom: 0;
}

.schedulePage .standard-page-content .table thead {
  display: none;
}

.schedulePage .standard-page-content .table tbody {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.schedulePage .standard-page-content .table td {
  border-top: none;
}

.schedulePage .standard-page-content .table tr .lesson-link {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-radius: 30px;
  height: 100%;
  background-color: var(--white-color);
  box-shadow: var(--shadow);
  transition: var(--transition);
}

.schedulePage .standard-page-content .table tr .lesson-link:active,
.schedulePage .standard-page-content .table tr .lesson-link:visited,
.schedulePage .standard-page-content .table tr .lesson-link:hover,
.schedulePage .standard-page-content .table tr .lesson-link:link {
  text-decoration: none;
}

.schedulePage .standard-page-content .table tr .lesson-link::after {
  content: '';
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 34px;
  height: 34px;
  background-image: var(--arrow-down-icon);
  transition: var(--transition);
}

.schedulePage .standard-page-content .table tr .lesson-link:hover::after {
  background-image: var(--arrod-down-hover-icon);
}

.schedulePage .standard-page-content .table tr .lesson-link:hover {
  transform: scale(1.01);
}

.schedulePage .standard-page-content .table tr td {
  padding: 0;
}

.schedulePage .standard-page-content .table tr td:first-child {
  order: 3;
  margin-top: auto;
}

.schedulePage .standard-page-content .table .lesson-state {
  padding: 0;
}

.schedulePage .standard-page-content .table .lesson-state br {
  display: none;
}

.schedulePage .standard-page-content .table tr td:nth-child(2) {
  margin-bottom: 5px;
}

.schedulePage .standard-page-content .table tr td:nth-child(2) a {
  display: flex;
  flex-direction: column;
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 15px;
  line-height: 120%;
  color: var(--text-color-secondary) !important;
}

.schedulePage .standard-page-content .table tr td a:active,
.schedulePage .standard-page-content .table tr td a:visited,
.schedulePage .standard-page-content .table tr td a:hover,
.schedulePage .standard-page-content .table tr td a:link {
  text-decoration: none;
}

.schedulePage .standard-page-content .table tr td:nth-child(2) a i {
  display: block;
  padding-top: 5px;
  font-family: var(--second-family);
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 110%;
  color: var(--title-color) !important;
}

.schedulePage .standard-page-content .table tr td:last-child {
  margin-bottom: 25px;
}

.schedulePage .standard-page-content .table tr td:last-child a .text {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 15px;
  line-height: 120%;
  color: var(--text-color-secondary);
}

.schedulePage .standard-page-content .table tr td:last-child a .text::before {
  content: '';
  width: 14px;
  height: 14px;
  background-image: var(--user-icon);
}

.schedulePage .standard-page-content .table tr td .lesson-state {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 15px;
  line-height: 121%;
  color: var(--title-color);
}

@media screen and (max-width: 1080px) {
  .schedulePage .standard-page-content .table tbody {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .schedulePage .gc-main-content {
    border-radius: 40px;
  }

  .schedulePage .custom-header-breadcrumbs {
    text-align: center;
  }

  .schedulePage .custom-header-wrapper {
    flex-direction: column-reverse;
  }

  .schedulePage .standard-page-content .table tbody {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 576px) {
  .schedulePage .gc-main-content {
    padding: 20px 10px;
    border-radius: 30px;
  }

  .schedulePage .gc-main-content.with-left-menu.account-page-content {
    margin-bottom: 90px;
  }

  .schedulePage .custom-header-breadcrumbs {
    margin-bottom: 30px;
  }

  .schedulePage .custom-header-wrapper-logo {
    max-width: 110px;
  }

  .schedulePage .custom-header-wrapper__title {
    font-size: 32px;
    line-height: 110%;
  }

  .schedulePage .custom-header {
    margin-bottom: 20px;
  }

  .schedulePage .standard-page-content .table tr .lesson-link {
    padding: 23px;
    border-radius: 25px;
  }

  .schedulePage .standard-page-content .table tr td:nth-child(2) a,
  .schedulePage .standard-page-content .table tr td:last-child a .text,
  .schedulePage .standard-page-content .table tr td .lesson-state {
    font-size: 13px;
  }

  .schedulePage .standard-page-content .table tr .lesson-link::after {
    bottom: 23px;
    right: 23px;
    width: 28px;
    height: 28px;
    background-size: cover;
  }
}