

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.lesson-title-value {
  font-family: 'montserrat';
  font-weight: 700;
  color: #0E5559;
  text-align: left;
  font-size: 33px;
  padding-top: 15px;
}
.lesson-header-block {
  background: url(https://static.tildacdn.com/tild3465-3135-4930-a439-303762623764/image_9047_1.png)!important;
  background-size: cover!important;
  min-height: 270px;
  border: 2px solid #B4E6E8!important;
  border-radius: 15px;
  padding: 5px 23px!important;
  padding-bottom: 30px!important
}
.lesson-navigation {
  overflow: visible!important;
  position: relative;
}
.lesson-navigation tr td:nth-child(2) div div:after {
  content: url(https://static.tildacdn.com/tild3037-6366-4363-a632-663333396163/34Attention.svg);
  position: relative;
  top: 2px;
  left: 2px;
}
.lesson-navigation .text-center span {
  border: 1.6px solid #81A8A8;
  padding: 6px 9px;
  border-radius: 6px;
  font-size: 16px;
  font-family: 'montserrat';
  font-weight: 700;
  color: #0E5559;
  position: absolute;
  left: 17px;
  top: 10px;
}
.lesson-navigation{
  padding-top: 110px!important;
}
.lesson-navigation a:hover {
  box-shadow: none!important
}
.lesson-navigation a {
  box-sizing: border-box;
  color: #61AC9E!important;
  background: #0E5559!important;
  border: 2px solid #FFFFFF!important;
  border-radius: 200px!important;
  font-family: 'montserrat';
  font-weight: 500;
  /* padding: 20px 25px!important; */

}
.lesson-navigation a:after, .lesson-navigation td:first-child a:before {
  content: none!important
}
.lesson-navigation, .lesson-navigation div {
  font-family: 'montserrat';
  color: #0E5559
}
.lesson-description-value {
  color: #0E5559;
  text-align: left;
  font-family: 'montserrat';
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media(max-width: 600px) {
  .lesson-navigation a {
    padding: 3px 6px!important
  }
  .lesson-title-value {
    font-size: 23px;
    padding-top: 0
  }
  .lesson-header-block {
    min-height: auto!important;
    padding: 5px 10px!important
  }
  .lesson-navigation {
    padding-top: 30px!important
  }
}
/*Если урок первый или последний*/
.empty-cell {
  width: 0%!important;
  display: none!important
}
.empty-cell ~ td:nth-child(2) {
  text-align: left!important;
  padding-left: 15px!important;
}
