@import url(https://fonts.googleapis.com/css?family=Montserrat:regular,500,600);

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --background: #EDF0FF;

  --red: #E00E0D;
  --blue: #060193;
  --purple: #9246B3;
  --purple-hover: #b86fd7;
  --green: #3FAB93;
  --green-hover: #7ccebd;
}

html,
body {
  width: 100%;
  height: 1px;
  min-height: 100%;

  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
}

.wrapper {
  width: 100%;
  min-height: 100%;
  background-color: var(--background);
}

.section {
  width: 100%;
  padding: 50px 0px;
}
.container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 0px 15px;
}

.search {
  padding: 30px 0px;
}
.search__title {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -1px;
  color: #1B1E25;
}
.search__subtitle {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  letter-spacing: -0.5px;
  color: #797B87;
}
.searchbar {
  margin-top: 20px;
  display: flex;
  gap: 10px;
  /*height: 40px;*/
  height: 55px;
}
.searchbar__location {
  padding: 8px 12px;
  border-radius: 8px;

  display: flex;
  align-items: center;
  gap: 8px;

  font-size: 14px;
  font-weight: 600;

  background-color: #FCFFFF;
  color: #1d1d1d;
}
.searchbar__location img {
  height: 16px;
}
.searchbar__control {
  flex: 1 1 auto;

  border-radius: 8px;
  padding: 4px;
  
  display: flex;
  justify-content: space-between;
  gap: 10px;
  
  background-color: #FCFFFF;
}
.searchbar__input {
  flex: 1 1 auto;
  padding: 8px !important;

  font-size: 18px !important;
  font-weight: 500 !important;

  border: none !important;
  outline: none !important;
  background-color: transparent !important;
  color: #6F6F71 !important;
  
  /*height: 32px !important;*/
  height: 48px !important;
  box-shadow: none !important;
}
.searchbar__input::placeholder {
  color: #6F6F71;
  font-size: 18px;
  font-weight: 400;
}
.searchbar__button {
  display: flex;
  align-items: center;

  padding: 4px 16px;
  border-radius: 8px;

  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.8px;
  text-decoration: none;

  color: #fff;
  background-color: var(--green);

  transition: 0.3s;
  flex-shrink: 0;
}
.searchbar__button:hover {
  background-color: var(--green-hover);
}


.recent {
  padding: 30px 0px;
}
.recent__title {
  text-align: center;

  font-size: 24px;
  letter-spacing: -1px;
  font-weight: 600;

  color: #383636;
}
.recent__block {
  margin-top: 20px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;

  border-radius: 8px;
  padding: 20px 10px;

  background-color: #FCFFFF;
  margin-bottom: 20px;
}
.recent__message {
  font-size: 16px;
  font-weight: 500;
  color: #5c5b5b;
}
.recent__button {
  width: fit-content;

  display: flex;
  align-items: center;

  padding: 8px 10px;
  border-radius: 8px;

  font-size: 14px;
  letter-spacing: -0.8px;
  text-decoration: none;

  color: #fff;
  background-color: var(--purple);

  transition: 0.3s;
  height: 47px;
}
.recent__button:hover {
  background-color: var(--purple-hover);
}

.feedbacks {
  padding: 0px 0px 30px 0px;
}
.feedbacks .container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.comment-li .feedback {
  position: relative;
  background-color: #fff;  
  padding: 16px 16px 16px 32px;
  border-radius: 8px;
  overflow: hidden;
  gap: 0;
  flex-wrap: wrap;  
}
.comment-li .feedback::before {
  content: '';

  width: 16px;
  height: 100%;

  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--blue);
}
.feedback__header {
  display: flex;
  align-self: flex-start;
  gap: 24px;
  width: 100%;
}
.feedback__avatar {
  --avatar-size: 200px;

  flex: 0 0 var(--avatar-size);
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: 8px;

  background-color: #EFEFEF;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;
}
.feedback__avatar img {
  height: 100%;
  display: block;
  object-fit: cover;
}
.feedback__person {
  padding-top: 10px;

  flex: 1 1 auto;
}
.feedback__name {
  font-size: 20px;
  font-weight: 600px;
  letter-spacing: -1px;
  color: #323232;
  margin-bottom: 0;
}
.feedback__name a{
	color: #323232;
	text-decoration: none !important;
	
}
.feedback__name a:hover,
.feedback__characteristic-value a:hover{
    color: #c10fff;
}
.feedback__role {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #696969;
}
.feedback__characteristics {
  margin-top: 20px;
}
.feedback__characteristic {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1.6em;
}
.feedback__characteristic-property {
  font-size: 14px;
  font-weight: 600;
  color: #323232;
  letter-spacing: -0.5px;
  flex-shrink: 0;
}
.feedback__characteristic-value {
  color: #313131;
  letter-spacing: -0.5px;
  -border-bottom: 1px solid currentColor;
  line-height: normal;
}
.feedback__characteristic-value span,
.feedback__characteristic-value a{
	display: block;
	border-bottom: 1px solid currentColor;
}
.feedback__rate {
  margin-top: 25px;

  display: flex;
  align-items: center;
  gap: 10px;
}
.feedback__rate-label {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #323232;
}
.feedback__rate-box {
  display: flex;
  align-items: center;
  gap: 4px;
  
  border-radius: 100px;
  padding: 4px 8px 4px 4px;

  background-color: var(--red);
  color: #fff;
}
.feedback__moment {
  height: fit-content;

  display: flex;
  align-items: center;
  gap: 20px;

  font-weight: 500;
  color: #4b4a4a;
  flex-shrink: 0;
}
/* .feedback__date {
}
.feedback__time {
} */
.feedback__body {
  margin-top: 20px;
	width: 100%;
  display: flex;
  gap: 8px;
}
.comment-li .feedback-content {
  flex: 1 1 60%;
  background-color: #F2F2FA;
  border-radius: 8px;
  padding: 15px;
  
}
.feedback-content__client {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.8px;
  color: #323232;
}
.feedback-content__client span {
  font-weight: 600;
}
.comment-li .feedback-content__title {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.8px;
  color: black;
  line-height: 1.1em;
}
.comment-li .feedback-content__text {
  margin-top: 5px;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #4b4b4c;
}
.feedback-content__reference {
  width: fit-content;
  display: block;
  margin-top: 25px;

  padding: 8px;
  border-radius: 4px;

  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.7px;

  border: 1px solid #bdbcbc;
  color: #2a2a2a;

  text-decoration: none !important;
  transition: 0.3s;
}
.feedback-content__reference:hover{
  background-color: #FEFEFE;
}
.feedback-summary {
  flex: 1 1 40%;
  background-color: #F2F2FA;
  border-radius: 8px;
  padding: 15px;
}
.feedback-summary__recommendation {
  display: flex;
  align-items: center;
  gap: 10px;

  font-size: 16px;
  font-weight: 600;
  color: #2a2a2a;
}
.comment-li .feedback-summary__analysis {
  margin-top: 30px;

  display: flex;
  flex-direction: column;
  gap: 10px;
}
.feedback-summary__analysis-block {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.feedback-summary__analysis-title {
  color: #2a2a2a;
  font-size: 16px;
  font-weight: 600;
}
.comment-li .feedback-summary__analysis-text {
  color: #4b4b4c;
  font-size: 14px;
  font-weight: 400;
}
.feedback-summary__rate {
  margin-top: 30px;
  
  display: flex;
  align-items: center;
  gap: 10px;

  font-size: 16px;
  font-weight: 600;
  color: #2a2a2a;
}

.action {
  display: flex;
  align-items: center;
  gap: 5px;

  font-size: 12px;
  text-decoration: none;
}
.action-success {
  color: var(--blue);
}
.action-failure {
  color: var(--red);
}

@media (max-width: 700px) {
  .searchbar {
    flex-direction: column;
	height: auto;
  }
  .searchbar__location {
    justify-content: center;
  }
  .recent__block {
    padding: 20px 10px;
    flex-direction: column;
    gap: 10px;
  }
  .feedback__avatar {
    --avatar-size: 80px;
  }
  .feedback__person {
    padding-top: 0;
  }
  .feedback__role {
    margin-top: 0;
  }
  .feedback__characteristics {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .feedback__characteristic {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
  }
  .feedback__rate {
    margin-top: 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .feedback__moment {
    flex-direction: column;
    gap: 5px;
  }
  .feedback__body {
    flex-direction: column;
  }
  .feedback-content, .feedback-summary {
    width: 100%;
    flex: 1 1 auto;
  }
}
@media (max-width: 500px) {
  .search {
    padding: 20px 0px;
  }
  .search__title {
    font-size: 24px;
  }
  .search__subtitle {
    font-size: 16px;
  }
  .searchbar__control {
    flex-direction: column;
    gap: 5px;
  }
  .searchbar__input {
    font-size: 12px;
  }
  .searchbar__button {
    justify-content: center;
    padding: 8px;
  }
  .recent {
    padding: 20px 0px;
  }
  .recent__title {
    font-size: 20px;
  }
  .recent__block {
    margin-top: 10px;
    padding: 10px;
  }
  .recent__message {
    font-size: 14px;
  }
  .recent__button {
    width: 100%;
    justify-content: center;
  }
  .feedback {
    padding-left: 26px;
  }
  .feedback::before {
    width: 10px;
  }
  .feedback__header {
    position: relative;
    flex-wrap: wrap;
    gap: 15px;
  }
  .feedback__avatar {
    --avatar-size: 120px;
  }
  .feedback__name {
    font-size: 18px;
  }
  .feedback__role {
    font-size: 14px;
  }
  .feedback__characteristics {
    margin-top: 15px;
    gap: 10px;
  }
  .feedback__rate {
    margin-top: 15px;
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
  .feedback__moment {
    position: absolute;
    top: 0;
    right: 0;
  }
  .feedback-content__client {
    font-size: 14px;
  }
  .feedback-content__title {
    margin-top: 20px;
    font-size: 18px;
  }
  .feedback-content__text {
    margin-top: 10px;
    font-size: 14px;
  }
  .feedback-summary__recommendation {
    flex-wrap: wrap;
    font-size: 14px;
  }
  .feedback-summary__analysis {
    margin-top: 15px;
  }
  .feedback-summary__analysis-title {
    font-size: 14px;
  }
  .feedback-summary__analysis-text {
    font-size: 12px;
  }
  .feedback-summary__rate {
    margin-top: 15px;
    flex-wrap: wrap;
    font-size: 14px;
  }
  .feedback-summary__rate div {
    flex: 1 1 100%;
  }
}



@import url(https://fonts.googleapis.com/css?family=Inter+Tight:300,regular,500,600);

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --background: #4167FF1A;

  --black: #000000;
  --black-80: #000000CC;
  --black-50: #00000080;
  --black-15: #00000026;

  --white: #ffffff;

  --mint: #1ABC9C;
  --red: #FF0000;
  --blue: #060097;
}

html,
body {
  width: 100%;
  height: 1px;
  min-height: 100%;

  font-family: 'Inter Tight', sans-serif;
  font-size: 16px;
  letter-spacing: 0px;
}
.body-fixed {
  overflow: hidden;
}

/* null */
a {
  text-decoration: none !important;
  cursor: pointer;
}

/* components */
.wrapper {
  width: 100%;
  min-height: 100%;
  background-color: var(--background);
}

.container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0px 15px
}

.section {
  padding: 50px 0px;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0.3em;

  font-size: 18px;
  letter-spacing: 0px;
}
.breadcrumbs__base {
  color: var(--black-50);
}
.breadcrumbs__page {
  color: var(--black-80);
}
@media (max-width: 1000px) {
  .breadcrumbs {
    font-size: 14px;
    flex-wrap: wrap;
  }
}

.doctor-card__block {
  border-radius: 15px;
  background-color: var(--white);
}

.doctor-card-avatar {
  --avatar-width: 310px;
  --avatar-height: 365px;

  width: var(--avatar-width);
  height: var(--avatar-height);

  position: relative;
  
  display: flex;
  /*align-items: center;*/
  justify-content: center;
  
  overflow: hidden;
  border-radius: 10px;
}
.doctor-card-avatar__image {
  width: 100%;
  object-fit: cover;
  box-shadow: none !important;
}
.doctor-card-avatar__button {
  --size: 44px;

  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;

  width: var(--size);
  height: var(--size);

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 5px;
  background-color: var(--white);
}
@media (max-width: 1000px) {
  .doctor-card-avatar {
    --avatar-height: 230px;
    --avatar-width: 200px;
  }
  .doctor-card-avatar__button {
    --size: 32px;
  }
} 

.doctor-card__rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.doctor-card__rating-label {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--black);
}
.doctor-card__rating-badge {
  display: flex;
  align-items: center;
  gap: 4px;
  
  border-radius: 100px;
  padding: 5px 12px 5px 10px;

  background-color: var(--red);
  color: #fff;

  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 1000px) {
  .doctor-card__rating-label {
    font-size: 14px;
  }
  .doctor-card__rating-badge {
    font-size: 14px;
  }
}

.doctor-card__name,
.doctor-card__name a {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0px;
  color: var(--black);
  line-height: 39px;
  max-width: 550px;
}
.doctor-card__name h1{
	margin-top: 0;
	font-size: 28px;
}
.doctor-card__role,
.doctor-card__role .doc-speciality {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0px;
  color: var(--black-80);
}
@media (max-width: 1000px) {
  .doctor-card__name {
    font-size: 24px;
  }
  .doctor-card__role {
    font-size: 16px;
  }
}

.doctor-card__info {
  display: flex;
  align-items: center;
  gap: 30px;
}
.doctor-card__info-item {
  display: flex;
  align-items: center;
  gap: 15px;
}
.doctor-card__info-label {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  color: var(--black);
}
.doctor-card__info-value {
  font-size: 18px;
  letter-spacing: 0px;
  color: var(--black-80);
}
@media (max-width: 1000px) {
  .doctor-card__info {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .doctor-card__info-label {
    font-size: 14px;
  }
  .doctor-card__info-value {
    font-size: 14px;
  }
}

.doctor-card__badges {
  display: flex;
  gap: 5px;
  /*min-height: 50px;*/
}
.badge {
  padding: 12px;
  border-radius: 10px;

  background-color: #0600970D;

  display: flex;
  align-items: center;
  gap: 15px;
}
.badge__text {
  font-size: 16px;
  font-weight: 500;
  color: var(--blue);
}
@media (max-width: 1000px) {
  .doctor-card__badges {
    flex-direction: column;
    align-items: flex-start;
  }
  .badge {
    gap: 10px;
  }
}

.doctor-card__phone {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.doctor-card__phone-label {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--black-80);
  line-height: 20px;
}
.doctor-card__phone-link {
  display: flex;
  align-items: center;
  gap: 10px;
  
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--blue);
  line-height: 24px;
}
.doctor-card__consult {
  width: fit-content;

  display: flex;
  align-items: center;
  gap: 15px;
  
  padding: 12px 30px 12px 12px;
  border-radius: 10px;
  
  border: 1px solid var(--blue);
  
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--blue);
}
.doctor-card__comment {
  width: fit-content;

  display: block;
  width: fit-content;

  padding: 13px 10px 14px 10px;
  border-radius: 10px;

  background-color: var(--red);
  color: var(--white);

  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
}
@media (max-width: 1000px) {
  .doctor-card__phone-label {
    font-size: 14px;
  }
  .doctor-card__phone-link {
    font-size: 14px;
    gap: 5px;
  }
  .doctor-card__consult {
    font-size: 14px;
  }
  .doctor-card__comment {
    font-size: 14px;
  }
}

.btn_block{
	display: flex;
    height: 60px;
    justify-content: space-between;
}
.contact_doc{
	word-wrap: break-word;
    width: 110px;
    line-height: 1em;
    padding: 2px 8px;
    height: 50px;
    margin-top: 10px;
	flex-direction: column;
    justify-content: center;
	cursor: pointer;
}
.contact_doc div{
	font-size: 12px;
}
.doctor-card__actions .doctor-card__consult {
  margin-top: 20px;
}
.doctor-card__actions .doctor-card__comment {
  margin-top: 10px;
}

.doctor-card__results {
  display: flex;
  gap: 5px;
}
.chip {
  display: flex;
  align-items: center;
  gap: 5px;

  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid #06009726;

  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--black);
}
.chip svg{
    width: 16px;
    height: 16px;
}
.tools-wrap-doc-comments .chip{
	min-width: 44px;
	justify-content: center;
}
.tools-wrap-doc-comments .tab{
	cursor: pointer;
}
.tools-wrap-doc-comments .tab.active label {
    font-weight: 700;
    color: #000;
}
.filter-doc-comments {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 15px;
}
.chip.success {
  color: var(--blue);
}
.chip.failure {
  border-color: #FF000026;
  color: var(--red);
}


.doctor-card__feedback {
  padding: 30px;
  min-height: 100px;
}
.doctor-card__feedback-text {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--black);
  
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  
  overflow: hidden;
  text-overflow: ellipsis;
}
.doctor-card__feedback-link {
  margin-top: 15px;
  display: block;

  font-size: 16px;
  letter-spacing: 0;
  color: var(--black-80);
}
@media (max-width: 1000px) {
  .doctor-card__feedback {
    padding: 15px;
  }
  .doctor-card__feedback-text {
    font-size: 14px;
  }
}

.doctor-card__locations {
  display: flex;
  align-items: flex-start;
  gap: 5px;
}
.doctor-card__locations svg{
	flex-shrink: 0;
}
.doctor-card__locations-icon {
  padding: 0px;
}
.doctor-card__locations-content {
  max-height: 370px;
  overflow-y: scroll;
  padding-right: 10px;
}
.doctor-card__locations-content::-webkit-scrollbar {
  display: block;
  width: 3px;  
  scrollbar-width: 3px;
  border-radius: 2px;
}
.doctor-card__locations-content::-webkit-scrollbar-thumb {
  width: 3px;
  scrollbar-width: 3px;
  border-radius: 2px;
  background-color: var(--blue);
}
.doctor-card__locations-content::-webkit-scrollbar-thumb {
  background-color: var(--blue);
}
.doctor-card__locations-content::-webkit-scrollbar-track {
  background: #EDEDED;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  background-clip: padding-box;
}

.doctor-card__locations-item {
  padding: 10px 15px;
  border-radius: 10px;
}
.doctor-card__locations-item:first-child {
  padding-top: 0;
}
.doctor-card__locations-item.active {
  background-color: #0600970D;
}
.doctor-card__location-title {
  font-size: 16px;
  letter-spacing: 0;
}
.doctor-card__location-link{
	font-size: 16px;
	letter-spacing: 0;
	color: var(--black-80);
	text-decoration: none !important;
	/*padding-top: 10px;*/
}
.doctor-card__location-link:hover .doctor-card__locations-item{
	background-color: #0600970D;
	color: var(--blue);
}
.doctor-card__locations-item.active .doctor-card__location-title {
  color: var(--blue);
}
.doctor-card__location-address {
  margin-top: 5px;
  font-size: 14px;
  letter-spacing: 0;
  color: var(--black-80);
}
.doctor-card__locations-item.active .doctor-card__location-address {
  color: var(--blue);
}
@media (max-width: 700px) {
  .doctor-card__locations {
    gap: 20px;
  }
  .doctor-card__locations-content {
    flex: 1 1 auto;
    padding-right: 20px;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;

  background-color: var(--white);
  border-radius: 15px;

  padding: 16px;
}
.pagination__item {
  --size: 40px;

  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: var(--size);

  background-color: #ECF0FF;

  font-size: 16px;
  letter-spacing: 0;
  color: var(--blue);

  display: flex;
  align-items: center;
  justify-content: center;
}
.ast-pagination .page-numbers{
	line-height: 2.33333em !important;
    border-radius: 2.33333em;
	background-color: #ECF0FF;
}
.pagination__item.active {
  background-color: var(--blue);
  color: var(--white);
}
@media (max-width: 700px) {
  .pagination__item {
    --size: 30px;
    font-size: 14px;
  }
}

.feedback {
  padding: 30px;
  display: flex;
  gap: 10px;
  line-height: 1.1em;
}
.feedback--expanded {
  align-items: flex-start;
}
.feedback .feedback-content {
  flex: 1 1 60%;
}
.feedback .feedback-summary {
  flex: 1 1 40%;
}
.feedback .feedback-review {
  margin-top: 40px;
}
.feedback .feedback-actions {
  margin-top: 40px;
}
.feedback .feedback-collapse {
  margin-top: 40px;
}
@media (max-width: 1000px) {
  .feedback {
    padding: 15px;
    flex-direction: column;
  }
}
@media (max-width: 700px) {
  .feedback .feedback-review {
    margin-top: 20px;
  }
  .feedback .feedback-actions {
    margin-top: 20px;
  }
  .feedback .feedback-collapse {
    margin-top: 20px;
  }
}

.feedback-content {
  padding: 30px;

  background-color: #0600970D;
  border-radius: 10px;
  position: relative;
}
.feedback-content__client {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0px;
  color: var(--black);
}
.feedback-content__client span {
  font-weight: 500;
}
.feedback-content__title {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 600;
  color: black;
  line-height: 1.1em;
}
.feedback-content__text, 
.feedback-content__text_full{
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.5;
  color: var(--black-80);

  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  
  overflow: hidden;
  text-overflow: ellipsis;
}
.feedback--expanded .feedback-content__text {
  display: block;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: unset;
  text-overflow: unset;
}


.collapsed_comment .feedback-content__text_full,
.collapsed_comment .feedback-review, 
.collapsed_comment .feedback-actions,
.collapsed_comment .feedback-collapse{
	display: none;
}
.expanded_comment .feedback-content__text_full,
.expanded_comment .feedback-review{
	display: block;
}
.expanded_comment .feedback-actions,
.expanded_comment .feedback-collapse{
	display: flex;
}
.expanded_comment .feedback-content__text{
	display: none;
}
.feedback_collapsed{
	display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-auto-rows: 1fr;
}
.comment-moderated{
	position: absolute;
    margin: 8px 10px;
    color: red;
    font-size: 12px;
}
.feedback--expanded .show_full_comment{
	display: none;
}

.feedback-content__text_full img{
	width: 180px;
    margin-right: 10px;
}



.feedback-content__text p:not(:first-child) {
  margin-top: 0.5em;
}
.feedback-content__reference {
  width: fit-content;
  display: block;
  margin-top: 20px;

  padding: 10px 15px;
  border-radius: 10px;

  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;

  border: 1px solid var(--black-15);
  color: var(--black);

  text-decoration: none;
  transition: 0.3s;
}
.feedback-content__reference:hover{
  background-color: #FEFEFE;
}
.show_full_comment{
	/*position: absolute;*/
    bottom: 30px;
}
@media (max-width: 1000px) {
  .feedback-content {
    padding: 15px;
  }
}

.feedback-review__title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--black);
}
.feedback-review__items {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.feedback-review__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.feedback-review__item-label {
  font-size: 16px;
  letter-spacing: 0;
  color: var(--black-80);
}
.feedback-review__item-value {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 700px) {
  .feedback-review__items {
    gap: 15px;
  }
  .feedback-review__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .feedback-review__item-value {
    gap: 0px;
  }
}

.feedback-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.feedback-actions__item {
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 10px 15px;
  border-radius: 10px;
  border: 1px solid #06009726;

  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--blue);
}
a.feedback-actions__item {
  display: flex !important;
  align-items: center;
  gap: 10px;

  padding: 10px 15px !important;
  border-radius: 10px !important;
  border: 1px solid #06009726 !important;

  font-size: 16px !important;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--blue);
}
.whith_edit_btn a.feedback-actions__item {
	padding: 10px 5px !important;
}
.feedback-actions__item svg {
    width: 20px;
    height: 20px;
}
@media (max-width: 700px) {
  .feedback-actions {
    flex-direction: column;
    align-items: flex-start;
  }
}

.feedback-collapse {
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--white);

  background-color: var(--blue);
  padding: 10px;
  border-radius: 10px;
}

.feedback-summary {
  padding: 30px;
  background-color: #0600970D;
  border-radius: 8px;
}
.feedback-summary__recommendation {
  display: flex;
  align-items: center;
  gap: 10px;

  font-size: 18px;
  color: var(--black);
}
.feedback-summary__analysis {
  margin-top: 30px;

  display: flex;
  flex-direction: column;
  gap: 20px;
}
.feedback-summary__analysis-block {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.feedback-summary__analysis-title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--black);
}
.feedback-summary__analysis-text {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--black-80);
}
.feedback-summary__rate {
  margin-top: 30px;
  
  display: flex;
  align-items: center;
  gap: 10px;

  font-size: 18px;
  color: var(--black);
}
@media (max-width: 1000px) {
  .feedback-summary {
    padding: 15px;
  }
  .feedback-summary__recommendation {
    flex-direction: column;
    align-items: flex-start;
  }
  .feedback-summary__rate {
    flex-wrap: wrap;
  }
  .feedback-summary__rate div {
    flex: 0 0 100%;
  }
}

.modal {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;

  width: 100vw;
  height: 100vh;
}
.modal:not(.opened) {
  display: none;
}
.modal-background {
  width: 100vw;
  height: 100vh;
  
  padding: 50px 15px;
  background-color: #0000004D;
  backdrop-filter: blur(4px);
  
  overflow-y: scroll;
}
.modal-background::-webkit-scrollbar {
  display: none;
}
.modal-content {
  margin: 0px auto;
  max-width: 1240px;

  width: 100%;
  background-color: var(--white);
  border-radius: 15px;

  padding: 30px;
  box-shadow: 0px 4px 50px 0px #0000000D;
}
.modal-header {
  -margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  margin-top: -15px;
}
.modal-title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--black);
}
.modal-subtitle {
  margin-top: 10px;
  font-size: 18px;
  letter-spacing: 0;
  color: var(--black-50);
}
.modal-close {
  font-size: 24px;
  color: var(--black);
  cursor: pointer;
}
.modal-body {
  width: 100%;
}
.modal-body p {
  font-size: 18px;
  letter-spacing: 0;
  color: var(--black-80);
}
.modal-body p:not(:first-child) {
  margin-top: 1em;
}
.modal-action {
  display: block;
  width: fit-content;

  padding: 10px;
  border-radius: 10px;

  background-color: var(--blue);
  color: var(--white);

  font-size: 18px;
  letter-spacing: 0;
}
@media (max-width: 1000px) {
  .modal-header {
    margin-bottom: 15px;
  }
  .modal-title {
    font-size: 18px;
  }
  .modal-body p {
    font-size: 14px;
  }
}

/* pages */
/* feed */
.feed__header {
  margin-top: 10px;
  margin-bottom: 30px;

  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.feed__title {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0px;
}
.feed__sort {
  font-size: 18px;
  letter-spacing: 0px;
}
.feed__sort span {
  font-weight: 500;
}

.feed__form {
  display: flex;
  gap: 10px;
}
.feed-control {
  border-radius: 15px;
  background-color: var(--white);

  display: flex;
  flex: 1 1 27%;

  position: relative;
}
.feed-control__input {
  width: 100%;
  height: 100%;
  
  display: block;
  padding: 15px 25px 15px 65px;
  
  font-size: 18px;
  color: var(--black);
  
  border: none;
  outline: none;
  background-color: transparent;
}
.feed-control__input::placeholder {
  color: var(--black-80);
}
.feed-control__icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.feed-control__button {
  margin: 4px;
  width: 100%;
  max-width: max-content;

  display: flex;
  align-items: center;

  padding: 10px 20px 12px 20px;
  border-radius: 10px;

  font-size: 18px;
  font-weight: 500;
  text-decoration: none;

  color: #fff;
  background-color: var(--mint);

  transition: 0.3s;
}
.feed-control--search {
  flex: 1 1 46%;
  display: flex;
}
.feed-control--search .feed-control__input {
  padding-left: 20px;
  flex: 1 1 auto;
}

.feed-result {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.feed-card {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  line-height: 1.1em;
}
.feed-card__left {
  padding: 10px;
}
.feed-card__left .doctor-card__rating {
  margin-top: 30px;
  padding: 0px 20px 20px 20px;
}
.feed-card__right {
  flex: 1 1 auto;
  padding: 30px;
  position: relative;
}
.feed-card__right .doctor-card__role {
  margin-top: 15px;
  line-height: 24px;
}
.feed-card__right .doctor-card__info {
  margin-top: 30px;
  line-height: 21px;
}
.feed-card__right .doctor-card__badges {
  margin-top: 30px;
}
.feed-card__right-footer {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  /*bottom: 20px;
  position: absolute;
  width: 93%;*/
  min-height: 180px;
}

.feed-pagination {
  margin-top: 10px;
}

@media (max-width: 1000px) {
  .feed__form {
    flex-wrap: wrap;
  }
  .feed-control--search {
    flex: 1 1 auto;
  }
  .feed-card__left .doctor-card__rating {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 700px) {
  .feed__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .feed-control {
    flex: 1 1 auto;
  }
  .feed-control__input {
    padding-left: 50px;
  }
  .feed-control__icon {
    left: 15px;
  }
  .feed-control--search {
    flex-direction: column;
    gap: 10px;
    padding: 10px;
  }
  .feed-control--search .feed-control__input {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .feed-control--search .feed-control__button {
    width: 100%;
    max-width: 100%;
    margin: 0;

    justify-content: center;
  }

  .feed-card {
    flex-direction: column;
    gap: 0px;
    border-radius: 15px;
    background-color: var(--white);
  }
  .feed-card__left .doctor-card__rating {
    margin-top: 20px;
    padding: 0px;
    justify-content: flex-start;
    gap: 15px;
  }
  .feed-card__left .doctor-card__rating-label {
    font-size: 18px;
  }
  .feed-card__right {
    padding: 15px;
  }
  .feed-card__right-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
@media (max-width: 350px) {
  .feed-card__left .doctor-card__rating-label {
    font-size: 14px;
  }
}

/* feedbacks */
.doctor-feedbacks-info {
  margin-top: 20px;
  display: flex;
  gap: 10px;
}
.doctor-feedbacks-info__left {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.doctor-feedbacks-info__left-top {
  padding: 10px;
}
.doctor-feedbacks-info__left-top .doctor-card-avatar {
  --avatar-width: 310px;
  --avatar-height: 310px;
}
.doctor-feedbacks-info__left-top .doctor-card__rating {
  margin-top: 20px;
  padding: 0px 30px 10px 30px;
}
.doctor-feedbacks-info__left-bottom {
  flex: 1 1 auto;
  padding: 30px;
}
.doctor-feedbacks-info__center {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.doctor-feedbacks-info__center-top {
  flex: 1 1 auto;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.doctor-feedbacks-info__center-top-left {
  height: 100%;
  flex: 1 1 auto;
  padding: 30px;
  flex-shrink: 0;
}
.doctor-feedbacks-info__center-top-left .doctor-card__role {
  margin-top: 15px;
  max-width: 450px;
}
.doctor-feedbacks-info__center-top-left .doctor-card__info {
  margin-top: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.doctor-feedbacks-info__center-top-left .doctor-card__badges {
  margin-top: 30px;
  flex-direction: column;
  align-items: flex-start;
}
.doctor-feedbacks-info__center-top-left-footer {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.doctor-feedbacks-info__center-top-left-reference {
  display: flex;
  align-items: center;
  gap: 10px;

  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--blue);
}
.doctor-feedbacks-info__center-top-right {
  /*padding: 20px 15px 20px 20px;*/
  padding: 20px 15px 20px 20px;
  min-height: 200px;
    min-width: 100px;
}
@media (max-width: 1000px) {
  .doctor-feedbacks-info {
    flex-direction: column;
  }
  .doctor-feedbacks-info__left {
    flex-direction: row;
  }
  .doctor-feedbacks-info__left-bottom {
    padding: 15px;
  }
  .doctor-feedbacks-info__center-top-left {
    padding: 15px;
  }
  .doctor-feedbacks-info__center-top-left-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
@media (max-width: 700px) {
  .doctor-feedbacks-info__left {
    flex-direction: column;
  }
  .doctor-feedbacks-info .doctor-card-avatar {
    /*--avatar-height: 270px;
    --avatar-width: 270px;*/
	--avatar-height: auto;
        --avatar-width: 100%;
  }
  .doctor-feedbacks-info .doctor-card__rating {
    padding: 0px 10px 10px 10px;
    justify-content: flex-start;
    gap: 15px;
  }
  .doctor-feedbacks-info .doctor-card__rating-label {
    font-size: 18px;
  }
  .doctor-feedbacks-info__center-top {
    flex-direction: column;
    align-items: stretch;
  }
}

.doctor-feedbacks__title {
  margin-bottom: 35px;
  margin-top: 35px;

  display: flex;
  justify-content: center;

  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0px;
  color: var(--black);
}
@media (max-width: 700px) {
  .doctor-feedbacks__title {
    font-size: 24px;
    margin-bottom: 15px;
  }
}

.doctor-feedbacks-header {
  padding: 20px 30px;
  border-radius: 15px;
  background-color: var(--white);

  display: flex;
  align-items: center;
  gap: 35px;
}
.doctor-feedbacks-header__item {
  display: flex;
  align-items: center;
  gap: 15px;
}
.doctor-feedbacks-header__item-label {
  font-size: 18px;
  letter-spacing: 0;
  color: var(--black);
}
@media (max-width: 700px) {
  .doctor-feedbacks-header {
    padding: 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}

.doctor-feedbacks__list {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.feedbacks-pagination {
  margin: 30px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.feedbacks-pagination__item {
  --size: 5px;

  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: var(--size);

  background-color: #9DACE0;
  cursor: pointer;
}
.feedbacks-pagination__item.active {
  background-color: var(--blue);
}

/* form */
.feedback-form-doctor-card {
  margin-top: 20px;
}
.feedback-form-block {
  margin-top: 10px;
  padding: 30px;
  display: none;
}
.feedback-form-block__title {
  font-size: 24px;
  font-weight: 500;
}
.feedback-form-block__badges {
  margin-top: 15px;
  display: flex;
  gap: 10px;
}
.feedback-form-block__text {
  margin-top: 15px;
  display: block;

  font-size: 16px;
  letter-spacing: 0;
  color: var(--black-80);
}
.feedback-form-block__text p.red {
  color: var(--red);
}

.feedback-form-block__control {
  display: block;
  width: 100%;
  padding-top: 15px;
  position: relative;
}
.feedback-form-block__control-label {
  position: absolute;
  left: 20px;
  transform: translateY(-50%);
  
  background-color: var(--white);
  padding: 5px 10px;

  font-size: 16px;
}
.feedback-form-block__control-label span {
  color: var(--black-50);
}
.feedback-form-block__control__input {
  display: block;
  width: 100%;

  padding: 20px 30px;
  border: 1px solid #06009726;
  border-radius: 10px;

  outline: none;

  font-size: 18px;
  letter-spacing: 0;
  color: var(--black);
  height: unset !important;
}
.feedback-form-block__control--title {
  margin-top: 30px;
}

.feedback-form-textarea {
  width: 100%;
  display: block;
}
.feedback-form-textarea__title {
  padding-left: 30px;
  padding-bottom: 15px;
 
  font-size: 16px;
  letter-spacing: 0;
  color: var(--black);
}
.feedback-form-textarea__title span {
  color: var(--black-50);
}
.feedback-form-textarea__control {
  width: 100%;
  display: block;

  border: 1px solid #06009726;
  border-radius: 10px;
}
.feedback-form-textarea__header {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 0px 10px 0px 30px;
  border-bottom: 1px solid #06009726;
}
.feedback-form-textarea__settings {
  display: flex;
  gap: 20px;
}
.feedback-form-textarea__settings-block {
  display: flex;
  align-items: center;
  gap: 15px;

  padding: 20px 0px; 
}
.feedback-form-textarea__setting {
  display: block;
  cursor: pointer;
}
.feedback-form-textarea__separator {
  border-left: 1px solid #06009726;
}
.feedback-form-textarea__upload {
  display: flex;
  align-items: center;
  gap: 15px;

  padding: 10px;

  font-size: 16px;
  font-weight: 500;
  color: var(--blue);

  border: 1px solid var(--blue);
  border-radius: 5px;
}
.feedback-form-textarea__body {
  width: 100%;
}
.feedback-form-textarea__body textarea {
  display: block;
  width: 100%;
  min-height: 150px;

  padding: 20px 30px;

  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: 'Inter Tight', sans-serif;
  color: var(--black);

  resize: none;
  border: none;
  outline: none;
  background-color: transparent;
}
.feedback-form-block .feedback-form-textarea {
  margin-top: 20px;
}

.feedback-form-block__analysis {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.feedback-form-block__recommendation {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.feedback-form-block__recommendation-label {
  font-size: 18px;
  letter-spacing: 0;
  color: var(--black);
  padding-right: 15px;
}

.feedback-form-block .feedback-review {
  margin-top: 30px;
  width: fit-content;
}

.feedback-form-block__actions {
  margin-top: 50px;
  display: flex;
  gap: 10px;
}
.feedback-form-block__action {
  width: fit-content;
  min-width: 110px;
  
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 10px;
  border: 1px solid var(--blue);
  border-radius: 10px;

  background-color: var(--white);
  color: var(--blue);

  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
}
.feedback-form-block__action.filled {
  background-color: var(--blue);
  color: var(--white);
}
@media (max-width: 1000px) {
  .feedback-form-block {
    padding: 15px;
  }
  .feedback-form-block__control-label {
    left: 10px;
    font-size: 14px;
  }
  .feedback-form-block__control__input {
    padding: 15px 20px;
    font-size: 14px;
  }
  .feedback-form-textarea__title {
    padding-left: 20px;
    font-size: 14px;
  }
  .feedback-form-textarea__header {
    padding-left: 20px;
  }
  .feedback-form-textarea textarea {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }
  .feedback-form-block__recommendation-label {
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  .feedback-form-block__badges {
    flex-wrap: wrap;
  }
  .feedback-form-textarea__header {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 10px;
  }
  .feedback-form-textarea__settings {
    gap: 15px;
  }
  .feedback-form-textarea__settings-block {
    padding: 5px;
    gap: 10px;
  }
  .feedback-form-textarea__upload {
    margin-bottom: 10px;
    width: 100%;
    justify-content: center;
  }
  .feedback-form-block__recommendation {
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .feedback-form-block__recommendation-label {
    flex: 0 0 100%;
  }
  .feedback-form-block .feedback-form-block__actions {
    margin-top: 30px;
  }
}

/* profile */
.profile__title {
  margin-top: -40px;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  color: black;
}
.profile__header {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tabs {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tabs__item {
  display: flex;
  align-items: center;
  gap: 5px;

  font-size: 18px;
  letter-spacing: 0;

  padding: 10px;
  border-radius: 10px;

  color: var(--blue);
  border: 1px solid var(--blue);
}
.tabs__item:hover{
	color: inherit !important;
}
.profile-button-active,
.profile-button-active:hover {
	color: var(--white) !important;
}
.tabs__item.active {
  background-color: var(--blue);
  color: var(--white);
}

.profile__back {
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 10px;
  border-radius: 10px;

  background-color: #06009726;
  color: var(--blue);

  font-size: 18px;
  letter-spacing: 0;
  cursor: pointer;
}
.profile-blocks {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.profile-block {
  padding: 30px;
}
.profile-block__title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--black);
  margin-bottom: 15px;
}

/* .profile-block-info {} */
.profile-block-info__body {
  display: flex;
  gap: 20px;
}
.ava-block{
	--size: 250px;

  width: var(--size);
  height: var(--size);
  background-color: #0600970D;
  border-radius: 10px;
}
.profile-block-upload {
  --size: 250px;

  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 10px;

  background-color: #0600970D;
  overflow: hidden;
}
.profile-block-upload__control {
  display: block;
  opacity: 0;

  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
}
.profile-block-upload__body {
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.profile-block-upload__body .selected_ava{
	width: 100%;
	height: 100%;
    object-fit: cover;
    box-shadow: none !important;
}
.profile-block-upload__icon {
  height: 24px;
}
.profile-block-upload__text {
  font-size: 16px;
  font-weight: 500;
  color: var(--blue);
}

.profile-block-info__controls {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 20px;
}

.profile-control {
  display: block;
  width: 100%;
  height: fit-content;
  position: relative;
  cursor: pointer;
}
.profile-control__label {
  position: absolute;
  top: 0;
  left: 20px;
  transform: translateY(-50%);
  
  background-color: var(--white);
  padding: 5px 10px;
  
  color: var(--black-50);
  font-size: 16px;
  line-height: 1;
}
.profile-control__input {
  display: block;
  width: 100%;

  padding: 20px 30px;
  border: 1px solid #06009726 !important;
  border-radius: 10px;

  outline: none;

  font-size: 18px;
  letter-spacing: 0;
  color: var(--black);
  height: 63px !important;
}
.profile-control__input::placeholder {
  color: var(--black);
}

.profile-block__rows {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.profile-block-specialization .profile-block__row:nth-child(1) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.profile-block-specialization .profile-block__row:nth-child(2) {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  align-items: baseline;
}

.profile-block-other .profile-block__row:nth-child(1) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.profile-block-specialization .profile-block__title,
.profile-block-other .profile-block__title {
  margin-bottom: 30px;
}

.profile-control.profile-control-addon {
  display: block;
  width: 100%;

  padding: 20px 30px;
  border: 1px solid #06009726;
  border-radius: 10px;

  outline: none;

  font-size: 18px;
  letter-spacing: 0;
  color: var(--black);
}
.profile-control.profile-control-addon .profile-control__input {
  padding: 10px 10px;
  border: none;
}
.profile-control.profile-control-addon .profile-control__add {
  width: fit-content;
  margin-top: 10px;

  padding: 10px;
  border-radius: 10px;
  border: 1px solid #06009726;

  display: flex;
  align-items: center;
  gap: 10px;

  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--blue);
}

.profile-control.profile-control-select {
  display: block;
  width: 100%;

  /*padding: 20px 30px;*/
  border: 1px solid #06009726;
  border-radius: 10px;

  outline: none;

  font-size: 18px;
  letter-spacing: 0;
  color: var(--black);
  height: 63px;
  padding: 10px 30px 20px 30px;
}
.profile-control-select select{
	box-shadow: none;
	margin-top: 0;
}
.profile-control.profile-control-select .profile-control__value {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
}
.profile-control.profile-control-select .profile-control__dropdown {
  position: absolute;
  top: calc(100% - 10px);
  left: -1px;
  
  width: calc(100% + 2px);
  padding: 0px 20px 10px 20px;

  background-color: var(--white);

  border: 1px solid #06009726;
  border-top: none;

  border-radius: 0px 0px 10px 10px;
}
.profile-control.profile-control-select:not(.opened) .profile-control__dropdown {
  display: none;
}
.profile-control.profile-control-select .profile-control__option {
  padding: 5px 10px;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
}
.profile-control.profile-control-select.opened {
  border-radius: 10px 10px 0px 0px;
  border-bottom: none;
}

.profile-control.profile-control-textarea {
  display: block;
  width: 100%;
  
  padding: 20px 0 0 0;
  border: 1px solid #06009726;
  border-radius: 10px;
  
  outline: none;
  
  font-size: 18px;
  letter-spacing: 0;
  color: var(--black);
}
.profile-control.profile-control-textarea .profile-control__textarea {
  display: block;
  width: 100%;
  min-height: 200px;

  font-family: 'Inter Tight', sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  
  outline: none;
  border: none;
  resize: none;
}
.profile-control.profile-control-textarea .profile-control__textarea::-webkit-scrollbar {
  display: block;
  width: 3px;  
  scrollbar-width: 3px;
  border-radius: 2px;
}
.profile-control.profile-control-textarea .profile-control__textarea::-webkit-scrollbar-thumb {
  width: 3px;
  scrollbar-width: 3px;
  border-radius: 2px;
  background-color: var(--blue);
}
.profile-control.profile-control-textarea .profile-control__textarea::-webkit-scrollbar-thumb {
  background-color: var(--blue);
}
.profile-control.profile-control-textarea .profile-control__textarea::-webkit-scrollbar-track {
  background: #EDEDED;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  background-clip: padding-box;
}


.text-load-docs{
	color: black;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 18px
}
.profile-block-documents {
}
.profile-block-documents__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.profile-block-documents__title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--black);
}
.profile-block-documents__link {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--blue);
  border-bottom: 1px solid var(--blue);
}
.profile-block-documents__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}

/* .profile-document-card {} */
.profile-document-card__image {
  width: 100%;
  height: 250px;
  border-radius: 10px;

  background-color: #ECF0FF;

  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-document-card__image img {
  height: 24px;
}
.profile-document-card__title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--black);
  margin-top: 15px;
}
.profile-document-card__button {
  margin-top: 10px;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;

  border: 1px solid #06009726;
  border-radius: 10px;
  padding: 10px;

  font-size: 16px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--blue);
}
.profile-document-card__button span:nth-child(1) {
  font-size: 22px;
}

.profile-actions {
  margin-top: 30px;
  
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.profile-action {
  display: block;
  padding: 12px;

  border: 1px solid var(--blue);
  border-radius: 10px;

  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--blue);
}
.profile-action.filled {
  background-color: var(--blue);
  color: var(--white);
}

.profile-modal .modal-content {
  max-width: 600px;
}
.profile-modal .modal-body {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

@media (max-width: 1000px) {
  .profile__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .profile__header .tabs {
    flex-wrap: wrap;
  }

  .profile-block-info__body {
    flex-direction: column;
    gap: 30px;
  }

  .profile-block-specialization .profile-block__row:nth-child(1) {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .profile-block-specialization .profile-block__row:nth-child(2) {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .profile-block-other .profile-block__row:nth-child(1) {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .profile-block-other .profile-block__row:nth-child(2) {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (max-width: 700px) {
  .profile-block {
    padding: 15px;
  }

  .profile-block-info__controls {
    grid-template-columns: 1fr;
  }

  .profile-control__label {
    left: 10px;
    font-size: 12px;
  }
  .profile-control__input {
    padding: 20px;
  }
  .profile-control.profile-control-addon {
    padding: 20px;
  }
  .profile-control.profile-control-textarea {
    padding: 20px;
  }
  .profile-control.profile-control-select {
    padding: 20px;
  }

  .profile-actions {
    flex-direction: column;
    align-items: flex-start;
  }
}





.contact-modal .modal-content {
  max-width: 580px;
  position: relative;
  line-height: 1.2em;
}
.contact-modal .modal-close {
  --size: 48px;

  width: var(--size);
  height: var(--size);
  border-radius: var(--size);
  border: 1px solid #1E293B29;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 20px;
  color: #6F6F71;
  line-height: 1;

  position: absolute;
  top: 16px;
  right: 16px;
}
.contact-modal-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contact-modal__title {
  font-size: 30px;
  font-weight: 600;
  color: #1E293B;
}
.contact-modal__subtitle {
  margin-top: 18px;
  font-size: 18px;
  font-weight: 600;
  color: #1E293B;
}
.contact-modal__subtitle span {
  color: #FE0000;
}
.contact-modal__message {
  margin-top: 16px;
  padding: 12px;

  border-radius: 12px;
  background-color: #F0F5FA;

  font-size: 16px;
  color: #1E293B;

  display: flex;
  flex-direction: column;
  gap: 6px;
}
.contact-modal__fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contact-modal-field {
  min-height: 56px;
  padding: 6px 12px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  border-radius: 4px;
  border: 1px solid #1E293B29;

  transition: 0.3s;
}
.contact-modal-field.active {
  justify-content: space-between;
  gap: 6px;
}
.contact-modal-field.outlined {
  border-color: #0000FF;
}
.contact-modal-field__label {
  display: flex;
  align-items: center;
  gap: 4px;
  
  font-size: 14px;
  color: #6F6F71;
}
.contact-modal-field__label span {
  color: #FE0000;
}
.contact-modal-field.active .contact-modal-field__label {
  font-size: 12px;
}
.contact-modal-field__control {
  width: 100%;
  max-height: 0;
  opacity: 0;
  
  overflow: hidden;
  transition: 0.3s;
}
.contact-modal-field.active .contact-modal-field__control {
  max-height: 56px;
  opacity: 1;
}
.contact-modal-field input {
  display: block;
  width: 100%;
  
  background-color: transparent;
  border: none;
  outline: none !important;

  caret-color: #0000FF;
  font-size: 16px;
}
.contact-modal-field input:focus{
	border: none !important;
}

.contact-modal__agreements {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.contact-modal__agreement {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.contact-modal__agreement-text {
  font-size: 14px;
  color: #1E293B;
}
.contact-modal__agreement-text strong {
  font-weight: 500;
}
.contact-modal__agreement a {
  text-decoration: underline;
  color: #1E293B;
}
.contact-modal__captcha {
  width: 100%;
  display: flex;
  justify-content: center;
}
.captcha {
  width: 100%;
  max-width: 335px;

  background-color: #F9F9F9;
  border: 1px solid #D3D3D3;
  border-radius: 2px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 8px 16px;
}
.captcha__agreement {
  display: flex;
  align-items: center;
  gap: 12px;
}
.captcha__agreement-text {
  font-size: 14px;
}
.captcha__image {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.captcha__logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.captcha__logo-text {
  font-size: 10px;
}
.captcha__benefits {
  font-size: 8px;
}
.contact-modal__button {
  padding: 19px 10px;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 14px;
  font-weight: 500;
  color: #fff;

  border-radius: 16px;
  background-color: #0000FF;
}
.contact-modal__button:hover{
	color: #fff !important;
}
.contact-modal__footer {
  display: flex;
  flex-direction: column;
  gap: 5px;

  font-size: 12px;
  color: #67768E;
}
.contact-modal__footer strong {
  color: #1E293B;
  font-weight: 600;
}

.checkbox {
  --size: 20px;

  display: block;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);

  border-radius: 2px;
}
.checkbox input {
  display: block;
  width: 100%;
  height: 100%;
  accent-color: #419281;
  border: 1px solid #1E293B29;
  border-radius: 2px;
}
.checkbox input:focus {
  outline: none;
  box-shadow:
    0 0 0 2px #ffffff,
    0 0 0 4px #0000FF;
}


.response-modal .modal-background {
  display: flex;
  align-items: center;
  justify-content: center;
}
.response-modal .modal-content {
  max-width: 580px;
  padding: 48px 24px;

  display: flex;
  flex-direction: column;
  align-items: center;
}
.response-modal__icon {
  padding-left: 8px;
}
.response-modal__title {
  margin-top: 24px;

  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
  color: #1E293B;
  text-align: center;
}
.response-modal__text {
  margin-top: 8px;

  font-size: 16px;
  line-height: 1.5;
  color: #1E293B;
  text-align: center;
}
.modal p{
	margin-bottom: 0 !important;
}

@media (max-width: 992px) {
  .contact-modal .modal-background {
    padding: 24px 8px;
  }
  .contact-modal .modal-content {
    padding: 24px 16px;
  }
  .contact-modal .modal-close {
    top: 12px;
    right: 12px;
  }
  .contact-modal__title {
    font-size: 20px;
  }
  .contact-modal__subtitle {
    font-size: 16px;
    margin-top: 6px;
  }
  .contact-modal__message {
    font-size: 14px;
  }
  .contact-modal__agreement-text {
    font-size: 12px;
  }
  .captcha {
    max-width: 100%;
  }
  .contact-modal__button {
    font-size: 14px;
  }

  .response-modal .modal-content {
    padding: 32px 12px;
  }
  .response-modal__title {
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.5;
  }
  .response-modal__text {
    font-size: 14px;
    letter-spacing: -0.2px;
  }
}