/* Кнопка "Общение с пользователем от GC" */
button[data-reactid='.0.1.1.0.0.1.a'] {
	display: block;
	margin-top: 5px;
}

/* Кнопки с мессенджерами */
.user-social-media-root {
	margin-top: 10px;
	margin-bottom: 10px;
}

.user-social-media-root-header {
	margin: 0;
	margin-bottom: 5px;
	font-weight: 700;
}

.user-social-media-root-icons-container {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(4, -webkit-min-content);
	-ms-grid-columns: -webkit-min-content 4px -webkit-min-content 4px -webkit-min-content 4px -webkit-min-content;
	-ms-grid-columns: min-content 4px min-content 4px min-content 4px min-content;
	grid-template-columns: repeat(4, min-content);
	grid-gap: 4px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.user-social-media-root-icons-container .social-media-link {
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	-o-transition: -o-transform 0.3s ease;
	-moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}

.user-social-media-root-icons-container .social-media-link:active,
.user-social-media-root-icons-container .social-media-link:focus {
	-webkit-transform: translate3d(0px, -2px, 0px);
	   -moz-transform: translate3d(0px, -2px, 0px);
	        transform: translate3d(0px, -2px, 0px);
}

@media (any-hover: hover) {
	.user-social-media-root-icons-container .social-media-link:hover {
		-webkit-transform: translate3d(0px, -2px, 0px);
		   -moz-transform: translate3d(0px, -2px, 0px);
		        transform: translate3d(0px, -2px, 0px);
	}
}

/* ------------- 
content start - ProgressBar
------------- */

@import url('https://fs.getcourse.ru/fileservice/file/download/a/441223/sc/295/h/bafd28938bef18c12c5f496c3262c1fe.css');/* Шрифт 1 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap'); /* Шрифт 2 */

/*Контейнер с баннером*/
.block-round {
    display: flex;
    border-radius: 30px;
    border: 2px solid #243D56;
    background: radial-gradient(361.67% 74.24% at 65.73% 42.71%, #EEE3DA 0%, #FDF7F2 100%);
    justify-content: space-between;
    padding: 55px 80px;
}

/*****Левая колонка*/

/*Описание*/
.round_text_pretitle {
    color: #243D56;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 7px;
    border: 1.5px solid #243D56;
    padding: 15px;
    margin-bottom: 25px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    line-height: normal;
    display: inline-block;
}

/*Заголовок*/
.round_text_title {
    font-size: 70px;
    line-height: 73.57px;
    text-transform: uppercase;
    color: #243D56;
    margin-bottom: 25px;
    font-family: 'Viaoda Libre';
    font-style: normal;
    font-weight: 400;
}

/*Кнопка*/
.round_text_btn{
    display: block;
    box-shadow:0px 20px 41px rgba(36, 61, 86, 0.48);
     font-family: 'Montserrat', sans-serif;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding: 20px 50px 20px 30px;
    border-radius: 8px;
    background: #243D56;
}

/*Стрелочка на кнопке*/
 .round_text_btn:after {
    position: absolute;
    content: '';
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/663731/sc/327/h/0b14d0fca28e3d252fcee9eaaf374246.svg);
	right: 15px;
    top: 24px;
    width: 23px;
    height: 16px;
}

a:hover.round_text_btn {
    color: #fff !important;
    text-decoration: none !important;
}


/*Правая колонка*/

/*Контейнер с прогресс баром*/
.circular-progress-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*Прогресс бар */
.circular-progress {
  position: relative;
  width: 350px; /*Задаем ширину круга*/
  height: 350px; /*Задаем высоту круга*/
}

.circular-chart {
  width: 100%;
  height: 100%;
  transform: rotate(0deg); /*Задаем начало отсчета заполнения прогресса*/
}

/*Основой круг прогресс бара*/
.circle-bg {
  fill: none;
  stroke: #DEC5AE;
  stroke-width: 3.8;
}

/*Прогресс обучения ученика на круге(дуга)*/
.circle {
  fill: none;
  stroke: #AE9B89;
  stroke-width: 3.8;
  stroke-linecap: round;
  transition: stroke-dasharray 1s ease-out;
}

/*Текст внутри прогресса бара*/
.progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/*Оформление числового значения прогресса учасника*/
.percentage-text {
  font-size: 40px;
  font-weight: bold;
  color: #333;
    font-family: 'Viaoda Libre';
}

/*Оформление текста*/
.progress-subtext {
    font-size: 20px;
    font-weight: bold;
    color: #333;
     font-family: 'Montserrat', sans-serif;
}


/*****Адаптация*/
@media(max-width: 1300px) {
    .block-round {
        padding:25px 40px;
    }
}

@media(max-width: 950px) {
    .round_text_title {
        font-size: 50px;
        line-height: 58px;
        margin-bottom: 15px;
    }
    .circular-progress {
        width: 250px;
        height: 250px;
    }
    .progress-subtext {
        font-size: 15px;
    }
    .round_text_btn {
        font-size: 14px;
        padding: 12px 45px 12px 16px;
    }
    .round_text_btn:after {
        right: 17px;
        top: 16px;
        width: 19px;
        height: 14px;
    }
    .round_text_pretitle {
    font-size: 12px;
    padding: 10px;
    margin-bottom: 15px;
    }
}


@media(max-width: 650px) {
    .block-round {
        padding: 25px;
        flex-direction: column;
        flex-wrap: wrap;
        height: auto;
        text-align: center;
        justify-content: center;
    }
    .round_text_btn {
        display: inline;
    }
    .block-round_text {
        margin-bottom: 30px;
    }
}

/* ------------- 
content finish - ProgressBar
------------- */