@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
 --lesson-font-family: 'Montserrat Alternatest';
--color-text-1: #333;
--color-text-2: #4D4D4C;
--color-1: #fff;
--color-2:linear-gradient(178deg, rgba(171,146,104,1) 32%, rgba(250,204,128,1) 96%);
--color-3:linear-gradient(178deg, rgba(171,146,104,1) 32%, rgba(250,204,128,1) 96%);;

}
.gc-main-content h1 a, .breadcrumb a {
    font-family: 'Montserrat Alternatest', sans-serif;
    font-weight: 500 !important;
    color: #333;
}




.testing-widget .before-start-block .start-btn
background: linear-gradient(178deg, rgba(171, 146, 104, 1) 32%, rgba(250, 204, 128, 1) 96%);
    border-radius: 5px;
}

.user-answer .addfield .value {
    color: #000;
}


h3{
  color: var(--color-text-1)!important;
}
body {
 background: #f9f9f9; 
}
.lesson-title-value
    font-size: 20px;
}

.breadcrumbs a{
padding-top: 10px;
  color:#216F4F!important;
  font-weight: 500
}
.gc-main-content h1 {
  font-size:22px;
}
.cl_all{
  position:relative;
}
.col_all{
  box-shadow: 0px 6px 31px rgba(89, 89, 89, 0.3);
}
.col2{
position: absolute;
bottom: 0px;
right:0;
}
.col1{
  padding:20px 40px;
  margin-top:20px;
}
.img_1 {
    width: 150px;
    height: 100px;
  margin-bottom:20px;
}
@media (max-width: 992px) {
  .col2{
position: relative!important;

}
}
.zg_main{
  font-family: 'Montserrat Alternates', sans-serif;
 font-size:16px!important;
  display:none;
}
.zg_main1{
  font-family: 'Montserrat Alternates', sans-serif;
 font-size:16px!important; 
}
.desc{
  font-size:26px;
  margin-top: 4px;
    margin-bottom: 20px;
}
.cl3{
   background-color: #fff;
  border-radius:24px;
  margin-left:20px;
  margin-right:20px;
}
.btn_main{
  border-radius: 16px;
background: var(--color-3);
  border:1px solid var(--color-3)!important;
color: #FFF;
text-align: center;
font-family: 'Montserrat Alternatest', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
   box-shadow: 0px 10px 15px rgba(89, 89, 89, 0.3);
    transition:all 0.2s;
}
@media (hover: hover) {
    
   .btn_main:hover {
       box-shadow: 0px 15px 15px rgba(89, 89, 89, 0.0);
     color:#1F91CD;
     border:1px solid #1F91CD!important;
     background: var(--color-1);
    }
    
}
.btn_main1{
  border-radius: 16px;
background: var(--color-2);
  border:1px solid var(--color-2)!important;
color: #FFF;
text-align: center;
font-family: 'Montserrat Alternatest', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
   box-shadow: 0px 10px 15px rgba(89, 89, 89, 0.3);
    transition:all 0.2s;
}
@media (hover: hover) {
    
   .btn_main1:hover {
       box-shadow: 0px 15px 15px rgba(89, 89, 89, 0.0);
     color:var(--color-2);
     border:1px solid var(--color-2)!important;
     background: var(--color-1);
    }
    
}
.my-lesson-list .lesson-list li .title:before {
    margin: auto 0;
    content: "";
    width: 130px;
    height: 78px;
    display: block;
    border-radius: 20px;
  margin-bottom:20px;
}

.my-lesson-list li {
   box-shadow: 0px 6px 31px rgba(89, 89, 89, 0.1);
}
.lesson-list .item-main-td {
    padding-top: 0px!important;
    padding-bottom: 15px;
   
}
.my-lesson-list  .lesson-list {
  background: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top:30px;
  margin-bottom:30px;
}

.my-lesson-list  .lesson-list li {
  margin: 0;
  flex: 0 0 calc((100% - 20px) / 3);
  background: var(--color-1);
  border-radius: 24px;
}

.my-lesson-list li .user-state-bg {
   background: none!important;
  
}


.my-lesson-list li .state-icon-block,
.my-lesson-list li .user-state-label-ex,
.my-lesson-list li .user-state-label{
	display:none!important;
}


.my-lesson-list .lesson-list li .info {
    margin-left: 0;
    border: none;
    background: transparent;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}


.my-lesson-list li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 20px;
  
}

.my-lesson-list .lesson-list li .title {
  font-family: var(--lesson-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 116%;
  color: var(--color-text-2);
  padding-bottom: 16px;
  margin-right: 0px;
  min-height:60px;
}


.my-lesson-list .lesson-list .description {
  font-family: var(--lesson-font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color:var(--color-text-2);
  width: 100%;
  display:none;
}

.my-lesson-list  .lesson-list li.divider {
  display:none
} 

.my-lesson-list li .info::after {
	content: "";
  font-family: 'FontAwesome', 'Montserrat Alternatest', sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: block;
	width: 100%;
	height: 20px;
	margin-top: auto;
  background-repeat: no-repeat;
}

.my-lesson-list li.user-state-accomplished .info::after {
  content: "Пройден\00a0 \00a0 \00a0 \00a0\f00c";
  color:var(--color-2);
   }
   

.my-lesson-list li.user-state-answered .info::after {
   content: "На проверке\00a0 \00a0 \00a0 \00a0\f110 ";
  color:var(--color-text-2);
   }

.my-lesson-list li.user-state-has_mission .info::after {
  content: "Доступен";
  color:var(--color-text-2);
   }
.my-lesson-list li.user-state-reached .info::after {
  content: "Доступен";
  color:var(--color-text-2);
   }
.my-lesson-list li.user-state-not_reached .info::after {
    content: "Недоступен\00a0 \00a0 \00a0 \00a0\f023 ";
   color:var(--color-text-2);
   }

.my-lesson-list li.user-state-need_accomplish .info::after {
    content: "Есть задание\00a0 \00a0 \00a0 \00a0\f044 ";
  color:#F77087;
   }



.my-lesson-list li:not(.user-state-not_reached)  a:after {
    content: "\f178";
  font-family: 'FontAwesome', 'Montserrat Alternatest', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color:var(--color-3);
  padding: 8px 16px;
  text-align: center;
    background: var(--color-1);
  border:1px solid var(--color-3);
    display: block;
    right: 20px; 
    bottom: 20px;
    position: absolute;
  border-radius: 8px;
  transition: all 0.3s ease 0s;
    
}
.my-lesson-list li:not(.user-state-not_reached)  a:hover:after {
 background: var(--color-3);
  color:var(--color-1);
    }
.my-lesson-list .lesson-head .lesson_image{
    content: "";
    display: block;
    position: absolute;
    right:00px; 
    top: 00px;
   width: 40%;
  
}
.my-lesson-list .lesson-head .lesson_image:before {
    content: "";
  font-family: 'FontAwesome', 'Montserrat Alternatest', sans-serif;
  font-size: 14px;
  color:var(--color-text-2);
  font-weight: 500;
    display: block;
    position: absolute;
    right:00px; 
    top: 00px;
  
}


.my-lesson-list .lesson-head {
    display: flex;
    justify-content: space-between;
}


.my-lesson-list .lesson_info_open {
     font-family: 'FontAwesome', 'Montserrat Alternatest', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-align: left;
    color: var(--color-2);
    width: auto;
  display:none;
}



.my-lesson-list .lesson_info_open .lesson-date-format:before {
    content: "\f133";
  margin-right:4px;
   font-family: 'FontAwesome', 'Montserrat Alternatest', sans-serif;
  font-size: 14px;
}

.my-lesson-list .lesson_info_open .lesson-time-format:before {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/747715/sc/153/h/9cb4aa2f79b2f0fc4292976d2f370184.png");
  display:none;
}
.my-lesson-list .lesson_info_open .lesson-time-format {
  display:none;
}

.my-lesson-list .lesson_info_open > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.my-lesson-list .lesson_info_open .lesson-date-format:empty,
.my-lesson-list .lesson_info_open .lesson-time-format:empty {
    display: none!important;
}
@media (max-width: 1020px) {
    
    .my-lesson-list  .lesson-list li {
      flex: 0 0 calc((100% - 20px) / 2);
    }

}

@media (max-width: 768px) {
    
    .my-lesson-list  .lesson-list li {
      flex: 0 0 calc((100% - 20px));
    }

    .my-lesson-list .lesson-list li .vmiddle {
        margin: 0px;
        padding: 0px;
    }

}