

#gcs_course_title .extra_block {
  position: relative;
  margin-top: 15px;
  display: flex;
}

#gcs_course_title .telegram-chat-btn {
  display: inline-block;
  position: relative;
  text-decoration: none!important;
  white-space: nowrap;
  padding: 0 46px 0 20px;
  font-family: "Five Years Later";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 38px;
  color: #FFFFFF!important;
  height: 38px;
  background: #0088CC;
  border-radius: 50px;
} 
#gcs_course_title .telegram-chat-btn:after {
  content: "";
  display:inline-block;
  width: 21px; height: 21px; 
  position:absolute;
  top: 50%; right: 20px;
  transform: translateY(-55%); 
  background: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6358 21.1322L13.0545 23.6435C12.607 24.0785 11.8583 23.886 11.677 23.2885L9.95703 17.626' stroke='white' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5232 13.6584C18.5232 13.6584 15.287 16.5784 13.627 18.0771C13.1307 18.5246 13.172 19.3121 13.7095 19.7084L20.432 24.6746C21.0932 25.1634 22.0382 24.8046 22.2095 23.9996L25.5107 8.44087C25.6707 7.68837 24.932 7.05962 24.2145 7.33587L4.82072 14.8159C4.24947 15.0359 4.27697 15.8521 4.86072 16.0346L9.95697 17.6246' stroke='white' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat;
  background-size: contain;
}  

#gcs_course_title .progress-show-container {
  position: relative;
  width: 280px;
  margin-right: 15px;
}  
#gcs_course_title .progress-show-container .rounded {
  height: 100%;
  border-radius: 999px;
  overflow: hidden; 
  transform: translateZ(0);
}
#gcs_course_title .progress-show-container .progress-container {
  position: relative;
}
#gcs_course_title .progress-show-container .progress {
  position: relative;
  width: 100%;
  height: 38px;
  background-color: #FFFFFF;
  border-radius: 50px;
  overflow: visible;
  box-shadow: none;
  margin-bottom: 0!important;
}
#gcs_course_title .progress-show-container .progress .progress-bar {
  position: relative;
  height: 100%;
  background-color: #A9D18D;
  transition: width .5s ease-out;
  border-radius: 50px;
}
#gcs_course_title .progress-show-container .progress .progress-number {
  position: absolute;
  left: 0;
  top: 50%;
  width:100%;
  transform: translateY(-55%); 
  font-family: Object Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #000000;
}  
#gcs_course_title .progress-show-container .progress .progress-number:after {
  content: attr(data-text);
}
@media (max-width: 991px) {
#gcs_course_title .progress-show-container .progress .progress-number:after {
  content: attr(data-text-mobile);
}
#gcs_course_title ._titleCol {
   z-index: 1;
   position: relative;
}
#gcs_course_title .extra_block {
    order: 10;
    flex-wrap: wrap
}
#gcs_course_title .progress-show-container {
    margin-bottom: 15px;
    min-width: 160px;
}
#gcs_course_title .progress-show-container .progress,
#gcs_course_title .telegram-chat-btn {
    height: 30px;
    line-height: 30px; 
}
#gcs_course_title .progress-show-container .progress .progress-number,
#gcs_course_title .telegram-chat-btn {
    font-size: 14px;
}
}
