/* Start:/bitrix/templates/newidclinik/css/choices.min.css?179321962010809*/
.choices{position:relative;overflow:hidden;margin-bottom:var(--choices-guttering, 24px);font-size:var(--choices-font-size-lg, 16px)}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled :is(.choices__inner,.choices__input){background-color:var(--choices-bg-color-disabled, #eaeaea);cursor:not-allowed!important;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed;color:var(--choices-item-disabled-color, #fff)}.choices [hidden]{position:absolute;inset:0;pointer-events:none;opacity:0}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:var(--choices-inner-one-padding, 7.5px)}.choices[data-type*=select-one] .choices__input{display:block;width:var(--choices-width, 100%);padding:var(--choices-dropdown-item-padding, 10px);border-bottom:var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);background-color:var(--choices-bg-color-dropdown, #fff);margin:0}.choices[data-type*=select-one] .choices__button{background-image:var(--choices-icon-cross-inverse, url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="));padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:is(:hover,:focus){opacity:var(--choices-button-opacity-hover, 1)}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px var(--choices-highlight-color, #005F75)}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:var(--choices-text-color, #333) transparent transparent transparent;border-width:var(--choices-arrow-size, 5px);position:absolute;right:var(--choices-arrow-right, 11.5px);top:50%;margin-top:var(--choices-arrow-margin-top, -2.5px);pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent var(--choices-text-color, #333);margin-top:var(--choices-arrow-margin-top-open, -7.5px)}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__inner{cursor:text}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__button{position:relative;display:inline-block;margin:0 calc(var(--choices-button-offset, 8px)*-.5)0 var(--choices-button-offset, 8px);padding-left:calc(var(--choices-button-offset, 8px)*2);border-left:1px solid color-mix(in srgb,var(--choices-primary-color, #005F75) 90%,var(--choices-darken, black));background-image:var(--choices-icon-cross, url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="));background-size:var(--choices-button-dimension, 8px);width:var(--choices-button-dimension, 8px);line-height:var(--choices-button-line-height, 1);border-radius:var(--choices-button-border-radius, 0);opacity:var(--choices-button-opacity, 0.75)}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__button:is(:hover,:focus){--choices-button-opacity:var(--choices-button-opacity-hover, 1)}.choices__inner{display:inline-block;vertical-align:top;width:var(--choices-width, 100%);background-color:var(--choices-bg-color, #f9f9f9);padding:var(--choices-inner-padding, 7.5px 7.5px 3.75px);border:var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);border-radius:var(--choices-border-radius, 2.5px);font-size:var(--choices-font-size-md, 14px);min-height:var(--choices-input-height, 44px);overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:color-mix(in srgb,var(--choices-keyline-color, #ddd) 85%,var(--choices-darken, black))}.is-open .choices__inner{border-radius:var(--choices-border-radius, 2.5px) var(--choices-border-radius, 2.5px)0 0}.is-invalid .choices__inner{border-color:var(--choices-invalid-color, #d33141)}.is-flipped.is-open .choices__inner{border-radius:0 0 var(--choices-border-radius, 2.5px) var(--choices-border-radius, 2.5px)}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:var(--choices-list-single-padding, 4px 16px 4px 4px)}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single,.choices__list--single .choices__item{width:var(--choices-width, 100%)}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:var(--choices-border-radius-item, 20px);padding:var(--choices-multiple-item-padding, 4px 10px);font-size:var(--choices-font-size-sm, 12px);font-weight:500;margin-right:var(--choices-multiple-item-margin, 3.75px);margin-bottom:var(--choices-multiple-item-margin, 3.75px);background-color:var(--choices-primary-color, #005F75);border:1px solid color-mix(in srgb,var(--choices-primary-color, #005F75) 95%,var(--choices-darken, black));color:var(--choices-item-color, #fff);word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:var(--choices-multiple-item-margin, 3.75px)}.choices__list--multiple .choices__item.is-highlighted{background-color:color-mix(in srgb,var(--choices-primary-color, #005F75) 95%,var(--choices-darken, black));border:1px solid color-mix(in srgb,var(--choices-primary-color, #005F75) 90%,var(--choices-darken, black))}.is-disabled .choices__list--multiple .choices__item{background-color:color-mix(in srgb,var(--choices-disabled-color, #eaeaea) 75%,var(--choices-darken, black));border:1px solid color-mix(in srgb,var(--choices-disabled-color, #eaeaea) 65%,var(--choices-darken, black))}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:var(--choices-z-index, 1);position:absolute;width:var(--choices-width, 100%);background-color:var(--choices-bg-color-dropdown, #fff);border:var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);top:100%;margin-top:-1px;border-bottom-left-radius:var(--choices-border-radius, 2.5px);border-bottom-right-radius:var(--choices-border-radius, 2.5px);overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:color-mix(in srgb,var(--choices-keyline-color, #ddd) 85%,var(--choices-darken, black))}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:var(--choices-dropdown-item-padding, 10px);font-size:var(--choices-font-size-md, 14px)}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text],.choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]::after{content:attr(data-select-text);font-size:var(--choices-font-size-sm, 12px);position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-selected::after,.choices__list[aria-expanded] .choices__item--selectable.is-selected::after{content:none!important}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list--dropdown .choices__item--selectable.is-selected,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-selected{background-color:var(--choices-highlighted-color, #f2f2f2)}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid color-mix(in srgb,var(--choices-keyline-color, #ddd) 90%,var(--choices-lighten, white));color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:var(--choices-bg-color, #f9f9f9);font-size:var(--choices-font-size-md, 14px);margin-bottom:var(--choices-input-margin-bottom, 5px);border:0;border-radius:0;max-width:var(--choices-width, 100%);padding:var(--choices-input-padding, 4px 0 4px 2px)}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:var(--choices-placeholder-opacity, 0.5)}
/* End */


/* Start:/bitrix/templates/newidclinik/css/doctors-grid.css?17934696709298*/
@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*Обнуление*/

* {
  padding: 0;
  margin: 0;
  border: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
}

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*--------------------*/

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

.doctors-grid__wraper{
  width: 100%;
  font-family: "Inter", sans-serif;
    padding:0;
}

.doctors-grid {
  width: 100%;
  display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
}

.doctor-card{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border: 1px solid #97979742;
  box-shadow: 0px 4px 4px 0px #B2ACAC36;
  border-radius: 20px;
  padding: 20px 15px 10px 8px;
  min-width: 0; 
}

.doctor-card__left{
  width: 150px;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  margin-right: 10px;
}

.doctor-card__photo-wrapper{
  width: 100%;     
  margin-bottom: 10px;  
}

.doctor-card__photo{
  width: 100%;
}

.doctor-card__price{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.doctor-card__price-label{
  width: 100%;
  color: #A6A6A6;
  font-size: 12px;
  line-height: 150%;
  font-weight: 400;
  margin-bottom: 5px;
}

.doctor-card__price-value-wraper{
  width: 100%;
  color: #087A93;
  line-height: 120%;
  display: inline-flex;
  margin-bottom: 10px;
   min-width: 0;
  word-break: break-all;
}

.price-from{
  font-size: 14px;
  font-weight: 400;
  color: #A6A6A6;
  display: inline-block;
  margin-right: 4px;
  flex-shrink: 0;
}

.price-value{
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
}

.price-currency{
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  flex-shrink: 0;
  margin-left: 3px;
}

.doctor-card__button{
  width: 100%;
  min-height: 34px;
  border: 1px solid #087A93;
  border-radius: 35px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #087A93;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  padding: 5px;
  transition: all 0.2s;
}

.doctor-card__button:hover{
  background-color: #087A93;
  color: #fff;
}

.doctor-card__right{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  min-width: 0; 
}
.doctor-card__right-info{
  width: 100%;
  margin-bottom: 20px;
  min-width: 0; 
}

.doctor-card__name{
  width: 100%;
  color: #3D4A60;
  font-size: 22px;
  line-height: 120%;
  font-weight: 500;
  margin-bottom: 18px;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;  
  word-break: auto-phrase;    
  hyphens: auto; 
  min-height: 80px;
}

.doctor-card__specialties{
  width: 100%;
  color: #087A93;
  font-size: 13px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 10px;
  min-height: 63px;
}

.doctor-card__directions{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.doctor-card__directions h4{
  width: 100%;
  font-size: 13px;
  line-height: 110%;
  font-weight: 700;
  color: #3D4A60;
  margin-bottom: 8px;
}

.doctor-card__directions p{
  width: 100%;
  font-size: 13px;
  line-height: 120%;
  font-weight: 400;
  color: #3D4A60;
}


.doctor-card__features{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
}

.feature-item{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 5px;
  border: 1px solid #D5DCE34D;
  border-radius: 7px;
}

.feature-icon{
  height: 24px;
  flex-shrink: 0;
  margin-right: 7px;
}

.feature-label{
  width: auto;
  display: inline-block;
  flex-shrink: 0;
  color: #536276;
  font-size: 12px;
  line-height: 100%;
  font-weight: 400;
  padding-right: 3px;
}

.feature-value{
  width: auto;
  display: inline-block;
  margin-left: auto;
  color: #536276;
  font-size: 12px;
  line-height: 110%;
  font-weight: 400;
  padding: 2px 0;
  min-width: 0;
  overflow-wrap: break-word;
}

.doctor-card__mob-photo-wrapper{
  display: none;
}


@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
  .doctor-card__mob-photo-wrapper{
    display: none;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
  .doctors-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .feature-item{
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 5px;
    flex-wrap: wrap;
  }

  .feature-label{
    padding-right: 0px;
  }

  .feature-value{
    width: 100%;
    text-align: center;
    padding: 2px 0 4px 0;
  }
  .doctor-card__mob-photo-wrapper{
    display: none;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
  .doctors-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }
  
.doctor-card__features{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
}

.feature-item{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 5px;
  border: 1px solid #D5DCE34D;
  border-radius: 10px;
}

.feature-icon{
  height: 24px;
  flex-shrink: 0;
  margin-right: 7px;
}

.feature-label{
  width: auto;
  display: inline-block;
  flex-shrink: 0;
  color: #536276;
  font-size: 12px;
  line-height: 100%;
  font-weight: 400;
  padding-right: 3px;
}

.feature-value{
  width: auto;
  display: inline-block;
  margin-left: auto;
  color: #536276;
  font-size: 12px;
  line-height: 110%;
  font-weight: 400;
  padding: 2px 0;
  min-width: 0;
  overflow-wrap: break-word;
}
.doctor-card__mob-photo-wrapper{
  display: none;
}

}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
  .doctors-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }
  .doctor-card__mob-photo-wrapper{
    display: none;
  }
}

@media (max-width: 450px) {
  .doctor-card{
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column-reverse;
    padding: 20px 15px 15px 15px;
    border-radius: 15px;
  }

  .doctor-card__left{
    width: 100%;
  }

  .doctor-card__left .doctor-card__photo-wrapper{
    display: none;
  }

  .doctor-card__price{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .doctor-card__price-label{
    width: auto;
    display: inline-block;
    flex-shrink: 0;
    color: #A6A6A6;
    font-size: 13px;
    line-height: 150%;
    font-weight: 600;
    margin-bottom: 5px;
  }

  .doctor-card__price-value-wraper{
    width: auto;
    color: #087A93;
    line-height: 120%;
    display: inline-flex;
    margin-bottom: 0px;
    margin-left: auto;
  }

  .price-from{
    font-size: 18px;
    font-weight: 600;
    color: #087A93;
    display: inline-block;
    flex-shrink: 0;
  }

  .doctor-card__button{
    width: 100%;
    min-height: 47px;
    border-radius: 35px;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    padding: 5px;
    transition: all 0.2s;
    margin-top: 15px;
  }

  .doctor-card__right{
    width: 100%;
    margin-bottom: 20px;
  }

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

  .doctor-card__mob-photo-wrapper{
    display: block;
    width: 100%;
    max-width: 155px;
    margin-bottom: 15px;
  }

  .doctor-card__name{
    margin-bottom: 12px;
  }

  .doctor-card__specialties{
    font-size: 14px;
    margin-bottom: 15px;
  }

  .doctor-card__directions h4{
    font-size: 14px;
    margin-bottom: 8px;
  }

  .doctor-card__directions p{
    font-size: 14px;
  }

  .feature-item{
    padding: 2px 0;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 7px;
  }

  .feature-label{
    font-size: 13px;
  }

  .feature-value{
    font-size: 13px;
  }
}
#ajaxDoc a:hover{
    text-decoration: none;
}
#ajaxDoc p.doctor-card__specialties a,
#ajaxDoc p.doctor-card__specialties a:hover{
    color: #087A93;
    text-decoration: none;
}

#ajaxDoc .doctor-card__directions p a:hover {
    color: #3D4A60;
	text-decoration: none;
}

/* End */


/* Start:/bitrix/templates/newidclinik/css/specialists-filter.css?17932222428406*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/*Обнуление*/

* {
  padding: 0;
  margin: 0;
  border: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
}

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*--------------------*/

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

:root {
  --filter-height: 50px;
  --filter-radius: 10px;
  --filter-border: #D5DCE3;
  --filter-background: #F4F7FD;
  --filter-text: #224E5C;
  --filter-accent: #087A93;
  --filter-hover: #F4F7FD;
  --filter-font-size: 16px;
}

.specialists-filter__wraper {
  font-family: "Roboto", sans-serif;
  margin-top: 25px;
  margin-bottom: 50px;
  padding:0;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.specialists-filter {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border: 1px solid var(--filter-border);
  border-radius: var(--filter-radius);
  min-height: var(--filter-height);
}

.filter-field {
  min-width: 0;
  border-right: 1px solid var(--filter-border);
  background: var(--filter-background);
}

.filter-field:first-child {
  border-right: 0;
  border-bottom: 1px solid var(--filter-border);
  border-radius: 0;
}

.filter-field:nth-child(2) {
  border-right: 0;
  border-radius:
    0 0
    calc(var(--filter-radius) - 1px)
    calc(var(--filter-radius) - 1px);
}

.filter-field select {
  width: 100%;
  min-height: 35px;
  border: 0;
  background: transparent;
  color: var(--filter-text);
}
.specialists-filter .choices {
  margin: 0;
  overflow: visible;
  font-size: var(--filter-font-size);
}
.specialists-filter .choices__inner,
.specialists-filter .choices[data-type*="select-one"] .choices__inner {
  display: flex;
  align-items: center;
  min-height: calc(var(--filter-height) - 2px);
  padding: 0 42px 0 20px;
  border: 0;
  border-radius: inherit;
  background: transparent;
  font-size: inherit;
  color: var(--filter-text);
}
.specialists-filter .choices__list--single {
  padding: 0;
  min-width: 0;
}
.specialists-filter .choices__list--single .choices__item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.specialists-filter .choices__placeholder {
  opacity: 1;
}
.specialists-filter .choices[data-type*="select-one"]::after {
  right: 12px;
  top: 50%;
  margin-top: -2px;
  width: 0;
  height: 0;
  border: 5.5px solid transparent;
  border-top-color: #4B4F54;
  border-bottom: 0;
  transition: transform 0.15s;
}
.specialists-filter .choices[data-type*="select-one"].is-open::after {
  margin-top: -2px;
  transform: rotate(180deg);
}

.specialists-filter .choices__list--dropdown,
.specialists-filter .choices__list[aria-expanded] {
  z-index: 40;
  top: calc(100% + 10px);
  margin: 0;
  border: 1px solid var(--filter-border);
  border-radius: var(--filter-radius);
  background: #fff;
  box-shadow: 0px 4px 4px 0px #B2ACAC36;
  color: var(--filter-text);
  word-break: normal;
}
.specialists-filter .choices__list--dropdown .choices__list {
  max-height: 300px;
}
.specialists-filter .choices__list--dropdown .choices__item--selectable {
  padding: 12px 20px;
  font-size: var(--filter-font-size);
  line-height: 120%;
}
.specialists-filter
  .choices__list--dropdown
  .choices__item--selectable.is-highlighted {
  background: var(--filter-hover);
}

.choices__list[aria-expanded] .choices__item--selectable.is-selected{
  background: var(--filter-hover);
}
.specialists-filter
  .choices__list--dropdown
  .choices__item--selectable.is-selected {
  color: var(--filter-accent);
  font-weight: 700;
}


.filter-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0 10px 0 20px;
  min-width: 0;

  grid-column: 1 / -1;
  grid-row: 1;
  min-height: var(--filter-height);

  border-bottom: 1px solid var(--filter-border);
}

.filter-search__input{
  width: 100%;
  color: var(--filter-text);
  font-size: var(--filter-font-size);
  font-weight: 400;
  line-height: 100%;
}

.filter-search__input::placeholder {
  color: #797979; 
}

.filter-search__input::-webkit-input-placeholder {
  color: #797979; 
}

.filter-search__input::-moz-placeholder {
  color: #797979;
  opacity: 1; 
}

.filter-search__input:-ms-input-placeholder {
  color: #797979; 
}


.filter-search__button{
  width: 39px;
  height: 39px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #D5DCE3;
  border-radius: 50%;
  transition: all 0.2s;
}

.filter-search__button-icon{
  width: 15px;
  fill: #fff;
}

.filter-search__button:hover{
  background-color: #087A93;
}

.specialists-filter
  .choices__list--dropdown
  .choices__item--choice.choices__placeholder {
  display: none;
}

/* Кастомный скролбар */
.specialists-filter .choices__list--dropdown .choices__list {
  max-height: 300px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #00859e #f4f7fd;
}

@supports selector(::-webkit-scrollbar) {
  .specialists-filter .choices__list--dropdown .choices__list {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }

  .specialists-filter .choices__list--dropdown .choices__list::-webkit-scrollbar {
    width: 8px;
  }

  .specialists-filter .choices__list--dropdown .choices__list::-webkit-scrollbar-track {
    background: #f4f7fd;
    border-radius: 10px;
    margin-block: 8px;
  }

  .specialists-filter .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
    background: #00859e;
    border: 2px solid #f4f7fd;
    border-radius: 10px;
  }

  .specialists-filter .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb:hover {
    background: #006b80;
  }

  .specialists-filter .choices__list--dropdown .choices__list::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
  }
}

.specialists-filter .choices__list--dropdown .choices__list {
  scrollbar-color: #00859e transparent;
}

@supports selector(::-webkit-scrollbar) {
  .specialists-filter .choices__list--dropdown .choices__list {
    scrollbar-color: auto;
  }

  .specialists-filter .choices__list--dropdown .choices__list::-webkit-scrollbar,
  .specialists-filter .choices__list--dropdown .choices__list::-webkit-scrollbar-track {
    background: transparent;
  }

  .specialists-filter .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    background-clip: padding-box;
  }
}


@media (min-width: 451px) {
  .specialists-filter {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .filter-field:first-child {
    border-right: 1px solid var(--filter-border);
    border-bottom: 0;
    border-radius: 0 0 0 calc(var(--filter-radius) - 1px);
  }

  .filter-field:nth-child(2) {
    border-radius: 0 0 calc(var(--filter-radius) - 1px) 0;
  }
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }

}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }

  .specialists-filter {
    grid-template-columns: 300px 240px minmax(0, 1fr);
  }

  .filter-search {
    grid-column: auto;
    grid-row: auto;
    min-height: auto;
    border-bottom: 0;
  }

  .filter-field:first-child {
    border-radius:
      calc(var(--filter-radius) - 1px)
      0
      0
      calc(var(--filter-radius) - 1px);
  }

  .filter-field:nth-child(2) {
    border-right: 1px solid var(--filter-border);
    border-radius: 0;
  }
}

/* End */
/* /bitrix/templates/newidclinik/css/choices.min.css?179321962010809 */
/* /bitrix/templates/newidclinik/css/doctors-grid.css?17934696709298 */
/* /bitrix/templates/newidclinik/css/specialists-filter.css?17932222428406 */