/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/poppins-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-700italic.svg#Poppins') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'D-DIN';
  src: url('../fonts/d-din-bold.woff2') format('woff2'),
      url('../fonts/d-din-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D-DIN';
  src: url('../fonts/d-din-webfont.woff2') format('woff2'),
      url('../fonts/d-din-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'D-DIN';
  src: url('../fonts/d-din-medium.woff2') format('woff2'),
      url('../fonts/d-din-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}



@font-face { 
  font-family: 'Roboto', sans-serif;
  src: url('../fonts/Roboto-Bold.ttf');                                    
  font-weight: bold; 
  font-style: normal; 
}
@font-face { 
  font-family: 'Roboto', sans-serif;
  src: url('../fonts/Roboto-Medium.ttf');                                    
  font-weight: 500; 
  font-style: normal; 
}
@font-face { 
  font-family: 'Roboto', sans-serif;
  src: url('../fonts/Roboto-Regular.ttf');                                    
  font-weight: normal; 
  font-style: normal; 
}
@font-face { 
  font-family: 'Roboto', sans-serif;
  src: url('../fonts/Roboto-Light.ttf');                                   
  font-weight: 300; 
  font-style: normal; 
}


* {
  font-family: 'D-DIN';
}

.first__page_wrapper {
  display: flex;
}

.first__page_wrapper_button {
  margin-left: 30px;
}

.scoring__body09 {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
  padding-bottom: 0px !important;
  margin-bottom: -100px;
  /*margin-bottom: 0px;*/
  padding-bottom: 0px;
}

.scoring_details__body09 {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);

  padding-bottom: 0px !important;
  margin-top: -130px;
  margin-bottom: -100px;
  /*margin-bottom: 0px;*/
  padding-bottom: 0px;
}
.scoring_details__body09 .preMain_section_title{
  transform: scale(1.2);
  margin-left: 35px;
}
.scoring_details__body09.body__advancementSection{
  padding-top: 16px;
}
.container_page {
  height: 138px;
}

.row {
  margin: 0 !important;
}

body {
  background: #f8f9fA;
  padding-bottom: 100px;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden
}

.firstPage {
  margin-top: 120px;
}
.firstPage .row{
  display: flex;
  justify-content: flex-start;
}


.firstPage__title {
  font-weight: 600;
  font-size: 42px;
  line-height: 72px;
  display: flex;
  align-items: center;
  letter-spacing: -1.5px;
  color: #07afef;
}

.firstPage__subtitle {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.78125px;
  color: #000000;
}

.firstPage__descr {
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #000000;
  margin-top: 26px;
}

.firstPage__descr.firstPage__descr-top {
  margin-top: 10px;
}

.firstPage__right {
  position: relative;
}

.firstPage__right_laptop {
  position: relative;
}

.firstPage__right_laptop-laptop {
  width: 100%;
  padding-top: 159px;
  padding-left: 44px;
}

.firstPage__right_laptop-logo {
  position: absolute;
  width: 200px;
  top: 220px;
  left: 115px;
}

.firstPage__right_laptop-cloudBlue {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: -1;
}

.firstPage__right_laptop-cloudRed {
  position: absolute;
  right: -113px;
  width: 100%;
  z-index: -2;
  height: 100%;
}

.firstPage__button {
  border: none;
  outline: none;
  background: #07afef;
  border-radius: 6px;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: -0.46875px;
  color: #ffffff;
  padding: 10px 40px;
  margin-top: 30px;
  transition: 0.3s all;
}

.firstPage__button:hover {
  background: #38bff2;
  transition: 0.3s all;
}

.firstPage__mini {
  font-size: 11px;
  line-height: 18px;
  display: flex;
  color: #979797;
  margin-top: 12px;
}

.row {
  margin: 0 !important;
}

.index {
  margin-top: 75px;
}

.index__title {
  font-weight: 600;
  font-size: 42px;
  line-height: 72px;
  display: flex;
  align-items: center;
  letter-spacing: -1.5px;
  color: #07afef;
}

.index__show_blocks {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.index__show_blocks-all {
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #000000;
}

.index__show_blocks-notanswer {
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #979797;
  margin-left: 10px;
}

.index__progress_bar {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}

.index__progress_bar_block {
  width: 6%;
  height: 2px;
  background: rgba(179, 194, 224, 0.5);
  margin-right: 0.25%;
}

.index__progress_bar_block-hiring {
  background-color: #ec008c !important;
}

.index__progress_bar_block-adv {
  background-color: #07afef !important;
}

.index__blocks {
  margin-top: 30px !important;
}

.index__block {
  cursor: pointer;
  background: #ffffff;
  border-radius: 8px;
  padding: 10px 20px;
  height: 70px;
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  border: 1px solid transparent;
}

.index__block_active-pink {
  border: 1px solid #ec008c;
}

.index__block_active-blue {
  border: 1px solid #07afef;
}

.index__block_descr {
  margin-left: 20px;
  width: 60%;
}

.index__block_descr-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -0.5px;
  color: #000000;
}

.index__block_descr-subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #979797;
}

.index__block_descr-subtitle1 {
  width: 90%;
}

.index__block_need {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.index__block_need-text {
  font-size: 14px;
  line-height: 21px;
  display: flex;
  align-items: center;
  text-align: right;
  color: #ec008c;
}

.index__block_need-text_blue {
  color: #07afef;
}

.index__block_state {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.index__block_state-digit {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -0.5px;
  color: #000000;
}

.index__block_state-img {
  margin-left: 14px;
}

.index__after_hiring {
  width: 50%;
  text-align: center;
  font-weight: 600;
  font-size: 22px;
  line-height: 36px;
  color: #ec008c;
  border-bottom: 3px solid #ec008c;
}

.index__after_adv {
  width: 50%;
  text-align: center;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  letter-spacing: -0.75px;
  color: #07afef;
  border-bottom: 3px solid #07afef;
}

.index__answer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 40px;
}

.index__answer_progress {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  letter-spacing: -0.5px;
  color: #000000;
}

.index__answer_btn {
  border: none;
  background: #07afef;
  border-radius: 6px;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: -0.46875px;
  color: #ffffff;
  margin-left: 20px;
  padding: 10px 40px;
}

.index__footer {
  margin-top: 5px;
  background: rgba(179, 194, 224, 0.36);
  border-radius: 8px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 52px;
}

.index__footer_btn {
  border: none;
  outline: none;
  background: #07afef;
  border-radius: 6px;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: -0.46875px;
  color: #ffffff;
  padding: 15px 70px;
}

.btn_dashboard_new {
  font-weight: 500;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.47;
  color: #07afef;
  border: 2px solid #07afef;
  background-color: transparent;
  border-radius: 4px;
  padding: 7px 15px;
  margin-left: 15px;
  margin-top: 20px;
  transition: 1s all;
}

.btn_dashboard_new:hover {
  background-color: white;
  transition: 1s all;
}

.btn_dashboard_new img {
  margin-right: 5px;
}

.container_studyCases {
  background-color: rgba(256, 256, 256, 0.7);
  border-radius: 8px;
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.1);
  padding-bottom: 34px;
  padding-top: 20px;
  padding-left: 30px;
}

.case__title {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.75;
  margin-bottom: 17px;
}

.slide1__descr_desctop_pop {
  width: 78%;
}

.wrapper_new_design {
  display: flex;
  align-items: flex-end;
}

.study_cases_arrowNew {
  display: none;
  transition: 0.4s all;
}

.slide1_desctop_pop:hover {
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.7);
  transition: 0.4s all;
}

.slide1_desctop_pop:hover .study_cases_arrowNew {
  display: block;
  transform: 0.4s all;
}

.popup_links_wrapper_left {
  display: flex;
  /* align-items: flex-start; */
}

.popup_links_wrapper_left img {
  cursor: pointer;
}

.next_case_pop_left {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: -0.6;
  cursor: pointer;
}

.popup_links_wrapper_left_img {
  transform: rotate(180deg);
  cursor: pointer;
}

.next_case_pop_left span {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.6;
  color: #07afef;
}

.popup_links_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.next_case_pop_lefttar {
  text-align: right;
}

@media screen and (max-width: 1200px) {
  .index__block_descr {
    width: 50%;
  }

  .index__block_descr-title {
    white-space: nowrap;
  }

  .index__block_descr-subtitle1 {
    width: 95%;
  }

  .firstPage__right_laptop-logo {
    width: 165px;
    top: 180px;
    left: 96px;
  }
}

.row {
  margin: 0 !important;
}

.report {
  padding-top: 100px;
  padding-bottom: 100px;
}

.report__title {
  font-weight: 600;
  font-size: 48px;
  line-height: 62px;
  text-align: center;
  letter-spacing: -1.5px;
  color: #07afef;
}

.report__descr {
  font-size: 16px;
  line-height: 130%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #000000;
  margin-top: 10px;
}

.report__logo {
  position: relative;
  margin-top: 20px;
  height: 200px;
}

.report__logo_photo {
  position: absolute;
  top: 39px;
  left: 46.5%;
}

.report__logo .green_report {
  position: absolute;
  left: 43%;
  top: 0;
}

.report__logo .yellow_report {
  position: absolute;
  left: 43%;
  top: 0;
}

.report__logo .red_report {
  position: absolute;
  left: 43%;
  top: 0;
}

.report__logo .blue_report {
  position: absolute;
  left: 43%;
  top: 0;
}

.report__after_descr {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #979797;
  width: 40%;
  margin: auto;
  margin-top: 40px;
}

.report__progress {
  width: 100%;
  height: 4px;
  background-color: #07afef;
  margin-top: 20px;
  position: relative;
}

.report__progress_percent {
  font-size: 12px;
  line-height: 18px;
  color: #535353;
  position: absolute;
  top: -40px;
  left: 42%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.report__progress_percent::after {
  content: "";
  width: 2px;
  height: 22px;
  background-color: #07afef;
  display: block;
}

.report__progress_text {
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  color: #535353;
  padding-top: 10px;
  position: absolute;
  left: 42%;
  transform: translateX(-100%);
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes main_logo_laptop {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes main_logo_laptop1 {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes bass {
  0% {
    bottom: 171px;
  }

  10% {
    bottom: 172px;
    opacity: 0.9;
  }

  20% {
    bottom: 173px;
    opacity: 0.9;
  }

  30% {
    bottom: 174px;
    opacity: 0.8;
  }

  40% {
    bottom: 175px;
    opacity: 0.7;
  }

  50% {
    bottom: 176px;
    opacity: 0.6;
  }

  60% {
    bottom: 177px;
    opacity: 0.5;
  }

  70% {
    bottom: 178px;
    opacity: 0.4;
  }

  80% {
    bottom: 179px;
    opacity: 0.3;
  }

  90% {
    bottom: 180px;
    opacity: 0.2;
  }

  100% {
    bottom: 181px;
    opacity: 0.1;
  }
}

@keyframes bass1 {
  0% {
    bottom: 181px;
  }

  10% {
    bottom: 182px;
    opacity: 0.9;
  }

  20% {
    bottom: 183px;
    opacity: 0.9;
  }

  30% {
    bottom: 184px;
    opacity: 0.8;
  }

  40% {
    bottom: 185px;
    opacity: 0.7;
  }

  50% {
    bottom: 186px;
    opacity: 0.6;
  }

  60% {
    bottom: 187px;
    opacity: 0.5;
  }

  70% {
    bottom: 188px;
    opacity: 0.4;
  }

  80% {
    bottom: 189px;
    opacity: 0.3;
  }

  90% {
    bottom: 190px;
    opacity: 0.2;
  }

  100% {
    bottom: 191px;
    opacity: 0.1;
  }
}

@keyframes bass2 {
  0% {
    bottom: 178px;
  }

  10% {
    bottom: 179px;
    opacity: 0.9;
  }

  20% {
    bottom: 180px;
    opacity: 0.9;
  }

  30% {
    bottom: 181px;
    opacity: 0.8;
  }

  40% {
    bottom: 182px;
    opacity: 0.7;
  }

  50% {
    bottom: 183px;
    opacity: 0.6;
  }

  60% {
    bottom: 184px;
    opacity: 0.5;
  }

  70% {
    bottom: 185px;
    opacity: 0.4;
  }

  80% {
    bottom: 186px;
    opacity: 0.3;
  }

  90% {
    bottom: 187px;
    opacity: 0.2;
  }

  100% {
    bottom: 188px;
    opacity: 0.1;
  }
}

.hardbass {
  animation: bass 2s linear 0.3s infinite;
  position: absolute;
  bottom: 171px;
  left: 57px;
  height: 40px;
}

.hardbass1 {
  animation: bass1 2s linear 0.2s infinite;
  position: absolute;
  bottom: 181px;
  left: 70px;
  height: 40px;
}

.hardbass2 {
  animation: bass2 2s linear 0.1s infinite;
  position: absolute;
  bottom: 178px;
  left: 42px;
  height: 40px;
}

.firstPage__right_laptop-cloudBlue {
  animation: main_logo_laptop 90s linear 0s infinite;
}

.firstPage__right_laptop-cloudRed {
  animation: main_logo_laptop1 180s linear 0s infinite;
}

.green_report {
  animation: spin 20s linear 0s infinite;
  margin-right: auto;
}

.yellow_report {
  animation: spin 20s linear 0.3s infinite;
  margin-right: auto;
}

.blue_report {
  animation: spin 20s linear 0.6s infinite;
  margin-right: auto;
}

.red_report {
  animation: spin 20s linear 0.9s infinite;
  margin-right: auto;
}

.row {
  margin: 0 !important;
}

.main {
  padding-bottom: 67px;
  position: relative;
}

.main__side {
  position: absolute;
  top: 0;
  left: 0px;
  font-weight: 500;
  font-size: 80px;
  line-height: 120px;
  color: #ec008c;
  transform: rotate(-90deg);
}

.main__box {
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 8px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #ec008c;
}

.main__box__progress_line {
  margin: 3px 0;
  background-color: #ececec;
  border-top: 1px #ececec solid;
  border-bottom: 1px #ececec solid;
  border-left: none;
  border-right: none;
}

.main__box_row {
  align-items: center;
}

.main__box_title {
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  color: #535353;
  cursor: pointer;
}

.main__box_yellow {
  border: 3px solid #fff303;
}

.main__box_blue {
  border: 1px solid #07afef;
}

.main__box_progress {
  width: 100%;
  margin-top: 15px;
  height: 8px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative;
}

.main__box_status {
  font-style: italic;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  border-radius: 0 15px 15px 0;
  position: absolute;
  left: 46px;
  top: -11px;
  padding: 5px 30px;
}

.main__box_status-line {
  width: 72%;
  height: 8px;
  background: linear-gradient(90deg, #cf0000 0%, #68e649 100%);
  border-radius: 8.5px;
  position: absolute;
  top: 20px;
  left: 45px;
  z-index: 1;
}

.line_status {
  position: relative;
}

.main__box_status-line_disabled,
.main__box_status-line_disabled2 {
  height: 8px;
  position: absolute;
  top: 20px;
  right: -8px;
  background-color: #fff;
  z-index: 2;
}

.main__box_status-line1,
.main__box_status-line_disabled2 {
  top: 82px;
}

.main__box_status1 {
  top: 50px;
  background: #fff303;
  padding-left: 25px;
  padding-right: 25px;
}

.main__box_leading {
  background-color: black;
}

.main__box_discovery {
  background-color: #fff303;
  color: #2f2f2fc4;
}

.main__box_engaged {
  background-color: #07afef;
}

.main__box_aware {
  background-color: #ec008c;
}

.main__box_descr1 {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #535353;
  text-align: left;
  margin: 10px 0 10px 0;
  cursor: pointer;
}

.main__box_descr2 {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #535353;
  text-align: left;
}

.main__box_separator {
  height: 2px;
  background: radial-gradient(16389.23% 617.58% at 50% 0%,
      #a2afc9 0%,
      #fff 100%);
}

.main__box_re {
  font-size: 14px;
  line-height: 21px;
  color: #07afef;
  display: flex;
  white-space: nowrap;
  cursor: pointer;
}

.main__box_re img {
  margin-left: 5px;
}

.start_desktop_QA1,
.mid_desktop_QA1,
.finish_desktop_QA1 {
  position: absolute;
  top: -20px;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.4375px;
  color: #b9b9b9;
}

.start_desktop_QA1 {
  left: 0;
}

.mid_desktop_QA1 {
  top: -25px;
  transform: translateX(50%);
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -0.5625px;
  color: #000000;
}

.switcher5__row {
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 20px;
}

/*
.switcher5__hiring {
  width: 50%;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  color: #ec008c;
  border-bottom: 3px solid #ec008c;
  cursor: pointer;
}*/

.switcher5__hiring_selected {
  width: 50%;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  color: #ec008c;
  border-bottom: 3px solid #ec008c;
  cursor: pointer;
}

.switcher5__hiring_hiring {
  font-weight: 500;
  font-size: 80px;
  line-height: 120px;
  display: flex;
  align-items: center;
  text-align: right;
  color: #ec008c;
}

.switcher5__hiring {
  width: 50%;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  letter-spacing: -0.75px;
  color: #b3c2e0;
  cursor: pointer;
  border-bottom: 2px solid #b3c2e0;
}

.switcher5__adv {
  width: 50%;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  letter-spacing: -0.75px;
  color: #b3c2e0;
  cursor: pointer;
  border-bottom: 2px solid #b3c2e0;
}

.switcher5__adv_blue {
  border-bottom: 2px #07afef solid;
  color: #07afef;
}

.switcher5__adv_selected {
  width: 50%;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  color: #07afef;
  cursor: pointer;
  border-bottom: 3px solid #07afef;
}

.switcher7 {
  margin-top: 80px;
}

.hex_desktop_QA {
  top: -10px;
  width: 46px;
  height: 26px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 173px;
  position: relative;
  float: left;
}

.hex_desktop_QA span {
  font-size: 28px;
  line-height: 42px;
  letter-spacing: -0.875px;
  color: #000000;
}

.hex_desktop_QA sub {
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: -0.3125px;
  color: #b9b9b9;
}

.hex_desktop_QA.hex-gap {
  margin-left: 86px;
}

.hex_desktop_QA {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hex_desktop_QA a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  cursor: unset;
}

.hex_desktop_QA .corner-1_desktop_QA,
.hex_desktop_QA .corner-2_desktop_QA {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: 2;
  overflow: hidden;
  backface-visibility: hidden;
}
.overflowHidden{
  overflow: hidden;
}
.hex_desktop_QA .corner-1_desktop_QA {
  z-index: 2;
  transform: rotate(60deg);
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
}

.hex_desktop_QA .corner-2_desktop_QA {
  transform: rotate(-60deg);
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
}

.hex_desktop_QA .corner-1_desktop_QA:before,
.hex_desktop_QA .corner-2_desktop_QA:before {
  width: 173px;
  height: 173px;
  content: "";
  position: absolute;
  background: inherit;
  top: 0;
  left: 0;
  z-index: 1;
  background: inherit;
  background-repeat: no-repeat;
  backface-visibility: hidden;
}

.hex_desktop_QA .corner-1_desktop_QA:before {
  transform: rotate(-60deg) translate(-87px, 0px);
  transform-origin: 0 0;
}

.hex_desktop_QA .corner-2_desktop_QA:before {
  transform: rotate(60deg) translate(-48px, -11px);
  bottom: 0;
}

.hex_desktop_QA .inner_desktop_QA {
  color: #eee;
}

.main__box_logo {
  width: 75px;
  height: 75px;
}

.hex_desktop_QA h4 {
  font-family: "Josefin Sans", sans-serif;
  margin: 0;
}

.hex_desktop_QA hr {
  border: 0;
  border-top: 1px solid #eee;
  width: 60%;
  margin: 15px auto;
}

.hex_desktop_QA p {
  font-size: 16px;
  font-family: "Kotta One", serif;
  width: 80%;
  margin: 0 auto;
}

.hex_desktop_QA.hex-1 {
  background: #74cddb;
}

.hex_desktop_QA.hex-2 {
  background: #f5c53c;
}

.hex_desktop_QA.hex-3 {
  background: #80b971;
}

.hex_desktop_QA1 {
  width: 46px;
  height: 26px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 173px;
  position: relative;
  float: left;
  margin: 25px 20px;
  top: 26px;
  left: -66px;
}

.hex_desktop_QA1 span {
  font-size: 21px;
  line-height: 42px;
  letter-spacing: -0.875px;
  color: #000000;
}

.hex_desktop_QA1 sub {
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: -0.3125px;
  color: #b9b9b9;
}

.hex_desktop_QA1.hex-gap_desktop_QA1 {
  margin-left: 86px;
}

.hex_desktop_QA1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hex_desktop_QA1 a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 2px solid #fff303;
  border-right: 2px solid #fff303;
  cursor: unset;
}

.hex_desktop_QA1 .corner-1_desktop_QA1,
.hex_desktop_QA1 .corner-2_desktop_QA1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: 2;
  overflow: hidden;
  backface-visibility: hidden;
}

.hex_desktop_QA1 .corner-1_desktop_QA1 {
  z-index: 2;
  transform: rotate(60deg);
  border-left: 2px solid #fff303;
  border-right: 2px solid #fff303;
}

.hex_desktop_QA1 .corner-2_desktop_QA1 {
  transform: rotate(-60deg);
  border-left: 2px solid #fff303;
  border-right: 2px solid #fff303;
}

.hex_desktop_QA1 .corner-1_desktop_QA1:before,
.hex_desktop_QA1 .corner-2_desktop_QA1:before {
  width: 173px;
  height: 173px;
  content: "";
  position: absolute;
  background: inherit;
  top: 0;
  left: 0;
  z-index: 1;
  background: inherit;
  background-repeat: no-repeat;
  backface-visibility: hidden;
}

.hex_desktop_QA1 .corner-1_desktop_QA1:before {
  transform: rotate(-60deg) translate(-87px, 0px);
  transform-origin: 0 0;
}

.hex_desktop_QA1 .corner-2_desktop_QA1:before {
  transform: rotate(60deg) translate(-48px, -11px);
  bottom: 0;
}

.hex_desktop_QA1 .inner {
  color: #eee;
}

.hex_desktop_QA1 h4 {
  font-family: "Josefin Sans", sans-serif;
  margin: 0;
}

.hex_desktop_QA1 hr {
  border: 0;
  border-top: 1px solid #eee;
  width: 60%;
  margin: 15px auto;
}

.hex_desktop_QA1 p {
  font-size: 16px;
  font-family: "Kotta One", serif;
  width: 80%;
  margin: 0 auto;
}

.hex_desktop_QA1.hex-1 {
  background: #74cddb;
}

.hex_desktop_QA1.hex-2 {
  background: #f5c53c;
}

.hex_desktop_QA1.hex-3 {
  background: #80b971;
}

.hex_desktop_QA .hex_desktop_leading,
.hex_desktop_QA1 .hex_desktop_leading {
  border-left-color: #000000;
  border-right-color: #000000;
}

.hex_desktop_QA .hex_desktop_discovery,
.hex_desktop_QA1 .hex_desktop_discovery {
  border-left-color: #fff303;
  border-right-color: #fff303;
}

.hex_desktop_QA1 .hex_desktop_engaged,
.hex_desktop_QA .hex_desktop_engaged {
  border-left-color: #07afef;
  border-right-color: #07afef;
}

.hex_desktop_QA .hex_desktop_aware,
.hex_desktop_QA .hex_desktop_aware {
  border-left-color: #ec008c;
  border-right-color: #ec008c;
}

.preMain_section {
  margin-top: 0;
  padding-top: 88px;
}
.scoring_details__body09 .preMain_section {
  padding-top: 62px
}

.preMain_section_title {
  white-space: nowrap;
  cursor: pointer;
}

.arrowright777 {
  transform: rotate(180deg);
  cursor: pointer;
}

.wrapwrapwrap1 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.preMain_section_info-bottom_text-moreinfo {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #07afef;
  cursor: pointer;
}

.preMain_section_info-bottom_text-moreinfo_red {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #ec008c;
  cursor: pointer;
}

.hex_pop_header {
  position: relative;
}

.goals {
  margin-top: 88px;
}

.hex_pop_header img,
.goals__left_image {
  width: 75px;
  height: 75px;
}

.hex_pop_header-inner {
  position: absolute;
  font-weight: 500;
  font-size: 34px;
  line-height: 51px;
  letter-spacing: -1.0303px;
  color: #535353;
  top: 13px;
  left: 27px;
}

.pink_desktop_QA1 {
  padding-left: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

.red_desktop_QA1 {
  margin-bottom: 10px;
}

.finish_desktop_QA1 {
  right: 0;
}

.green_desktop_QA1 {
  padding-left: 0;
}

.blue_desktop_QA1 {
  padding-left: 0 !important;
}

.wrapper {
  display: flex;
  align-items: center;
}

.wrapper1_desktopQA {
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 36px;
  text-align: right;
  letter-spacing: -0.75px;
  color: #000000;
}

.wrapper2_desktopQA {
  display: flex;
  flex-direction: column;
}

.top_circles_wrapper {
  display: flex;
  align-items: center;
}

.bottom_circles_wrapper {
  display: flex;
  align-items: center;
}

.pre__main_title_wrapper {
  display: flex;
  align-items: center;
}

.main__box_progress {
  display: flex;
  position: relative;
  z-index: 1;
}

.main__box_progress .mbp1,
.main__box_progress .mbp2 {
  border-radius: 8.5px;
  background: linear-gradient(90deg, #cf0000 0%, #9c7325 50%, #68e649 100%);
  background-color: #9c7325;
  width: 100%;
  height: 100%;
}

.main__box_progress .mbp2 {
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  background: none;
  background-color: #fff;
  border-radius: 0 8.5px 8.5px 0;
}

@media screen and (min-width: 1200px) {
  .main__box_status {
    width: 130px;
  }
}

@media screen and (max-width: 1200px) {
  .main__header_descr {
    padding-left: 20px;
  }
}

* {
  font-family: "Roboto", sans-serif;
}

.pre__main {
  margin-top: 30px;
}

.pre__main_title {
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -1.5px;
  color: #07afef;
}

.pre__main_title_wrapper {
  display: flex;
  align-items: center;
}

.pre__main a {
  text-decoration: none;
}

.pre__main_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}

.pre__main_left {
  display: flex;
  align-items: center;
}

.pre__main_left_img {
  display: block;
}

.pre__main_left div {
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #000000;
  text-decoration: none;
  font-family: "D-DIN", sans-serif;
}

.pre__main_right-step {
  font-size: 16px;
  letter-spacing: -0.5px;
  text-align: right;
  font-family: "D-DIN", sans-serif;
}

.pre__main_right-btn {
  border: none;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.47px;
  color: #ffffff;
  text-align: center;
  width: 165px;
  height: 50px;
  border-radius: 6px;
  background-color: #07afef;
  outline: none;
  margin-left: 16px;
  font-family: "D-DIN", sans-serif;
  transition: 0.3s all;
}

.pre__main_right-btn:hover {
  background-color: #38c7ff;
  transition: 0.3s all;
}

.main_desctop_pop {
  border-radius: 8px;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);
  padding: 0px !important;
  margin-top: 18px;
  background-color: #fff;
  height: 100%;
}

.main_desctop_pop__header {
  border-bottom: 1px solid #ec008c;
  padding: 7px 10px;
  display: flex;
  align-items: center;
}

.main_desctop_pop__header_wrapper {
  display: flex;
  align-items: center;
}

.main_desctop_pop__header_title {
  font-size: 24px;
  font-weight: 600;
  color: #000000;
  margin-left: 6px;
}

.main_desctop_pop__header_descr {
  font-size: 12px;
  color: #000000;
  width: 100%;
  resize: none;
  outline: none;
  border: none;
  min-width: 180px;
  padding: 0 0 0 20px;
}

.main_desctop_pop__header_digit {
  min-width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -1.03px;
  text-align: center;
  color: #535353;
  background-color: lightblue;
  border-radius: 100%;
}

.main_desctop_pop__body1 {
  padding-bottom: 24px;
}

.main_desctop_pop__body1_line {
  height: 1px;
  background-color: #a2afc9;
  margin-left: 20px;
  margin-right: 20px;
}

.main_desctop_pop__body1_left {
  width: 70%;
}

.main_desctop_pop__body1_title {
  font-size: 16px;
  color: #535353;
  padding: 13px 26px 23px 26px;
}

.main_desctop_pop__body1_quest {
  padding: 0 5px 0 50px;
}

.main_desctop_pop__body1_quest_wrapper {
  display: flex;
  align-items: flex-start;
  padding-left: 10px;
}

.main_desctop_pop__body1_quest_wrapper-ask {
  font-size: 14px;
  line-height: 1.71;
  color: #535353;
}

.main_desctop_pop__body1_after {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}

.main_desctop_pop__body1_after-back {
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #535353;
}

.main_desctop_pop__body1_after-back a {
  color: #535353;
  text-decoration: none;
}

.main_desctop_pop__body1_after-back_wrapper {
  display: flex;
  align-items: center;
}

.main_desctop_pop__body1_after-back_wrapper div {
  font-family: "D-DIN", sans-serif;
}

.main_desctop_pop__body1_after-next a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #07afef;
  text-decoration: none;
  font-family: "D-DIN", sans-serif;
}

.main_desctop_pop__body2 {
  padding-top: 30px;
}

.main_desctop_pop__body2_title {
  padding-top: 0;
}

.main_desctop_pop__aside {
  border-radius: 8px;
  border: solid 3px #07afef;
  background-color: #ffffff;
  padding: 9px 12px;
  margin-top: 18px;
}

.main_desctop_pop__aside_title {
  font-size: 24px;
  font-weight: 600;
  color: #07afef;
  font-family: "D-DIN", sans-serif;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.main_desctop_pop__aside_title-img {
  margin-right: 10px;
}

.main_desctop_pop__aside_descr {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 1.29;
  color: #535353;
}

.main_desctop_pop__aside_list {
  font-size: 14px;
  line-height: 1.29;
  color: #535353;
}

.main_desctop_pop__aside_list textarea {
  min-width: 240px;
  padding-left: 20px;
}

.main_desctop_pop__aside_list .admin__question_change {
  left: -147px;
  z-index: 1000;
}

.containerAdminAnswer .main_desctop_pop__aside_list {
  margin-bottom: 0;
}

.containerAdminAnswer span {
  display: block;
  margin-bottom: 10px;
}

.main_desctop_pop__aside_res h2 {
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -0.78px;
  color: #000000;
  padding-top: 9px;
  font-family: "D-DIN", sans-serif;
}

.main_desctop_pop__aside_res-list li a {
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: -0.31px;
  color: #535353;
  border-bottom: 1px solid #535353;
}

.main_desctop_pop__aside_res-list li a:hover {
  text-decoration: none;
}

.case_desctop_pop {
  padding-top: 50px;
  padding-bottom: 50px;
}

.case_desctop_pop__title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.75px;
  color: #000000;
  font-family: "D-DIN", sans-serif;
}

.slider_desctop_pop {
  display: flex;
  align-items: center;
}

.slide1_desctop_pop {
  background-image: url("../img/Rectangle.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 372px;
  height: 264px;
  margin-right: 38px;
  font-size: 30px;
  color: #ffffff;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  background-size: 100%;
  background-size: auto;
  border-radius: 20px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.63px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-bottom: 30px;
  padding-left: 20px;
  cursor: pointer;
  background-size: cover;
}

.slide1_desctop_pop__descr {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.63px;
  color: #ffffff;
}

.slide2_desctop_pop {
  background-image: url("../img/Rectangle2.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 372px;
  height: 264px;
  margin-right: 38px;
  font-size: 30px;
  color: #ffffff;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  border-radius: 20px;
  padding-bottom: 30px;
  padding-left: 20px;
  flex-direction: column;
  cursor: pointer;
}

.slide3_desctop_pop {
  background-image: url("../img/Rectangle3.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 372px;
  height: 264px;
  margin-right: 38px;
  font-size: 30px;
  color: #ffffff;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  border-radius: 20px;
  padding-bottom: 30px;
  padding-left: 20px;
  flex-direction: column;
  cursor: pointer;
}

.row {
  margin: 0 !important;
}

.custom_desctop_pop-radio {
  margin-bottom: 1px;
  margin-right: 17px;
}

label.custom_desctop_pop-radio input {
  display: none;
}

label.custom_desctop_pop-radio input+div {
  content: "\a";
  width: 8px;
  height: 8px;
  border: solid 1px #979797;
  border-radius: 100%;
}

label.custom_desctop_pop-radio input:checked+div {
  width: 8px;
  height: 8px;
  border: solid 1px #ec008c;
  background-color: #ec008c;
}

.hex_desctop_pop {
  width: 86px;
  height: 54px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 173px;
  position: relative;
  float: left;
  margin: 25px 20px;
  text-align: center;
  zoom: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -1.03px;
  color: #535353;
}

.hex_desctop_pop.hex-gap {
  margin-left: 86px;
}

.hex_desctop_pop a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 1px solid #ec008c;
  border-bottom: 1px solid #ec008c;
  border-radius: 1px;
  cursor: unset;
}

.hex_desctop_pop .corner-1_desctop_pop,
.hex_desctop_pop .corner-2_desctop_pop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: -2;
  overflow: hidden;
  backface-visibility: hidden;
}

.hex_desctop_pop .corner-1_desctop_pop {
  z-index: -1;
  transform: rotate(60deg);
  border-top: 1px solid #ec008c;
  border-bottom: 1px solid #ec008c;
}

.hex_desctop_pop .corner-2_desctop_pop {
  transform: rotate(-60deg);
  border-top: 1px solid #ec008c;
  border-bottom: 1px solid #ec008c;
}

.hex_desctop_pop .corner-1_desctop_pop:before,
.hex_desctop_pop .corner-2_desctop_pop:before {
  width: 173px;
  height: 173px;
  content: "";
  position: absolute;
  background: inherit;
  top: 0;
  left: 0;
  z-index: 1;
  background: inherit;
  background-repeat: no-repeat;
  backface-visibility: hidden;
}

.hex_desctop_pop .corner-1_desctop_pop:before {
  transform: rotate(-60deg) translate(-87px, 0px);
  transform-origin: 0 0;
}

.hex_desctop_pop .corner-2_desctop_pop:before {
  transform: rotate(60deg) translate(-48px, -11px);
  bottom: 0;
}

.hex_desctop_pop .inner {
  color: #eee;
}

.hex_desctop_pop h4 {
  font-family: "Josefin Sans", sans-serif;
  margin: 0;
}

.hex_desctop_pop hr {
  border: 0;
  border-top: 1px solid #eee;
  width: 60%;
  margin: 15px auto;
}

.hex_desctop_pop p {
  font-size: 16px;
  font-family: "Kotta One", serif;
  width: 80%;
  margin: 0 auto;
}

.hex_desctop_pop.hex-1 {
  background: #74cddb;
}

.hex_desctop_pop.hex-2 {
  background: #f5c53c;
}

.hex_desctop_pop.hex-3 {
  background: #80b971;
}

.hex_total {
  width: 108px;
  height: 61px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 173px;
  position: relative;
  float: left;
  margin: 25px 20px;
  text-align: center;
  zoom: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -1.03px;
  color: #535353;
}

.hex_total.hex-gap {
  margin-left: 86px;
}

.hex_total a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 3px solid #ec008c;
  border-right: 3px solid #ec008c;
  background-color: #fff;
  border-radius: 5px;
  cursor: unset;
  font-size: 66px;
  font-weight: 500;
  letter-spacing: -2px;
  font-family: "D-DIN", sans-serif;
  color: #ec008c;
}

.hex_total .corner-1_total,
.hex_total .corner-2_total {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: -2;
  overflow: hidden;
  backface-visibility: hidden;
  border-radius: 5px;
}

.hex_total .corner-1_total {
  z-index: -1;
  transform: rotate(60deg);
  border-left: 3px solid #ec008c;
  border-right: 3px solid #ec008c;
  background-color: #fff;
}

.hex_total .corner-2_total {
  transform: rotate(-60deg);
  border-left: 3px solid #ec008c;
  border-right: 3px solid #ec008c;
  background-color: #fff;
}

.hex_total .corner-1_total:before,
.hex_total .corner-2_total:before {
  width: 173px;
  height: 173px;
  content: "";
  position: absolute;
  background: inherit;
  top: 0;
  left: 0;
  z-index: 1;
  background: inherit;
  background-repeat: no-repeat;
  backface-visibility: hidden;
}

.hex_total .corner-1_total:before {
  transform: rotate(-60deg) translate(-87px, 0px);
  transform-origin: 0 0;
}

.hex_total .corner-2_total:before {
  transform: rotate(60deg) translate(-48px, -11px);
  bottom: 0;
}

.hex_total .inner {
  color: #eee;
}

.hex_total h4 {
  font-family: "Josefin Sans", sans-serif;
  margin: 0;
}

.hex_total hr {
  border: 0;
  border-top: 1px solid #eee;
  width: 60%;
  margin: 15px auto;
}

.hex_total p {
  font-size: 16px;
  font-family: "Kotta One", serif;
  width: 80%;
  margin: 0 auto;
}

.hex_total.hex-1_total {
  background: #74cddb;
}

.hex_total.hex-2_total {
  background: #f5c53c;
}

.hex_total.hex-3_total {
  background: #80b971;
}

.hex_total_top {
  width: 62px;
  height: 35px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 173px;
  position: relative;
  float: left;
  margin: 25px 20px;
  text-align: center;
  zoom: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -1.03px;
  color: #535353;
}

.hex_total_top.hex-gap {
  margin-left: 86px;
}

.hex_total_top a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 2px solid #535353;
  border-right: 2px solid #535353;
  background-color: #fff;
  border-radius: 5px;
  cursor: unset;
  font-size: 34px;
  font-weight: 500;
  font-family: "D-DIN", sans-serif;
  color: #535353;
}

.hex_total_top .corner-1_total_top,
.hex_total_top .corner-2_total_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: -2;
  overflow: hidden;
  backface-visibility: hidden;
  border-radius: 5px;
}

.hex_total_top .corner-1_total_top {
  z-index: -1;
  transform: rotate(60deg);
  border-left: 2px solid #535353;
  border-right: 2px solid #535353;
  background-color: #fff;
}

.hex_total_top .corner-2_total_top {
  transform: rotate(-60deg);
  border-left: 2px solid #535353;
  border-right: 2px solid #535353;
  background-color: #fff;
}

.hex_total_top .corner-1_total_top:before,
.hex_total_top .corner-2_total_top:before {
  width: 173px;
  height: 173px;
  content: "";
  position: absolute;
  background: inherit;
  top: 0;
  left: 0;
  z-index: 1;
  background: inherit;
  background-repeat: no-repeat;
  backface-visibility: hidden;
}

.hex_total_top .corner-1_total_top:before {
  transform: rotate(-60deg) translate(-87px, 0px);
  transform-origin: 0 0;
}

.hex_total_top .corner-2_total_top:before {
  transform: rotate(60deg) translate(-48px, -11px);
  bottom: 0;
}

.hex_total_top .inner {
  color: #eee;
}

.hex_total_top h4 {
  font-family: "Josefin Sans", sans-serif;
  margin: 0;
}

.hex_total_top hr {
  border: 0;
  border-top: 1px solid #eee;
  width: 60%;
  margin: 15px auto;
}

.hex_total_top p {
  font-size: 16px;
  font-family: "Kotta One", serif;
  width: 80%;
  margin: 0 auto;
}

.hex_total_top.hex-1_total_top {
  background: #74cddb;
}

.hex_total_top.hex-2_total_top {
  background: #f5c53c;
}

.hex_total_top.hex-3_total_top {
  background: #80b971;
}

.hex_total_bottom {
  width: 184px;
  height: 35px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 173px;
  position: relative;
  float: left;
  margin: 25px 20px;
  text-align: center;
  zoom: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -1.03px;
  color: #535353;
  margin-left: 46px;
}

.hex_total_bottom.hex-gap {
  margin-left: 86px;
}

.hex_total_bottom a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 2px solid #07afef;
  border-right: 2px solid #07afef;
  background-color: #fff;
  border-radius: 5px;
  cursor: unset;
  font-size: 34px;
  font-weight: 500;
  font-family: "D-DIN", sans-serif;
  color: #535353;
}

.hex_total_bottom .corner-1_total_bottom,
.hex_total_bottom .corner-2_total_bottom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: -2;
  overflow: hidden;
  backface-visibility: hidden;
  border-radius: 5px;
}

.hex_total_bottom .corner-1_total_bottom {
  z-index: -1;
  transform: rotate(60deg);
  border-left: 2px solid #07afef;
  border-right: 2px solid #07afef;
  background-color: #fff;
}

.hex_total_bottom .corner-2_total_bottom {
  transform: rotate(-60deg);
  border-left: 2px solid #07afef;
  border-right: 2px solid #07afef;
  background-color: #fff;
}

.hex_total_bottom .corner-1_total_bottom:before,
.hex_total_bottom .corner-2_total_bottom:before {
  width: 173px;
  height: 173px;
  content: "";
  position: absolute;
  background: inherit;
  top: 0;
  left: 0;
  z-index: 1;
  background: inherit;
  background-repeat: no-repeat;
  backface-visibility: hidden;
}

.hex_total_bottom .corner-1_total_bottom:before {
  transform: rotate(-60deg) translate(-87px, 0px);
  transform-origin: 0 0;
}

.hex_total_bottom .corner-2_total_bottom:before {
  transform: rotate(60deg) translate(-48px, -11px);
  bottom: 0;
}

.hex_total_bottom .inner {
  color: #eee;
}

.hex_total_bottom h4 {
  font-family: "Josefin Sans", sans-serif;
  margin: 0;
}

.hex_total_bottom hr {
  border: 0;
  border-top: 1px solid #eee;
  width: 60%;
  margin: 15px auto;
}

.hex_total_bottom p {
  font-size: 16px;
  font-family: "Kotta One", serif;
  width: 80%;
  margin: 0 auto;
}

.hex_total_bottom.hex-1_total_bottom {
  background: #74cddb;
}

.hex_total_bottom.hex-2_total_bottom {
  background: #f5c53c;
}

.hex_total_bottom.hex-3_total_bottom {
  background: #80b971;
}

.active {
  background-color: rgba(7, 175, 239, 0.5);
  border-radius: 8px;
  transition: 0.3s all;
}

.pop1 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  z-index: 20;
  background-color: #fff;
  max-width: 550px;
  width: 95%;
  display: none;
  max-height: 95vh;
  overflow-y: auto;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3);
}

.pop1__header {
  background-color: red;
  margin: 0;
  height: 260px;
  background-image: url("../img/Rectangle.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-size: 140%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.pop1__header_descr {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -1px;
  color: #ffffff;
  padding-left: 40px;
  padding-right: 20px;
  padding-bottom: 10px;
}

.pop1__body {
  display: block;
  position: relative;
  padding: 20px 35px;
  background-color: #f4f6fa;
  margin: 0;
  font-size: 14px;
  letter-spacing: -0.44px;
  color: #535353;
}

.pop1__body_end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.pop1__body_end-top {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.63px;
  color: #535353;
}

.pop1__body_end-bottom {
  font-size: 14px;
  letter-spacing: -0.44px;
  color: #07afef;
}

.pop1__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.pop1__wrapper_right {
  margin-left: 90px;
}

.pop1__wrapper_right_title {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.27;
  line-height: 26px;
  color: #354052;
  font-family: roboto;
}

.pop1__wrapper_right_descr {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.21;
  line-height: 20px;
  color: #5e6875;
  font-family: roboto;
}

.pop1__wrapper_right_btn {
  width: 168px;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  border-radius: 1px;
  color: #ffffff;
  background-color: #354052;
  padding: 1px 11px;
  margin-top: 30px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-family: roboto;
}

.pop1__wrapper_right_btn:hover {
  cursor: pointer;
}

.pop1__wrapper_right_btn_rep {
  width: 114px;
  height: 30px;
  background-color: #2eac37;
  font-size: 14px;
  color: #ffffff;
  margin-left: 17px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-family: roboto;
}

.pop1__wrapper_right_btn_rep:hover {
  cursor: pointer;
}

.pop1__wrapper_right_btn_dec {
  width: 127px;
  height: 30px;
  color: #354052;
  background-color: transparent;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-family: roboto;
}

.pop1__wrapper_right_btn_dec:hover {
  cursor: pointer;
  background-color: #354052;
  color: #ffffff;
  transition: 0.5s all;
}

.pop1__wrapper_right_btn_con {
  width: 144px;
  height: 30px;
  font-size: 14px;
  background-color: #2eac37;
  color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-family: roboto;
}

.pop1__wrapper_right_btn_con:hover {
  cursor: pointer;
}

.pop2 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  z-index: 20;
  background-color: #fff;
  max-width: 550px;
  width: 95%;
  display: none;
  max-height: 95vh;
  overflow-y: auto;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3);
}

.pop2__header {
  background-color: red;
  margin: 0;
  height: 260px;
  background-image: url("../img/Rectangle2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-size: 140%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.pop2__header_descr {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -1px;
  color: #ffffff;
  padding-left: 40px;
  padding-right: 20px;
  padding-bottom: 10px;
}

.pop2__body {
  display: block;
  position: relative;
  padding: 20px 35px;
  background-color: #f4f6fa;
  margin: 0;
  font-size: 14px;
  letter-spacing: -0.44px;
  color: #535353;
}

.pop2__body_end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.pop2__body_end-top {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.63px;
  color: #535353;
}

.pop2__body_end-bottom {
  font-size: 14px;
  letter-spacing: -0.44px;
  color: #07afef;
}

.pop2__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.pop2__wrapper_right {
  margin-left: 90px;
}

.pop2__wrapper_right_title {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.27;
  line-height: 26px;
  color: #354052;
  font-family: roboto;
}

.pop2__wrapper_right_descr {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.21;
  line-height: 20px;
  color: #5e6875;
  font-family: roboto;
}

.pop2__wrapper_right_btn {
  width: 168px;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  border-radius: 1px;
  color: #ffffff;
  background-color: #354052;
  padding: 1px 11px;
  margin-top: 30px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-family: roboto;
}

.pop2__wrapper_right_btn:hover {
  cursor: pointer;
}

.pop2__wrapper_right_btn_rep {
  width: 114px;
  height: 30px;
  background-color: #2eac37;
  font-size: 14px;
  color: #ffffff;
  margin-left: 17px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-family: roboto;
}

.pop2__wrapper_right_btn_rep:hover {
  cursor: pointer;
}

.pop2__wrapper_right_btn_dec {
  width: 127px;
  height: 30px;
  color: #354052;
  background-color: transparent;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-family: roboto;
}

.pop2__wrapper_right_btn_dec:hover {
  cursor: pointer;
  background-color: #354052;
  color: #ffffff;
  transition: 0.5s all;
}

.pop2__wrapper_right_btn_con {
  width: 144px;
  height: 30px;
  font-size: 14px;
  background-color: #2eac37;
  color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-family: roboto;
}

.pop2__wrapper_right_btn_con:hover {
  cursor: pointer;
}

.pop3 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  z-index: 20;
  background-color: #fff;
  max-width: 550px;
  width: 95%;
  display: none;
  max-height: 95vh;
  overflow-y: auto;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3);
}

.pop3__header {
  background-color: red;
  margin: 0;
  height: 260px;
  background-image: url("../img/Rectangle3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-size: 140%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.pop3__header_descr {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -1px;
  color: #ffffff;
  padding-left: 40px;
  padding-right: 20px;
  padding-bottom: 10px;
}

.pop3__body {
  display: block;
  position: relative;
  padding: 20px 35px;
  background-color: #f4f6fa;
  margin: 0;
  font-size: 14px;
  letter-spacing: -0.44px;
  color: #535353;
}

.pop3__body_end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.pop3__body_end-top {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.63px;
  color: #535353;
}

.pop3__body_end-bottom {
  font-size: 14px;
  letter-spacing: -0.44px;
  color: #07afef;
}

.pop3__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.pop3__wrapper_right {
  margin-left: 90px;
}

.pop3__wrapper_right_title {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.27;
  line-height: 26px;
  color: #354052;
  font-family: roboto;
}

.pop3__wrapper_right_descr {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.21;
  line-height: 20px;
  color: #5e6875;
  font-family: roboto;
}

.pop3__wrapper_right_btn {
  width: 168px;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  border-radius: 1px;
  color: #ffffff;
  background-color: #354052;
  padding: 1px 11px;
  margin-top: 30px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-family: roboto;
}

.pop3__wrapper_right_btn:hover {
  cursor: pointer;
}

.pop3__wrapper_right_btn_rep {
  width: 114px;
  height: 30px;
  background-color: #2eac37;
  font-size: 14px;
  color: #ffffff;
  margin-left: 17px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-family: roboto;
}

.pop3__wrapper_right_btn_rep:hover {
  cursor: pointer;
}

.pop3__wrapper_right_btn_dec {
  width: 127px;
  height: 30px;
  color: #354052;
  background-color: transparent;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-family: roboto;
}

.pop3__wrapper_right_btn_dec:hover {
  cursor: pointer;
  background-color: #354052;
  color: #ffffff;
  transition: 0.5s all;
}

.pop3__wrapper_right_btn_con {
  width: 144px;
  height: 30px;
  font-size: 14px;
  background-color: #2eac37;
  color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-family: roboto;
}

.pop3__wrapper_right_btn_con:hover {
  cursor: pointer;
}

.pop1.is-show,
.overlay.is-show {
  display: block;
}

.pop2.is-show,
.overlay.is-show {
  display: block;
}

.pop3.is-show,
.overlay.is-show {
  display: block;
}

.pop__cross {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10;
  display: none;
}

.close_scale {
  color: white;
}

.wrapper1 {
  margin-left: 25px;
}

.wrapper1__score {
  font-size: 24px;
  letter-spacing: -0.75px;
  color: #000000;
}

.wrapper1__renew {
  font-size: 14px;
  font-weight: 500;
  color: #07afef;
}

.top_circles_wrapper {
  display: flex;
  align-items: center;
  margin-top: -23px;
}

.bottom_circles_wrapper {
  display: flex;
  align-items: center;
  margin-left: 23px;
}

.top_circle_mini {
  font-size: 16px;
  font-weight: 500;
  line-height: 2.13;
  letter-spacing: -0.5px;
  color: #000000;
  font-family: "D-DIN", sans-serif;
  white-space: nowrap;
}

.bottom_circle_mini {
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.5px;
  color: #000000;
  font-family: "D-DIN", sans-serif;
}

.bottom_circle_mini span {
  font-size: 14px;
  font-weight: 500;
  color: #07afef;
  cursor: pointer;
}

.active__answear {
  font-size: 14px;
  font-weight: 500;
  color: #ec008c;
  margin-left: 20px;
  display: none;
  white-space: nowrap;
}

.active__answear-active {
  display: block;
}

@media screen and (max-width: 1200px) {
  .hex_desctop_pop {
    width: 122px;
  }
}

@media screen and (max-width: 991px) {
  .main__aside {
    margin-top: 21px;
  }

  .pre__main_title {
    text-align: center;
  }

  .pre__main_title_wrapper {
    margin-top: 30px;
  }

  .pre {
    margin-top: 30px;
  }

  .hex {
    width: 67px;
  }
}

.row {
  margin: 0 !important;
}

.assessment {
  margin-top: 120px;
}

.assessment__descr {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: #535353;
  margin-top: 26px;
}

.assessment__form {
  margin-top: 51px;
}

.assessment__form_title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #535353;
}

.assessment__form_input {
  padding: 10px 20px;
  background: #ffffff;
  border: 1px solid #c8c8c8;
  border-radius: 6px;
  width: 80%;
  margin-top: 5px;
  outline: none;
  margin-bottom: 24px;
}

.assessment__form_select {
  width: 80%;
  padding: 10px 20px;
  background: #ffffff;
  border: 1px solid #c8c8c8;
  border-radius: 6px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #535353;
  outline: none;
  margin-top: 5px;
  position: relative;
}

.assessment__form_select-arrow {
  position: absolute;
  right: 24%;
  bottom: 93px;
  z-index: 1000;
}

.assessment__form_select-arrow_bg {
  background-color: #fff;
  width: 20px;
  height: 10px;
  position: absolute;
  right: 22%;
  bottom: 100px;
  z-index: 2;
}

.assessment__form_btn {
  border: none;
  outline: none;
  background: #07afef;
  border-radius: 6px;
  margin-top: 40px;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: -0.46875px;
  color: #ffffff;
  transition: 0.3s all;
  padding: 10px 30px;
}

.assessment__form_btn:hover {
  background: #38c7ff;
  transition: 0.3s all;
}

.assessment__imagine {
  position: relative;
  top: 20%;
  display: none;
}

.assessment__imagine img {
  width: 90%;
  position: absolute;
  left: 0;
}
.userpanel{
  width: 219px;
  padding: 88px 10px 10px 32px;
  border-right: 1px solid #E8E8E8;
  z-index: 100;
  background: #f5f5f5;
}
.userpanel__item{
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.01em;
  font-feature-settings: 'tnum' on, 'lnum' on;
  color: #000000;
  cursor: pointer;  
  text-decoration: none;
  margin-top: 16px;
}
.userpanel__item:hover, .userpanel__item:visited, .userpanel__item:active, .userpanel__item:focus{
  text-decoration: none;
  color: #000000;
}
.userpanel__item:first-child{
  margin-top: 0;
}
.userpanel__item-active{
  font-weight: 700;
}
.userpanel__notComplited .userpanel__item, .userpanel__notComplited_pdf .userpanel__item{
  color: gray;
}

div a.userpanel__notComplited_pdf {
  transition: .2s ease-in-out;
  background: rgba(0, 0,0, 0.4);
  cursor: not-allowed;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.green_desktop__asses {
  animation: spin 30s linear 0s infinite;
  margin-right: auto;
}

.yellow_desktop__asses {
  animation: spin 30s linear 0.2s infinite;
  margin-right: auto;
}

.blue_desktop__asses {
  animation: spin 30s linear 0.4s infinite;
  margin-right: auto;
}

.red_desktop__asses {
  animation: spin 30s linear 0.6s infinite;
  margin-right: auto;
}

@media screen and (max-width: 991px) {
  .assessment__imagine {
    margin-top: 50px;
  }

  .assessment__imagine img {
    width: 70%;
    left: 14%;
  }

  .green_desktop__asses {
    animation: spin 9s linear 0.4s infinite;
    margin: auto;
    display: none;
  }

  .yellow_desktop__asses {
    animation: spin 9s linear 0.3s infinite;
    margin: auto;
    display: none;
  }

  .red_desktop__asses {
    animation: spin 9s linear 0.2s infinite;
    margin: auto;
    display: none;
  }

  .blue_desktop__asses {
    animation: spin 9s linear 0.1s infinite;
    margin: auto;
    display: none;
  }
}

.row {
  margin: 0 !important;
}

.assessment_queez {
  padding-top: 90px;
  position: relative;
}

.assessment_queez__title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1;
  letter-spacing: -1.5px;
  display: flex;
  align-items: center; 
  color: #07afef;
}

.assessment_queez__after_hiring {
  width: 50%;
  text-align: center;
  border-bottom: 2px solid #ec008c;
  font-weight: 600;
  font-size: 24px;
  line-height: 42px;
  color: #ec008c;
  margin-left: 3px;
  cursor: pointer;
}

.assessment_queez__after_adv {
  width: 50%;
  text-align: center;
  border-bottom: 2px solid #b3c2e0;
  font-size: 22px;
  line-height: 42px;
  text-align: center;
  letter-spacing: -0.75px;
  color: #b3c2e0;
  margin-right: 3px;
  cursor: pointer;
}

.quest_queez {
  margin-top: 40px;
  padding-bottom: 53px;
}

.quest_queez__box {
  border-radius: 8px;
  padding-left: 0 !important;
}

.quest_queez__box_help {
  font-weight: 700;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.5px;
  color: #ec008c;
  margin-top: 10px;
  margin-bottom: 15px;
}

.quest_queez__box_help_multi {
  color: #07afef;
}

.quest_queez__box_title {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: #000000;
  margin-right: 120px;
}


.quest_queez__box_form1 {
  margin-top: 16px;
}

.quest_queez__side {
  position: relative;
  padding-left: 0 !important;
  margin-top: 19px;
}

.quest_queez__side_img {
  width: 100%;
}

.quest_queez__side_title {
  position: absolute;
  right: -50px;
  bottom: 97px;
  transform: rotate(-90deg);
  font-weight: 500;
  font-size: 80px;
  line-height: 120px;
  color: #f4f6fa;
}

.quest_queez__box1 {
  margin-top: 20px;
}

.quest_queez__step {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #4f585b;
  /*text-align: right;*/
  margin-bottom: 10px;
  padding-top: 2px;
}

.quest_queez__tra {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #000000;
  padding-left: 0 !important;
}

.quest_queez__wrapper {
  padding: 6px 10px 10px 20px;
  background-color: #fff;
  border-radius: 8px;
}

.quest_queez__after {
  display: flex;
  margin-top: 20px;
  justify-content: space-between;
  align-items: center;
}

.quest_queez__after_prev {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07afef;
  cursor: pointer;
}

.quest_queez__after_btns {
  display: flex;
  align-items: center;
}

.quest_queez__after_btns-later {
  border: 2px solid #07afef;
  border-radius: 6px;
  background-color: transparent;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.5px;
  color: #07afef;
  padding: 10px 20px;
  transition: 0.3s all;
}

.quest_queez__after_btns-later:hover {
  color: #ffffff;
  background: #07afef;
  transition: 0.3s all;
}

.quest_queez__after_btns-go {
  border: 2px solid #07afef;
  background: #07afef;
  border-radius: 6px;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.46875px;
  color: #ffffff;
  padding: 11px 20px;
  margin-left: 10px;
  text-decoration: none;
}

.quest_queez__after_btns-go:hover {
  color: #07afef;
  background: #ffffff;
  transition: 0.3s all;
  text-decoration: none;
}

.eye {
  position: absolute;
  top: -92px;
  left: 129px;
  width: 55% !important;
}

.banner {
  position: relative;
}

.quest_queez__side_title {
  position: absolute;
  bottom: 48px;
}

.quest_queez__side_title_adv {
  position: absolute;
  bottom: 188px;
  right: -194px;
  font-size: 70px;
}

.checkbox_queez {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3px;
  margin-bottom: 3px;
  position: relative;
  margin-right: 120px;
}

.checkbox_queez input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.checkbox_queez label {
  position: relative;
  display: inline-block;
  padding-left: 24px;
  margin-bottom: 0;
}

.checkbox_queez label::before,
.checkbox_queez label::after {
  position: absolute;
  content: "";
  cursor: pointer;
  display: inline-block;
}

.checkbox_queez label::before {
  height: 14px;
  width: 14px;
  border: 1px solid #c8c8c8;
  left: 0px;
  top: 2px;
}

.checkbox_queez label::after {
  width: 6px;
  height: 6px;
  background-color: #07afef;
  left: 4px;
  top: 6px;
}

.checkbox_queez input[type="checkbox"]+label::after {
  content: none;
}

.checkbox_queez input[type="checkbox"]:checked+label::after {
  content: "";
}

.checkbox_queez rew input[type="checkbox"]+label::before {
  border: 1px solid #07afef;
}

.label__active_queez {
  background-color: rgba(7, 175, 239, 0.05);
}

.label__blue_queez {
  padding-right: 20px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #535353;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
  margin-top: 4px;
  margin-bottom: 4px !important;
  width: 100%;
}

.progress__lines {
  display: flex;
  margin-top: 5px;
  margin-left: 3px;
}

.progress__lines:last-child {
  margin-right: 0;
}

.score_imp_ch ul {
  margin-top: 0;
}

.progress__lines_line {
  width: 6%;
  height: 2px;
  background: rgba(179, 194, 224, 0.5);
  margin-right: 0.2%;
  cursor: pointer;
}

.nu {
  background-color: #ec008c;
}

.first_active {
  background-color: rgba(7, 175, 239, 0.1);
  mix-blend-mode: normal;
  border-radius: 4px;
}

.active_check {
  background-color: red;
}

.nnactive {
  opacity: 0.5;
}

.transparency_mini {
  display: none;
}

.preMain_section_info {
  display: flex;
  align-items: flex-start;
}

.preMain_section_title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1;
  letter-spacing: -1.5px;
  color: #07afef;
}

.preMain_section_info-total {
  display: flex;
  align-items: center;
  position: relative;
}

.preMain_section_info-total_total {
  font-size: 24px;
  line-height: 36px;
  text-align: right;
  letter-spacing: -0.75px;
  color: #000000;
}

.preMain_section_info-total_digit {
  width: 126px;
  font-weight: 500;
  font-size: 66px;
  line-height: 99px;
  letter-spacing: -2px;
  color: #000000;
  position: absolute;
  top: 62px;
  left: 168px;
  text-align: center;
}

.preMain_section_info-top_text {
  font-weight: 500;
  font-size: 16px;
  line-height: 34px;
  letter-spacing: -0.5px;
  color: #000000;
  white-space: nowrap;
}

.preMain_section_info-top {
  display: flex;
  align-items: center;
  position: relative;
}

.preMain_section_info-top_img-text {
  width: 72px;
  position: absolute;
  font-weight: 500;
  font-size: 34px;
  line-height: 51px;
  letter-spacing: -1.0303px;
  color: #535353;
  top: 20px;
  left: 10px;
  text-align: center;
}

.preMain_section_info-bottom {
  position: relative;
  display: flex;
  align-items: center;
}

.preMain_section_info-bottom_text {
  font-weight: 500;
  font-size: 16px;
  line-height: 34px;
  letter-spacing: -0.5px;
  color: #000000;
}

.preMain_section_info-bottom_img-text {
  width: 72px;
  position: absolute;
  font-weight: 500;
  font-size: 34px;
  line-height: 51px;
  letter-spacing: -1.0303px;
  color: #535353;
  top: 20px;
  left: 10px;
  text-align: center;
}

.preMain_section_info-bottom {
  margin-left: 30px;
}

.preMain_section_info-total_total {
  white-space: nowrap;
  cursor: pointer;
}

.preMain_section_info .small_num_dash {
  font-size: 15px;
}

.abub {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main_desctop_pop__body1_left {
  width: 90%;
}

.main_desctop_pop__body1_quest_wrapper-ask {
  padding-right: 20px;
}

@media screen and (min-width: 2000px) {
  .main__header_digit {
    margin-left: auto;
  }
}

@media screen and (min-width: 1200px) {
  .header__logo {
    width: 85%;
  }
}

@media screen and (max-width: 1200px) {
  .main__header_descr {
    padding-left: 20px;
  }
}

@media screen and (max-width: 991px) {
  .burger {
    display: block;
  }

  .header__nav {
    display: none;
  }

  .header__links {
    display: none;
  }

  .quest_queez__side_img {
    display: none;
  }

  .quest_queez__side_title {
    display: none;
  }

  .eye {
    display: none;
  }

  .quest_queez__tra {
    margin-bottom: 10px;
  }

  .transparency_mini {
    display: block;
    position: absolute;
    top: 10px;
    right: 100px;
    width: 14%;
  }
}

.svgRoosa svg {
  position: absolute;
  top: 3px;
  left: 54px;
  width: 430px;
}

.testCircle {
  position: relative;
  height: 500px;
  z-index: -1;
}

#canvas {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: -20px;
  width: 570px;
  height: 435px;
  position: absolute;
  z-index: -100;
}

#canvas1 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: 16px;
  width: 500px;
  height: 380px;
  position: absolute;
  z-index: -100;
}

.za-conatiner {
  margin: auto;
  position: absolute;
  width: 390px;
  height: 390px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 314px;
  left: 29px;
  z-index: 0;
}

.za {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -289px;
  left: 41px;
}

.za::before {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#92d56b),
      to(#fff303));
  background: linear-gradient(to bottom, #92d56b, #fff303);
  top: 0;
  left: -50%;
  position: absolute;
}

.za::after {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#92d56b),
      to(#07afef));
  background: linear-gradient(to bottom, #92d56b, #07afef);
  top: 0;
  left: 50%;
  position: absolute;
}

.inner-za {
  width: 90%;
  height: 90%;
  background: #f2f2f2;
  border-radius: 50%;
  position: absolute;
  top: -270px;
  left: 60px;
}





.row {
  margin: 0 !important;
}




.graphic__subtitle {
  font-weight: 500;
  font-size: 25px;
  line-height: 37px;
  text-align: center;
  letter-spacing: -0.78125px;
  color: #000000;
}

.graphic__descr {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #535353;
}


.graphic__first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 !important;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.graphic__first_first {
  font-weight: 500;
  font-size: 32px;
  line-height: 34px;
  letter-spacing: -1px;
  color: #000000;
  margin-right: 10px;
  cursor: pointer;
}

.graphic__first_first-sec {
  text-align: right;
  padding-right: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #ec008c;
  cursor: pointer;
}

.graphic__first_digit,
.graphic__third_digit {
  display: block;
  position: relative;
  width: 129px;
  height: 121px;
}

.graphic__first_digit img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.graphic__first_digit_subtitle {
  position: absolute;
  top: 40px;
  width: 75px;
  width: 100%;
}

.graphic__first_digit-key,
.graphic__third_digit-key {
  font-weight: 500;
  font-size: 66px;
  line-height: 99px;
  letter-spacing: -2px;
  color: #ec008c;
  position: absolute;
  top: 23px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
}

.graphic__third_digit-key {
  color: #07afef;
}

.graphic__third {
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.graphic__third_digit {
  position: relative;
}

.graphic__third_third {
  margin-left: 10px;
  font-weight: 500;
  font-size: 32px;
  line-height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -1px;
  color: #000000;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
}

.graphic__third_third-sec {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #07afef;
}

.left {
  padding: 0 !important;
}

.left__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  cursor: pointer;
}

.left__wrapper_first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 120px;
}

.left__wrapper_first-title {
  font-size: 16px;
  line-height: 19px;
  color: #535353;
  text-align: right;
  width: 100%;
}

.left__wrapper_first-progress {
  width: 120px;
  height: 8px;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#cf0000),
      to(#68e649));
  background: linear-gradient(90deg, #cf0000 0%, #68e649 100%);
  border-radius: 8.5px;
  margin-top: 7px;
}

.left__wrapper_second {
  position: relative;
  margin-left: 10px;
  width: 30%;
}

.left__wrapper_second-digit {
  font-size: 34px;
  line-height: 51px;
  letter-spacing: -1.0303px;
  color: #535353;
  position: absolute;
  top: 18px;
  left: 29px;
}



.left__wrapper1 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.right {
  padding: 0 !important;
}

.right__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.right__wrapper_first {
  position: relative;
  margin-right: 10px;
  width: 30%;
}

.right__wrapper_first-digit {
  position: absolute;
  font-weight: 500;
  font-size: 34px;
  line-height: 51px;
  letter-spacing: -1.0303px;
  color: #535353;
  top: 19px;
  left: 29px;
}

.right__wrapper_second {
  width: 120px;
}

.right__wrapper_second-title {
  font-size: 16px;
  line-height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #535353;
}

.right__wrapper_second-progress {
  width: 120px;
  height: 8px;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#cf0000),
      to(#68e649));
  background: linear-gradient(90deg, #cf0000 0%, #68e649 100%);
  border-radius: 8.5px;
  margin-top: 7px;
}

.son {
  position: absolute;
}

.ukazka0 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -14px;
  bottom: -48px;
  z-index: 0;
  border: 5px solid #ecee14;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka0_0 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ecee14;
  z-index: 1000;
}

.ukazka1 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -20px;
  bottom: -43px;
  z-index: 0;
  border: 5px solid #ecee14;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka1_1 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ecee14;
  z-index: 1000;
}

.ukazka2 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -25px;
  bottom: -37px;
  z-index: 0;
  border: 5px solid #ecee14;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka2_2 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ecee14;
  z-index: 1000;
}

.ukazka3 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -31px;
  bottom: -32px;
  z-index: 0;
  border: 5px solid #ecee14;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka3_3 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ecee14;
  z-index: 1000;
}

.ukazka4 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -36px;
  bottom: -26px;
  z-index: 0;
  border: 5px solid #e6ec19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka4_4 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6ec19;
  z-index: 1000;
}

.ukazka5 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -36px;
  bottom: -26px;
  z-index: 0;
  border: 5px solid #e6ec19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka5_5 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6ec19;
  z-index: 1000;
}

.ukazka6 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -36px;
  bottom: -26px;
  z-index: 0;
  border: 5px solid #e6ec19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka6_6 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6ec19;
  z-index: 1000;
}

.ukazka7 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -41px;
  bottom: -20px;
  z-index: 0;
  border: 5px solid #e6ec19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka7_7 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6ec19;
  z-index: 1000;
}

.ukazka8 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -47px;
  bottom: -13px;
  z-index: 0;
  border: 5px solid #e6ec19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka8_8 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6ec19;
  z-index: 1000;
}

.ukazka9 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -55px;
  bottom: -3px;
  z-index: 0;
  border: 5px solid #e4eb1c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka9_9 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e4eb1c;
  z-index: 1000;
}

.ukazka10 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -55px;
  bottom: -3px;
  z-index: 0;
  border: 5px solid #e4eb1c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka10_10 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e4eb1c;
  z-index: 1000;
}

.ukazka11 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -55px;
  bottom: -3px;
  z-index: 0;
  border: 5px solid #e4eb1c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka11_11 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e4eb1c;
  z-index: 1000;
}

.circle1 {
  position: absolute;
  top: 94px;
  left: 146px;
  width: 237px;
  height: 237px;
  background-color: #fff;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  z-index: 100;
}

.circle {
  position: relative;
  width: 237px;
  height: 237px;
  background-color: #fff;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  top: 89px;
  left: 2px;
  z-index: 2;
  -webkit-box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.205365);
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.205365);
}

.circle__triangle {
  position: absolute;
  bottom: 106px;
  right: -43px;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1;
}

.circle__inner {
  position: relative;
  width: 202px;
  height: 202px;
  background-color: transparent;
  border: 1px solid #b9b9b9;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.circle__inner_digit {
  font-weight: 500;
  font-size: 100px;
  line-height: 115px;
  letter-spacing: -2px;
  color: #535353;
}

.circle__inner_text {
  font-family: 'D-DIN';
  font-style: italic;
  font-weight: 600;
  font-size: 30px;
  line-height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  letter-spacing: -0.9375px;
  color: #07afef;
}

.circles {
  margin-top: -59px;
}

.circles__title {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #535353;
  z-index: 100;
  margin-top: -20px;
}

.circles__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 15px;
}

.circles__total_hiring {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.circles__total_adv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.circles__total_hiring1 {
  margin: 0 40px;
}

.circles__total_total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.circles__total_total-score {
  font-weight: 500;
  font-size: 32px;
  line-height: 30px;
  letter-spacing: -1px;
  color: #05b22a;
}

.circles__total_total-score1 {
  color: #ec008c;
}

.circles__total_total-score2 {
  color: #07afef;
}

.circles__total_total-text {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.5px;
  color: #535353;
}

.circles__descr {
  width: 80%;
  margin: auto;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #535353;
  margin-top: 20px;
}

.circles__info {
  font-weight: 500;
  font-size: 25px;
  line-height: 37px;
  text-align: center;
  letter-spacing: -0.78125px;
  color: #535353;
  margin-top: 30px;
}

.circles__info_block {
  background-color: #07afef;
  padding: 15px 40px;
  border-radius: 6px;
  margin-top: 10px;
}

.circles__info_block-wrapper1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.circles__info_block-wrapper1 div {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.625px;
  color: #ffffff;
}

.circles__info_block-descr {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  margin-top: 10px;
}

.right__wrapper1 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.asas .wrapper {
  margin-bottom: 50px;
}

#circle0 {
  left: 6px;
  bottom: -21px;
  -webkit-transform: rotate(140deg);
  transform: rotate(140deg);
  z-index: 1;
}

#circle1 {
  left: 3px;
  bottom: -17px;
  -webkit-transform: rotate(145deg);
  transform: rotate(145deg);
  z-index: 1;
}

#circle2 {
  left: 0px;
  bottom: -10px;
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  z-index: -1;
}

#circle3 {
  left: -5px;
  bottom: -2px;
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  z-index: -1;
}

#circle4 {
  left: -9px;
  bottom: 3px;
  -webkit-transform: rotate(154deg);
  transform: rotate(154deg);
  z-index: -1;
}

#circle5 {
  left: -9px;
  bottom: 5px;
  -webkit-transform: rotate(154deg);
  transform: rotate(154deg);
  z-index: -1;
}

#circle6 {
  left: -10px;
  bottom: 3px;
  -webkit-transform: rotate(154deg);
  transform: rotate(154deg);
  z-index: -1;
}

#circle7 {
  left: -11px;
  bottom: 6px;
  -webkit-transform: rotate(157deg);
  transform: rotate(157deg);
  z-index: -1;
}

#circle8 {
  left: -13px;
  bottom: 10px;
  -webkit-transform: rotate(157deg);
  transform: rotate(157deg);
  z-index: -1;
}

#circle9 {
  left: -16px;
  bottom: 16px;
  -webkit-transform: rotate(157deg);
  transform: rotate(157deg);
  z-index: -1;
}

#circle10 {
  left: -16px;
  bottom: 16px;
  -webkit-transform: rotate(157deg);
  transform: rotate(157deg);
  z-index: -1;
}

#circle11 {
  left: -18px;
  bottom: 20px;
  -webkit-transform: rotate(157deg);
  transform: rotate(157deg);
  z-index: -1;
}

#circle12 {
  left: -33px;
  bottom: 40px;
  -webkit-transform: rotate(170deg);
  transform: rotate(170deg);
  z-index: -1;
}

#circle13 {
  left: -34px;
  bottom: 43px;
  -webkit-transform: rotate(172deg);
  transform: rotate(172deg);
  z-index: 1;
}

#circle14 {
  left: -35px;
  bottom: 46px;
  -webkit-transform: rotate(174deg);
  transform: rotate(174deg);
  z-index: -1;
}

#circle15 {
  left: -31px;
  bottom: 36px;
  -webkit-transform: rotate(172deg);
  transform: rotate(172deg);
  z-index: -1;
}

#circle16 {
  left: -33px;
  bottom: 47px;
  -webkit-transform: rotate(174deg);
  transform: rotate(174deg);
  z-index: -1;
}

#circle17 {
  left: -36px;
  bottom: 51px;
  -webkit-transform: rotate(175deg);
  transform: rotate(175deg);
  z-index: -1;
}

#circle18 {
  left: -37px;
  bottom: 56px;
  -webkit-transform: rotate(176deg);
  transform: rotate(176deg);
  z-index: -1;
}

#circle19 {
  left: -38px;
  bottom: 61px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: -1;
}

#circle20 {
  left: -38px;
  bottom: 67px;
  -webkit-transform: rotate(183deg);
  transform: rotate(183deg);
  z-index: -1;
}

#circle21 {
  left: -39px;
  bottom: 70px;
  -webkit-transform: rotate(183deg);
  transform: rotate(183deg);
  z-index: -1;
}

#circle22 {
  left: -38px;
  bottom: 73px;
  -webkit-transform: rotate(186deg);
  transform: rotate(186deg);
  z-index: -1;
}

#circle23 {
  left: -39px;
  bottom: 78px;
  -webkit-transform: rotate(186deg);
  transform: rotate(186deg);
  z-index: -1;
}

#circle24 {
  left: -39px;
  bottom: 80px;
  -webkit-transform: rotate(188deg);
  transform: rotate(188deg);
  z-index: -1;
}

#circle25 {
  left: -39px;
  bottom: 84px;
  -webkit-transform: rotate(190deg);
  transform: rotate(190deg);
  z-index: -1;
}

#circle26 {
  left: -40px;
  bottom: 89px;
  -webkit-transform: rotate(191deg);
  transform: rotate(191deg);
  z-index: -1;
}

#circle27 {
  left: -39px;
  bottom: 92px;
  -webkit-transform: rotate(191deg);
  transform: rotate(191deg);
  z-index: -1;
}

#circle28 {
  left: -39px;
  bottom: 92px;
  -webkit-transform: rotate(193deg);
  transform: rotate(193deg);
  z-index: -1;
}

#circle29 {
  left: -37px;
  bottom: 95px;
  -webkit-transform: rotate(193deg);
  transform: rotate(193deg);
  z-index: -1;
}

#circle30 {
  left: -39px;
  bottom: 97px;
  -webkit-transform: rotate(196deg);
  transform: rotate(196deg);
  z-index: -1;
}

#circle31 {
  left: -37px;
  bottom: 100px;
  -webkit-transform: rotate(197deg);
  transform: rotate(197deg);
  z-index: -1;
}

#circle32 {
  left: -37px;
  bottom: 104px;
  -webkit-transform: rotate(197deg);
  transform: rotate(197deg);
  z-index: -1;
}

#circle33 {
  left: -36px;
  bottom: 104px;
  -webkit-transform: rotate(199deg);
  transform: rotate(199deg);
  z-index: -1;
}

#circle34 {
  left: -36px;
  bottom: 104px;
  -webkit-transform: rotate(199deg);
  transform: rotate(199deg);
  z-index: -1;
}

#circle35 {
  left: -35px;
  bottom: 108px;
  -webkit-transform: rotate(199deg);
  transform: rotate(199deg);
  z-index: -1;
}

#circle36 {
  left: -35px;
  bottom: 110px;
  -webkit-transform: rotate(201deg);
  transform: rotate(201deg);
  z-index: -1;
}

#circle37 {
  left: -33px;
  bottom: 115px;
  -webkit-transform: rotate(204deg);
  transform: rotate(204deg);
  z-index: -1;
}

#circle38 {
  left: -34px;
  bottom: 117px;
  -webkit-transform: rotate(202deg);
  transform: rotate(202deg);
  z-index: -1;
}

#circle39 {
  left: -32px;
  bottom: 123px;
  -webkit-transform: rotate(206deg);
  transform: rotate(206deg);
  z-index: -1;
}

#circle40 {
  left: -30px;
  bottom: 128px;
  -webkit-transform: rotate(209deg);
  transform: rotate(209deg);
  z-index: -1;
}

#circle41 {
  left: -29px;
  bottom: 131px;
  -webkit-transform: rotate(211deg);
  transform: rotate(211deg);
  z-index: -1;
}

#circle42 {
  left: -21px;
  bottom: 144px;
  -webkit-transform: rotate(219deg);
  transform: rotate(219deg);
}

#circle43 {
  left: -18px;
  bottom: 150px;
  -webkit-transform: rotate(219deg);
  transform: rotate(219deg);
  z-index: -1;
}

#circle44 {
  left: -13px;
  bottom: 156px;
  -webkit-transform: rotate(223deg);
  transform: rotate(223deg);
  z-index: -1;
}

#circle45 {
  left: -2px;
  bottom: 169px;
  -webkit-transform: rotate(230deg);
  transform: rotate(230deg);
  z-index: -1;
}

#circle46 {
  left: 16px;
  bottom: 183px;
  -webkit-transform: rotate(239deg);
  transform: rotate(239deg);
  z-index: -1;
}

#circle47 {
  left: 31px;
  bottom: 190px;
  -webkit-transform: rotate(244deg);
  transform: rotate(244deg);
  z-index: -1;
}

#circle48 {
  left: 44px;
  bottom: 196px;
  -webkit-transform: rotate(253deg);
  transform: rotate(253deg);
  z-index: -1;
}

#circle49 {
  left: 55px;
  bottom: 199px;
  -webkit-transform: rotate(265deg);
  transform: rotate(265deg);
  z-index: -1;
}

#circle50 {
  left: 83px;
  top: -33px;
  -webkit-transform: rotate(279deg);
  transform: rotate(279deg);
  z-index: -1;
}

#circle51 {
  right: 75px;
  bottom: 202px;
  -webkit-transform: rotate(289deg);
  transform: rotate(289deg);
  z-index: -1;
}

#circle52 {
  right: 63px;
  bottom: 201px;
  -webkit-transform: rotate(292deg);
  transform: rotate(292deg);
  z-index: -1;
}

#circle53 {
  right: 51px;
  bottom: 198px;
  -webkit-transform: rotate(295deg);
  transform: rotate(295deg);
  z-index: -1;
}

#circle54 {
  right: 42px;
  bottom: 194px;
  -webkit-transform: rotate(301deg);
  transform: rotate(301deg);
  z-index: -1;
}

#circle55 {
  right: 30px;
  bottom: 188px;
  -webkit-transform: rotate(301deg);
  transform: rotate(301deg);
  z-index: -1;
}

#circle56 {
  right: 20px;
  bottom: 183px;
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
  z-index: -1;
}

#circle57 {
  right: 12px;
  bottom: 177px;
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
  z-index: -1;
}

#circle58 {
  right: 6px;
  bottom: 172px;
  -webkit-transform: rotate(312deg);
  transform: rotate(312deg);
  z-index: -1;
}

#circle59 {
  right: -1px;
  bottom: 166px;
  -webkit-transform: rotate(317deg);
  transform: rotate(317deg);
  z-index: -1;
}

#circle60 {
  right: -10px;
  bottom: 158px;
  -webkit-transform: rotate(322deg);
  transform: rotate(322deg);
  z-index: -1;
}

#circle61 {
  right: -15px;
  bottom: 151px;
  -webkit-transform: rotate(325deg);
  transform: rotate(325deg);
  z-index: -1;
}

#circle62 {
  right: -16px;
  bottom: 146px;
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  z-index: -1;
}

#circle63 {
  right: -22px;
  bottom: 139px;
  -webkit-transform: rotate(332deg);
  transform: rotate(332deg);
  z-index: -1;
}

#circle64 {
  right: -27px;
  bottom: 132px;
  -webkit-transform: rotate(336deg);
  transform: rotate(336deg);
  z-index: -1;
}

#circle65 {
  right: -29px;
  bottom: 126px;
  -webkit-transform: rotate(339deg);
  transform: rotate(339deg);
  z-index: -1;
}

#circle66 {
  right: -31px;
  bottom: 122px;
  -webkit-transform: rotate(343deg);
  transform: rotate(343deg);
  z-index: -1;
}

#circle67 {
  right: -33px;
  bottom: 117px;
  -webkit-transform: rotate(343deg);
  transform: rotate(343deg);
  z-index: -1;
}

#circle68 {
  right: -34px;
  bottom: 115px;
  -webkit-transform: rotate(346deg);
  transform: rotate(346deg);
  z-index: -1;
}

#circle69 {
  right: -34px;
  bottom: 112px;
  -webkit-transform: rotate(348deg);
  transform: rotate(348deg);
  z-index: -1;
}

#circle70 {
  right: -35px;
  bottom: 108px;
  -webkit-transform: rotate(350deg);
  transform: rotate(350deg);
  z-index: -1;
}

#circle71 {
  right: -40px;
  bottom: 128px;
  -webkit-transform: rotate(350deg);
  transform: rotate(350deg);
  z-index: -1;
}

#circle72 {
  right: -40px;
  bottom: 124px;
  -webkit-transform: rotate(353deg);
  transform: rotate(353deg);
  z-index: -1;
}

#circle73 {
  right: -42px;
  bottom: 122px;
  -webkit-transform: rotate(355deg);
  transform: rotate(355deg);
  z-index: -1;
}

#circle74 {
  right: -44px;
  bottom: 113px;
  -webkit-transform: rotate(358deg);
  transform: rotate(358deg);
  z-index: -1;
}

#circle75 {
  right: -47px;
  bottom: 95px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  z-index: -1;
}

#circle76 {
  right: -47px;
  bottom: 84px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  z-index: -1;
}

#circle77 {
  right: -47px;
  bottom: 84px;
  -webkit-transform: rotate(14deg);
  transform: rotate(14deg);
  z-index: -1;
}

#circle78 {
  right: -47px;
  bottom: 79px;
  -webkit-transform: rotate(14deg);
  transform: rotate(14deg);
  z-index: -1;
}

#circle79 {
  right: -47px;
  bottom: 76px;
  -webkit-transform: rotate(14deg);
  transform: rotate(14deg);
  z-index: -1;
}

#circle80 {
  right: -47px;
  bottom: 72px;
  -webkit-transform: rotate(14deg);
  transform: rotate(14deg);
  z-index: -1;
}

#circle81 {
  right: -47px;
  bottom: 72px;
  -webkit-transform: rotate(16deg);
  transform: rotate(16deg);
  z-index: -1;
}

#circle82 {
  right: -47px;
  bottom: 69px;
  -webkit-transform: rotate(16deg);
  transform: rotate(16deg);
  z-index: -1;
}

#circle83 {
  right: -47px;
  bottom: 66px;
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
  z-index: -1;
}

#circle84 {
  right: -47px;
  bottom: 65px;
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
  z-index: -1;
}

#circle85 {
  right: -47px;
  bottom: 63px;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  z-index: -1;
}

#circle86 {
  right: -46px;
  bottom: 58px;
  -webkit-transform: rotate(22deg);
  transform: rotate(22deg);
  z-index: -1;
}

#circle87 {
  right: -46px;
  bottom: 55px;
  -webkit-transform: rotate(22deg);
  transform: rotate(22deg);
  z-index: -1;
}

#circle88 {
  right: -46px;
  bottom: 53px;
  -webkit-transform: rotate(22deg);
  transform: rotate(22deg);
  z-index: -1;
}

#circle89 {
  right: -44px;
  bottom: 53px;
  -webkit-transform: rotate(23deg);
  transform: rotate(23deg);
  z-index: -1;
}

#circle90 {
  right: -44px;
  bottom: 49px;
  -webkit-transform: rotate(26deg);
  transform: rotate(26deg);
  z-index: -1;
}

#circle91 {
  right: -44px;
  bottom: 46px;
  -webkit-transform: rotate(26deg);
  transform: rotate(26deg);
  z-index: -1;
}

#circle92 {
  right: -44px;
  bottom: 46px;
  -webkit-transform: rotate(28deg);
  transform: rotate(28deg);
  z-index: -1;
}

#circle93 {
  right: -42px;
  bottom: 43px;
  -webkit-transform: rotate(28deg);
  transform: rotate(28deg);
  z-index: -1;
}

#circle94 {
  right: -42px;
  bottom: 41px;
  -webkit-transform: rotate(28deg);
  transform: rotate(28deg);
  z-index: -1;
}

#circle95 {
  right: -42px;
  bottom: 41px;
  -webkit-transform: rotate(31deg);
  transform: rotate(31deg);
  z-index: -1;
}

#circle96 {
  right: -38px;
  bottom: 36px;
  -webkit-transform: rotate(33deg);
  transform: rotate(33deg);
  z-index: -1;
}

#circle97 {
  right: -35px;
  bottom: 26px;
  -webkit-transform: rotate(33deg);
  transform: rotate(33deg);
  z-index: -1;
}

#circle98 {
  right: -28px;
  bottom: 14px;
  -webkit-transform: rotate(41deg);
  transform: rotate(41deg);
  z-index: -1;
}

#circle99 {
  right: -23px;
  bottom: 9px;
  -webkit-transform: rotate(46deg);
  transform: rotate(46deg);
  z-index: -1;
}

#circle100 {
  right: -5px;
  bottom: -10px;
  -webkit-transform: rotate(57deg);
  transform: rotate(57deg);
  z-index: -1;
}

.abuze {
  width: 100%;
}

.diagram {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.diagram::before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border-radius: 50%;
  background: #fff;
  z-index: 3;
  opacity: 1;
  border: 1px solid #b9b9b9;
}

.diagram .piece {
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
  position: absolute;
}

.diagram .piece::before {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
}

.diagram .piece.left {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 2;
  border-radius: 50%;
}

.diagram.over_50 .piece.left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.diagram .piece.right {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 1;
  border-radius: 50%;
}

.diagram.over_50 .piece.right {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.diagram .left::before {
  background: #059;
}

.diagram.over_50 .left::before {
  background: #990;
}

.diagram .right::before {
  background: #059;
}

.diagram .text {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.diagram .text b {
  font-size: 72px;
}

.diagram .text span {
  font-size: 16px;
  display: block;
}

.graphic__first_first-sec {
  margin-top: 10px;
}

#widget-meter {
  width: 300px;
  margin: 0 auto;
}

#widget-meter .needle,
#widget-meter .needle-center {
  fill: gray;
}

.triangle__circles {
  -webkit-transition: 1s all;
  transition: 1s all;
  position: absolute;
  top: 275px;
  left: 166px;
  -webkit-transform: rotate(139deg);
  transform: rotate(139deg);
}

.pointer_circle0 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 5px solid #fff303;
  background: #f2f2f2;
  position: absolute;
  top: 346px;
  left: 139px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle0 .pointer_circle0_0 {
  width: 10px;
  height: 10px;
  background-color: #fff303;
  border-radius: 50%;
}

.pointer_circle1 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 339px;
  left: 133px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle1 .pointer_circle1_1 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle2 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 332px;
  left: 126px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle2 .pointer_circle2_2 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle3 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 325px;
  left: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle3 .pointer_circle3_3 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle4 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 317px;
  left: 115px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle4 .pointer_circle4_4 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle5 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 310px;
  left: 109px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle5 .pointer_circle5_5 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle6 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 303px;
  left: 104px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle6 .pointer_circle6_6 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle7 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 295px;
  left: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle7 .pointer_circle7_7 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle8 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 287px;
  left: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle8 .pointer_circle8_8 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle9 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 278px;
  left: 92px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle9 .pointer_circle9_9 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle10 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 270px;
  left: 89px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle10 .pointer_circle10_10 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle11 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 261px;
  left: 86px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle11 .pointer_circle11_11 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle12 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 252px;
  left: 83px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle12 .pointer_circle12_12 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle13 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 243px;
  left: 81px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle13 .pointer_circle13_13 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle14 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 235px;
  left: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle14 .pointer_circle14_14 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle15 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 226px;
  left: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle15 .pointer_circle15_15 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle16 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 216px;
  left: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle16 .pointer_circle16_16 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle17 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 207px;
  left: 77px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle17 .pointer_circle17_17 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle18 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 198px;
  left: 77px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle18 .pointer_circle18_18 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle19 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 188px;
  left: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle19 .pointer_circle19_19 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle20 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 179px;
  left: 79px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle20 .pointer_circle20_20 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle21 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 171px;
  left: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle21 .pointer_circle21_21 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle22 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 162px;
  left: 82px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle22 .pointer_circle22_22 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle23 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 153px;
  left: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle23 .pointer_circle23_23 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle24 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 144px;
  left: 87px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle24 .pointer_circle24_24 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle25 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 136px;
  left: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle25 .pointer_circle25_25 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle26 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 127px;
  left: 93px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle26 .pointer_circle26_26 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle27 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 119px;
  left: 97px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle27 .pointer_circle27_27 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle28 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 111px;
  left: 102px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle28 .pointer_circle28_28 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle29 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 103px;
  left: 106px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle29 .pointer_circle29_29 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle30 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 103px;
  left: 106px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle30 .pointer_circle30_30 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.left__wrapper_first-progress,
.right__wrapper_second-progress {
  position: relative;
  z-index: 1;
}

.left__wrapper_first-progress .mbp2,
.right__wrapper_second-progress .mbp2 {
  height: 8px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background-color: #f2f2f2;

  border-radius: 0 8.5px 8.5px 0;
}

.main__box__progress_line {
  border-color: #fff;
}

@media (max-width: 1200px) {
  .left__wrapper_second-digit {
    top: 12px;
    left: 23px;
  }

  .right__wrapper_first-digit {
    top: 10px;
    left: 23px;
  }

  .graphic__first_first {
    margin-right: 10px;
    white-space: nowrap;
  }
}

/* circle */

.svgRoosa svg {
  position: absolute;
  top: 3px;
  left: 54px;
  width: 430px;
}

.testCircle {
  position: relative;
  height: 500px;
  z-index: -1;
}

#canvas {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: -20px;
  width: 570px;
  height: 435px;
  position: absolute;
  z-index: -100;
}

#canvas1 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: 16px;
  width: 500px;
  height: 380px;
  position: absolute;
  z-index: -100;
}

.za-conatiner {
  margin: auto;
  position: absolute;
  width: 390px;
  height: 390px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 314px;
  left: 29px;
  z-index: 0;
}

.za {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -289px;
  left: 41px;
}

.za::before {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#92d56b),
      to(#fff303));
  background: linear-gradient(to bottom, #92d56b, #fff303);
  top: 0;
  left: -50%;
  position: absolute;
}

.za::after {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#92d56b),
      to(#07afef));
  background: linear-gradient(to bottom, #92d56b, #07afef);
  top: 0;
  left: 50%;
  position: absolute;
}

.inner-za {
  width: 90%;
  height: 90%;
  background: #f2f2f2;
  border-radius: 50%;
  position: absolute;
  top: -270px;
  left: 60px;
}

.zamena {
  width: 423px;
  height: 415px;
  background-color: #f8f9fA;
  position: absolute;
  border-radius: 50%;
  bottom: 75px;
  left: 53px;
}

.zamena1 {
  width: 300px;
  height: 300px;
  background-color: #f8f9fA;
  position: absolute;
  border-radius: 50%;
  bottom: -99px;
  left: 114px;
  z-index: 1;
}

.row {
  margin: 0 !important;
}

.graphic__title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1;
  text-align: center;
  letter-spacing: -1.5px;
  color: #07afef;
}

.graphic__subtitle {
  font-weight: 500;
  font-size: 25px;
  line-height: 37px;
  text-align: center;
  letter-spacing: -0.78125px;
  color: #000000;
}

.graphic__descr {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #535353;
  margin-bottom: 40px;
}

.graphic__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.graphic__btn a {
  outline: none;
  border: none;
  background: #07afef;
  border-radius: 6px;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.46875px;
  color: #ffffff;
  padding: 10px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 5px;
  text-decoration: none;
}
.graphic__btn a:hover, .graphic__btn a:active, .graphic__btn a:focus, .graphic__btn a:visited{
  color: #fff;
  text-decoration: none;
}

.graphic__first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 !important;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.graphic__first_first {
  font-weight: 500;
  font-size: 32px;
  line-height: 34px;
  letter-spacing: -1px;
  color: #000000;
  margin-right: 10px;
  cursor: pointer;
}

.graphic__first_first-sec {
  text-align: right;
  padding-right: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #ec008c;
  cursor: pointer;
}

.graphic__first_digit {
  position: relative;
}

.graphic__first_digit-key {
  font-weight: 500;
  font-size: 66px;
  line-height: 99px;
  letter-spacing: -2px;
  color: #ec008c;
  position: absolute;
  top: 23px;
  right: 27px;
}

.graphic__third {
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.graphic__third_digit {
  position: relative;
}


.graphic__third_third {
  margin-left: 10px;
  font-weight: 500;
  font-size: 32px;
  line-height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -1px;
  color: #000000;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  white-space: nowrap;
}

.graphic__third_third-sec {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #07afef;
}

.graphic__first_topc {
  margin-right: 10px;
}

.left {
  padding: 0 !important;
}

.left__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.left__wrapper_first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 120px;
}

.left__wrapper_first-title {
  font-size: 16px;
  line-height: 19px;
  color: #535353;
  text-align: right;
  width: 100%;
}

.left__wrapper_first-progress {
  width: 120px;
  height: 8px;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#cf0000),
      to(#68e649));
  background: linear-gradient(90deg, #cf0000 0%, #68e649 100%);
  border-radius: 8.5px;
  margin-top: 7px;
}

.left__wrapper_second {
  position: relative;
  margin-left: 10px;
  width: 30%;
}

.left__wrapper_second-digit {
  width: 100%;
  font-size: 34px;
  line-height: 51px;
  letter-spacing: -1.0303px;
  color: #535353;
  position: absolute;
  top: 18px;
  left: 0px;
  text-align: center;
}


.left__wrapper1 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.right {
  padding: 0 !important;
}

.right__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.right__wrapper_first {
  position: relative;
  margin-right: 10px;
  width: 30%;
}

.right__wrapper_first-digit {
  width: 100%;
  position: absolute;
  font-weight: 500;
  font-size: 34px;
  line-height: 51px;
  letter-spacing: -1.0303px;
  color: #535353;
  top: 19px;
  left: 0px;
  text-align: center;
}

.right__wrapper_second {
  width: 120px;
}

.right__wrapper_second-title {
  font-size: 16px;
  line-height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #535353;
}

.right__wrapper_second-progress {
  width: 120px;
  height: 8px;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#cf0000),
      to(#68e649));
  background: linear-gradient(90deg, #cf0000 0%, #68e649 100%);
  border-radius: 8.5px;
  margin-top: 7px;
}

.son {
  position: absolute;
}

.ukazka0 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -14px;
  bottom: -48px;
  z-index: 0;
  border: 5px solid #ecee14;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka0_0 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ecee14;
  z-index: 1000;
}

.ukazka1 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -20px;
  bottom: -43px;
  z-index: 0;
  border: 5px solid #ecee14;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka1_1 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ecee14;
  z-index: 1000;
}

.ukazka2 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -25px;
  bottom: -37px;
  z-index: 0;
  border: 5px solid #ecee14;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka2_2 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ecee14;
  z-index: 1000;
}

.ukazka3 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -31px;
  bottom: -32px;
  z-index: 0;
  border: 5px solid #ecee14;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka3_3 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ecee14;
  z-index: 1000;
}

.ukazka4 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -36px;
  bottom: -26px;
  z-index: 0;
  border: 5px solid #e6ec19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka4_4 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6ec19;
  z-index: 1000;
}

.ukazka5 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -36px;
  bottom: -26px;
  z-index: 0;
  border: 5px solid #e6ec19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka5_5 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6ec19;
  z-index: 1000;
}

.ukazka6 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -36px;
  bottom: -26px;
  z-index: 0;
  border: 5px solid #e6ec19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka6_6 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6ec19;
  z-index: 1000;
}

.ukazka7 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -41px;
  bottom: -20px;
  z-index: 0;
  border: 5px solid #e6ec19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka7_7 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6ec19;
  z-index: 1000;
}

.ukazka8 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -47px;
  bottom: -13px;
  z-index: 0;
  border: 5px solid #e6ec19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka8_8 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6ec19;
  z-index: 1000;
}

.ukazka9 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -55px;
  bottom: -3px;
  z-index: 0;
  border: 5px solid #e4eb1c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka9_9 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e4eb1c;
  z-index: 1000;
}

.ukazka10 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -55px;
  bottom: -3px;
  z-index: 0;
  border: 5px solid #e4eb1c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka10_10 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e4eb1c;
  z-index: 1000;
}

.ukazka11 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f2f2f2;
  position: absolute;
  left: -55px;
  bottom: -3px;
  z-index: 0;
  border: 5px solid #e4eb1c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ukazka11_11 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e4eb1c;
  z-index: 1000;
}

.circle1 {
  position: absolute;
  top: 94px;
  left: 146px;
  width: 237px;
  height: 237px;
  background-color: #fff;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  z-index: 100;
}

.circle {
  position: relative;
  width: 237px;
  height: 237px;
  background-color: #fff;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  top: 95px;
  left: 2px;
  z-index: 2;
  -webkit-box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.205365);
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.205365);
}

.circle__triangle {
  position: absolute;
  bottom: 106px;
  right: -43px;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1;
}

.circle__inner {
  position: relative;
  width: 202px;
  height: 202px;
  background-color: transparent;
  border: 1px solid #b9b9b9;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.circle__inner_digit {
  font-weight: 500;
  font-size: 100px;
  line-height: 115px;
  letter-spacing: -2px;
  color: #535353;
}


.circle__inner_text {
  font-family: 'D-DIN';
  font-style: italic;
  font-weight: 600;
  font-size: 30px;
  line-height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  letter-spacing: -0.9375px;
  color: #07afef;
}

.circle__inner .small_num_dash {
  display: block;
  line-height: 74px;
}

.circle__inner div {
  display: flex;
  align-items: flex-end;
}

.circles {
  margin-top: -59px;
  z-index: 10000;
}

.circles__title {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #535353;
  z-index: 100;
  margin-top: -20px;
}

.circles__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 15px;
}

.circles__total_hiring {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.circles__total_adv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.circles__total_hiring1 {
  margin: 0 40px;
}

.circles__total_total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.circles__total_total-score {
  font-weight: 500;
  font-size: 32px;
  line-height: 30px;
  letter-spacing: -1px;
  color: #05b22a;
}




.circles__total_total-score1 {
  color: #ec008c;
}

.circles__total_total-score2 {
  color: #07afef;
}

.circles__total_total-text {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.5px;
  color: #535353;
}

.circles__descr {
  width: 80%;
  margin: auto;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #535353;
  margin-top: 20px;
}

.circles__info {
  font-weight: 500;
  font-size: 25px;
  line-height: 37px;
  text-align: center;
  letter-spacing: -0.78125px;
  color: #535353;
  margin-top: 30px;
}

.circles__info_block {
  background-color: #07afef;
  padding: 15px 40px;
  border-radius: 6px;
  margin-top: 10px;
}

.circles__info_block-wrapper1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.circles__info_block-wrapper1 div {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.625px;
  color: #ffffff;
}

.circles__info_block-descr {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  margin-top: 10px;
}

.right__wrapper1 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.asas .wrapper {
  margin-bottom: 50px;
}

#circle0 {
  left: 6px;
  bottom: -21px;
  -webkit-transform: rotate(140deg);
  transform: rotate(140deg);
  z-index: 1;
}

#circle1 {
  left: 3px;
  bottom: -17px;
  -webkit-transform: rotate(145deg);
  transform: rotate(145deg);
  z-index: 1;
}

#circle2 {
  left: 0px;
  bottom: -10px;
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  z-index: -1;
}

#circle3 {
  left: -5px;
  bottom: -2px;
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  z-index: -1;
}

#circle4 {
  left: -9px;
  bottom: 3px;
  -webkit-transform: rotate(154deg);
  transform: rotate(154deg);
  z-index: -1;
}

#circle5 {
  left: -9px;
  bottom: 5px;
  -webkit-transform: rotate(154deg);
  transform: rotate(154deg);
  z-index: -1;
}

#circle6 {
  left: -10px;
  bottom: 3px;
  -webkit-transform: rotate(154deg);
  transform: rotate(154deg);
  z-index: -1;
}

#circle7 {
  left: -11px;
  bottom: 6px;
  -webkit-transform: rotate(157deg);
  transform: rotate(157deg);
  z-index: -1;
}

#circle8 {
  left: -13px;
  bottom: 10px;
  -webkit-transform: rotate(157deg);
  transform: rotate(157deg);
  z-index: -1;
}

#circle9 {
  left: -16px;
  bottom: 16px;
  -webkit-transform: rotate(157deg);
  transform: rotate(157deg);
  z-index: -1;
}

#circle10 {
  left: -16px;
  bottom: 16px;
  -webkit-transform: rotate(157deg);
  transform: rotate(157deg);
  z-index: -1;
}

#circle11 {
  left: -18px;
  bottom: 20px;
  -webkit-transform: rotate(157deg);
  transform: rotate(157deg);
  z-index: -1;
}

#circle12 {
  left: -33px;
  bottom: 40px;
  -webkit-transform: rotate(170deg);
  transform: rotate(170deg);
  z-index: -1;
}

#circle13 {
  left: -34px;
  bottom: 43px;
  -webkit-transform: rotate(172deg);
  transform: rotate(172deg);
  z-index: 1;
}

#circle14 {
  left: -35px;
  bottom: 46px;
  -webkit-transform: rotate(174deg);
  transform: rotate(174deg);
  z-index: -1;
}

#circle15 {
  left: -31px;
  bottom: 36px;
  -webkit-transform: rotate(172deg);
  transform: rotate(172deg);
  z-index: -1;
}

#circle16 {
  left: -33px;
  bottom: 47px;
  -webkit-transform: rotate(174deg);
  transform: rotate(174deg);
  z-index: -1;
}

#circle17 {
  left: -36px;
  bottom: 51px;
  -webkit-transform: rotate(175deg);
  transform: rotate(175deg);
  z-index: -1;
}

#circle18 {
  left: -37px;
  bottom: 56px;
  -webkit-transform: rotate(176deg);
  transform: rotate(176deg);
  z-index: -1;
}

#circle19 {
  left: -38px;
  bottom: 61px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: -1;
}

#circle20 {
  left: -38px;
  bottom: 67px;
  -webkit-transform: rotate(183deg);
  transform: rotate(183deg);
  z-index: -1;
}

#circle21 {
  left: -39px;
  bottom: 70px;
  -webkit-transform: rotate(183deg);
  transform: rotate(183deg);
  z-index: -1;
}

#circle22 {
  left: -38px;
  bottom: 73px;
  -webkit-transform: rotate(186deg);
  transform: rotate(186deg);
  z-index: -1;
}

#circle23 {
  left: -39px;
  bottom: 78px;
  -webkit-transform: rotate(186deg);
  transform: rotate(186deg);
  z-index: -1;
}

#circle24 {
  left: -39px;
  bottom: 80px;
  -webkit-transform: rotate(188deg);
  transform: rotate(188deg);
  z-index: -1;
}

#circle25 {
  left: -39px;
  bottom: 84px;
  -webkit-transform: rotate(190deg);
  transform: rotate(190deg);
  z-index: -1;
}

#circle26 {
  left: -40px;
  bottom: 89px;
  -webkit-transform: rotate(191deg);
  transform: rotate(191deg);
  z-index: -1;
}

#circle27 {
  left: -39px;
  bottom: 92px;
  -webkit-transform: rotate(191deg);
  transform: rotate(191deg);
  z-index: -1;
}

#circle28 {
  left: -39px;
  bottom: 92px;
  -webkit-transform: rotate(193deg);
  transform: rotate(193deg);
  z-index: -1;
}

#circle29 {
  left: -37px;
  bottom: 95px;
  -webkit-transform: rotate(193deg);
  transform: rotate(193deg);
  z-index: -1;
}

#circle30 {
  left: -39px;
  bottom: 97px;
  -webkit-transform: rotate(196deg);
  transform: rotate(196deg);
  z-index: -1;
}

#circle31 {
  left: -37px;
  bottom: 100px;
  -webkit-transform: rotate(197deg);
  transform: rotate(197deg);
  z-index: -1;
}

#circle32 {
  left: -37px;
  bottom: 104px;
  -webkit-transform: rotate(197deg);
  transform: rotate(197deg);
  z-index: -1;
}

#circle33 {
  left: -36px;
  bottom: 104px;
  -webkit-transform: rotate(199deg);
  transform: rotate(199deg);
  z-index: -1;
}

#circle34 {
  left: -36px;
  bottom: 104px;
  -webkit-transform: rotate(199deg);
  transform: rotate(199deg);
  z-index: -1;
}

#circle35 {
  left: -35px;
  bottom: 108px;
  -webkit-transform: rotate(199deg);
  transform: rotate(199deg);
  z-index: -1;
}

#circle36 {
  left: -35px;
  bottom: 110px;
  -webkit-transform: rotate(201deg);
  transform: rotate(201deg);
  z-index: -1;
}

#circle37 {
  left: -33px;
  bottom: 115px;
  -webkit-transform: rotate(204deg);
  transform: rotate(204deg);
  z-index: -1;
}

#circle38 {
  left: -34px;
  bottom: 117px;
  -webkit-transform: rotate(202deg);
  transform: rotate(202deg);
  z-index: -1;
}

#circle39 {
  left: -32px;
  bottom: 123px;
  -webkit-transform: rotate(206deg);
  transform: rotate(206deg);
  z-index: -1;
}

#circle40 {
  left: -30px;
  bottom: 128px;
  -webkit-transform: rotate(209deg);
  transform: rotate(209deg);
  z-index: -1;
}

#circle41 {
  left: -29px;
  bottom: 131px;
  -webkit-transform: rotate(211deg);
  transform: rotate(211deg);
  z-index: -1;
}

#circle42 {
  left: -21px;
  bottom: 144px;
  -webkit-transform: rotate(219deg);
  transform: rotate(219deg);
}

#circle43 {
  left: -18px;
  bottom: 150px;
  -webkit-transform: rotate(219deg);
  transform: rotate(219deg);
  z-index: -1;
}

#circle44 {
  left: -13px;
  bottom: 156px;
  -webkit-transform: rotate(223deg);
  transform: rotate(223deg);
  z-index: -1;
}

#circle45 {
  left: -2px;
  bottom: 169px;
  -webkit-transform: rotate(230deg);
  transform: rotate(230deg);
  z-index: -1;
}

#circle46 {
  left: 16px;
  bottom: 183px;
  -webkit-transform: rotate(239deg);
  transform: rotate(239deg);
  z-index: -1;
}

#circle47 {
  left: 31px;
  bottom: 190px;
  -webkit-transform: rotate(244deg);
  transform: rotate(244deg);
  z-index: -1;
}

#circle48 {
  left: 44px;
  bottom: 196px;
  -webkit-transform: rotate(253deg);
  transform: rotate(253deg);
  z-index: -1;
}

#circle49 {
  left: 55px;
  bottom: 199px;
  -webkit-transform: rotate(265deg);
  transform: rotate(265deg);
  z-index: -1;
}

#circle50 {
  left: 83px;
  top: -33px;
  -webkit-transform: rotate(279deg);
  transform: rotate(279deg);
  z-index: -1;
}

#circle51 {
  right: 75px;
  bottom: 202px;
  -webkit-transform: rotate(289deg);
  transform: rotate(289deg);
  z-index: -1;
}

#circle52 {
  right: 63px;
  bottom: 201px;
  -webkit-transform: rotate(292deg);
  transform: rotate(292deg);
  z-index: -1;
}

#circle53 {
  right: 51px;
  bottom: 198px;
  -webkit-transform: rotate(295deg);
  transform: rotate(295deg);
  z-index: -1;
}

#circle54 {
  right: 42px;
  bottom: 194px;
  -webkit-transform: rotate(301deg);
  transform: rotate(301deg);
  z-index: -1;
}

#circle55 {
  right: 30px;
  bottom: 188px;
  -webkit-transform: rotate(301deg);
  transform: rotate(301deg);
  z-index: -1;
}

#circle56 {
  right: 20px;
  bottom: 183px;
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
  z-index: -1;
}

#circle57 {
  right: 12px;
  bottom: 177px;
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
  z-index: -1;
}

#circle58 {
  right: 6px;
  bottom: 172px;
  -webkit-transform: rotate(312deg);
  transform: rotate(312deg);
  z-index: -1;
}

#circle59 {
  right: -1px;
  bottom: 166px;
  -webkit-transform: rotate(317deg);
  transform: rotate(317deg);
  z-index: -1;
}

#circle60 {
  right: -10px;
  bottom: 158px;
  -webkit-transform: rotate(322deg);
  transform: rotate(322deg);
  z-index: -1;
}

#circle61 {
  right: -15px;
  bottom: 151px;
  -webkit-transform: rotate(325deg);
  transform: rotate(325deg);
  z-index: -1;
}

#circle62 {
  right: -16px;
  bottom: 146px;
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  z-index: -1;
}

#circle63 {
  right: -22px;
  bottom: 139px;
  -webkit-transform: rotate(332deg);
  transform: rotate(332deg);
  z-index: -1;
}

#circle64 {
  right: -27px;
  bottom: 132px;
  -webkit-transform: rotate(336deg);
  transform: rotate(336deg);
  z-index: -1;
}

#circle65 {
  right: -29px;
  bottom: 126px;
  -webkit-transform: rotate(339deg);
  transform: rotate(339deg);
  z-index: -1;
}

#circle66 {
  right: -31px;
  bottom: 122px;
  -webkit-transform: rotate(343deg);
  transform: rotate(343deg);
  z-index: -1;
}

#circle67 {
  right: -33px;
  bottom: 117px;
  -webkit-transform: rotate(343deg);
  transform: rotate(343deg);
  z-index: -1;
}

#circle68 {
  right: -34px;
  bottom: 115px;
  -webkit-transform: rotate(346deg);
  transform: rotate(346deg);
  z-index: -1;
}

#circle69 {
  right: -34px;
  bottom: 112px;
  -webkit-transform: rotate(348deg);
  transform: rotate(348deg);
  z-index: -1;
}

#circle70 {
  right: -35px;
  bottom: 108px;
  -webkit-transform: rotate(350deg);
  transform: rotate(350deg);
  z-index: -1;
}

#circle71 {
  right: -40px;
  bottom: 128px;
  -webkit-transform: rotate(350deg);
  transform: rotate(350deg);
  z-index: -1;
}

#circle72 {
  right: -40px;
  bottom: 124px;
  -webkit-transform: rotate(353deg);
  transform: rotate(353deg);
  z-index: -1;
}

#circle73 {
  right: -42px;
  bottom: 122px;
  -webkit-transform: rotate(355deg);
  transform: rotate(355deg);
  z-index: -1;
}

#circle74 {
  right: -44px;
  bottom: 113px;
  -webkit-transform: rotate(358deg);
  transform: rotate(358deg);
  z-index: -1;
}

#circle75 {
  right: -47px;
  bottom: 95px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  z-index: -1;
}

#circle76 {
  right: -47px;
  bottom: 84px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  z-index: -1;
}

#circle77 {
  right: -47px;
  bottom: 84px;
  -webkit-transform: rotate(14deg);
  transform: rotate(14deg);
  z-index: -1;
}

#circle78 {
  right: -47px;
  bottom: 79px;
  -webkit-transform: rotate(14deg);
  transform: rotate(14deg);
  z-index: -1;
}

#circle79 {
  right: -47px;
  bottom: 76px;
  -webkit-transform: rotate(14deg);
  transform: rotate(14deg);
  z-index: -1;
}

#circle80 {
  right: -47px;
  bottom: 72px;
  -webkit-transform: rotate(14deg);
  transform: rotate(14deg);
  z-index: -1;
}

#circle81 {
  right: -47px;
  bottom: 72px;
  -webkit-transform: rotate(16deg);
  transform: rotate(16deg);
  z-index: -1;
}

#circle82 {
  right: -47px;
  bottom: 69px;
  -webkit-transform: rotate(16deg);
  transform: rotate(16deg);
  z-index: -1;
}

#circle83 {
  right: -47px;
  bottom: 66px;
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
  z-index: -1;
}

#circle84 {
  right: -47px;
  bottom: 65px;
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
  z-index: -1;
}

#circle85 {
  right: -47px;
  bottom: 63px;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  z-index: -1;
}

#circle86 {
  right: -46px;
  bottom: 58px;
  -webkit-transform: rotate(22deg);
  transform: rotate(22deg);
  z-index: -1;
}

#circle87 {
  right: -46px;
  bottom: 55px;
  -webkit-transform: rotate(22deg);
  transform: rotate(22deg);
  z-index: -1;
}

#circle88 {
  right: -46px;
  bottom: 53px;
  -webkit-transform: rotate(22deg);
  transform: rotate(22deg);
  z-index: -1;
}

#circle89 {
  right: -44px;
  bottom: 53px;
  -webkit-transform: rotate(23deg);
  transform: rotate(23deg);
  z-index: -1;
}

#circle90 {
  right: -44px;
  bottom: 49px;
  -webkit-transform: rotate(26deg);
  transform: rotate(26deg);
  z-index: -1;
}

#circle91 {
  right: -44px;
  bottom: 46px;
  -webkit-transform: rotate(26deg);
  transform: rotate(26deg);
  z-index: -1;
}

#circle92 {
  right: -44px;
  bottom: 46px;
  -webkit-transform: rotate(28deg);
  transform: rotate(28deg);
  z-index: -1;
}

#circle93 {
  right: -42px;
  bottom: 43px;
  -webkit-transform: rotate(28deg);
  transform: rotate(28deg);
  z-index: -1;
}

#circle94 {
  right: -42px;
  bottom: 41px;
  -webkit-transform: rotate(28deg);
  transform: rotate(28deg);
  z-index: -1;
}

#circle95 {
  right: -42px;
  bottom: 41px;
  -webkit-transform: rotate(31deg);
  transform: rotate(31deg);
  z-index: -1;
}

#circle96 {
  right: -38px;
  bottom: 36px;
  -webkit-transform: rotate(33deg);
  transform: rotate(33deg);
  z-index: -1;
}

#circle97 {
  right: -35px;
  bottom: 26px;
  -webkit-transform: rotate(33deg);
  transform: rotate(33deg);
  z-index: -1;
}

#circle98 {
  right: -28px;
  bottom: 14px;
  -webkit-transform: rotate(41deg);
  transform: rotate(41deg);
  z-index: -1;
}

#circle99 {
  right: -23px;
  bottom: 9px;
  -webkit-transform: rotate(46deg);
  transform: rotate(46deg);
  z-index: -1;
}

#circle100 {
  right: -5px;
  bottom: -10px;
  -webkit-transform: rotate(57deg);
  transform: rotate(57deg);
  z-index: -1;
}

.abuze {
  width: 100%;
}

.diagram {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.diagram::before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border-radius: 50%;
  background: #fff;
  z-index: 3;
  opacity: 1;
  border: 1px solid #b9b9b9;
}

.diagram .piece {
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
  position: absolute;
}

.diagram .piece::before {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
}

.diagram .piece.left {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 2;
  border-radius: 50%;
}

.diagram.over_50 .piece.left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.diagram .piece.right {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 1;
  border-radius: 50%;
}

.diagram.over_50 .piece.right {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.diagram .left::before {
  background: #059;
}

.diagram.over_50 .left::before {
  background: #990;
}

.diagram .right::before {
  background: #059;
}

.diagram .text {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.diagram .text b {
  font-size: 72px;
}

.diagram .text span {
  font-size: 16px;
  display: block;
}

.graphic__first_first-sec {
  margin-top: 10px;
}

#widget-meter {
  width: 300px;
  margin: 0 auto;
}

#widget-meter .needle,
#widget-meter .needle-center {
  fill: gray;
}

.triangle__circles {
  -webkit-transition: 1s all;
  transition: 1s all;
  position: absolute;
  top: 275px;
  left: 166px;
  -webkit-transform: rotate(139deg);
  transform: rotate(139deg);
}

.triangle0 {
  position: absolute;
  top: 275px;
  left: 149px;
  -webkit-transform: rotate(140deg);
  transform: rotate(140deg);
  z-index: 1;
}

.triangle1 {
  position: absolute;
  top: 272px;
  left: 144px;
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
  z-index: 1;
}

.triangle2 {
  position: absolute;
  top: 265px;
  left: 138px;
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
  z-index: 1;
}

.triangle3 {
  position: absolute;
  top: 263px;
  left: 136px;
  -webkit-transform: rotate(148deg);
  transform: rotate(148deg);
  z-index: 1;
}

.triangle4 {
  position: absolute;
  top: 258px;
  left: 129px;
  -webkit-transform: rotate(148deg);
  transform: rotate(148deg);
  z-index: 1;
}

.triangle5 {
  position: absolute;
  top: 254px;
  left: 125px;
  -webkit-transform: rotate(151deg);
  transform: rotate(151deg);
  z-index: 1;
}

.triangle6 {
  position: absolute;
  top: 249px;
  left: 122px;
  -webkit-transform: rotate(153deg);
  transform: rotate(153deg);
  z-index: 1;
}

.triangle7 {
  position: absolute;
  top: 243px;
  left: 120px;
  -webkit-transform: rotate(155deg);
  transform: rotate(155deg);
  z-index: 1;
}

.triangle8 {
  position: absolute;
  top: 237px;
  left: 116px;
  -webkit-transform: rotate(159deg);
  transform: rotate(159deg);
  z-index: 1;
}

.triangle9 {
  position: absolute;
  top: 234px;
  left: 114px;
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
  z-index: 1;
}

.triangle10 {
  position: absolute;
  top: 227px;
  left: 113px;
  -webkit-transform: rotate(164deg);
  transform: rotate(164deg);
  z-index: 1;
}

.triangle11 {
  position: absolute;
  top: 222px;
  left: 110px;
  -webkit-transform: rotate(168deg);
  transform: rotate(168deg);
  z-index: 1;
}

.triangle12 {
  position: absolute;
  top: 217px;
  left: 107px;
  -webkit-transform: rotate(171deg);
  transform: rotate(171deg);
  z-index: 1;
}

.triangle13 {
  position: absolute;
  top: 211px;
  left: 107px;
  -webkit-transform: rotate(176deg);
  transform: rotate(176deg);
  z-index: 1;
}

.triangle14 {
  position: absolute;
  top: 206px;
  left: 107px;
  -webkit-transform: rotate(177deg);
  transform: rotate(177deg);
  z-index: 1;
}

.triangle15 {
  position: absolute;
  top: 199px;
  left: 105px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 1;
}

.triangle16 {
  position: absolute;
  top: 192px;
  left: 103px;
  -webkit-transform: rotate(182deg);
  transform: rotate(182deg);
  z-index: 1;
}

.triangle17 {
  position: absolute;
  top: 186px;
  left: 103px;
  -webkit-transform: rotate(185deg);
  transform: rotate(185deg);
  z-index: 1;
}

.triangle18 {
  position: absolute;
  top: 182px;
  left: 100px;
  -webkit-transform: rotate(192deg);
  transform: rotate(192deg);
  z-index: 1;
}

.triangle19 {
  position: absolute;
  top: 175px;
  left: 100px;
  -webkit-transform: rotate(195deg);
  transform: rotate(195deg);
  z-index: 1;
}

.triangle20 {
  position: absolute;
  top: 168px;
  left: 100px;
  -webkit-transform: rotate(197deg);
  transform: rotate(197deg);
  z-index: 1;
}

.triangle21 {
  position: absolute;
  top: 162px;
  left: 100px;
  -webkit-transform: rotate(199deg);
  transform: rotate(199deg);
  z-index: 1;
}

.triangle22 {
  position: absolute;
  top: 156px;
  left: 100px;
  -webkit-transform: rotate(202deg);
  transform: rotate(202deg);
  z-index: 1;
}

.triangle23 {
  position: absolute;
  top: 150px;
  left: 104px;
  -webkit-transform: rotate(204deg);
  transform: rotate(204deg);
  z-index: 1;
}

.triangle24 {
  position: absolute;
  top: 142px;
  left: 104px;
  -webkit-transform: rotate(208deg);
  transform: rotate(208deg);
  z-index: 1;
}

.triangle25 {
  position: absolute;
  top: 134px;
  left: 104px;
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  z-index: 1;
}

.triangle26 {
  position: absolute;
  top: 129px;
  left: 110px;
  -webkit-transform: rotate(214deg);
  transform: rotate(214deg);
  z-index: 1;
}

.triangle28 {
  position: absolute;
  top: 118px;
  left: 114px;
  -webkit-transform: rotate(218deg);
  transform: rotate(218deg);
  z-index: 1;
}

.triangle29 {
  position: absolute;
  top: 115px;
  left: 117px;
  -webkit-transform: rotate(223deg);
  transform: rotate(223deg);
  z-index: 1;
}

.triangle30 {
  position: absolute;
  top: 108px;
  left: 123px;
  -webkit-transform: rotate(226deg);
  transform: rotate(226deg);
  z-index: 1;
}

.triangle31 {
  position: absolute;
  top: 103px;
  left: 126px;
  -webkit-transform: rotate(228deg);
  transform: rotate(228deg);
  z-index: 1;
}

.triangle32 {
  position: absolute;
  top: 96px;
  left: 129px;
  -webkit-transform: rotate(230deg);
  transform: rotate(230deg);
  z-index: 1;
}

.triangle33 {
  position: absolute;
  top: 91px;
  left: 134px;
  -webkit-transform: rotate(232deg);
  transform: rotate(232deg);
  z-index: 1;
}

.triangle34 {
  position: absolute;
  top: 86px;
  left: 137px;
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
  z-index: 1;
}

.triangle35 {
  position: absolute;
  top: 81px;
  left: 146px;
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
  z-index: 1;
}

.triangle36 {
  position: absolute;
  top: 79px;
  left: 150px;
  -webkit-transform: rotate(239deg);
  transform: rotate(239deg);
  z-index: 1;
}

.triangle37 {
  position: absolute;
  top: 71px;
  left: 153px;
  -webkit-transform: rotate(241deg);
  transform: rotate(241deg);
  z-index: 1;
}

.triangle38 {
  position: absolute;
  top: 69px;
  left: 160px;
  -webkit-transform: rotate(244deg);
  transform: rotate(244deg);
  z-index: 1;
}

.triangle39 {
  position: absolute;
  top: 66px;
  left: 164px;
  -webkit-transform: rotate(249deg);
  transform: rotate(249deg);
  z-index: 1;
}

.triangle40 {
  position: absolute;
  top: 63px;
  left: 171px;
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
  z-index: 1;
}

.triangle41 {
  position: absolute;
  top: 59px;
  left: 178px;
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
  z-index: 1;
}

.triangle42 {
  position: absolute;
  top: 57px;
  left: 183px;
  -webkit-transform: rotate(256deg);
  transform: rotate(256deg);
  z-index: 1;
}

.triangle43 {
  position: absolute;
  top: 55px;
  left: 189px;
  -webkit-transform: rotate(259deg);
  transform: rotate(259deg);
  z-index: 1;
}

.triangle44 {
  position: absolute;
  top: 55px;
  left: 193px;
  -webkit-transform: rotate(264deg);
  transform: rotate(264deg);
  z-index: 1;
}

.triangle45 {
  position: absolute;
  top: 53px;
  left: 202px;
  -webkit-transform: rotate(264deg);
  transform: rotate(264deg);
  z-index: 1;
}

.triangle46 {
  position: absolute;
  top: 51px;
  left: 207px;
  -webkit-transform: rotate(269deg);
  transform: rotate(269deg);
  z-index: 1;
}

.triangle47 {
  position: absolute;
  top: 51px;
  left: 207px;
  -webkit-transform: rotate(269deg);
  transform: rotate(269deg);
  z-index: 1;
}

.triangle48 {
  position: absolute;
  top: 51px;
  left: 222px;
  -webkit-transform: rotate(274deg);
  transform: rotate(274deg);
  z-index: 1;
}

.triangle49 {
  position: absolute;
  top: 51px;
  left: 228px;
  -webkit-transform: rotate(278deg);
  transform: rotate(278deg);
  z-index: 1;
}

.triangle50 {
  position: absolute;
  top: 47px;
  left: 237px;
  -webkit-transform: rotate(279deg);
  transform: rotate(279deg);
  z-index: 1;
}

.triangle51 {
  position: absolute;
  top: 49px;
  left: 243px;
  -webkit-transform: rotate(283deg);
  transform: rotate(283deg);
  z-index: 1;
}

.triangle52 {
  position: absolute;
  top: 49px;
  left: 248px;
  -webkit-transform: rotate(287deg);
  transform: rotate(287deg);
  z-index: 1;
}

.triangle53 {
  position: absolute;
  top: 52px;
  right: 203px;
  -webkit-transform: rotate(291deg);
  transform: rotate(291deg);
  z-index: 1;
}

.triangle54 {
  position: absolute;
  top: 53px;
  right: 199px;
  -webkit-transform: rotate(295deg);
  transform: rotate(295deg);
  z-index: 1;
}

.triangle55 {
  position: absolute;
  top: 57px;
  right: 186px;
  -webkit-transform: rotate(295deg);
  transform: rotate(295deg);
  z-index: 1;
}

.triangle56 {
  position: absolute;
  top: 57px;
  right: 186px;
  -webkit-transform: rotate(295deg);
  transform: rotate(295deg);
  z-index: 1;
}

.triangle56 {
  position: absolute;
  top: 57px;
  right: 186px;
  -webkit-transform: rotate(295deg);
  transform: rotate(295deg);
  z-index: 1;
}

.triangle57 {
  position: absolute;
  top: 57px;
  right: 176px;
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  z-index: 1;
}

.triangle58 {
  position: absolute;
  top: 60px;
  right: 167px;
  -webkit-transform: rotate(304deg);
  transform: rotate(304deg);
  z-index: 1;
}

.triangle59 {
  position: absolute;
  top: 65px;
  right: 164px;
  -webkit-transform: rotate(304deg);
  transform: rotate(304deg);
  z-index: 1;
}

.triangle60 {
  position: absolute;
  top: 65px;
  right: 158px;
  -webkit-transform: rotate(307deg);
  transform: rotate(307deg);
  z-index: 1;
}

.triangle61 {
  position: absolute;
  top: 72px;
  right: 151px;
  -webkit-transform: rotate(310deg);
  transform: rotate(310deg);
  z-index: 1;
}

.triangle62 {
  position: absolute;
  top: 74px;
  right: 146px;
  -webkit-transform: rotate(314deg);
  transform: rotate(314deg);
  z-index: 1;
}

.triangle63 {
  position: absolute;
  top: 79px;
  right: 142px;
  -webkit-transform: rotate(318deg);
  transform: rotate(318deg);
  z-index: 1;
}

.triangle64 {
  position: absolute;
  top: 79px;
  right: 142px;
  -webkit-transform: rotate(318deg);
  transform: rotate(318deg);
  z-index: 1;
}

.triangle65 {
  position: absolute;
  top: 86px;
  right: 132px;
  -webkit-transform: rotate(323deg);
  transform: rotate(323deg);
  z-index: 1;
}

.triangle66 {
  position: absolute;
  top: 88px;
  right: 129px;
  -webkit-transform: rotate(326deg);
  transform: rotate(326deg);
  z-index: 1;
}

.triangle67 {
  position: absolute;
  top: 95px;
  right: 124px;
  -webkit-transform: rotate(329deg);
  transform: rotate(329deg);
  z-index: 1;
}

.triangle68 {
  position: absolute;
  top: 100px;
  right: 122px;
  -webkit-transform: rotate(328deg);
  transform: rotate(328deg);
  z-index: 1;
}

.triangle69 {
  position: absolute;
  top: 105px;
  right: 115px;
  -webkit-transform: rotate(332deg);
  transform: rotate(332deg);
  z-index: 1;
}

.triangle70 {
  position: absolute;
  top: 109px;
  right: 115px;
  -webkit-transform: rotate(336deg);
  transform: rotate(336deg);
  z-index: 1;
}

.triangle71 {
  position: absolute;
  top: 118px;
  right: 109px;
  -webkit-transform: rotate(336deg);
  transform: rotate(336deg);
  z-index: 1;
}

.triangle72 {
  position: absolute;
  top: 123px;
  right: 107px;
  -webkit-transform: rotate(341deg);
  transform: rotate(341deg);
  z-index: 1;
}

.triangle73 {
  position: absolute;
  top: 130px;
  right: 106px;
  -webkit-transform: rotate(341deg);
  transform: rotate(341deg);
  z-index: 1;
}

.triangle74 {
  position: absolute;
  top: 133px;
  right: 105px;
  -webkit-transform: rotate(347deg);
  transform: rotate(347deg);
  z-index: 1;
}

.triangle75 {
  position: absolute;
  top: 140px;
  right: 100px;
  -webkit-transform: rotate(350deg);
  transform: rotate(350deg);
  z-index: 1;
}

.triangle76 {
  position: absolute;
  top: 148px;
  right: 97px;
  -webkit-transform: rotate(350deg);
  transform: rotate(350deg);
  z-index: 1;
}

.triangle77 {
  position: absolute;
  top: 154px;
  right: 95px;
  -webkit-transform: rotate(353deg);
  transform: rotate(353deg);
  z-index: 1;
}

.triangle78 {
  position: absolute;
  top: 159px;
  right: 95px;
  -webkit-transform: rotate(357deg);
  transform: rotate(357deg);
  z-index: 1;
}

.triangle79 {
  position: absolute;
  top: 166px;
  right: 95px;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  z-index: 1;
}

.triangle80 {
  position: absolute;
  top: 173px;
  right: 95px;
  -webkit-transform: rotate(363deg);
  transform: rotate(363deg);
  z-index: 1;
}

.triangle81 {
  position: absolute;
  top: 178px;
  right: 95px;
  -webkit-transform: rotate(365deg);
  transform: rotate(365deg);
  z-index: 1;
}

.triangle82 {
  position: absolute;
  top: 187px;
  right: 95px;
  -webkit-transform: rotate(369deg);
  transform: rotate(369deg);
  z-index: 1;
}

.triangle83 {
  position: absolute;
  top: 191px;
  right: 95px;
  -webkit-transform: rotate(374deg);
  transform: rotate(374deg);
  z-index: 1;
}

.triangle84 {
  position: absolute;
  top: 201px;
  right: 95px;
  -webkit-transform: rotate(374deg);
  transform: rotate(374deg);
  z-index: 1;
}

.triangle85 {
  position: absolute;
  top: 205px;
  right: 95px;
  -webkit-transform: rotate(379deg);
  transform: rotate(379deg);
  z-index: 1;
}

.triangle86 {
  position: absolute;
  top: 211px;
  right: 95px;
  -webkit-transform: rotate(381deg);
  transform: rotate(381deg);
  z-index: 1;
}

.triangle87 {
  position: absolute;
  top: 220px;
  right: 99px;
  -webkit-transform: rotate(384deg);
  transform: rotate(384deg);
  z-index: 1;
}

.triangle88 {
  position: absolute;
  top: 225px;
  right: 99px;
  -webkit-transform: rotate(384deg);
  transform: rotate(384deg);
  z-index: 1;
}

.triangle89 {
  position: absolute;
  top: 229px;
  right: 105px;
  -webkit-transform: rotate(390deg);
  transform: rotate(390deg);
  z-index: 1;
}

.triangle90 {
  position: absolute;
  top: 234px;
  right: 108px;
  -webkit-transform: rotate(394deg);
  transform: rotate(394deg);
  z-index: 1;
}

.triangle91 {
  position: absolute;
  top: 239px;
  right: 110px;
  -webkit-transform: rotate(397deg);
  transform: rotate(397deg);
  z-index: 1;
}

.triangle92 {
  position: absolute;
  top: 244px;
  right: 111px;
  -webkit-transform: rotate(399deg);
  transform: rotate(399deg);
  z-index: 1;
}

.triangle93 {
  position: absolute;
  top: 249px;
  right: 111px;
  -webkit-transform: rotate(402deg);
  transform: rotate(402deg);
  z-index: 1;
}

.triangle94 {
  position: absolute;
  top: 254px;
  right: 116px;
  -webkit-transform: rotate(404deg);
  transform: rotate(404deg);
  z-index: 1;
}

.triangle95 {
  position: absolute;
  top: 260px;
  right: 122px;
  -webkit-transform: rotate(404deg);
  transform: rotate(404deg);
  z-index: 1;
}

.triangle96 {
  position: absolute;
  top: 266px;
  right: 122px;
  -webkit-transform: rotate(409deg);
  transform: rotate(409deg);
  z-index: 1;
}

.triangle97 {
  position: absolute;
  top: 271px;
  right: 133px;
  -webkit-transform: rotate(409deg);
  transform: rotate(409deg);
  z-index: 1;
}

.triangle98 {
  position: absolute;
  top: 276px;
  right: 133px;
  -webkit-transform: rotate(415deg);
  transform: rotate(415deg);
  z-index: 1;
}

.triangle99 {
  position: absolute;
  top: 279px;
  right: 138px;
  -webkit-transform: rotate(415deg);
  transform: rotate(415deg);
  z-index: 1;
}

.triangle100 {
  position: absolute;
  top: 285px;
  right: 143px;
  -webkit-transform: rotate(422deg);
  transform: rotate(422deg);
  z-index: 1;
}

.pointer_circle0 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 5px solid #07afef;
  background: white;
  position: absolute;
  top: 346px;
  left: 139px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle0 .pointer_circle0_0 {
  width: 10px;
  height: 10px;
  background-color: #07afef;
  border-radius: 50%;
}

.pointer_circle1 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 5px solid #07afef;
  background: white;
  position: absolute;
  top: 339px;
  left: 133px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle1 .pointer_circle1_1 {
  width: 10px;
  height: 10px;
  background-color: #07afef;
  border-radius: 50%;
}

.pointer_circle2 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 332px;
  left: 126px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle2 .pointer_circle2_2 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle3 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 325px;
  left: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle3 .pointer_circle3_3 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle4 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 317px;
  left: 115px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle4 .pointer_circle4_4 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle5 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 310px;
  left: 109px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle5 .pointer_circle5_5 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle6 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 303px;
  left: 104px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle6 .pointer_circle6_6 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle7 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 295px;
  left: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle7 .pointer_circle7_7 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle8 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 287px;
  left: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle8 .pointer_circle8_8 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle9 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 278px;
  left: 92px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle9 .pointer_circle9_9 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle10 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 270px;
  left: 89px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle10 .pointer_circle10_10 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle11 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 261px;
  left: 86px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle11 .pointer_circle11_11 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle12 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 252px;
  left: 83px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle12 .pointer_circle12_12 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle13 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 243px;
  left: 81px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle13 .pointer_circle13_13 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle14 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 235px;
  left: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle14 .pointer_circle14_14 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle15 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 226px;
  left: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle15 .pointer_circle15_15 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle16 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 216px;
  left: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle16 .pointer_circle16_16 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle17 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 207px;
  left: 77px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle17 .pointer_circle17_17 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle18 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 198px;
  left: 77px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle18 .pointer_circle18_18 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle19 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 188px;
  left: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle19 .pointer_circle19_19 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle20 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 179px;
  left: 79px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle20 .pointer_circle20_20 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle21 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 171px;
  left: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle21 .pointer_circle21_21 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle22 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 162px;
  left: 82px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle22 .pointer_circle22_22 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle23 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 153px;
  left: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle23 .pointer_circle23_23 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle24 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 144px;
  left: 87px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle24 .pointer_circle24_24 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle25 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 136px;
  left: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle25 .pointer_circle25_25 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle26 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 127px;
  left: 93px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle26 .pointer_circle26_26 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle27 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 119px;
  left: 97px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle27 .pointer_circle27_27 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle28 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 111px;
  left: 102px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle28 .pointer_circle28_28 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle29 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 103px;
  left: 106px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle29 .pointer_circle29_29 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle30 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 95px;
  left: 112px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle30 .pointer_circle30_30 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle31 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 89px;
  left: 117px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle31 .pointer_circle31_31 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle32 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 81px;
  left: 123px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle32 .pointer_circle32_32 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle33 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 75px;
  left: 129px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle33 .pointer_circle33_33 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle34 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 68px;
  left: 136px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle34 .pointer_circle34_34 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle35 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 62px;
  left: 143px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle35 .pointer_circle35_35 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle36 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 56px;
  left: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle36 .pointer_circle36_36 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle37 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 50px;
  left: 157px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle37 .pointer_circle37_37 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle38 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 45px;
  left: 165px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle38 .pointer_circle38_38 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle39 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 41px;
  left: 173px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle39 .pointer_circle39_39 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle40 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 36px;
  left: 181px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle40 .pointer_circle40_40 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle41 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 32px;
  left: 189px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle41 .pointer_circle41_41 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle42 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 29px;
  left: 198px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle42 .pointer_circle42_42 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle43 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 25px;
  left: 206px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle43 .pointer_circle43_43 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle44 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 23px;
  left: 215px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle44 .pointer_circle44_44 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle45 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 21px;
  left: 224px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle45 .pointer_circle45_45 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle46 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 19px;
  left: 233px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle46 .pointer_circle46_46 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle47 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 17px;
  left: 242px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle47 .pointer_circle47_47 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle48 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 16px;
  left: 252px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle48 .pointer_circle48_48 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle49 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 16px;
  left: 261px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle49 .pointer_circle49_49 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle50 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 16px;
  left: 270px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle50 .pointer_circle50_50 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle51 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 16px;
  right: 246px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle51 .pointer_circle51_51 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle52 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 17px;
  right: 237px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle52 .pointer_circle52_52 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle53 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 18px;
  right: 227px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle53 .pointer_circle53_53 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle54 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 20px;
  right: 218px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle54 .pointer_circle54_54 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle55 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 24px;
  right: 205px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle55 .pointer_circle55_55 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle56 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 24px;
  right: 205px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle56 .pointer_circle56_56 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle57 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 28px;
  right: 192px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle57 .pointer_circle57_57 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle58 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 32px;
  right: 183px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle58 .pointer_circle58_58 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle59 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 35px;
  right: 175px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle59 .pointer_circle59_59 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle60 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 40px;
  right: 167px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle60 .pointer_circle60_60 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle61 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 45px;
  right: 159px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle61 .pointer_circle61_61 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle62 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 50px;
  right: 151px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle62 .pointer_circle62_62 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle63 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 56px;
  right: 144px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle63 .pointer_circle63_63 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle64 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 61px;
  right: 137px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle64 .pointer_circle64_64 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle65 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 67px;
  right: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle65 .pointer_circle65_65 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle66 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 73px;
  right: 123px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle66 .pointer_circle66_66 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle67 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 80px;
  right: 117px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle67 .pointer_circle67_67 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle68 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 87px;
  right: 111px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle68 .pointer_circle68_68 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle69 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 95px;
  right: 106px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle69 .pointer_circle69_69 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle70 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 102px;
  right: 101px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle70 .pointer_circle70_70 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle71 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 110px;
  right: 95px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle71 .pointer_circle71_71 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle72 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 118px;
  right: 91px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle72 .pointer_circle72_72 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle73 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 5px solid #07afef;
  background: white;
  position: absolute;
  top: 126px;
  right: 87px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle73 .pointer_circle73_73 {
  width: 10px;
  height: 10px;
  background-color: #07afef;
  border-radius: 50%;
}

.pointer_circle74 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 135px;
  right: 83px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle74 .pointer_circle74_74 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle75 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 143px;
  right: 81px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle75 .pointer_circle75_75 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle76 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 152px;
  right: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle76 .pointer_circle76_76 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle77 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 161px;
  right: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle77 .pointer_circle77_77 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle78 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 170px;
  right: 74px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle78 .pointer_circle78_78 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle79 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 179px;
  right: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle79 .pointer_circle79_79 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle80 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 188px;
  right: 71px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle80 .pointer_circle80_80 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle81 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 197px;
  right: 71px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle81 .pointer_circle81_81 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle82 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 206px;
  right: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle82 .pointer_circle82_82 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle83 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 216px;
  right: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle83 .pointer_circle83_83 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle84 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 225px;
  right: 71px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle84 .pointer_circle84_84 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle85 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 234px;
  right: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle85 .pointer_circle85_85 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle86 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 243px;
  right: 74px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle86 .pointer_circle86_86 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle87 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 252px;
  right: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle87 .pointer_circle87_87 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle88 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 260px;
  right: 79px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle88 .pointer_circle88_88 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle89 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 269px;
  right: 81px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle89 .pointer_circle89_89 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle90 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 278px;
  right: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle90 .pointer_circle90_90 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle91 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 286px;
  right: 89px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle91 .pointer_circle91_91 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle92 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 295px;
  right: 93px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle92 .pointer_circle92_92 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle93 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 302px;
  right: 97px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle93 .pointer_circle93_93 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle94 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 310px;
  right: 102px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle94 .pointer_circle94_94 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle95 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 318px;
  right: 108px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle95 .pointer_circle95_95 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle96 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 325px;
  right: 113px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle96 .pointer_circle96_96 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle97 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 332px;
  right: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle97 .pointer_circle97_97 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle98 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 338px;
  right: 126px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle98 .pointer_circle98_98 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle99 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 345px;
  right: 133px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle99 .pointer_circle99_99 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.pointer_circle100 {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid black;
  background: transparent;
  position: absolute;
  top: 351px;
  right: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer_circle100 .pointer_circle100_100 {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}

.bas {
  border: 5px solid #07afef;
  background: white;
}

.bas_g {
  border: 5px solid #89d079;
  background: white;
}

.bas1 {
  border: 5px solid #fbf037;
  background: white;
}

.trdn {
  display: none;
}

.trdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.trdb {
  display: block;
}

.svgFill {
  fill: #e6ebf4 !important;
}

@media (max-width: 1200px) {
  .left__wrapper_second-digit {
    width: 100%;
    top: 12px;
    left: 0;
  }

  .right__wrapper_first-digit {
    top: 10px;
    left: 0;
  }

  .graphic__first_first {
    margin-right: 10px;
    font-size: 26px;
    white-space: nowrap;
  }

  .testCircle {
    margin-left: -40px;
  }

  .graphic__third_third {
    font-size: 26px;
  }

  .circle {
    margin-left: 141px;
  }

  .pointer_circle0 {
    left: 100px;
  }

  .pointer_circle1 {
    left: 96px;
    top: 340px;
  }

  .pointer_circle2 {
    left: 93px;
    top: 339px;
  }

  .pointer_circle3 {
    top: 339px;
    left: 94px;
  }

  .pointer_circle4 {
    top: 325px;
    left: 81px;
  }

  .pointer_circle5 {
    top: 318px;
    left: 75px;
  }

  .pointer_circle6 {
    top: 311px;
    left: 70px;
  }

  .pointer_circle7 {
    top: 303px;
    left: 65px;
  }

  .pointer_circle8 {
    top: 295px;
    left: 60px;
  }

  .pointer_circle9 {
    top: 287px;
    left: 56px;
  }

  .pointer_circle10 {
    top: 279px;
    left: 53px;
  }

  .pointer_circle11 {
    top: 270px;
    left: 49px;
  }

  .pointer_circle12 {
    top: 261px;
    left: 46px;
  }

  .pointer_circle13 {
    top: 253px;
    left: 43px;
  }

  .pointer_circle14 {
    top: 244px;
    left: 41px;
  }

  .pointer_circle15 {
    top: 234px;
    left: 39px;
  }

  .pointer_circle16 {
    top: 226px;
    left: 38px;
  }

  .pointer_circle17 {
    top: 217px;
    left: 37px;
  }

  .pointer_circle18 {
    top: 207px;
    left: 37px;
  }

  .pointer_circle19 {
    top: 199px;
    left: 37px;
  }

  .pointer_circle20 {
    top: 190px;
    left: 38px;
  }

  .pointer_circle21 {
    top: 181px;
    left: 38px;
  }

  .pointer_circle22 {
    top: 171px;
    left: 40px;
  }

  .pointer_circle23 {
    top: 163px;
    left: 42px;
  }

  .pointer_circle24 {
    top: 154px;
    left: 43px;
  }

  .pointer_circle25 {
    top: 145px;
    left: 47px;
  }

  .pointer_circle26 {
    top: 137px;
    left: 50px;
  }

  .pointer_circle27 {
    top: 129px;
    left: 53px;
  }

  .pointer_circle28 {
    top: 120px;
    left: 57px;
  }

  .pointer_circle29 {
    top: 112px;
    left: 60px;
  }

  .pointer_circle30 {
    top: 105px;
    left: 65px;
  }

  .pointer_circle31 {
    top: 96px;
    left: 71px;
  }

  .pointer_circle32 {
    top: 89px;
    left: 77px;
  }

  .pointer_circle33 {
    top: 81px;
    left: 82px;
  }

  .pointer_circle34 {
    top: 75px;
    left: 89px;
  }

  .pointer_circle35 {
    top: 69px;
    left: 94px;
  }

  .pointer_circle36 {
    top: 63px;
    left: 102px;
  }

  .pointer_circle37 {
    top: 57px;
    left: 108px;
  }

  .pointer_circle38 {
    top: 51px;
    left: 116px;
  }

  .pointer_circle39 {
    top: 46px;
    left: 124px;
  }

  .pointer_circle40 {
    top: 40px;
    left: 132px;
  }

  .pointer_circle41 {
    top: 36px;
    left: 139px;
  }

  .pointer_circle42 {
    top: 32px;
    left: 148px;
  }

  .pointer_circle43 {
    top: 29px;
    left: 157px;
  }

  .pointer_circle44 {
    top: 26px;
    left: 165px;
  }

  .pointer_circle45 {
    top: 23px;
    left: 175px;
  }

  .pointer_circle46 {
    top: 21px;
    left: 183px;
  }

  .pointer_circle47 {
    top: 17px;
    left: 201px;
  }

  .pointer_circle48 {
    top: 17px;
    left: 201px;
  }

  .pointer_circle49 {
    top: 16px;
    left: 210px;
  }

  .pointer_circle50 {
    top: 16px;
    left: 220px;
  }

  .pointer_circle51 {
    top: 16px;
    right: 205px;
  }

  .pointer_circle52 {
    top: 18px;
    right: 197px;
  }

  .pointer_circle53 {
    top: 18px;
    right: 187px;
  }

  .pointer_circle54 {
    top: 18px;
    right: 178px;
  }

  .pointer_circle55 {
    top: 21px;
    right: 169px;
  }

  .pointer_circle56 {
    top: 21px;
    right: 170px;
  }

  .pointer_circle57 {
    top: 25px;
    right: 151px;
  }

  .pointer_circle58 {
    top: 29px;
    right: 143px;
  }

  .pointer_circle59 {
    top: 32px;
    right: 134px;
  }

  .pointer_circle60 {
    top: 36px;
    right: 126px;
  }

  .pointer_circle61 {
    top: 40px;
    right: 118px;
  }

  .pointer_circle62 {
    top: 45px;
    right: 109px;
  }

  .pointer_circle63 {
    top: 50px;
    right: 101px;
  }

  .pointer_circle64 {
    top: 55px;
    right: 94px;
  }

  .pointer_circle65 {
    top: 61px;
    right: 87px;
  }

  .pointer_circle66 {
    top: 67px;
    right: 80px;
  }

  .pointer_circle67 {
    top: 75px;
    right: 73px;
  }

  .pointer_circle68 {
    top: 81px;
    right: 67px;
  }

  .pointer_circle69 {
    top: 88px;
    right: 61px;
  }

  .pointer_circle70 {
    top: 96px;
    right: 55px;
  }

  .pointer_circle71 {
    top: 103px;
    right: 50px;
  }

  .pointer_circle72 {
    top: 111px;
    right: 45px;
  }

  .pointer_circle73 {
    top: 123px;
    right: 40px;
  }

  .pointer_circle74 {
    top: 127px;
    right: 37px;
  }

  .pointer_circle75 {
    top: 136px;
    right: 33px;
  }

  .pointer_circle76 {
    top: 144px;
    right: 30px;
  }

  .pointer_circle77 {
    top: 153px;
    right: 27px;
  }

  .pointer_circle78 {
    top: 162px;
    right: 25px;
  }

  .pointer_circle79 {
    top: 171px;
    right: 23px;
  }

  .pointer_circle80 {
    top: 179px;
    right: 22px;
  }

  .pointer_circle81 {
    top: 188px;
    right: 21px;
  }

  .pointer_circle82 {
    top: 198px;
    right: 21px;
  }

  .pointer_circle83 {
    top: 208px;
    right: 21px;
  }

  .pointer_circle84 {
    top: 217px;
    right: 21px;
  }

  .pointer_circle85 {
    top: 226px;
    right: 22px;
  }

  .pointer_circle86 {
    top: 235px;
    right: 24px;
  }

  .pointer_circle87 {
    top: 244px;
    right: 25px;
  }

  .pointer_circle88 {
    top: 256px;
    right: 28px;
  }

  .pointer_circle89 {
    top: 261px;
    right: 29px;
  }

  .pointer_circle90 {
    top: 270px;
    right: 32px;
  }

  .pointer_circle91 {
    top: 278px;
    right: 36px;
  }

  .pointer_circle92 {
    top: 286px;
    right: 39px;
  }

  .pointer_circle93 {
    top: 295px;
    right: 44px;
  }

  .pointer_circle94 {
    top: 303px;
    right: 47px;
  }

  .pointer_circle95 {
    top: 311px;
    right: 53px;
  }

  .pointer_circle96 {
    top: 319px;
    right: 59px;
  }

  .pointer_circle97 {
    top: 325px;
    right: 63px;
  }

  .pointer_circle98 {
    top: 332px;
    right: 70px;
  }

  .pointer_circle99 {
    top: 339px;
    right: 77px;
  }

  .pointer_circle100 {
    right: 90px;
  }

  .triangle32 {
    top: 98px;
    right: 281px;
    -webkit-transform: rotate(230deg);
    transform: rotate(230deg);
  }

  .triangle33 {
    top: 98px;
    right: 281px;
    -webkit-transform: rotate(232deg);
    transform: rotate(232deg);
  }

  .triangle34 {
    top: 89px;
    right: 272px;
    -webkit-transform: rotate(237deg);
    transform: rotate(237deg);
  }

  .triangle35 {
    top: 89px;
    right: 272px;
    -webkit-transform: rotate(237deg);
    transform: rotate(237deg);
  }

  .triangle36 {
    top: 82px;
    right: 262px;
    -webkit-transform: rotate(245deg);
    transform: rotate(245deg);
  }

  .triangle37 {
    top: 82px;
    right: 262px;
    -webkit-transform: rotate(245deg);
    transform: rotate(245deg);
  }

  .triangle38 {
    top: 76px;
    right: 257px;
    -webkit-transform: rotate(245deg);
    transform: rotate(245deg);
  }

  .triangle39 {
    top: 74px;
    right: 250px;
    -webkit-transform: rotate(249deg);
    transform: rotate(249deg);
  }

  .triangle40 {
    top: 75px;
    right: 249px;
    -webkit-transform: rotate(254deg);
    transform: rotate(254deg);
  }

  .triangle41 {
    top: 72px;
    right: 245px;
    -webkit-transform: rotate(256deg);
    transform: rotate(256deg);
  }

  .triangle42 {
    top: 67px;
    right: 240px;
    -webkit-transform: rotate(258deg);
    transform: rotate(258deg);
  }

  .triangle43 {
    top: 64px;
    right: 231px;
    -webkit-transform: rotate(261deg);
    transform: rotate(261deg);
  }

  .triangle44 {
    top: 60px;
    right: 224px;
    -webkit-transform: rotate(263deg);
    transform: rotate(263deg);
  }

  .triangle45 {
    top: 60px;
    right: 221px;
    -webkit-transform: rotate(266deg);
    transform: rotate(266deg);
  }

  .triangle46 {
    top: 57px;
    right: 215px;
    -webkit-transform: rotate(269deg);
    transform: rotate(269deg);
  }

  .triangle47 {
    top: 40px;
    right: 185px;
    -webkit-transform: rotate(273deg);
    transform: rotate(273deg);
  }

  .triangle48 {
    top: 62px;
    right: 208px;
    -webkit-transform: rotate(277deg);
    transform: rotate(277deg);
  }

  .triangle49 {
    top: 61px;
    right: 202px;
    -webkit-transform: rotate(279deg);
    transform: rotate(279deg);
  }

  .triangle50 {
    top: 60px;
    right: 199px;
    -webkit-transform: rotate(281deg);
    transform: rotate(281deg);
  }

  .triangle51 {
    top: 57px;
    right: 186px;
    -webkit-transform: rotate(281deg);
    transform: rotate(281deg);
  }

  .triangle52 {
    top: 58px;
    right: 181px;
    -webkit-transform: rotate(284deg);
    transform: rotate(284deg);
  }

  .triangle53 {
    top: 49px;
    right: 159px;
    -webkit-transform: rotate(290deg);
    transform: rotate(290deg);
  }

  .triangle54 {
    top: 49px;
    right: 155px;
    -webkit-transform: rotate(293deg);
    transform: rotate(293deg);
  }

  .triangle55 {
    top: 50px;
    right: 148px;
    -webkit-transform: rotate(295deg);
    transform: rotate(295deg);
  }

  .triangle56 {
    top: 50px;
    right: 148px;
    -webkit-transform: rotate(295deg);
    transform: rotate(295deg);
  }

  .triangle57 {
    top: 55px;
    right: 134px;
    -webkit-transform: rotate(302deg);
    transform: rotate(302deg);
  }

  .triangle58 {
    top: 57px;
    right: 126px;
    -webkit-transform: rotate(306deg);
    transform: rotate(306deg);
  }

  .triangle59 {
    top: 56px;
    right: 119px;
    -webkit-transform: rotate(307deg);
    transform: rotate(307deg);
  }

  .triangle60 {
    top: 62px;
    right: 112px;
    -webkit-transform: rotate(311deg);
    transform: rotate(311deg);
  }

  .triangle61 {
    top: 66px;
    right: 108px;
    -webkit-transform: rotate(314deg);
    transform: rotate(314deg);
  }

  .triangle62 {
    top: 69px;
    right: 101px;
    -webkit-transform: rotate(314deg);
    transform: rotate(314deg);
  }

  .triangle63 {
    top: 72px;
    right: 94px;
    -webkit-transform: rotate(317deg);
    transform: rotate(317deg);
  }

  .triangle64 {
    top: 79px;
    right: 89px;
    -webkit-transform: rotate(319deg);
    transform: rotate(319deg);
  }

  .triangle65 {
    top: 81px;
    right: 89px;
    -webkit-transform: rotate(325deg);
    transform: rotate(325deg);
  }

  .triangle66 {
    top: 87px;
    right: 83px;
    -webkit-transform: rotate(328deg);
    transform: rotate(328deg);
  }

  .triangle67 {
    top: 90px;
    right: 76px;
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
  }

  .triangle68 {
    top: 97px;
    right: 74px;
    -webkit-transform: rotate(331deg);
    transform: rotate(331deg);
  }

  .triangle69 {
    top: 104px;
    right: 66px;
    -webkit-transform: rotate(337deg);
    transform: rotate(337deg);
  }

  .triangle70 {
    top: 104px;
    right: 66px;
    -webkit-transform: rotate(337deg);
    transform: rotate(337deg);
  }

  .triangle71 {
    top: 110px;
    right: 60px;
    -webkit-transform: rotate(339deg);
    transform: rotate(339deg);
  }

  .triangle72 {
    top: 120px;
    right: 58px;
    -webkit-transform: rotate(347deg);
    transform: rotate(347deg);
  }

  .triangle73 {
    top: 126px;
    right: 54px;
    -webkit-transform: rotate(347deg);
    transform: rotate(347deg);
  }

  .triangle74 {
    top: 130px;
    right: 51px;
    -webkit-transform: rotate(347deg);
    transform: rotate(347deg);
  }

  .triangle75 {
    top: 138px;
    right: 48px;
    -webkit-transform: rotate(350deg);
    transform: rotate(350deg);
  }

  .triangle76 {
    top: 143px;
    right: 48px;
    -webkit-transform: rotate(354deg);
    transform: rotate(354deg);
  }

  .triangle77 {
    top: 151px;
    right: 48px;
    -webkit-transform: rotate(356deg);
    transform: rotate(356deg);
  }

  .triangle78 {
    top: 159px;
    right: 48px;
    -webkit-transform: rotate(356deg);
    transform: rotate(356deg);
  }

  .triangle79 {
    top: 169px;
    right: 48px;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  .triangle80 {
    top: 169px;
    right: 48px;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  .triangle81 {
    top: 175px;
    right: 48px;
    -webkit-transform: rotate(366deg);
    transform: rotate(366deg);
  }

  .triangle82 {
    top: 181px;
    right: 48px;
    -webkit-transform: rotate(366deg);
    transform: rotate(366deg);
  }

  .triangle83 {
    top: 190px;
    right: 45px;
    -webkit-transform: rotate(373deg);
    transform: rotate(373deg);
  }

  .triangle84 {
    top: 193px;
    right: 45px;
    -webkit-transform: rotate(377deg);
    transform: rotate(377deg);
  }

  .triangle85 {
    top: 201px;
    right: 45px;
    -webkit-transform: rotate(380deg);
    transform: rotate(380deg);
  }

  .triangle86 {
    top: 206px;
    right: 45px;
    -webkit-transform: rotate(383deg);
    transform: rotate(383deg);
  }

  .triangle87 {
    top: 213px;
    right: 48px;
    -webkit-transform: rotate(385deg);
    transform: rotate(385deg);
  }

  .triangle88 {
    top: 224px;
    right: 51px;
    -webkit-transform: rotate(389deg);
    transform: rotate(389deg);
  }

  .triangle89 {
    top: 226px;
    right: 50px;
    -webkit-transform: rotate(391deg);
    transform: rotate(391deg);
  }

  .triangle90 {
    top: 230px;
    right: 53px;
    -webkit-transform: rotate(393deg);
    transform: rotate(393deg);
  }

  .triangle91 {
    top: 236px;
    right: 57px;
    -webkit-transform: rotate(396deg);
    transform: rotate(396deg);
  }

  .triangle92 {
    top: 242px;
    right: 58px;
    -webkit-transform: rotate(398deg);
    transform: rotate(398deg);
  }

  .triangle93 {
    top: 248px;
    right: 60px;
    -webkit-transform: rotate(403deg);
    transform: rotate(403deg);
  }

  .triangle94 {
    top: 252px;
    right: 63px;
  }

  .triangle95 {
    top: 260px;
    right: 67px;
  }

  .triangle96 {
    top: 262px;
    right: 75px;
  }

  .triangle97 {
    top: 267px;
    right: 75px;
  }

  .triangle98 {
    top: 274px;
    right: 81px;
  }

  .triangle99 {
    top: 275px;
    right: 86px;
  }

  .triangle100 {
    top: 283px;
    right: 95px;
  }
}

.blockPdf {
  -webkit-box-shadow: 0px 18px 37px -23px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 18px 37px -23px rgba(0, 0, 0, 0.75);
  padding: 0 20px 10px 20px;
}

.blockPdf__title {
  color: #07afef;
  font-family: "D-DIN", sans-serif;
  font-size: 18px;
  text-align: center;
}

.blockPdf__title_line {
  width: 100%;
  height: 1px;
  background-color: #000000;
  margin-top: 10px;
}

.blockPdf__img1 {
  width: 120px;
  margin: auto;
  margin-top: 20px;
}

.blockPdf__img1 img {
  width: 100%;
  height: 17px;
}

.blockPdf__descr {
  font-family: "Roboto", sans-serif;
  margin-top: 20px;
  font-size: 14px;
  line-height: 18px;
}

.blockPdf__descr a {
  color: #07afef;
}

.blockPdf1 {
  margin-top: 20px;
  -webkit-box-shadow: 0px 18px 37px -23px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 18px 37px -23px rgba(0, 0, 0, 0.75);
  padding: 0 20px 10px 20px;
}

.blockPdf1__img1 {
  width: 120px;
  margin: auto;
  margin-top: 20px;
}

.blockPdf1__img1 img {
  width: 100%;
}

.blockPdf1__descr {
  font-family: "Roboto", sans-serif;
  margin-top: 20px;
  font-size: 14px;
  line-height: 18px;
}

.blockPdf1__descr a {
  color: #07afef;
}

.graphic__button_left_details {
  border: 2px solid #ec008c;
  border-radius: 6px;
  background: transparent;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: -0.46875px;
  color: #ec008c;
  padding: 5px 20px;
  transition: 0.3s all;
  margin-left: auto;
  margin-top: 5px;
}

.graphic__button_left_details:hover {
  color: #e2e2e2;
  background: #ec008c;
  transition: 0.3s all;
}

.graphic__button_right_details {
  border: 2px solid #07afef;
  border-radius: 6px;
  background: transparent;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: -0.46875px;
  color: #07afef;
  padding: 5px 20px;
  transition: 0.3s all;
}

.graphic__button_right_details:hover {
  color: #e2e2e2;
  background: #07afef;
  transition: 0.3s all;
}

.main_desctop_pop__header_adv {
  border-bottom-color: #07afef;
}

.left__wrapper_first-progress_awg {
  position: absolute;
  height: 12px;
  width: 2px;
  background-color: #07afef;
  top: -2px;
  z-index: 5;
  box-shadow: 0px 0px 4px 0px #000000;
}

.left__wrapper_first-progress_awg .awg_num {
  font-family: "Roboto", sans-serif;
  display: block;
  position: absolute;
  top: 10px;
  color: #535353;
  transform: translateX(-50%);
  font-size: 12px;
  width: 45px;
}

.graphic__first_digit .graphic__first_digit_subtitle,
.graphic__third_digit .graphic__first_digit_subtitle {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  letter-spacing: normal;
}

.graphic__first_digit_subtitle {
  position: absolute;
  top: 40px;
  width: 100%;
  text-align: center;
}

.graphic__first_digit_subtitle-left {
  text-align: center;
}

.row {
  margin: 0 !important;
}

.goals__row_main {
  margin-top: 30px !important;
}

.goals__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.goals__title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1;
  letter-spacing: -1.5px;
  color: #07afef;
}

.goals__title div {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 15px;
  letter-spacing: -0.78125px;
  color: #000000;
  padding-top: 10px;
}

.goals__score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 7px;
}

.goals__score_btn {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -0.46875px;
  color: #07afef;
  padding: 10px 20px;
  background: #f2f2f2;
  border: 2px solid #07afef;
  border-radius: 4px;
}

.goals__score_btn span {
  margin-left: 5px;
}

.goals__score_open {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
}

.goals__score_open span {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #07afef;
}

.goals__score_closed {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  color: #535353;
  margin-left: 30px;
}

.goals__score_closed span {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #535353;
}

.goals__left_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 3px solid #ec008c;
  margin-bottom: 20px;
}

.goals__left_title-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #ec008c;
}

.goals__left_title-index {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ec008c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.goals__left_title-index img {
  margin-left: 5px;
  cursor: pointer;
}

.goals__left_block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.goals__left_block-title div {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #535353;
}

.goals__left_block-title-mt {
  margin-top: 20px;
}

.goals__left_block-main_title {
  margin-top: 5px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.5px;
  color: #000000;
  margin-left: 10px;
}

.goals__left_block-main_title-mt {
  margin-top: 10px;
}

.goals__left_block-main_box {
  background: #ffffff;
  border-radius: 4px;
  padding: 10px;
  margin-top: 7px;
}

.goals__left_block-main_box-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.goals__left_block-main_box-top_circle {
  min-width: 8px;
  min-height: 8px;
  border-radius: 50%;
  background: #ec008c;
}

.goals__left_block-main_box-top_circle-blue {
  background: #07afef;
}

.goals__left_block-main_box-top_quest {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.5px;
  margin-left: 5px;
  width: 75%;
}

.goals__left_block-main_box-top button {
  padding: 3px 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  letter-spacing: -0.46875px;
  color: #07afef;
  margin-left: auto;
  border: 1px solid #07afef;
  border-radius: 6px;
  background: #ffffff;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.goals__left_block-main_box-top button:hover {
  color: #ffffff;
  border: 1px solid #ffffff;
  background: #07afef;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.goals__left_block-main_box-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.goals__left_block-main_box-bottom img {
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.goals__left_block-main_box-bottom_title {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  color: #ec008c;
  margin-top: 3px;
  cursor: pointer;
}

.goals__left_block-main_box-bottom_title-close {
  display: none;
}

.goals__left_block-main_box-bottom_title-blue {
  color: #07afef;
}

.goals__right_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 3px solid #07afef;
  margin-bottom: 20px;
}

.goals__right_title-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #07afef;
}

.goals__right_title-index {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #07afef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.goals__right_title-index img {
  margin-left: 5px;
  cursor: pointer;
}

.goals__right_block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.goals__right_block-title div {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #535353;
}

.goals__right_block-title-mt {
  margin-top: 20px;
}

.goals__right_block-main_title {
  margin-top: 5px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.5px;
  color: #000000;
  margin-left: 10px;
}

.goals__right_block-main_title-mt {
  margin-top: 10px;
}

.goals__right_block-main_box {
  background: #ffffff;
  border-radius: 4px;
  padding: 10px;
  margin-top: 7px;
}

.goals__right_block-main_box-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.goals__right_block-main_box-top_circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ec008c;
}

.goals__right_block-main_box-top_quest {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.5px;
  margin-left: 5px;
}

.goals__right_block-main_box-top button {
  padding: 3px 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  letter-spacing: -0.46875px;
  color: #07afef;
  margin-left: auto;
  border: 1px solid #07afef;
  border-radius: 6px;
  background: #ffffff;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.goals__right_block-main_box-top button:hover {
  color: #ffffff;
  border: 1px solid #ffffff;
  background: #07afef;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.goals__right_block-main_box-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.goals__right_block-main_box-bottom img {
  margin-left: -3px;
  cursor: pointer;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.goals__right_block-main_box-bottom_title {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  color: #ec008c;
  margin-top: 3px;
  cursor: pointer;
}

.goals__right_block-main_box-bottom_title-close {
  display: none;
}

.goals__dropdown {
  display: none;
  margin-bottom: 15px;
}

.goals__dropdown_item {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.goals__dropdown_circle {
  min-width: 8px;
  min-height: 8px;
  border: 1px solid #ec008c;
  border-radius: 50%;
}

.goals__dropdown_circle-blue {
  border: 1px solid #07afef;
}

.goals__dropdown_text {
  width: 75%;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.5px;
  color: #535353;
  margin-left: 5px;
}

.goals__dropdown_item button {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.46875px;
  color: #07afef;
  background-color: #fff;
  border: 1px solid #07afef;
  border-radius: 6px;
  margin-left: auto;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  padding: 5px;
}

.goals__dropdown_1 button:hover,
.goals__dropdown_2 button:hover,
.goals__dropdown_3 button:hover {
  color: #ffffff;
  background-color: #07afef;
  border: 1px solid #ffffff;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.test {
  color: red;
  display: none;
}

.dn {
  display: none;
}

.db {
  display: block;
}

.close_btn_rotate {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  display: block;
}

.btn_go_toGoals {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 155px;
  height: 50px;
  border: 2px solid #07AFEF;
  border-radius: 4px;
  background-color: transparent;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 50px;
}

.btn_go_toGoals_top {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
}

.wrapper__new_Design_twoBTN {
  display: flex;
  align-items: center;
}

.btn_dashboard_new {
  margin-top: 0;
  height: 50px;
}

.btn_go_toGoals_second {
  margin-left: 10px;
}

.btn_go_toGoalsml {
  margin-left: 0;
}

.btn_go_toGoals div {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.46875px;
  color: #07AFEF;
}

.btn_go_toGoals_second {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 155px;
  height: 50px;
  border: none;
  background-color: transparent;
  background-color: #07AFEF;
  border-radius: 6px;
}

.btn_go_toGoals_second div {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.46875px;
  color: #ffffff;
  margin-left: 3px;
}

.small_num_dash {
  font-size: 30px;
  letter-spacing: 2px;
}

.assessment_header {
  display: flex;
  justify-content: space-between;
}

a:hover {
  text-decoration: none;
}


* {
  font-family: 'D-DIN', sans-serif
}

.row {
  margin: 0 !important
}

.complete__row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.complete__title {
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  letter-spacing: -1.5px;
  color: #07AFEF
}

.complete__title_under {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.78125px;
  color: #000000;
  margin-top: -12px
}

.complete__button {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px solid #07AFEF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  width: 209px;
  height: 50px
}

.complete__button div {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.46875px;
  color: #07AFEF;
  margin-left: 5px
}

.complete__main {
  margin-top: 120px
}

.complete__main_title {
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 130%;
  text-align: center;
  letter-spacing: -1.5px;
  color: #07AFEF
}

.complete__main_closed {
  margin-top: 23px;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  color: #979797;
  text-align: center
}

.complete__main_output {
  text-align: center;
  margin-top: 32px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 130%;
  color: #000000;
  margin-bottom: 20px
}

.complete__main_links {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.complete__main_links img {
  margin-right: 10px
}

.complete__main_button {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 212px;
  height: 50px;
  border: none;
  background: #07AFEF;
  border-radius: 6px;
  margin-top: 100px
}

.complete__main_button div {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.46875px;
  color: #FFFFFF;
  margin-left: 5px
}


/* notes */



.my__notes_title {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.78125px;
  color: #000000;
  margin-bottom: 10px;
}

.my__notes_textarrea textarea.notes {
  padding: 10px;
  width: 100%;
  height: 120px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.5px;
  color: #263238;
  resize: none;
  outline: none;
  background: #FFFFFF;
  border: 1px solid #B9B9B9;
  box-sizing: border-box;
  border-radius: 8px;
}

.txtArrea_innerText {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.5px;
  color: #263238;
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 8px;
}

.my__notes_btn_save {
  width: 150px;
  height: 40px;
  border: 2px solid #07AFEF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #07AFEF;
  cursor: pointer;
  transition: .3s all;
}

.my__notes_btn_close {
  width: 150px;
  height: 40px;
  border: 2px solid #07AFEF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #07AFEF;
  cursor: pointer;
  transition: .3s all;
}

.my__notes_btn_save:hover {
  border: 2px solid #07AFEF;
  color: #ffffff;
  background: #07AFEF;
  transition: .3s all;
}

.my__notes_btn_cancel {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07AFEF;
  margin-left: 10px;
  cursor: pointer;
}

.my__notes_btn_dlt {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07AFEF;
  margin-left: 10px;
  cursor: pointer;
}

.my__notes_empty_wrapper {
  margin-top: 5px;
  display: flex;
  align-items: center;
}

.openNotes {
  width: 150px;
  height: 40px;
  border: 2px solid #07AFEF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #07AFEF;
  color: #ffffff;
  cursor: pointer;
  transition: .3s all;
}

.openNotes:hover {
  border: 2px solid #07AFEF;
  background: #fff;
  transition: .3s all;
  color: #07AFEF;
}

.my__notes {
  display: none;
}

.my__notes_btn_save {
  display: none;
}

.my__notes_btn_dlt {
  display: none;
}

.my__notes_btn_edit {
  display: none;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07AFEF;
  cursor: pointer;
}


.quest_queez__box_form_notes {
  margin: 12px 0 16px 0;
}

.sixPage__block_left__notes_title {
  margin: 11px 0 6px 0;
  font-family: 'D-DIN';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}

.sixPage__block_left__notes_descr {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 130%;
  margin-left: 10px;
  letter-spacing: -0.5px;
  color: #263238;
}

/* To-do now */
.taskDoNow {
  margin-left: 15px;
  margin-right: 15px;
}

.taskDoNow__heading {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #07AFEF;
  border-bottom: 2px solid #07AFEF;
  width: 15%;
  text-align: center;
}

.taskDoNow__heading_underline {
  height: 1px;
  background: rgba(179, 194, 224, 0.5);
}

.taskDoNow__block {
  background-color: #fff;
  padding: 15px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  position: relative;
}

.taskDoNow__row {
  margin-top: 30px !important;
}

.taskDoNow__btns {
  display: flex;
  align-items: center;
}

.taskDoNow__btns_select {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.46875px;
  color: #07AFEF;
  border: 2px solid #07AFEF;
  box-sizing: border-box;
  border-radius: 6px;
  width: 180px;
  height: 50px;
  transition: .3s all;
}

.taskDoNow__btns_select:hover {
  color: #fff;
  border: 2px solid #07AFEF;
  background: #07AFEF;
  transition: .3s all;
}

.taskDoNow__btns_cancel {
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #07AFEF;
  letter-spacing: -0.5px;
  margin-left: 20px;
}

.taskDoNow__block_wrapper-title {
  display: flex;
  align-items: center;
}

.taskDoNow__block_wrapper-title img {
  width: 24px;
  height: 24px;
}

.taskDoNow__block_title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #535353;
  margin-left: 5px;
}

.goals__left_block-btn {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.46875px;
  color: #FFFFFF;
  background: #07AFEF;
  border-radius: 6px;
  width: 180px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid #07AFEF;
  transition: .3s all;
}

.goals__left_block-btn:hover {
  color: #07AFEF;
  background: #FFFFFF;
  border: 2px solid #07AFEF;
  transition: .3s all;
}

.taskDoNow__block_wrapper-questAns {
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-top: 5px;
}

.taskDoNow__block__wrapper {
  display: flex;
  align-items: center;
}

.taskDoNow__left__block {
  width: 85%;
}

.taskDoNow__box-red {
  position: absolute;
  top: -10px;
  left: 15px;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  width: 80px;
  height: 20px;
  background: #EC008C;
  border-radius: 2px;
}

/*====Класс для синего блока======*/
.taskDoNow__box-blue {
  position: absolute;
  top: -10px;
  left: 15px;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  width: 80px;
  height: 20px;
  background: #07AFEF;
  border-radius: 2px;
}

.all__task {
  margin-top: 35px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
  color: #B3C2E0;
  margin-left: 15px;
  border-bottom: 1px solid #B3C2E0;
  width: 15%;
  text-align: center;
}

.task_pink,
.task_blue {
  border: 1px solid #EC008C;
  box-sizing: border-box;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

.task_blue {
  border-color: #07AFEF;
}

.selected_answer {
  position: absolute;
  top: 0;
  right: 0;
  font-family: 'D-DIN';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #EC008C;
  transform: translateX(107%);
  width: 123px;
}

.mk_goal {
  position: absolute;
  font-family: 'D-DIN';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  align-items: center;
  text-align: center;
  letter-spacing: -0.46875px;
  color: #07AFEF;
  border: 1px solid #07AFEF;
  box-sizing: border-box;
  border-radius: 6px;
  width: 103px;
  height: 24px;
  right: 0;
  background-color: #fff;
  transform: translateX(107%);
  display: none;
  cursor: pointer;
  z-index: 2;
  align-items: center;
  justify-content: center;
}

.checkbox_queez::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: -127px;
  width: 135px;
  z-index: 1;
}

nav[aria-label="Page navigation"] {
  width: 100%;
}

.pagination {
  list-style-type: none;
  display: flex;
  justify-content: center;
  padding: 0;
}

.pagination li {
  margin: 0 10px;
}

/* admin */

.adminfirstPage__title {
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: -1.5px;
  color: #07afef;
  margin-bottom: 32px;
}

.adminfirstPage__name_input {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-left: 5px;
  margin-top: 15px;
}

.adminfirstPage__input {
  background: #fff;
  border: 1px solid #a2afc9;
  border-radius: 6px;
  width: 85%;
  margin-top: 5px;
  height: 50px;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #000;
}

::-webkit-input-placeholder {
  color: rgba(179, 194, 224, 0.5);
}

::-moz-placeholder {
  color: rgba(179, 194, 224, 0.5);
}

:-moz-placeholder {
  color: rgba(179, 194, 224, 0.5);
}

:-ms-input-placeholder {
  color: rgba(179, 194, 224, 0.5);
}

.adminfirstPage__btnEnter {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.46875px;
  color: #fff;
  background: #07afef;
  width: 210px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  transition: 0.3s linear;
}

.adminfirstPage__btnEnter:hover {
  color: #07afef;
  background: #f2f2f2;
  border: 2px solid #07afef;
  transition: 0.3s linear;
}

.adminfirstPage__btnForgotPass {
  border: none;
  background: transparent;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07afef;
  margin-left: 15px;
  cursor: pointer;
}

.adminfirstPage__btncancel {
  border: none;
  background: transparent;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07afef;
  margin-left: 15px;
  cursor: pointer;
}

.adminfirstPage__wrapperBTN {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: 33px;
}

.adminfirstPage__descr {
  font-size: 12px;
  line-height: 18px;
  color: #979797;
  margin-top: 24px;
}

.adminChoose__aside {
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  max-width: 90px;
  position: fixed;
  left: 0;
  top: 0;
  padding-top: 40px;
}
.adminChoose__aside-wrapper{
  max-width: 90px;
  left: 0;
  padding: 0;
}

.adminChoose__aside_home {
  background: transparent;
  padding: 8px 0 8px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.adminChoose__aside_home_active {
  background: #fff;
  color: black;
}

.adminChoose__aside_home-title {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  text-align: center;
}

.adminChoose__aside_home-title_active {
  color: #000;
}



.adminChoose__title {
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: -1.5px;
  color: #07afef;
  margin-left: 15px;
  padding-top: 40px;
}

.adminChoose__row {
  margin-top: 56px !important;
}

.adminChoose__users {
  padding: 10px 18px 18px 18px;
  background: #fff;
  border: 1px solid #a2afc9;
  border-radius: 8px;
  margin-left: 1%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.3s linear;
}

.adminChoose__users_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.adminChoose__users_info-first div {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -0.5px;
  color: #000;
}

.adminChoose__users_info-second {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: right;
  letter-spacing: -0.5px;
  color: #07afef;
  display: none;
}

.adminChoose__users__products_users {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #979797;
}

.adminChoose__users__products_mt {
  margin-top: 39px;
}

.adminChoose__cases {
  margin-top: 27px;
  height: 216px;
}

.otstup {
  margin-top: 150px;
}

.admindex__block {
  cursor: pointer;
  background: #fff;
  border-radius: 8px;
  padding: 10px 20px;
  min-height: 70px;
  height: 100%;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
}

.admindex__block img {
  width: 56px;
}

.row_adm_mb {
  margin-bottom: 10px !important;
}

.adm_viev_edit_qa {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.adm_viev_edit_qa img {
  width: 24px;
}

.adm_viev_edit_qa div {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07afef;
}

.admTraining__VE {
  display: flex;
  align-items: center;
  opacity: 0;
}

.admTraining__VE a {
  display: flex;
  margin-left: auto;
}

.admTraining__VE div {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07afef;
  margin-left: auto;
}

.index__blocksAdm {
  margin-top: 35px !important;
}

.adminChoose__aside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* padding-bottom: 20px; */
}

.btn_go_toGoals[type=button]:not(:disabled),
.btn_go_toGoals[type=reset]:not(:disabled),
.btn_go_toGoals[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
  outline: none;
}

.btn_go_toGoals_top {
  transition: .3s all;
}

.btn_go_toGoals_top:hover {
  transition: .3s all;
  background: #07aefe;

}

.btn_go_toGoals_top:hover div {
  transition: .3s all;
  color: white;
}

.btn_go_toGoals_top:hover svg path {
  transition: .3s all;
  stroke: white;
}

.admin__QA_btn {
  width: 260px;
  height: 50px;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.46875px;
  color: #fff;
  background: #07afef;
  border-radius: 6px;
  margin-top: 16px;
  margin-left: 15px;
}

.admCases__case {
  background: #fff;
  padding: 10px 20px 16px 15px;
  border: 1px solid #b3c2e0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  transition: 0.3s all;
}

.admCases__case_mt {
  margin-top: 56px;
}

.admCases__case_img {
  width: 12%;
  max-height: 56px;
}

.admCases__case_img img {
  max-width: 84px;
  max-height: 56px;
}

.admCases__case_cathegory {
  margin-left: 21px;
}

.admCases__case_cathegory-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -0.5px;
  color: #000;
}

.admCases__case_cathegory-sub {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #535353;
}

.admCases__button {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.46875px;
  color: #fff;
  width: 260px;
  height: 50px;
  background-color: #07afef;
  border-radius: 6px;
  border: 2px solid #07afef;
  transition: 0.3s all;
  margin-top: 10px;
}

.admCases__button:hover {
  transition: 0.3s all;
  background-color: transparent;
  color: #07afef;
}

.admCases__back {
  display: flex;
  align-items: center;
  margin-top: 80px;
}

.admCases__back_text {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #000;
}

.admCases__back_mtminus {
  margin-top: 0px;
  margin-left: 15px;
}

.admCases__row {
  margin-bottom: 7px !important;
}


.admUser__row {
  margin-top: 25px !important;
}

.admUser__tab {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-left: 15px;
}

.admUser__tab_users {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #000;
  width: 115px;
  text-align: center;
  border-bottom: 3px solid #000;
}

.admUser__tab_companies {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.75px;
  color: #b3c2e0;
  width: 164px;
  text-align: center;
  border-bottom: 2px solid #b3c2e0;
}

.admUser__block {
  background: #fff;
  border: 1px solid #b3c2e0;
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 11px 26px 12px 24px;
  display: flex;
  margin-bottom: 8px;
  cursor: pointer;
  transition: 0.3s all;
  position: relative;
}

.admUser__block_left {
  width: 40%;
}

.admUser__block_left a {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
}

.admUser__block_left-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -0.5px;
  color: #000;
}

.admUser__block_left-subtitle {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #535353;
}

.admUser__block_center-first {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  color: #535353;
}

.admUser__block_center-second {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  color: #000;
}

.admUser__block .admUser__block_center div{
  line-height: 15px;
}

.admUser__block a {
  display: flex;
  margin-left: auto;
}

.admTraining__buttons {
  display: flex;
  align-items: center;
}

.admTraining__way_info #trainings {
  display: none;
}

.admTraining__row {
  margin-top: 27px !important;
  /* height: 271px; */
}

.admTraining__upload {
  margin-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 50px;
  background: #07afef;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
}

.admTraining__example {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #07afef;
  margin-left: 16px;
  cursor: pointer;
}

.admTraining__block {
  background: #fff;
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding-left: 0;
  padding-right: 0;
  margin-right: 1%;
  border: 2px solid white;
  position: relative;
}

.admTraining__block_top {
  min-height: 170px;
  border-radius: 6px 6px 0px 0px;
  background: center center no-repeat;
  background-color: #fff;
  background-size: 100%;
  filter: grayscale(100%);
  transition: 0.7s all;
}

.admTraining__block_top:hover {
  filter: grayscale(0%);
  transition: 0.7s all;
}

.admTraining__block_top2 {
  min-height: 170px;
  border-radius: 6px 6px 0px 0px;
  background: url(../img/admTraining2.png) no-repeat;
  background-size: 100%;
  filter: grayscale(100%);
  transition: 0.7s all;
}

.admTraining__block_top2:hover {
  filter: grayscale(0%);
  transition: 0.7s all;
}

.admTraining__block_top3 {
  min-height: 170px;
  border-radius: 6px 6px 0px 0px;
  background: url(../img/admTraining3.png) no-repeat;
  background-size: 100%;
  filter: grayscale(100%);
  transition: 0.7s all;
}

.admTraining__block_top3:hover {
  filter: grayscale(0%);
  transition: 0.7s all;
}

.admTraining__block_main {
  padding: 14px 24px;
}

.admTraining__block_main-title {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -0.5px;
  color: #000;
}

.admTraining__block_main-subtitle {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #07afef;
}

.admTraining__block_main-subtitle-pink {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #ec008c;
}

.admSetting__row {
  margin-top: 47px !important;
}

.admSetting__mail {
  display: flex;
  align-items: center;
}

.admSetting__mail div {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  width: 30%;
}

.admSetting__mail input {
  background: #fff;
  border: 1px solid #a2afc9;
  border-radius: 6px;
  padding: 10px 15px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-left: 80px;
  width: 70%;
  margin-left: auto;
}

.admSetting__mail_admUser {
  margin-top: 66px;
}

.admSetting__mail_lastSeen {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}

.admSetting__mail_lastSeen-blue {
  color: #07afef;
}

.admSetting__mail_MT {
  margin-top: 22px;
}

.admSetting__pass {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.admSetting__pass div {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  width: 30%;
}

.admSetting__pass input {
  background: #fff;
  border: 1px solid #a2afc9;
  border-radius: 6px;
  padding: 10px 15px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-left: 80px;
  width: 70%;
  margin-left: auto;
}

.admSetting__pass_save {
  font-style: normal;
  border: none;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: none;
  justify-content: center;
  align-items: center;
  letter-spacing: -0.46875px;
  color: #fff;
  width: 165px;
  height: 50px;
  background: #07afef;
  border-radius: 6px;
  transition: 0.3s all;
  margin-left: 30%;
  margin-top: 25px;
}

.admCasesEdit__area_title,
.admCasesEdit__area_text {
  resize: none;
  border: none;
  width: 100%;
  height: 100%;
  display: block;
  outline: none;
  background: transparent;
}

.admCasesEdit__area_title {
  height: 50px;
}

.admSetting__pass_save:hover {
  transition: 0.3s all;
  background-color: pink;
}

.admSetting__passAgain {
  display: flex;
  align-items: center;
  margin-top: 16px;
  display: none;
}

.admSetting__passAgain div {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  width: 30%;
}

.admSetting__passAgain input {
  background: #fff;
  border: 1px solid #a2afc9;
  border-radius: 6px;
  padding: 10px 15px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-left: 80px;
  width: 70%;
  margin-left: auto;
}

.admSetting__changePass {
  margin-top: 15px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #07afef;
  margin-left: 30%;
  cursor: pointer;
}

.admSetting__changeSetting {
  margin-top: 15px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #07afef;
  margin-left: 30%;
  cursor: pointer;
  border: none;
  background: transparent;
}

.adminUser__downloadReport {
  color: #07afef !important;
  cursor: pointer;
}

.adminUser__downloadReport svg {
  margin-left: 20px;
}

.adminUser__scorePerson {
  margin-left: 30%;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}

.adminUser__scorePerson_wrapper {
  display: flex;
  align-items: center;
}

.adminUser__scorePerson__value {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #979797;
  width: 120px;
}

.adminUser__scorePerson__key {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #979797;
}

.incorrect_Adm_login {
  border-color: #d70000;
}

.laptopAdmin {
  width: 100%;
  margin-top: 180px;
}

.forgotPass {
  display: none;
}

.emailAdmin_error {
  display: none;
  font-size: 12px;
  line-height: 18px;
  color: #d30000;
  margin-left: 10px;
}

@media screen and (min-width: 2000px) {
  .main__header_digit {
    margin-left: auto;
  }
}

@media screen and (min-width: 1200px) {
  .adminChoose__users {
    max-width: 32%;
  }

  .admTraining__block {
    max-width: 32%;
  }

  .header__logo {
    width: 85%;
  }
}

@media screen and (max-width: 1200px) {
  .main__header_descr {
    padding-left: 20px;
  }

  .adminChoose__users {
    max-width: 32%;
  }

  .admTraining__block {
    max-width: 32%;
  }
}

@media screen and (max-width: 991px) {
  .adminChoose__users {
    max-width: 100%;
  }

  .adminChoose__cases {
    margin-top: 0;
    height: auto;
  }

  .adminChoose__users__products_mt {
    margin-top: 0;
  }

  .adminChoose__users {
    margin-top: 15px;
    flex-direction: row;
    align-items: center;
  }

  .burger {
    display: block;
  }

  .header__nav {
    display: none;
  }

  .header__links {
    display: none;
  }

  .quest_queez__side_img {
    display: none;
  }

  .quest_queez__side_title {
    display: none;
  }

  .eye {
    display: none;
  }

  .quest_queez__tra {
    margin-bottom: 10px;
  }

  .transparency_mini {
    display: block;
    position: absolute;
    top: 10px;
    right: 100px;
    width: 14%;
  }
}

.admSetting__mail .adminUser__downloadReport_width {
  width: 60%;
}

.admTwoTable__box {
  width: 120px;
  background: #F4F6FA;
  border: 1px solid #B3C2E0;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 12px;
}

.admTwoTable__box_chekbox_wrapper {
  display: flex;
  align-items: center;
}

.admTwoTable__box_title {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 6px;
}

.admTwoTable__box_chekbox_wrapper div {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 130%;
  letter-spacing: -0.5px;
  color: #535353;
  margin-left: 5px;
  margin-top: 3px;
}

.admTwoTable__box_qa_q {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  color: #000000;
  font-family: "Roboto", sans-serif;
  width: 10px;
}

.admTwoTable__box_qa_a {
  font-family: "Roboto", sans-serif;
  width: 29px;
  height: 18px;
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  text-align: center;
  color: #000000;
  margin-left: 5px;
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
}

.admTwoTable__box_qa {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}

/* .admTwoTable__box_qa_mt {
  margin-top: 10px;
} */

.admTwoTable__box_stages_text {
  font-style: italic;
  font-weight: 500;
  font-size: 12px;
  line-height: 190%;
  color: #000000;
}

.admTwoTable__box_stages_input {
  font-family: "Roboto", sans-serif;
  width: 55px;
  height: 18px;
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  text-align: center;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
}

.score_imp_ch_table span,
.score_imp_ch_table .header {
  color: #ec008c;
}

.score_imp_ch_table .header {
  min-width: 100px;
}

.score_imp_ch_table .first,
.score_imp_ch_table .second {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.admTwoTable__box_stagesWrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
}

.admTwoTable {
  display: flex;
}

.admTwoTable__box {
  margin-right: 5px;
}

.quest_queez__box_title_admin {
  margin-right: 0;
}

.edittextArreasubtitle.admin__question_change {
  top: 20px;
}

.quest_queez__box_title.admin__question_change {
  width: 700px;
  z-index: 9999;
}

.checkbox_queez_admin {
  margin-right: 0;
}

.checkbox_queez_admin label {
  width: 0;
}

.checkbox_queez_admin label::before {
  position: static;
  top: 0;
  left: 0;
}

.checkbox_queez_create {
  margin-left: 22px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07AFEF;
  display: flex;
  align-items: center;
}

.checkbox_queez_create div,
img {
  cursor: pointer;
}

.quest_queez__wrapper {
  display: flex;
}

.admTwoTable__box_stages {
  margin: 10px 0;
}

.quest_queez__wrapper:last-child {
  padding-bottom: 23px;
}

.admin__preMainAnswer__title {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  color: #07AFEF;
}

.admin__preMainAnswer__btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.admin__preMainAnswer__btns_cancel {
  width: 154px;
  height: 50px;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.46875px;
  color: #07AFEF;
  border: 2px solid #07AFEF;
  box-sizing: border-box;
  border-radius: 6px;
  margin-right: 15px;
  background: #F2F2F2;
  cursor: pointer;
  transition: .3s all;
}

.admin__preMainAnswer__btns_cancel:hover {
  color: #ffffff;
  border: 2px solid #07AFEF;
  background: #07AFEF;
  transition: .3s all;
}

.admin__preMainAnswer__btns_save {
  width: 154px;
  height: 50px;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.46875px;
  color: #FFFFFF;
  background: #07AFEF;
  border: 2px solid #07AFEF;
  border-radius: 6px;
  cursor: pointer;
  transition: .3s all;
}

.admin__preMainAnswer__btns_save:hover {
  color: #07AFEF;
  background: #ffffff;
  border: 2px solid #07AFEF;
  border-radius: 6px;
  cursor: pointer;
  transition: .3s all;
}

.admin__afterpreMainAnswer__category {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #000000;
}

.admin__afterpreMainAnswer__choose {
  position: relative;
  display: flex;
  align-items: center;
  width: 246px;
  height: 35px;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 0 18px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #535353;
  cursor: pointer;
  margin-left: 10px;
}

.admin__afterpreMainAnswer__chooseWML {
  width: 335px;
  height: 50px;
  margin-left: 0;
}

.admin__afterpreMainAnswer__chooseArrowDown {
  position: absolute;
  right: 10px;
  top: 7px;
}

.admin__afterpreMainAnswer__category_wrapper {
  display: flex;
  align-items: center;
}

.containerAdminAnswer__rowAfterPre {
  margin-top: 25px !important;
}

.admin__afterpreMainAnswer__choose_hiring {
  display: none;
}

.masskking__arrowAdminList {
  position: absolute;
  right: 4px;
  top: 5px;
  width: 27px;
  height: 20px;
  background-color: #ffffff;
}

.relmasskking__arrowAdminList {
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  margin-left: 20px;
  color: #535353;
}

.admin__afterpreMainAnswer__delete_wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;

}

.admin__afterpreMainAnswer__delete_wrapper img {
  cursor: pointer;
}

.admin__afterpreMainAnswer__delete {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07AFEF;
  cursor: pointer;
}

.admCasesEdit__img img {
  cursor: pointer;
  width: 99%;
}

.admCasesEdit__logo img {
  cursor: pointer;
  margin-top: 21px;
  width: 272px;
}

.admCasesEdit__logo input,
.admCasesEdit__img input {
  display: none;
}

.admCasesEdit__logo label {
  max-width: 272px;
}

.admCasesEdit__preMain_category {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  padding-left: 35px;
}

.admCasesEdit__title {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.625px;
  color: #000000;
  margin-top: 23px;
  display: flex;
  justify-content: space-between;
}



.admCasesEdit__title span,
.admCasesEdit__descr span {
  cursor: pointer;
}

.admCasesEdit__title_edit,
.admCasesEdit__descr_edit {
  border: 1px solid #07AFEF;
  background-color: #fff;
  border-radius: 4px;
  padding: 15px 0 15px 15px;
}

.admCasesEdit__buttons {
  display: flex;
  font-family: 'D-DIN';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #07AFEF;
  margin-left: 15px;
}

[contenteditable] {
  outline: 0px solid transparent;
}

.admCasesEdit__button_save {
  height: 41px;
  width: 87px;
  border: 2px solid #07AFEF;
  box-sizing: border-box;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.admCasesEdit__button_remove,
.admCasesEdit__button_cancel {
  height: 41px;
  width: 87px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.admCasesEdit__descr {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  color: #535353;
  margin-top: 42px;
  display: flex;
  justify-content: space-between;
}

.admCasesEdit__img_warn_formats_wrapper {
  margin-left: 20px;
  display: flex;
  align-items: center;
}

.admCasesEdit__img_warn_formats_wrapper img {
  width: 24px;
  height: 24%;
  margin-top: 0 !important;
  fill: #535353;
}

.admCasesEdit__warn_formats_wrapper {
  display: flex;
  align-items: center;
  padding-top: 10px;
  margin-left: 10px;
}

.admCasesEdit__warn_formats_wrapper img {
  width: 24px;
  height: 24px;
  margin-top: 0 !important;
}

.admCasesEdit__img_warn_formats_wrapper_text {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #B3C2E0;
  margin-left: 5px;
}

.admCasesEdit__logo_wrapper {
  display: flex;
  align-items: center;
}

.admCasesEdit__logo form {
  display: flex;
}

.mt16px {
  margin-top: 16px;
}

.AdminEdit {
  margin-left: 15px;
  margin-top: 30px;
  width: 100px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgba(208, 177, 237, 1) 0%, rgba(235, 221, 207, 1) 17%, rgba(0, 212, 255, 1) 100%);
  cursor: pointer;
  color: #ffffff;
  transition: 1s all;
}

.AdminEdit:hover {
  border-radius: 5px;
  cursor: pointer;
  color: #ffffff;
  background: linear-gradient(90deg, rgba(208, 177, 237, 1) 0%, rgba(235, 221, 207, 1) 73%, rgba(0, 212, 255, 1) 100%);
  transition: 1s all;
}

.AdminEdit__window {
  width: 100%;
  height: 65px;
  background: #FFFFFF;
  border: 1px solid #07AFEF;
  box-sizing: border-box;
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex;
  align-items: center;
}

.AdminEdit__window_btns {
  display: flex;
  align-items: center;
}

.AdminEdit__window_save {
  width: 85px;
  height: 40px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.5px;
  color: #07AFEF;
  border: 2px solid #07AFEF;
  border-radius: 6px;
  transition: .3s all;
  cursor: pointer;
}

.AdminEdit__window_save:hover {
  color: #ffffff;
  border: 2px solid #07AFEF;
  border-radius: 6px;
  background: #07AFEF;
  transition: .3s all;
}

.AdminEdit__window_delete {
  width: 85px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s all;
  cursor: pointer;
}

.AdminEdit__window_delete:hover {
  border: 2px solid #07AFEF;
  border-radius: 6px;
  background: #07AFEF;
  color: #ffffff;
  transition: .3s all;
}

.AdminEdit__window_input {
  width: 80%;
  padding-left: 20px;
}

.AdminEdit__window_btns {
  width: 20%;
  justify-content: flex-end;
}

.AdminEdit__window_input input {
  width: 100%;
  border: none;
  outline: none;
}




.edittextArreasubtitle {
  /* border: 2px solid #07AFEF; */
  /* display: flex; */
  width: 100%;
  margin-left: 48px;
  /* box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.1); */
  border-radius: 4px;
  /* padding: 10px 20px; */
}

.edittextArreasubtitle_btnSave {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.5px;
  color: #07AFEF;
  border: 2px solid #07AFEF;
  border-radius: 6px;
  width: 87px;
  height: 41px;
  transition: .3s all;
  margin-right: 10px;
}

.edittextArreasubtitle_btnSave:hover {
  transition: .3s all;
  color: #fff;
  border: 2px solid #07AFEF;
  background: #07AFEF;
}

.edittextArreasubtitle_btnDlt {
  margin-right: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07AFEF;
}

.edittextArreasubtitle_wrapper_btns {
  align-items: center;
  display: none;
}

@media screen and (min-width: 2000px) {
  .main__header_digit {
    margin-left: auto;
  }
}

@media screen and (min-width: 1200px) {
  .adminChoose__users {
    max-width: 32%;
  }

  .admTraining__block {
    max-width: 32%;
  }

  .header__logo {
    width: 85%;
  }
}

@media screen and (max-width: 1312px) {
  .containerAdminAnswer {
    margin-right: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 1200px) {
  .main__header_descr {
    padding-left: 20px;
  }

  .adminChoose__users {
    max-width: 32%;
  }

  .admTraining__block {
    max-width: 32%;
  }

  .quest_queez__box_form1_admin {
    width: 360px;
  }

  .admTwoTable__box {
    width: 115px;
  }

  .main_desctop_pop__aside_title {
    font-size: 22px;
  }

  .containerAdminAnswer {
    margin-right: auto;
    padding-right: 15px;
  }
}

@media screen and (max-width: 1133px) {
  .containerAdminAnswer {
    margin-right: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 991px) {
  .adminChoose__users {
    max-width: 100%;
  }

  .adminChoose__cases {
    margin-top: 0;
    height: auto;
  }

  .adminChoose__users__products_mt {
    margin-top: 0;
  }

  .adminChoose__users {
    margin-top: 15px;
    flex-direction: row;
    align-items: center;
  }

  .burger {
    display: block;
  }

  .header__nav {
    display: none;
  }

  .header__links {
    display: none;
  }

  .quest_queez__side_img {
    display: none;
  }

  .quest_queez__side_title {
    display: none;
  }

  .eye {
    display: none;
  }

  .quest_queez__tra {
    margin-bottom: 10px;
  }

  .transparency_mini {
    display: block;
    position: absolute;
    top: 10px;
    right: 100px;
    width: 14%;
  }

  .containerAdminAnswer {
    margin-right: auto;
    padding-right: 15px;
  }
}

ol {
  counter-reset: listStyle;
  padding-left: 0;
  margin-top: 10px;
}

ol li {
  counter-increment: listStyle;
  list-style-type: none;
  margin-top: 0;
  display: flex;
  width: 10px;
}

ol li::before {
  content: counter(listStyle, upper-alpha);
  display: inline-block;
  width: 7px;
  padding-left: 5px;
}


@media screen and (max-width: 896px) {
  .containerAdminAnswer {
    margin-right: 0;
    padding-right: 0;
  }
}

.admSetting__mail .adminUser__downloadReport_width {
  width: 60%;
}


.confirmDel {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 458px;
  padding: 38px 0 50px 0;
  background: #F4F6FA;
  border: 1px solid #B3C2E0;
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.confirmDel img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.confirmDel__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #07AFEF;
}

.confirmDel__subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: #535353;
  padding: 0 67px;
  margin-top: 15px;
}

.popUp_form {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.popUp_form input {
  text-align: center;
  max-width: 212px;
  width: 100%;
  height: 50px;
  font-size: 16px;
  line-height: 24px;
  background: #FFFFFF;
  border: 1px solid #A2AFC9;
  border-radius: 6px;
  outline: none;
}

.popUp_form button {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 218px;
  width: 100%;
  border: 2px solid #07AFEF;
  border-radius: 6px;
  height: 54px;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.46875px;
  color: #FFFFFF;
  background: #07AFEF;
  margin-top: 8px;
  transition: .3s;
  outline: none;
  opacity: .4;
  cursor: not-allowed;
}

/* .popUp_form button:hover{
  transition: .3s;
  color: #07AFEF;
  background: #ffffff;
  border: 2px solid #07AFEF;
} */
.confirmDel__close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  transition: .2s;
}

.confirmDel__close:hover {
  transform: scale(1.2);
  transition: .2s;
}

.imgTitle_popClose {
  animation: spinCloseTitle 4s ease-in-out;
}

@keyframes spinCloseTitle {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(1000deg);
  }

  100% {
    transform: rotate(1260deg);
  }
}



nav>.pagination>li.active {
  background-color: transparent;
}

.pagination li a {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #B3C2E0;
}

.pagination li.active a {
  color: #07AFEF;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  border-bottom: 1px solid #07AFEF;
}

li a[aria-label='First'],
li a[aria-label='Last'],
li a[aria-label="Previous"],
li a[aria-label="Next"] {
  visibility: hidden;
}

li a[aria-label="Previous"]::after,
li a[aria-label="Next"]::before {
  content: "<";
  visibility: visible;
  width: 4.83px;
  height: 10px;
  color: #07AFEF;
  position: absolute;

}

li a[aria-label="Next"]::before {
  content: ">";
}

/* new training view */
.admTraining__way_choose {
  display: flex;
  align-items: center;
}

.admTraining__way_choose_title {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #B3C2E0;
  padding: 0 10px;
  border-bottom: 2px solid #B3C2E0;
  cursor: pointer;
  white-space: nowrap;
}

.admTraining__way_choose_title-active {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #EC008C;
  border-bottom: 3px solid #EC008C;
}

.admTraining__info_forAdm_wrapper {
  display: flex;
  align-items: center;
}

.admTraining__info_forAdm_wrapper-text {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #B3C2E0;
  margin-left: 3px;
}

.admTraining__way_info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.admTraining__upload {
  margin-left: 5px;
}

.admTraining__block_main_circle {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid #B3C2E0;
  position: absolute;
  top: -23px;
  right: 16px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.admTraining__block_main {
  position: relative;
}

.admTraining__block_main-subtitle {
  margin-top: 14px;
}

.admTraining__block_main-subtitle-pink {
  margin-top: 14px;
}

.admTraining__block_main-subtitle-choose {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  margin-top: 14px;
  color: #535353;
}

.admTraining__block_main-subtitle {
  font-size: 14px;
}

.admTraining__block_main-title {
  outline: none;
  border: none;
  width: 85%;
  border: 1px solid white;
  border-radius: 4px;
}

.admTraining__block_top {
  background-size: 100% 100%;
}

.admTraining__block_top2 {
  background-size: 100% 100%;
}

.admTraining__block_top3 {
  background-size: 100% 100%;
}

.admTraining__block_main-subtitleSelect {
  display: none;
  width: 86%;
  background: #F4F6FA;
  border: 1px solid #B3C2E0;
  border-radius: 4px;
  margin-top: 14px;
}

.admTraining__block_main-subtitle-pink {
  font-size: 14px;
}

.admTraining__block_main_btnSave {
  width: 87px;
  height: 41px;
  border: 2px solid #07AFEF;
  border-radius: 6px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: none;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.5px;
  cursor: pointer;
  color: #07AFEF;
  margin-top: 5px;
  transition: .3s all;
}

.admTraining__block_main_btnSave:hover {
  color: #ffffff;
  border: 2px solid #07AFEF;
  background: #07AFEF;
  transition: .3s all;

}

.admTraining__block_remove {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-110%);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: right;
  letter-spacing: -0.5px;
  color: #07AFEF;
  margin-right: 5px;
  cursor: pointer;
  display: none;
}

@media screen and (max-width: 1157px) {
  .admTraining__info_forAdm_wrapper-text {
    font-size: 13px;
  }

  .admTraining__upload {
    width: 145px;
  }
}

@media screen and (max-width: 1088px) {
  .admTraining__info_forAdm_wrapper-text {
    font-size: 11px;
  }

  .admTraining__way_choose_title {
    font-size: 13px;
  }
}

@media screen and (max-width: 991px) {
  .admTraining__info_forAdm_wrapper {
    display: none;
  }

  .admTraining__way_choose_title {
    font-size: 14px;
  }
}

.admin__question_change {
  display: flex;
  border: 2px solid #07AFEF;
  padding: 10px 0px;
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 2;
  background: #fff;
  /* width: 150%; */
  align-items: center;
  left: 0;
  top: 0;
  border-radius: 4px;
}

li .admin__question_change {
  left: -120px;
  z-index: 9999;
}

.admin__parent_question_change {
  position: relative;
}

.label__blue_queez.admin__question_change {
  position: absolute;
  display: flex;
}

.admTwoTable__box {
  z-index: 100;
}

@media screen and (max-width: 1200px) {
  li .admin__question_change {
    left: -91px;
  }
}

.admin__question_change textarea {
  overflow: hidden;
}

.admTwoTable__box .admCasesEdit__button_save {
  border: none;
  justify-content: flex-start;
  color: #07aefe;
}

.admTwoTable__box_active {
  border: 1px solid #07aefe;
}

.containerAdminAnswer ul {
  list-style-type: none;
}

.containerAdminAnswer ul li div:first-child:after {
  content: '';
  display: block;
  min-width: 5px;
  min-height: 5px;
  max-width: 5px;
  max-height: 5px;
  border-radius: 50%;
  background-color: black;
  position: absolute;
  top: calc(50% - 3px);
  left: -10px;
  z-index: 0;
}

.containerAdminAnswer ul li {
  position: relative;
}

.containerAdminAnswer ul li div.admCasesEdit__button_save::after,
.containerAdminAnswer ul li div.admin__question_change::after {
  display: none;
}

/* trainings menu */



.burger {
  display: none
}

.body_over {
  overflow: hidden
}


.header__logo {
  max-width: 200px
}

.header__logo img {
  width: 100%
}

.header__main {
  margin-right: auto
}

.header__main ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 40px
}

.header__main ul li:last-child {
  margin-right: 0
}

.header__main ul li a {
  font-family: 'D-DIN';
  display: block;
  color: white;
  margin-right: 20px;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  -webkit-transition: 0.5s all;
  transition: 0.5s all
}

.header__main ul li a:hover {
  color: white;
  border-bottom: 2px solid white;
  -webkit-transition: 0.3s all;
  transition: 0.3s all
}

.header__button button {
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  max-width: 130px;
  width: 100%;
  letter-spacing: 1px;
  height: 36px;
  border: 1px solid #ffffff;
  background-color: #000000;
  border-radius: 3px;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  padding: 5px 20px
}

.header__button button:hover {
  background-color: #ffffff;
  color: #000000;
  -webkit-transition: 0.3s all;
  transition: 0.3s all
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.wrapper__main {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.aside {
  margin-top: 70px;
  padding-top: 30px;
  width: 270px;
  height: 100vh;
  background-color: #fff;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  position: fixed;
}

.aside ul li.is-active a {
  color: #737373;
}

.aside ul {
  list-style-type: none;
  padding: 5px 0;
  width: 270px;
}

.aside ul li {
  position: relative;
  -webkit-transition: .5s;
  transition: .5s;
}

.aside ul li.is-active {
  background-color: #f5f5f5;
}

.aside ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  background: black;
  height: 100%;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.aside {
  margin-top: 70px;
  padding-top: 30px;
  width: 270px;
  height: 100vh;
  background-color: #fff;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  position: fixed;
}

.aside ul li.is-active::before {
  opacity: 1;
}

.aside ul li.is-active a {
  color: #737373;
}

.aside ul li svg {
  width: 20px;
  margin-right: 10px;
  fill: #696969;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.wrapper {
  display: flex;
}

.aside {
  margin-top: 70px;
  padding-top: 30px;
  width: 270px;
  height: 100vh;
  background-color: #fff;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  position: fixed;
}

.aside ul li.is-active a {
  color: #737373;
}

.aside ul {
  list-style-type: none;
  padding: 5px 0;
  width: 270px;
  margin-top: 20px;
}

.aside ul li {
  position: relative;
  -webkit-transition: .5s;
  transition: .5s;
}

.aside ul li.is-active {
  background-color: #f5f5f5;
}

.aside ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  background: black;
  height: 100%;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.aside {
  margin-top: 70px;
  padding-top: 30px;
  width: 270px;
  height: 100vh;
  background-color: #fff;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  position: fixed;
}

.aside ul li.is-active::before {
  opacity: 1;
}

.aside ul li.is-active a {
  color: #737373;
}

.aside ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: #cdcecf;
  /* padding: 13px 0 17px 0px; */
  width: 100%;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}

.aside ul li svg {
  width: 24px;
  margin-right: 10px;
  fill: #696969;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.wrapper {
  display: flex;
}

.aside {
  z-index: 10;
  display: block;
  opacity: 1;
  /* transition: opacity 500ms; */
  /* transition: .3s all; */
  background: rgba(256,256,256, 0.95);
  /* backdrop-filter: blur(3px); */
  -webkit-backdrop-filter: blur(3px);
  -moz-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  margin-top: 100px;
  box-shadow: 1px 7px 10px rgba(0, 0, 0, 0.25)
}

.aside-list {
  width: 100%;
}

.aside ul {
  width: 100%;
}

.aside-list li {
  width: 100%;
}

.aside-list_title {
  display: none;
  font-size: 14px;
  margin-left: 2px;
}

.startPage__form_textarea {
  outline: none;
}

.startPage__form_textarea:focus {
  box-shadow: 0px 0px 0px 1px #07AFEF;
}

.wrapper_Aside_menuEl {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  cursor: pointer;
}

.wrapper_Aside_menuEl svg {
  display: block;
  margin-left: 27px;
}

.aside-list_title.aside-list_title-active{
  color: #07afef;
}
.aside_svg_active{
  fill: #07afef;
}
.aside ul li::before{
  background: #07afef;
}


.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto !important;
  padding: 0px 0 30px 165px;
  /* margin-left: 270px !important; */
  margin-top: 130px !important;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  margin: 70px -25px 0;
  overflow-x: hidden;
  min-width: 80%;
  padding-left: 0;
}
.scoring_details__body09 .main{
  margin-top: 0!important;
}
.main.trainings_main {
  width: 75%;
}

.main-col {
  padding: 0 25px
}

.main__card {
  width: 264px;
  height: 300px;
  position: relative;
  margin-bottom: 40px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  background-color: white;
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  cursor: pointer;
  border: 0px solid #000000
}

.main-col>a{
  color:#212529;
}

.main__card:hover {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  -webkit-box-shadow: 0px 5px 16px -4px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 5px 16px -4px rgba(0, 0, 0, 0.75)
}

.main__card_img {
  max-width: 100%;
  max-height: 160px
}

.main__card_img img {
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border: 0px solid #000000;
  width: 100%;
  height: 100%
}

.main__card_info {
  min-height: 100px;
  padding: 18px 30px 0 30px;
  font-size: 22px;
  font-weight: 500;
  word-wrap: break-word;
  position: relative
}

.main__card_info-blue:before {
  content: '';
  width: 36px;
  height: 2px;
  background-color: #3084e4;
  position: absolute;
  top: 10px;
  left: 30px
}

.main__card_info-yellow:before {
  content: '';
  width: 36px;
  height: 2px;
  background-color: #ffd21e;
  position: absolute;
  top: 10px;
  left: 30px
}

.main__card_info-purple:before {
  content: '';
  width: 36px;
  height: 2px;
  background-color: #ff1ec0;
  position: absolute;
  top: 10px;
  left: 30px
}

.main__card_info-olive:before {
  content: '';
  width: 36px;
  height: 2px;
  background-color: #ccdb36;
  position: absolute;
  top: 10px;
  left: 30px
}

.main__card_info-orange:before {
  content: '';
  width: 36px;
  height: 2px;
  background-color: #ff631e;
  position: absolute;
  top: 10px;
  left: 30px
}

.main__card_footer {
  position: absolute;
  bottom: 10px;
  left: 18px;
  font-size: 12px;
  color: lightgray
}

.main__card_author {
  width: 24px;
  height: 24px;
  background-color: pink;
  border-radius: 100%;
  position: absolute;
  right: 20px;
  bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  color: white;
  font-size: 10px
}

@media screen and (max-width: 670px) {
  /* .aside {
      -webkit-transform: translateX(-999px);
      transform: translateX(-999px);
      -webkit-transition: 1s all;
      transition: 1s all
  } */

  .main {
    margin-left: 0 !important;
    width: 100%;
    padding-top: 30px;
  }

  .header {
    display: none
  }

  .header__main {
    display: none
  }

  .header__button {
    display: none
  }

  .burger {
    display: block;
    color: black;
    position: absolute;
    left: 30px;
    top: 50px;
    z-index: 1000;
    -webkit-transition: 1s all;
    transition: 1s all
  }

  .burger span {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #737373
  }

  .burger span:nth-child(1) {
    margin-bottom: 3px
  }

  .burger span:nth-child(2) {
    margin-bottom: 3px
  }

  .burger_active {
    -webkit-transition: 1.1s all;
    transition: 1.1s all
  }

  .span_active {
    background-color: #737373 !important;
    -webkit-transition: 1s all !important;
    transition: 1s all !important
  }

  .main {
    padding-left: 0;
  }
}

.wrapper_Aside_menuEl {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  cursor: pointer;
}

.wrapper_Aside_menuEl svg {
  display: block;
  margin-left: 29px;
}

@media screen and (max-width: 1256px) {
  .startPage__row {
    padding-left: 40px;
  }
}

@media screen and (max-width: 991px) {
  .main{
    padding-left: 85px;
  }
  .startPage__right {
    display: none;
  }

  .startPage__title {
    white-space: normal;
  }

  .decoder__total_wrapper {
    display: none;
  }

  .decoder__total_Wrapper_resultMT {
    display: none;
  }

  .chartScanner__block {
    width: 257px;
    height: 252px;
    margin-left: auto;
    margin-right: auto;
  }

  .decoder__total_lineRes {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .decoder__total_lineRes-info {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .decoder__total_lineRes-info-wrp {
    flex-direction: row;
    margin-top: 5px;
  }

  .decoder__total_lineRes-info-wrp div {
    font-size: 15px;
  }

  .decoder__total_wrapper_mdD {
    display: flex;
    margin-top: 30px;
  }

  .decoder__total_Wrapper_resultMT_mdD {
    display: flex;
    margin-bottom: 20px;
  }

  #toolbarContainer {
    margin-top: 20px;
  }
}

.scaner_burger{
  display: none;

}

.scaner_burger_back{
  display: none;
  align-items: center;
  justify-content: center;
}
.scaner_burger_back-text{
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.05em;
  color: #07AFEF;
  margin-left: 9px;
}
.wrapper_Aside_menuEl{
  padding: 15px 0;
}
.sssss{
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
}
.asidehover_title{
  line-height: 24px;
}
.wrapper_Aside_menuEl{
  height: 54px;
}
.asidehover_title{
  padding-left: 8px;
}
@media screen and (min-width: 991px){
  .aside{
      display: block;
      opacity: 1;
  }
  .scanner_burger{
      opacity: 0!important;
  }
  .scaner_burger_back{
    opacity: 0!important;
  }
}
/* @media screen and (max-width: 1667px){
  .container_first{
      margin-right: 243px;
  }
}
@media screen and (max-width: 1649px){
  .container_first{
      margin-right: 221px;
  }
}
@media screen and (max-width: 1623px){
  .container_first{
      margin-right: 203px;
  }
}
@media screen and (max-width: 1600px){
  .container_first{
      margin-right: 164px;
  }
}
@media screen and (max-width: 1567px){
  .container_first{
      margin-right: 131px;
  }
}
@media screen and (max-width: 1532px){
  .container_first{
      margin-right: 100px;
  }
}
@media screen and (max-width: 1506px){
  .container_first{
      max-width: 1097px;
  }
}
@media screen and (max-width: 1459px){
  .container_first{
      max-width: 1057px;
  }
}
@media screen and (max-width: 1421px){
  .container_first{
      max-width: 1012px;
  }
}
@media screen and (max-width: 1371px){
  .container_first{
      max-width: 974px;
  }
}
@media screen and (max-width: 1327px){
  .container_first{
      max-width: 928px;
  }
}
@media screen and (max-width: 1307px){
  .container_first{
      max-width: 897px;
  }
}
@media screen and (max-width: 1269px){
  .container_first{
      max-width: 862px;
  }
}
@media screen and (max-width: 1193px){
  .startPage__row{
      padding-left: 54px!important;
  }
}
@media screen and (max-width: 1185px){
  .container_first{
      max-width: 842px;
  }
}
@media screen and (max-width: 1159px){
  .container_first{
      max-width: 813px;
  }
}
@media screen and (max-width: 1130px){
  .container_first{
      max-width: 784px;
  }
}
@media screen and (max-width: 1107px){
  .container_first{
      max-width: 758px;
  }
}
@media screen and (max-width: 1075px){
  .container_first{
      max-width: 731px;
  }
  .startPage__right_yellow{
      width: 400px;
  }
}
@media screen and (max-width: 1046px){
  .container_first{
      max-width: 699px;
  }
} */


@media screen and (max-width: 991px){
  .startPage__right{
    display: none;
  }
  .startPage__title{
    white-space: normal;
  }
  .decoder__total_wrapper{
    display: none;
  }
  .decoder__total_Wrapper_resultMT{
    display: none;
  }
  .chartScanner__block{
    width: 257px;
    height: 252px;
    margin-left: auto;
    margin-right: auto;
  }
  .decoder__total_lineRes{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .decoder__total_lineRes-info{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .decoder__total_lineRes-info-wrp{
    flex-direction: row;
    margin-top: 5px;
  }
  .decoder__total_lineRes-info-wrp div{
    font-size: 15px;
  }
  .decoder__total_wrapper_mdD{
    display: flex;
    margin-top: 30px;
  }
  .decoder__total_Wrapper_resultMT_mdD{
    display: flex;
    margin-bottom: 20px;
  }
  .aside{
    display: none;
    width: 270px;
    background: rgba(256,256,256, 0.95);
    /* backdrop-filter: blur */
    -webkit-backdrop-filter: blur(3px);
    -moz-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    box-shadow: 1px 7px 10px rgba(0, 0, 0, 0.25);
  }
  .aside-list_title{
    display: block;
  }
  .aside-list_title{
    width: 270px;
  }
  .scaner_burger{
    display: block;
    position: absolute;
    top: 119px;
    left: 30px;
    z-index: 120;
  }
  .scaner_burger_back{
    display: none;
    position: absolute;
    top: 108px;
    left: 27px;
    z-index: 120;
    margin: 5px 0;
  }
}
@media screen and (max-width: 767px){
  .startPage__title{
    font-size: 28px;
    line-height: 50px;
  }
  .startPage__row{
    padding-left: 0;
  }
  .startPage__title_descr{
    margin-top: 5px;
  }

}
@media screen and (max-width: 576px){
  .startPage__title{
      font-size: 24px;
  }
  .startPage__title_descr{
      font-size: 14px;
  }
  .decoder__total{
      padding-left: 5px;
      padding-right: 5px;
  }
  .decoder__container-md{
      padding-left: 0px;
      padding-right: 0px;
  }
  .decoder__total_lineRes{
      width: 100%;
  }
  .decoder__total_lineRes-info{
      width: 100%;
  }
  .decoder__total_lineRes-info-wrp div{
      font-size: 14px;
  }
  .decoder__total_wrapper_mdD{
      flex-direction: column;
  }
  .decoder__total_Wrapper_resultMT_mdD{
      flex-direction: column;
  }
  .decoder__total{
      box-shadow: none;
  }
  .decoder__total_result{
      width: 100%;
  }
  .decoder__description{
      padding-left: 30px;
      padding-right: 30px;
  }
  .decoder__buttons{
      padding-left: 30px;
      padding-right: 30px;
  }
  .decoder__total_Wrapper_resultMT_mdD{
      margin-top: 0px;
  }
  .decoder__total{
      padding-bottom: 0;
  }
  .decoder__results_again-text{
      font-size: 14px;
  }
}
@media screen and (max-width: 370px){
  .decoder__total_lineRes-info-wrp{
      flex-direction: column;
  }
  .decoder__buttons{
      flex-direction: column;
  }
  .decoder__paste_pdf{
      width: 100%;
  }
  .decoder__paste{
      width: 100%;
      margin-left: 0;
      margin-top: 15px;
  }
  .progressLine__progress{
      margin-top: 45px;
  }
  .progressLine__progress_btn{
      margin-left: auto;
      margin-right: auto;
      margin-top: 65px;
  }
  .startPage__title{
      font-size: 22px;
  }
}

.decoder__total_result-info_circle-green{
  min-width: 10px;
  width: 10px;
  height: 10px;
  min-height: 10px;
  border-radius: 50%;
  background: #68E649;
  margin-right: 5px;
}
.decoder__total_result-info_circle-orange{
  min-width: 10px;
  width: 10px;
  height: 10px;
  min-height: 10px;
  border-radius: 50%;
  background: #F89819;
  margin-right: 5px;
}
.decoder__total_result-info_circle-pink{
  min-width: 10px;
  width: 10px;
  height: 10px;
  min-height: 10px;
  border-radius: 50%;
  background: #EC008C;
  margin-right: 5px;
}
.decoder__total_result-info_circle-blue{
  min-width: 10px;
  width: 10px;
  height: 10px;
  min-height: 10px;
  border-radius: 50%;
  background: #07AFEF;
  margin-right: 5px;
}
.decoder__total_result-info_title{
  display: flex;
  align-items: center;
}
.startPage__title{
  font-size: 40px;
}
.startPage__title{
  font-size: 40px;
}
.startPage__form_title, .decoder__total_titleD, .decoder__description_title{
  font-size: 18px;
}
.progressLine__progress_title, .startPage__title_descr, .decoder__results_descr{
  font-size: 14px;
}
.decoder__results_again-text{
  font-size: 15px;
}
.decoder__description_textarea{
  font-size: 13px;
}



.aside-list_title{
  width: 270px;
  display: block;
  color: #000000;
}



/* chto start */
@media screen and (min-width: 991px){
  .aside{
      display: block;
      opacity: 1;
  }
  .scanner_burger{
      display: none;
  }
}
@media screen and (max-width: 1667px){
  .container_first{
      margin-right: 243px;
  }
  .startPage__right_hands{
      bottom: -32px;  
  }
}
@media screen and (max-width: 1649px){
  .container_first{
      margin-right: 221px;
  }
}
@media screen and (max-width: 1623px){
  .container_first{
      margin-right: 203px;
  }
}
@media screen and (max-width: 1600px){
  .container_first{
      margin-right: 164px;
  }
}
@media screen and (max-width: 1567px){
  .container_first{
      margin-right: 131px;
  }
}
@media screen and (max-width: 1532px){
  .container_first{
      margin-right: 100px;
  }
}
@media screen and (max-width: 1506px){
  .container_first{
      max-width: 1097px;
  }
  .startPage__right_greenLine{
      left: 107px;
  }
  @keyframes scanning {
      0% {
          top: 100px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  
      50% {
          top: 430px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  
      100% {
          top: 100px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1459px){
  .container_first{
      max-width: 1057px;
  }
  .startPage__right_greenLine{
      left: 98px;
  }
  .startPage__right_hands{
      bottom: -11px;
  }
  @keyframes scanning {
      50% {
          top: 410px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1421px){
  .container_first{
      max-width: 1012px;
  }
  .startPage__right_greenLine{
      left: 89px;
  }
  .startPage__right_hands{
      bottom: 10px;
  }
  @keyframes scanning {
      50% {
          top: 400px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1371px){
  .container_first{
      max-width: 974px;
  }
  .startPage__right_greenLine{
      left: 81px;
  }
  .startPage__right_hands{
      bottom: 28px;
  }
  @keyframes scanning {
      50% {
          top: 390px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1327px){
  .container_first{
      max-width: 928px;
  }
  .startPage__right_greenLine{
      left: 100px;
      width: 250px;
  }
  .startPage__right_hands{
      bottom: 76px;
  }
  @keyframes scanning {
      50% {
          top: 370px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1307px){
  .container_first{
      max-width: 897px;
  }
  .startPage__right_greenLine{
      left: 92px;
  }
  .startPage__right_hands{
      bottom: 90px;
  }
  @keyframes scanning {
      50% {
          top: 360px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1269px){
  .container_first{
      max-width: 862px;
  }
  .startPage__right_greenLine{
      left: 85px;
  }
  .startPage__right_hands{
      bottom: 108px;
  }
  @keyframes scanning {
      50% {
          top: 350px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1241px){
  @keyframes scanning {
      0% {
          top: 45px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  
      50% {
          top: 290px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  
      100% {
          top: 45px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1193px){
  .startPage__row{
      padding-left: 54px!important;
  }
  .startPage__right_greenLine{
      left: 74px;
  }
  .startPage__right{
      margin-top: 75px;
  }
  @keyframes scanning {
      0% {
          top: 55px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  
      50% {
          top: 280px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  
      100% {
          top: 55px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1185px){
  .container_first{
      max-width: 842px;
  }
  .startPage__right_greenLine{
      left: 72px;
      width: 230px;
  }
  .startPage__right_hands{
      bottom: 118px;
  }
  @keyframes scanning {
      0% {
          top: 55px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  
      50% {
          top: 270px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  
      100% {
          top: 55px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1159px){
  .container_first{
      max-width: 813px;
  }
  .startPage__right_greenLine{
      left: 72px;
      width: 220px;
  }
  .startPage__right_hands{
      bottom: 157px;
  }
  @keyframes scanning {
      0% {
          top: 50px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  
      50% {
          top: 270px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  
      100% {
          top: 50px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1130px){
  .container_first{
      max-width: 784px;
  }
  .startPage__right_greenLine{
      left: 67px;
  }
  .startPage__right_hands{
      bottom: 172px;
  }
  @keyframes scanning {
      0% {
          top: 50px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  
      50% {
          top: 260px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  
      100% {
          top: 50px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1107px){
  .container_first{
      max-width: 758px;
  }
  .startPage__right_greenLine{
      left: 61px;
  }
  .startPage__right_hands{
      bottom: 186px;
  }
  @keyframes scanning {
      0% {
          top: 50px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  
      50% {
          top: 250px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  
      100% {
          top: 50px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1075px){
  .container_first{
      max-width: 731px;
  }
  .startPage__right_yellow{
      width: 400px;
  }
  .startPage__right{
      margin-top: 110px;
  }
  @keyframes scanning {
      0% {
          top: 50px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  
      50% {
          top: 240px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  
      100% {
          top: 50px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  }
}
@media screen and (max-width: 1046px){
  .container_first{
      max-width: 699px;
  }
  .startPage__right_greenLine{
      left: 51px;
      width: 210px;   
  }
  .startPage__right_hands{
      bottom: 202px;
  }
  @keyframes scanning {
      0% {
          top: 50px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  
      50% {
          top: 230px;
          -webkit-box-shadow: 0px 26px 49px 9px #68e649;
          box-shadow: 0px 26px 49px 9px #68e649
      }
  
      100% {
          top: 50px;
          -webkit-box-shadow: 0px -29px 49px 9px #68e649;
          box-shadow: 0px -29px 49px 9px #68e649
      }
  }
}


/* chto end */




@media screen and (max-width: 991px){
  .startPage__row{
      padding-left: 0!important;
  }
}


/* Third part  */

@media screen and (max-width: 1635px){
  .container__thirdPage{
      margin-right: 137px;
  }
}
@media screen and (max-width: 1562px){
  .container__thirdPage{
      margin-right: 70px;
  }
}
@media screen and (max-width: 1229px){
  .container__thirdPage{
      margin-right: 44px;
  }
}
@media screen and (max-width: 1200px){
  /* .chartScanner__innerCircle{
      width: 140px;
      height: 140px;
  } */
  /* .svg_graphic{
      width: 223px;
      height: 233px;
  } */
  .chartScanner__innerCircle{
      top: 37px;
      left: 42px;
  }
  /* .chartScanner__innerCircle_value{
      width: 125px;
      height: 125px;
  } */
  
  .chartScanner__innerCircle_value-digit{
      font-size: 48px;
      line-height: 68px;
  }
  .decoder__total_third{
      width: 105%;
  }
  .decoder__description_textarea{
      width: 105%;
  }
  .col4third{
      min-width: 276px;
  }
}
@media screen and (max-width: 1195px){
  .row__startPage_third{
      padding-left: 0!important;
  }
}
/* @media screen and (max-width: 1180px){
  .svg_graphic{
      width: 220px;
      height: 211px;
  }
}
@media screen and (max-width: 1160px){
  .svg_graphic{
      width: 206px;
      height: 225px;
  }
} */

/* 217
227 */
@media screen and (max-width: 1368px){
  .decoder__total_lineRes-info-wrp{
      flex-direction: column;
  }
}
@media screen and (max-width: 1328px){
  .decoder__total_result-info_title-gct{
      align-items: flex-start;
  }
  .decoder__total_result-info_circle-pink{
      margin-top: 3px;
  }
}
@media screen and (max-width: 1199px){
  .col8third{
      max-width: 529px;
  }
}
@media screen and (max-width: 1186px){
  .col8third{
      max-width: 508px;
  }
}
@media screen and (max-width: 1160px){
  .col8third{
      max-width: 478px;
  }
  .decoder__total_result-info_title-jorbuzz{
      align-items: flex-start;
  }
  .decoder__total_result-info_circle-orange{
      margin-top: 3px;
  }
}
@media screen and (max-width: 1130px){
  .col8third{
      max-width: 447px;
  }
  .decoder__total_result-info_title-et{
      align-items: flex-start;
  }
  .decoder__total_result-info_circle-green{
      margin-top: 3px;
  }
}
@media screen and (max-width: 1107px){
  .col8third{
      max-width: 420px;
  }
}
@media screen and (max-width: 1075px){
  .col8third{
      max-width: 391px;
  }
}
@media screen and (max-width: 1046px){
  .col8third{
      max-width: 358px;
  }
}
@media screen and (max-width: 991px){
  .chartScanner__innerCircle{
      top: 43px;
      left: 48px;
  }
  .col8third{
      max-width: 100%;
  }
  .decoder__total_lineRes-info-wrp{
      flex-direction: row;
  }
}
@media screen and (max-width: 990px){
  .decoder__total_third{
      width: 100%;
  }
  .decoder__description_textarea{
      width: 100%;
  }
  .container__thirdPage{
      display: block;
      margin: 0 auto;
  }
}
@media screen and (max-width: 616px){
  .decoder__total_lineRes-info-wrp{
      flex-direction: column;
  }
}
@media screen and (min-width: 991px){
  #aside2{
      display: none;
  }
}
.aside__mobile_active{
  transform: translateX(0px)!important;
}
@media screen and (max-width: 991px){
  #aside{
      display: none;
  }
  #aside2{
      display: block;
      transform: translateX(-999px);
      transition: .5s all;
  }
}


@media screen and (max-width: 892px){
  .main{
    padding-left: 80px;
  }
}
@media screen and (max-width: 885px){
  .main{
    padding-left: 37px;
  }
}
@media screen and (max-width: 832px){
  .main{
    padding-left: 0px;
  }
}
@media screen and (max-width: 785px){
  .main__card{
    width: 262px;
  }
  .main{
    width: 100%;
  }
}

/* Lists */
.lists__title{
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
  color: #07AFEF;
  padding-top: 39px;
}
.lists__header_cath{
  display: flex;
  align-items: flex-start;
}
.lists__header_cath-list div{
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #B3C2E0;
  margin-top: 6px;
  cursor: pointer;
  /* transition: .3s all; */
}
.lists__header_cath-list div:first-child{
  margin-top: 0;
}
.lists__header_cath-list:first-child{
  width: 173px;
}
.lists__header_cath-list:nth-child(2){
  width: 133px;
  margin-left: 24px;
}
.lists__header_cath-list:last-child{
  width: 148px;
  margin-left: 24px;
}

.lists__header_cath-list-usually.lists__header_cath-list-usually-active{
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #000000!important;
}



/* tables */
.lists__main_cathegory{
  /* width: 248px;
  min-width: 248px;
  max-width: 248px; */
  width: 25%;
  min-width: 25%;
  max-width: 25%;
  background: #F4F6FA;
}
.lists__main_term{
  /* width: 335px;
  min-width: 335px;
  max-width: 335px; */
  width: 30%;
  min-width: 30%;
  max-width: 30%;
  background: #F4F6FA;
}
.lists__main_replacement{
    /* width: 580px;
    min-width: 530px;
    max-width: 530px; */
    width: 40%;
    min-width: 40%;
    max-width: 40%;
    background: #F4F6FA;
}
.lists__main_row .lists__main_replacement .fiter_tag:hover {
  color: #07aefe;
  text-decoration: underline;
}

.lists__main_header{
  display: flex;
  align-items: center;
  margin-top: 19px;
  background: transparent;
  /* max-width: 1218px; */
}
.lists__main_header-title{
  display: flex;
  align-items: center;
  background: #B3C2E0;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #263238;
  height: 50px;
  padding-left: 13px;
  padding-right: 13px;
}
  
.lists__main_row{
  display: flex;
}
.lists__main_row .lists__main_cathegory, .lists__main_row .lists__main_term, .lists__main_row .lists__main_replacement, .lists__main_row .lists__main_description{
  border-left: 1px solid #fff;
  min-height: 42px;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  letter-spacing: -0.5px;
  padding-left: 13px;
  padding-right: 13px;
  color: #263238;
  background: #F4F6FA;
}
.lists__main_row:nth-child(even) .lists__main_cathegory, .lists__main_row:nth-child(even) .lists__main_term, .lists__main_row:nth-child(even) .lists__main_replacement, .lists__main_row:nth-child(even) .lists__main_row-right_edit, .lists__main_row:nth-child(even) .lists__main_description{
  background: rgba(179, 194, 224, 0.22);
}

.lists__main_row:nth-child(even) .lists__main_replacement textarea{
  background: rgb(230,234,240);
}
.lists__addBtn{
  width: 153px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #07AFEF;
  border-radius: 6px;
  cursor: pointer;
  transition: .3s all;
  margin-top: 12px;
  border: 2px solid transparent;
}

.lists__addBtn .lists__addBtn_title{
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.46875px;
  margin-left: 7px;
  color: #FFFFFF;
}

.lists__addBtn:hover{
  transition: .3s all;
  background: transparent;
  border: 2px solid #07afef;
}
.lists__addBtn_title{
  transition: .3s all;
}
.lists__addBtn:hover .lists__addBtn_title{
  transition: .3s all;
  color: #07afef;
}
.lists__addBtn:hover .lists__addBtn-path{
  transition: .3s all;
  stroke: #07afef;
}
.lists__addBtn-path{
  transition: .3s all;
}

.lists__addBtn-active{
  display: flex;
  align-items: center;
  display: none;
  margin-top: 30px;
}
.lists__addBtn-active_cath{
  width: 237px;
  height: 40px;
  margin-right: 11px;
  border: 1px solid #07AFEF;
  box-sizing: border-box;
  border-radius: 6px;
}
.lists__addBtn-active_cath input{
  height: 100%;
  width: 100%;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.5px;
  color: #263238;
  padding-left: 10px;
  padding-right: 10px;
  outline: none;
  border: none;
  border-radius: 6px;
}
.lists__addBtn-active_term{
  margin-right: 12px;
  height: 40px;
  width: 325px;
  border: 1px solid #07AFEF;
  box-sizing: border-box;
  border-radius: 6px;
}
.lists__addBtn-active_term input{
  height: 100%;
  border: none;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.5px;
  color: #263238;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 6px;
  outline: none;
  width: 100%;
}
.lists__addBtn-active_replacement{
  width: 450px;
  height: 40px;
  margin-right: 11px;
  border: 1px solid #07AFEF;
  box-sizing: border-box;
  border-radius: 6px;
}
.lists__addBtn-active_replacement input{
  width: 100%;
  border: none;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.5px;
  color: #263238;
  outline: none;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 6px;
  height: 100%;
}
.lists__addBtn-active_description{
  width: 450px;
  height: 40px;
  margin-right: 11px;
  border: 1px solid #07AFEF;
  box-sizing: border-box;
  border-radius: 6px;
}
.lists__addBtn-active_description input{
  width: 100%;
  border: none;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.5px;
  color: #263238;
  outline: none;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 6px;
  height: 100%;
}



.lists__addBtn-active_save{
  width: 87px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #07AFEF;
  box-sizing: border-box;
  border-radius: 6px;
  margin-right: 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.5px;
  color: #07AFEF;
  cursor: pointer;
  transition: .3s all;
}
.lists__addBtn-active_save:hover{
  border: 2px solid #07afef;
  background: #07afef;
  color: #fff;
  transition: .3s all;
}
.lists__addBtn-active_delete{
  width: 43px;
  height: 21px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07AFEF;
  cursor: pointer;
}


.lists .pagination{
  margin-top: 20px;
  justify-content: flex-end;
}

textarea.lists__main_replacement{
  resize: none;
  display: flex;
  align-items: center;
  border: none;
  outline: none;
}
.lists__main_row-right{
  position: relative;
}
.lists__main_row:hover{
  cursor: pointer;
}
.lists__main_row-right_edit{
  display: flex;
  align-items: center;
}

.lists__main_row-right_edit{
  width: 55px;
  max-width: 55px;
  /* height: 100%; */
  background: #F4F6FA;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07AFEF;
}
.list__main_row-button {
  display: none;
}

.lists__main_row .lists__main_replacement{
  padding-left: 0;
  padding-right: 0;
}
.lists__main_replacement textarea{
  resize: none;
  outline: none;
  border: none;
  min-height: 42px;
  height: 42px;
  width: 100%;
  padding-left: 13px;
  padding-right: 13px;
}

.lists__main_row .lists__main_replacement{
  padding-left: 13px;
  padding-right: 13px;
  border-right: none!important;
}
.lists__header_cath-list-usually{
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #B3C2E0;
  display: block;
}
a.lists__header_cath-list-usually:hover {
  color: #B3C2E0;
  text-decoration: none;
}
.contenteditable__active{
  /* width: 480px;
  max-width: 480px!important;
  min-width: 480px; */
  width: calc(40% - 48px);
  max-width: calc(40% - 48px)!important;
  min-width: calc(40% - 48px);
  border: 1px solid #07afef!important;
  background: #ffffff;
  border-radius: 6px;
}
.lists__main_row-right_edit-active{
  width: 100px;
  max-width: 100px;
}
.list__main_row-button_hide{
  display: none!important;
}

.list__main_row-button_save, .list__main_row-button_delete{
  display: none!important;
}
.list__main_row-button_save.list__main_row-button_save_show{
  display: block!important;
  margin-left: 10px;
}
.list__main_row-button_delete.list__main_row-button_delete_show{
  display: block!important;
  margin-left: 7px;
}

.lists__main_replacement.contenteditable__active{
  border-right: 1px solid #07afef!important;
  background: #fff!important;
}


.lists__main_row .list__main_row-button_edit{
  display: none;
}
.lists__main_row:hover .list__main_row-button_edit{
  display: block;
}
.lists__main_row:hover .lists__main_row-right_edit-active .list__main_row-button_edit{
  display: none;
}

.term__contenteditable_active{
  border-radius: 6px;
  border: 1px solid #07afef!important;
  /* width: calc(335px - 3px);
  max-width: calc(335px - 3px);
  min-width: calc(335px - 3px); */
  width: calc(30% - 3px);
  max-width: calc(30% - 3px);
  min-width: calc(30% - 3px);
  margin-right: 3px;
  background-color: #fff!important;
}

.lists__main_header .lists__main_replacement {
  /* width: 586px;
  max-width: 586px;
  min-width: 586px; */
  width: calc(40% + 55px);
  max-width: calc(40% + 55px);
  min-width: calc(40% + 55px);
}
.lists__main_term .lists__main_header-title{
  width: 30%;
  max-width: 30%;
  min-width: 30%;
}
.lists__main_cathegory .lists__main_header-title{
  width: 25%;
  max-width: 25%;
  min-width: 25%;
}


/* .lists__main_replacement{
  flex-direction: column;
} */

/* .lists__main_row:nth-child(even){
  background:rgba(179, 194, 224, 0.22);
}
.lists__main_row:nth-child(odd){
  background: #fff;
} */
/* .lists__main_row-right_edit{
  position: absolute;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #07AFEF;
  top: 5px;
  right: 5px;
} */


/* /// DECORATION CSS /// */
.cont_select_center {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
  margin-left: -150px;
}
.cont_heg_50 {
  position: absolute;
  height: 50%;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fd7b52;
}
/* /// END DECORATION CSS /// */
.icon_select_mate {
  position: absolute;
  top: 20px;
  right: 2%;
  font-size: 16px;
  height: 22px;
  transition: all 275ms;
}
.select_mate {
  position: relative;
  float: left;
  min-width: 300px;
  width: 300px;
  min-height: 60px;
  font-family: 'Roboto';
  color: #777;
  font-weight: 300;
  background-color: #fff;
  box-shadow: 1px 2px 10px -2px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  transition: all 375ms ease-in-out;
  /* Oculto el elemento select */
}
.select_mate select {
  position: absolute;
  overflow: hidden;
  height: 0px;
  opacity: 0;
  z-index: -1;
}
.cont_list_select_mate {
  position: relative;
  float: left;
  width: 100%;
}
.cont_select_int {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 999;
  overflow: hidden;
  height: 0px;
  width: 100%;
  background-color: #fff;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  border-radius: 0px 0px 3px 3px;
  box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
  transition: all 375ms ease-in-out;
}
.cont_select_int li {
  position: relative;
  float: left;
  width: 96%;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f5f5f5;
  list-style-type: none;
  padding: 10px 2%;
  margin: 0px;
  transition: all 275ms ease-in-out;
  display: block;
  cursor: pointer;
}
.cont_select_int li:last-child {
  border-radius: 3px;
  border-bottom: 0px;
}
.cont_select_int li:hover {
  background-color: #eee;
}

/* etiqueta <p> con la opcion selecionada */
.selecionado_opcion {
  padding: 20px 2%;
  width: 96%;
  display: block;
  margin: 0px;
  cursor: pointer;
}
.select_mate{
  width: 100%;
  min-width: 100%;
  height: 38px;
  min-height: 38px;
  border-radius: 6px;
}
.selecionado_opcion{
  padding: 10px 2%;
}
.icon_select_mate{
  top: 8px;
}
.cont_select_int li{
  width: 100%;
  background: #f4f6fa;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.5px;
  color: #263238;
}
.cont_select_int li:nth-child(even){
  background: rgba(179, 194, 224, 0.22);
}
.cont_select_int .active{
  border-radius: 0;
}
.cont_select_int{
  border-radius: 6px;
}
.selecionado_opcion{
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.5px;
  color: #263238;
}
.input_error {
  border-color: #E8264B!important;
}

.companies .lists__header_cath {
  flex-wrap: wrap;
  align-content: space-around;
  /* justify-content: space-evenly; */
}
.companies .lists__header_cath-list:nth-child(2) {
  margin-left: 0;
}

.companies .lists__header_cath-list {
  width: auto;
  margin: 0 10px 0 10px;
}

.lists.companies .custom-select-main {
  width: 229px;
}

.custom-select {
  position: relative;
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 4px;
  height: 34px;
  margin-right: 16px;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #fff;
  height: 34px;
  padding-top: 5%;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #A2AFC9 transparent transparent transparent;
  transition: .3s ease-in-out;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #07AFEF transparent;
  transition: .3s ease-in-out;
  top: 6px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #FFFFFF;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  transition: .3s ease-in-out;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0);
}
.select-selected{
  border: 1px solid rgba(179, 194, 224, 0.5);
  box-sizing: border-box;
  border-radius: 4px;
}
.custom-select-main{
  width: 270px;
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 4px;
}
.lists .custom-select-main{
  width: 129px;
}
.lists .search__header_form{
  flex-direction: row;
}
.lists .select-selected{
  width: 100%;
}
.select-items div, .select-selected{
  font-size: 16px;
  line-height: 24px;
  color: #535353;
}
.select-selected{
  color: #979797;
  padding-top: 5px;
}

.select-items div{
  font-size: 16px;
  line-height: 24px;
  color: #535353;
  border: none;
  border-left: 1px solid #07afef;
  border-right: 1px solid #07afef;
}
.select-items div:last-child{
  border: 1px solid #07afef;
  border-top: none;
  border-radius: 0 0 4px 4px;
}
.select-arrow-active{
  border: 1px solid #07afef;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}

.custom-select-status{
  width: 110px;
}
.custom-select-sort {
  width: 100px;
}
.custom-select-completed {
  width: 165px;
}

.search__company, .search__word{
  background: #FFFFFF;
  border: 1px solid rgba(179, 194, 224, 0.5);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 18px;
  outline: none;
  color: #535353;
  height: 34px;
  width: 336px;
  margin-right: 16px;
}

.find__button{
  width: 87px;
  height: 34px;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.46875px;
  color: #FFFFFF;
  outline: none;
  border: none;
  background: #07AFEF;
  border-radius: 6px;
}


.search__company::-webkit-input-placeholder, .search__word::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #B3C2E0;
}
.search__company::-moz-placeholder, .search__word::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #B3C2E0;
}
.search__company:-ms-input-placeholder, .search__word:-ms-input-placeholder { /* IE 10+ */
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #B3C2E0;
}
.search__company:-moz-placeholder, .search__word:-moz-placeholder { /* Firefox 18- */
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #B3C2E0;
}

.search__header_form{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.search__header_form div:first-child{
  display: flex;
  align-items: center;
}

.search__header_form div:nth-child(2){
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.admUser__filter_wrapper{
  display: flex;
  flex-direction: column;
  align-items: flex-start!important;
}

.admUser__filter_wrapper-block{
  display: flex;
  align-items: center;
  flex-direction: row!important;
}

.admUser label{
  margin-bottom: 0;
}


.search__header_form div:nth-child(2) span:first-child{
  margin-right: 15px;
}
.deactive__btn{
  width: 67px;
  height: 18px;
  border: 1px solid transparent;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
  padding: 0 8px;
  line-height: 10px;
  color: #07AFEF;
  outline: none;
  background: transparent;
  transition: .3s ease-in-out;
  padding: 0 40px;
}
[data-form="company_status"] {
  height: 18px
}

.deactive__btn:last-child{
  margin-left: 6px;
}


.admUser__block_active .deactive__btn{
  border: 1px solid #07AFEF;
}

.admUser__tab .select-selected{
  width: 100%;
}

.adm_viev_edit_qa{
  position: absolute;
  right: 42px;
  bottom: 12px;
}

.deactive__btn.edit__blocks__btn{
  margin-left: 6px;
}
.deactive__btn.edit__blocks__btn svg{
  margin-right: 5px;
  min-width: 10px;
  min-height: 10px;
}

.user__unaswer{
  display: flex;
  align-items: flex-start;
  text-align: right;
  padding: 4px 11px 7px 7px;
  background: rgba(179, 194, 224, 0.3);
  border-radius: 4px 0px 0px 4px;
  margin-right: -39px;
  font-size: 11px;
  line-height: 14px;
}
.user__unaswer div{
  margin-left: 10px;
}
.user__unaswer svg{
  margin-left: 10px;
  margin-top: 4px;
}


.save__blocks__btn{
  display: none;
}
.cancel__blocks__btn{
  display: none;
  margin-left: auto!important;
}
.edit__blocks__btn_ml{
  margin-left: auto!important;
}
.active__editing{
  display: none!important;
}


.hidenDisplay{
  display: none!important;
}
.main__block__active__class .cancel__blocks__btn, .main__block__active__class .save__blocks__btn, .main__block__active__class .deactive__btn{
  display: flex;
  background: #07afef;
  color: #fff;
}

.main__block__active__class .path__color_active{
  fill: #ffffff;
}


.admUser__block_left-subtitle___active{
  background: rgba(179, 194, 224, 0.2);
  border-radius: 4px;
  padding-left: 8px;
  width: 90%;
}

.admUser__block_left-title{
  padding-left: 8px;
}
.admUser__block_left-subtitle{
  padding-left: 8px;
}
.admUser__block a{
  padding-left: 8px;
}
.admUser__block_left-subtitle{
  margin-top: 4px;
}
.admUser__title_sort-filter{
  width: 80px;
  margin-right: 15px;
}
.admUser__title_row{
  display: flex;
  align-items: flex-start!important;
}
.admUser__title_row-wrapper{
  display: flex;
  align-items: flex-end!important;
}
.admUser__title_row-wrapper{
  margin-top: 21px;
}
.find__button{
  width: 106px;
}

.admUser__sort-row .select-selected{
  padding-right: 23px;
  font-size: 14px;
}
.admUser__sort-row .select-selected:after{
  right: 7px;
}
.admUser__title_row .select-selected{
  font-size: 14px;
}
.admUser__title_row .select-selected:after{
  right: 7px;
}
.search__company::-webkit-input-placeholder, .search__word::-webkit-input-placeholder{
  font-size: 14px;
}
.lists__main_header-title{
  display: flex;
  justify-content: space-between;
}

.companies .select-items{
  max-height: 70vh;
  overflow: auto;
  border-right: none;
}


.companies .select-items::-webkit-scrollbar {
  width: 4px;
}

.companies .select-items::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  background: #ccc;
}

.companies .select-items::-webkit-scrollbar-thumb {
  background-color: #07afef;
  outline: 1px solid slategrey;
}
.companies .select-items div{
  border-right: none;
}
.companies .select-items{
  border-bottom: 1px solid #07afef;
  border-radius: 0 0 4px 4px;
}
div.find__button_cancel {
  cursor: pointer;
  background: transparent;
  color: #07afef;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 51px;
  height: 34px;
  margin-left: 12px;
}

.uninstall{
  width: 100vw;
  height: 100vh; 
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradient 10s ease infinite;
}
.uninstall__centred{    
  position: relative;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.uninstall__centred_img{
  height: 498px;
  position: absolute; 
}
.uninstall__centred-pink{
  /* transform: translate(-50%, -50%); */
  animation: rotating_uninstall-pink 3s ease-in-out infinite;
  animation-delay: .2s;
}
.uninstall__centred-blue{
  transform: rotate(-3deg);
  /* transform: translate(-50%, -50%) rotate(-3deg); */
  animation: rotating_uninstall-blue 3s ease-in-out infinite;
  animation-delay: .4s;
}
.uninstall__centred-green{
  /* transform: translate(-50%, -50%) rotate(-6deg); */
  transform: rotate(-6deg);
  animation: rotating_uninstall-green 3s ease-in-out infinite;
  animation-delay: .6s;
}
.uninstall__centred-yellow{
  /* transform: translate(-50%, -50%) rotate(-9deg); */
  transform: rotate(-9deg);
  animation: rotating_uninstall-yellow 3s ease-in-out infinite;
  animation-delay: .8s;
}
.uninstall__title{
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 24px;
}

.lists__main_term{
  width: 20%;
  min-width: 20%;
  max-width: 20%;
}
.lists__main_cathegory{
  width: 20%;
  min-width: 20%;
  max-width: 20%;
}
.lists__main_header .lists__main_replacement{
  width: 30%;
  min-width: 30%;
  max-width: 30%;
}
.lists__main_replacement{
  width: 30%;
  min-width: 30%;
  max-width: 30%;
}
.lists__main_row .lists__main_replacement, .lists__main_term, .lists__main_cathegory{
  padding-top: 5px;
  padding-bottom: 5px;
}
.lists__main_description{
  width: 30%;
  min-width: 30%;
  max-width: 30%;
}
.lists__main_row-right_edit{
  min-width: 100px;
}
.lists__main_header .lists__main_replacement{
  width: 100%;
  min-width: 30%;
  max-width: 538px;
}
.lists__main_row-right_edit{
  min-width: 100px;
}
.lists__main_row-right_edit-active{
  min-width: 97px;
}
.lists__main_row-right_edit .list__main_row-button.list__main_row-button_edit{
  margin-left: 60px;
}
.lists__main_row-right_edit-active .list__main_row-button.list__main_row-button_edit{
  margin-left: 7px;
}
.lists__main_row .lists__main_description{
  padding: 5px 12px;
  display: flex;
  align-items: center;
}

.selecionado_opcion{
  padding-right: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lists__addBtn-active_save{
  min-width: 60px;
}

.lists__main_header .lists__main_description{
  width: calc(30% + 100px);
  min-width: calc(30% + 100px);
  max-width: calc(30% + 100px);
}
.contenteditable__active.lists__main_description{
  background-color: #fff!important;
}

@keyframes gradient {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}
@keyframes rotating_uninstall-pink{
  0% {
      transform: rotate(0deg);
  }
  50% {
      transform: rotate(6deg);
  }
  100% {
      transform: rotate(0deg);
  }
}
@keyframes rotating_uninstall-blue{
  0% {
      transform: rotate(-3deg);
  }
  50% {
      transform: rotate(3deg);
  }
  100% {
      transform: rotate(-3deg);
  }
}
@keyframes rotating_uninstall-green{
  0% {
      transform: rotate(-6deg);
  }
  50% {
      transform: rotate(-0deg);
  }
  100% {
      transform: rotate(-6deg);
  }
}
@keyframes rotating_uninstall-yellow{
  0% {
      transform: rotate(-9deg);
  }
  50% {
      transform: rotate(-3deg);
  }
  100% {
      transform: rotate(-9deg);
  }
}
@media screen and (max-width: 1100px){
  .lists__main_header .lists__main_replacement{
    width: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .lists__main_replacement{
    width: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .lists__main_header .lists__main_description{
    width: calc(33% + 100px);
    min-width: calc(33% + 100px);
    max-width: calc(33% + 100px);
  }
  .lists__main_description{
    width: 33%;
    min-width: 33%;
    max-width: 33%;
  }
}
@media screen and (max-height: 610px){
 .uninstall__centred img{
     width: 30%;
 }
}

.alert{
  display: block;
  border-radius: .25rem;
  padding: .75rem 1.25rem;
  margin: 1rem 0;
  border: 1px solid transparent;
  width: 100%;
}
.alert.alert-danger{
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.col-lg-4.pink_desktop_QA{
  margin-left: 20px;
}
.firstPage__button.first__page_wrapper_button:first-child{
  margin-left: 0;
}
.footer__noty{
  height: 42px;
  position: fixed;
  z-index: 101;
  bottom: 0;
  width: 100%;
  background: #D9178B;
  transform: translateY(100px);
  transition: transform .2s ease-in-out;
}
.footer__noty-active{
  transform: translateY(0px);
  transition: transform .2s ease-in-out;
}
.footer__noty .container{
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer__noty .container div{
  display: flex;
  align-items: center;
}
.footer__noty_close{
  padding: 5px;
}
.footer__noty_text{
  font-weight: normal;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  padding-left: 10px;
}
@media screen and (max-width: 1244px){
  .firstPage__right_laptop-cloudBlue{
    width: 75%;
    top: 47px;
  }
  .firstPage__right_laptop-cloudRed{
    width: 60%;
    right: 36px;
    top: 32px;
  }
}

@media screen and (max-width: 1200px){
  .firstPage .col-lg-5.firstPage__right{
    max-width: 35%;
  }
  
  .firstPage .row{
    align-items: center;
  }
  .firstPage__right_laptop-logo{
    width: 147px;
    top: 198px;
    left: 88px;
  }
  .firstPage__right_laptop-cloudBlue{
    top: 71px;
  }
  .firstPage__right_laptop-cloudRed{
    top: 47px;
  }
}

@media screen and (max-width: 991px){
  .firstPage .col-lg-5.firstPage__right{
    max-width: 100%;
  }
  .firstPage__right_laptop-logo{
    width: 177px;
    top: 270px;
    left: 243px;
  }
}

.assessment__row {
  padding-left: 30px; 
}

.assessment__row .firstPage__descr-top {
  text-align: left;
}
.assessment__row .firstPage__title{
  margin-bottom: 0px;
}