@media (max-width: 1200px) {
  .modal-container {
    max-width: 711px;
    padding: 50px 40px;
  }

  .btn-modal__block {
    right: 40px;
  }

  .block__checkbox {
    height: 725px;
  }

  .container-checkbox {
    width: 316px;
  }

  .modal-container h2 {
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;
    max-width: 304px;
  }
}

@media (max-width: 1199px) {
  body {
    overflow-x: hidden;
    height: auto;
  }

  .header .logo img {
    width: 100%;
    height: auto;
  }

  .wrapper .header .container {
    width: 100%;
    max-width: 1024px;
  }

  .container {
    width: 100%;
    max-width: 1024px;
  }

  .container.container-profile-user {
    width: 100%;
    max-width: 1024px;
  }

  .profile_block_wp.lk_profile .pp_im {
    width: 100%;
    max-width: 217px;
    min-width: auto;
    height: 217px;
  }

}

@media (max-width: 1024px) {

  .hidden-btn__desctop-block .wrapper__btns .btn {
    padding: 12px 14px;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
  }


  .item-list-menu .item-link-menu {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }

  .header-menu-block {
    max-width: 100%;
  }

  .header .head_message {
    bottom: unset;
    top: 20px;
  }

  .header .container-header .log_block {
    top: 17px;
    right: unset;
    left: 60px;
  }

  .modal-two .madal-container-two {
    max-width: 700px;
    padding: 50px 40px;
  }

  .wrapper .header .container {
    width: 100%;
    max-width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }

  .main-content .container {
    width: 100%;
    max-width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }

  .container.container-profile-user {
    width: 100%;
    max-width: 100%;
    padding: 0 16px;
  }

  .container.container-profile-user h1 {
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;
  }

  .btn.js-edit-profile,
  .btn.btn-remove__password {
    padding: 9px 15px;
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
  }

  .btn.btn-remove__password {
    margin-left: 16px;
  }

  .wrapper__btns {
    display: flex;
  }

  .header-profile-new {
    align-items: baseline;
  }

  .block-study-document .btn-add-document {
    padding: 11px 56px 11px 32px;
  }

  .block-study-document .btn-add-document .img-plus,
  .img-plus-white {
    top: calc(50% - 8px);
    right: 32px;
  }

  .img_upload {
    width: 216px;
    height: 216px;
  }

  .img-upload__subtitle {
    width: 216px;
  }

  .splide__slide .card-courses {
    padding: 60px;
  }

  .splide__slide .card-courses h2 {
    max-width: 330px;
  }

  .wrapper-page_slider .splide__arrow.splide__arrow--prev {
    width: 60px;
  }

  .wrapper-page_slider .splide__arrow.splide__arrow--next {
    width: 60px;
  }



  .item-test__courses .content-test {
    max-width: 500px;
  }

  .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block {
    padding: 30px 15px 30px 30px;
  }

  .pp_form .profile_block_wp.lk_profile .personal_prof .profile_form.flex .pp_info_wrap .pp_info_block.right {
    padding: 30px 30px 30px 15px;
  }

  .profile_form-document .pp_info_list {
    max-width: 100%;
  }

  .profile_block_wp .personal_prof {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block .pp_info_list li .inputwrap input {
    padding: 23px 10px 6px 10px;
    height: 51px;
    box-sizing: border-box;
  }

  .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block .pp_info_list li .inputwrap label {
    top: 17px;
    left: 10px;
  }

  .inputwrap .inp_self.inpwrited+label {
    top: 6px !important;
  }

  .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block .pp_info_list li .inputwrap input:focus+label {
    top: 6px;
  }

  .profile_form-document .pp_info_list li .inputwrap input:focus+label {
    top: 6px !important;
  }

  .profile_form-document .pp_info_list li .inputwrap {
    height: 51px;
  }

  .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block .pp_info_list li .inputwrap {
    height: 51px;
  }

  .pp_info_list .input-calendar:before {
    width: 24px;
    height: 24px;
    top: calc(50% - 14px);
    right: 10px;
  }

  .seve_photo-btns {
    margin-top: 30px;
  }

  .card-content__document .pp_info_list li {
    margin-bottom: 14px;
  }

  .pp_form .profile_block_wp.lk_profile .pp_im {
    width: 100%;
    max-width: 217px;
    min-width: auto;
    height: 217px;
  }

  .profile_form-document .pp_info_list li .inputwrap .inp_self {
    padding: 23px 10px 6px 20px;
    height: 51px;
    box-sizing: border-box;
  }

  .profile_form-document .pp_info_list li .inputwrap label {
    top: 19px;
  }
}

@media (max-width: 800px) {
  .header .container.container-header .header-content {
    align-items: flex-end;
    width: calc(100% - 215px);
  }

  .header-profile-new h1 {
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;
  }

  .header .logo {
    width: 231px;
    height: 54px;
  }

  .header .container.container-header .header-content {
    height: 54px;
    margin-top: 15px;
  }

  .header .container-header .language {
    top: 0;
  }

  .header .container-header .log_block {
    top: 0;
  }

  .header .head_message {
    top: 0;
  }
}

@media (max-width: 768px) {
  .head-courses h1 {
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;
  }

  .profile_form-document .pp_info_list .select-element {
    height: 51px;
  }

  .profile_form-document .pp_info_list .select-element .select2.select2-container.select2-container--default .select2-selection--single {
    height: 51px;
  }

  .header-content .mobile-menu .btn-log-user,
  .btn-menu {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background-color: var(--aquamarin);
    padding: 0;
    border: unset;
    position: relative;
  }

  .header .container.container-header .header-content {
    align-items: center;
    justify-content: end;
    margin-top: 0;
  }

  .header-content .mobile-menu .btn-log-user {
    margin-right: 16px;
  }

  .header-content .mobile-menu .btn-log-user::before {
    content: '';
    position: absolute;
    display: block;
    top: calc(50% - 12px);
    left: calc(50% - 14px);
    width: 28px;
    height: 24px;
    background: url('../img/icon-user-profile.svg') no-repeat center center;
  }

  .btn-menu {
    position: relative;
  }

  .btn-menu span {
    width: 22px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--black);
    transition: all 0.5s;
  }

  .btn-menu span:nth-of-type(2) {
    top: calc(50% - 5px);
  }

  .btn-menu span:nth-of-type(3) {
    top: calc(50% + 5px);
  }

  .btn-menu.active span:nth-of-type(1) {
    display: none;
  }

  .btn-menu.active span:nth-of-type(2) {
    top: 50%;
    transform: translate(-50%, 0%) rotate(45deg);
  }

  .btn-menu.active span:nth-of-type(3) {
    top: 50%;
    transform: translate(-50%, 0%) rotate(-45deg);
  }



  .header .header-content .language {
    display: none;
    visibility: hidden;
  }

  .header .container-header .log_block {
    display: none;
    visibility: hidden;
  }

  .header .head_message.empty {
    display: none;
    visibility: hidden;
  }

  .header-menu-block {
    display: none;
    visibility: hidden;
  }

  .mobile-menu {
    display: flex;
    visibility: visible;
    opacity: 1;
  }


  .header-profile-new h1 {
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;
  }

  .header .header-content .language,
  .log_block,
  .head_message.empty {
    position: static !important;
  }

  .header .header-content {
    width: 55%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-left: 20px;
  }

  .header .language,
  .log_block {
    width: 50%;
  }

  .header .head_message.empty {
    width: 100%;
    margin-top: 10px;
    background-position: right center !important;
    padding: 0 45px 0 0;
    text-align: right;
  }


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

  .header .container {
    height: 100%;
  }

  .header {
    height: 90px;
  }

  .header .logo {
    width: 213px;
    height: 54px;
    display: flex;
    position: static;
  }

  .header .logo img {
    width: 100%;
    height: 54px;
  }

  .madal-qr .modal-container-qr {
    max-width: 464px;
    padding: 40px;
  }

  .madal-qr .modal-container-qr h2 {
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
  }

  .modal-container-qr .btn-modal__block-qr {
    top: 40px;
  }

  .modal-container-qr .content-qr h3 {
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
  }

  .madal-container-document h2 {
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
  }

  .madal-container-document {
    max-width: 464px;
  }

  .madal-container-document .flex form {
    width: 100%;
  }

  .box-drag {
    width: 100%;
  }

  .modal-two .madal-container-two {
    max-width: 530px;
    padding: 50px 40px;
  }

  .modal-container {

    max-width: 480px;
    padding: 30px 20px;
  }

  .block__checkbox {
    height: auto;
  }

  .modal-container h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    max-width: 304px;
  }

  .modal-container .block__checkbox {
    margin-top: 40px;
  }

  .btn-modal__block {
    width: 100%;
    position: static;
    top: 0;
    right: 0;
    justify-content: space-between;
    margin-top: 20px;
  }

  .container-checkbox {
    width: 100%;
  }

  .custom-checkbox+label {
    width: 100%;
  }

  .modal-container .block__checkbox {
    max-height: 600px;
    overflow-y: auto;
    flex-wrap: nowrap;
  }

  .modal-container .block__checkbox::-webkit-scrollbar {
    width: 5px;
  }

  .modal-container .block__checkbox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 transparent;
  }

  .modal-container .block__checkbox::-webkit-scrollbar-thumb {
    background-color: var(--blue);
    border-radius: 3px;
  }
}

@media (max-width: 767px) {
  .document-switch.flex .select-element {
    width: 100%;
    max-width: 100%;
  }

  .select-add {
    min-width: 200px;
  }

  .block-table .table-study_document tbody tr td:first-child {
    padding-top: 20px;
  }

  .block-table .table-study_document tbody tr td {
    padding: 12px 20px 0 20px;
  }

  .block-table .table-study_document tbody tr {
    background-color: var(--gray_bg);
    border-radius: 4px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .block-table .table-study_document tbody tr td a {
    position: absolute;
    top: 20px;
  }


  .table-study_document thead {
    display: none;
  }

  .table-study_document tbody .hidden-elem__table {
    display: block;
    font-weight: 400;
    font-size: 11px;
    line-height: 140%;
    color: var(--gray);
  }


  .table__courses thead {
    display: none;
  }

  .table__courses tbody {
    width: 100%;
  }

  .table__courses tbody tr {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    margin-bottom: 10px;
  }

  .table__courses tbody tr td {
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 0;
  }

  .table__courses tbody tr td:last-child {
    padding-bottom: 20px;
  }

  .table__courses tbody tr td .hidden-elem__table {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 11px;
    line-height: 140%;
    color: var(--gray);
    display: block;
    margin-bottom: 3px;
  }

  .table__courses tbody tr {
    background-color: var(--gray_bg);
  }

  .main-content .container {
    width: 100%;
    max-width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }

  .item-test__courses .type-test {
    bottom: 40px;
  }

  .item-test__courses.process .type-test {
    bottom: 90px;
  }

  .list__courses-test .item-test__courses .courses__action {
    margin-top: 20px;
    position: static;
    align-items: flex-start;
  }

  .list__courses-test .item-test__courses .courses__action .btn.btn-start__test {
    width: 100%;
  }

  .item-test__courses .type-test {
    position: absolute;
    left: 163px;

  }

  .wrapper-card__courses .card-courses .prices-info {
    right: 20px;
  }

  .pp_form.tab-edit {
    margin-top: 30px;
  }

  .pp_form.tab-edit .pp_info_wrap .pp_info_block.right:after {
    bottom: 82px;
  }



  .pp_form.tab-edit .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block {
    width: 100%;
    padding: 24px 20px 20px 20px;
  }

  .pp_form.tab-edit .profile_block_wp.lk_profile .personal_prof .pp_form_fields .profile_form.flex .pp_info_wrap .pp_info_block.right {
    width: 100%;
    padding: 20px 20px 24px 20px;
  }


  .pp_form.tab-edit .profile_block_wp.lk_profile .personal_prof .pp_info_wrap {
    flex-direction: column;
    margin-top: 100px;
  }

  .pp_form.tab-edit .seve_photo-btns.flex {
    margin-top: 16px;
  }


  .pp_form.tab-edit .profile_form.flex {
    align-items: center;
    flex-direction: column;
  }

  .pp_form.tab-edit .profile_block_wp.lk_profile .personal_prof .pp_form_fields .pp_im {
    width: 148px;
    height: 148px;
  }

  .seve_photo-btns label {
    padding: 12px 22px;
  }

  .profile_block_wp .personal_prof .pp_im img {
    width: 85px;
    height: 85px;
  }


  .header-profile-new {
    align-items: center;
    flex-direction: column;
  }

  .container.container-profile-user {
    width: 100%;
    max-width: 530px;
  }

  .profile_block_wp .personal_prof {
    align-items: center;
    flex-direction: column;
  }

  .profile_block_wp.lk_profile .pp_im {
    max-width: 148px;
    height: 148px;
    margin-right: 0;
    margin-bottom: 17px;
  }

  .profile_block_wp.lk_profile .personal_prof .pp_info_wrap .pp_info_block {
    width: 100%;
    max-width: 100%;
  }

  .profile_block_wp.lk_profile .personal_prof .pp_info_wrap {
    justify-content: center;
  }

  .pp_info_wrap .pp_info_block.right:after {
    top: unset;
    left: 50%;
    bottom: 50px;
    height: 340px;
    transform: rotate(90deg);
  }

  .hidden-btn__desctop-block {
    display: block;
    visibility: visible;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 20px;
  }

  .hidden-btn__desctop-block .wrapper__btns {
    justify-content: space-between;
  }

  .header-profile-new .wrapper__btns {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .hidden-btn__desctop-block .wrapper__btns .btn {
    width: 50%;
  }

  .title-item__card-document.flex {
    flex-direction: column;
  }

  .title-item__card-document.flex h3 {
    width: 100%;
    text-align: left;
  }

  .document-switch.flex {
    width: 100%;
  }

  .block-main-documetn .title-upload.flex {
    flex-direction: column;
  }

  .block-main-documetn .title-upload h2 {
    width: 100%;
    text-align: left;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 20px;
  }

  .block-study-document .btn-add-document {
    width: 100%;
  }

  .img_upload {
    width: 120px;
    height: 120px;
  }

  .img-upload__subtitle {
    width: 120px;
  }

  .block-study-document .btn-add-document .img-plus,
  .img-plus-white {
    right: 50px;
  }

  .alert.modal-alert-main {
    flex-direction: column;
    padding: 30px;
  }

  .btn.btn-alert {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
  }

  .study-chip .btn-chip.add-chip {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .card-courses {
    padding: 23px 20px;
  }

  .card-courses .title-status {
    flex-direction: column;
    align-items: baseline;
  }

  .title-status .status-change {
    margin-top: 10px;
  }

  .card-courses .title-status {
    margin-bottom: 18px;
  }

  .courses-buttons.flex {
    flex-direction: column;
  }

  .courses-buttons .btn-contract {
    margin-top: 20px;
    margin-left: 0;
    text-align: center;
  }

  .information-courses.flex {
    flex-direction: column;
  }

  .item-information__courses {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--gray);
  }

  .item-information__courses:not(:first-child) {
    margin-left: 0;

  }

  .item-information__courses:not(:first-child)::before {
    content: unset;
  }

  .slider-content .item-information__courses {
    border-bottom: 1px solid white;
  }

  .splide__slide .card-courses {
    padding: 20px;
  }

  .splide__slide .card-courses h2 {
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
  }

  .splide__slide .card-courses .prices-elem {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
  }

  .splide__slide .item-information__courses .information-content {
    padding-bottom: 5px;
  }

  .courses-buttons .btn__more-slider {
    text-align: center;
  }

  .splide__slide {
    margin-right: 10px;
  }

  .card-courses.card-courses__preview {
    padding: 20px 20px 60px;
  }

  .title-courses__slider-block {
    flex-direction: column;
  }

  .title-courses__slider-block .prices-info {
    margin-bottom: 20px;
  }

}

@media (max-width: 600px) {
  .select-add {
    min-width: 120px;
    height: 46px;
    box-sizing: border-box;
  }

  .block-study-document .item-card__document .select-element {
    height: auto;
  }

  .block-study-document .item-card__document .select-element {
    height: auto;
  }
}

@media (max-width: 530px) {
  .modal.open .modal-container .btn-modal__block.mobail-show{
    display: flex;
      visibility: visible;
  }



  .head-courses h1 {
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
  }

  .block-study-document .study-all__document .item-card__document {
    padding: 25px 20px;
  }

  .study-chip .btn-chip {
    height: 42px;
    padding: 11px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
  }

  .header-profile-new h1 {
    text-align: left;
    width: 100%;
  }

  .header .logo img {
    width: 200px;
    height: 53px;
  }

  .main-content .container {
    width: 100%;
    max-width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }

  .container.container-profile-user h1 {
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
  }

  .btn.js-edit-profile,
  .btn.btn-remove__password, .btn.js-edit-passport {
    font-size: 11px;
  }

  .select-element {
    width: 169px;
  }

  .list-tabs__courses .item-tab__courses {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    padding: 6px 16px;
  }

  .prices-info .prices-elem {
    font-size: 20px;
    line-height: 25px;
  }

  .card-courses h2 {
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
  }

  .card-courses .title-status .date-status {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
  }

  .card-courses .title-status .status__courses-card {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
  }

  .alert-card {
    padding: 20px 30px 20px 50px;
  }

  .alert-card p {
    font-size: 13px;
  }

  .madal-qr .modal-container-qr {
    max-width: 320px;
    padding: 40px 30px;
  }

  .madal-qr .modal-container-qr h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
  }

  .modal-container-qr .btn-modal__block-qr {
    top: 40px;
    right: 30px;
  }

  .madal-qr .modal-container-qr h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
  }

  .modal-container-qr .content-qr h3:first-child {
    margin-bottom: 16px;
  }

  .modal-container-qr .content-qr p {
    font-weight: 400;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 16px;
  }

  .content-qr .qr__code {
    margin-bottom: 16px;
  }

  .content-qr .qr__code img {
    width: 160px;
    height: 160px;
  }

  .qr-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
  }

  .btn-link__download-check {
    margin-top: 16px;
  }

  .modal-two .madal-container-two {
    max-width: 320px;
    padding: 35px 30px;
  }

  .btn-modal__block-two {
    top: 35px;
    right: 30px;
  }

  .modal-two .madal-container-two h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    max-width: 400px;
  }

  .modal-two .madal-container-two h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
  }

  .modal-two .madal-container-two .list-story li div span {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
  }

  .modal-two .madal-container-two .list-story li p {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
  }

  .modal-two .madal-container-two .list-story li:not(:last-child) {
    margin-bottom: 20px;
  }

  .modal-container {
    margin-top: 0;
    max-width: 320px;
    padding: 30px 20px;
    box-sizing: content-box;
  }

  .modal-close,
  .modal-save {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
  }

  .modal-container h2 {
    max-width: 275px;
  }



  .modal-container .block__checkbox {
    max-height: 500px;
    overflow-y: auto;
    flex-wrap: nowrap;
  }

  .modal-container .block__checkbox::-webkit-scrollbar {
    width: 5px;
  }

  .modal-container .block__checkbox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 transparent;
  }

  .modal-container .block__checkbox::-webkit-scrollbar-thumb {
    background-color: var(--blue);
    border-radius: 3px;
  }

  .madal-container-document {
    max-width: 320px;
    padding: 40px 30px;
  }

  .madal-container-document h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    max-width: 160px;
  }


}

@media (max-width: 480px) {
  .block-study-document .btn-add-document {
    height: 42px;
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
  }

  .block-study-document .btn-add-document .icon-plus:before {
    width: 14px;
    height: 12px;
  }

  .block-table {
    margin: 45px 0 50px 0;
  }

  .document-upload__content.flex {
    flex-wrap: nowrap;
    max-width: 100%;
    width: 100%;
    padding-bottom: 15px;
    overflow-x: auto;
  }

  .item-upload:not(:last-child) {
    margin-right: 10px;
  }


  .profile_form-document .pp_info_list .select-element .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
  }


  .profile_form-document .pp_info_list .select-element .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 20px;
  }

  .block-study-document .item-card__document .select-element {
    height: auto;
  }

  .block-study-document .item-card__document .select-element .select2-container .select2-selection--single .select2-selection__rendered {
    white-space: break-spaces;
    line-height: 140%;
    padding: 6px 33px 0 14px;
  }

  .document-switch .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    top: 21px;
    right: 14px;
    width: 11px;
  }

  .block-study-document .document-switch .select-element .select2.select2-container.select2-container--default .select2-selection--single {
    height: 46px;
    background-color: var(--blue);
  }

  .select2-container.select2-container--default.select2-container--open .select2-search--dropdown {
    margin: 10px 14px;
  }

  .select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 8px;
  }

  .block-study-document .item-card__document .select-element .select2-container .select2-selection--single .select2-selection__rendered {
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
  }

  .select-add {
    width: 113px;
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
  }

  .select2-container--default .select2-results>.select2-results__options {
    margin: 0 5px 10px 0;
  }

  .study-chip .btn-chip {
    padding: 9px 14px;
    box-sizing: border-box;
  }

  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
  }

  .select2-results__option {
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
  }

  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    padding-right: 0;
    margin-right: 5px;
  }

  .select2-container--default .select2-results__option--selected {
    background-color: white !important;
    padding-right: 0;
    margin-right: 5px;
  }

  .select2-results__option {
    padding-left: 14px;
  }

  .select2-results__options .select2-results__option {
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
  }

}

@media (max-width: 375px) {
  .select2-container.select2-container--default.select2-container--open .select2-search--dropdown {
    margin: 10px 6px;
  }

  .block-study-document .document-switch .select-element .select2.select2-container.select2-container--default .select2-selection--single {
    height: 46px;
  }

  .select2-results__option {
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
  }

}