:root {
   --black: #393939;
   --gray: #B0B0B0;
   --border-gray: #DCDCDC;
   --gray_bg: #F3F3F3;
   --aquamarin: #05BFB1;
   --blue: #3CB0E3;
   --dark_red: #B32017;
   --main_red: #EE2A24;
   --red-razzmatazz: #D0145E;
 }
.error-message{
  color: red !important;
}
 /* style select and input disabled/readonly */
 .inputwrap input[readonly] {
   background-color: var(--border-gray) !important;
 }

 .inputwrap input[disabled] {
   background-color: var(--border-gray) !important;
 }

 .inputwrap input[readonly]:focus+label {
   top: 24px !important;
 }

 .inputwrap input[readonly]:active+label {
   top: 24px !important;
 }

 .inputwrap input[disabled]:focus+label {
   top: 24px !important;
 }

 .inputwrap input[disabled]:active+label {
   top: 24px !important;
 } 

 .pp_form_fields .inputwrap input[readonly]:focus+label {
  top: 11px !important;
}

 .pp_form_fields .inputwrap input[readonly]:active+label {
  top: 11px !important;
}

 .pp_form_fields .inputwrap input[disabled]:focus+label {
  top: 11px !important;
}

 .pp_form_fields .inputwrap input[disabled]:active+label {
  top: 11px !important;
}
 .select-add.select__changed {
   background-color: white;
   color: var(--black);
 }





 /* style select and input disabled/readonly */


 .wrapper-card__courses.tab-content>.tab-pane.active {
   display: block;
 }

 .wrapper-card__courses.tab-content>.tab-pane {
   display: none;
 }

 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
   background-color: white !important;
 }

 .mobile-menu {
   display: none;
   visibility: hidden;
   opacity: 0;
 }


 .header .language .choice-lang_active:after {
   position: absolute;
   content: '';
   width: 12px;
   height: 11px;
   top: 0;
   right: -14px;
   background: url('../img/icon-arrow-lang.svg') no-repeat center;
   background-size: 12px;
 }

 .header .head_message {
   position: absolute;
   right: 0;
   bottom: 0;
   padding: 0 0 0 45px;
   background: url('../img/head_message.svg') no-repeat left center;
   font-size: 15px;
   line-height: 23px;
   height: 23px;
   color: white;
   text-decoration: none;
   cursor: pointer;
   font-weight: bolder;
 }



 .header .container-header .language {
   position: absolute;
   top: 18px;
   left: 0;
 }

 .header .container-header .log_block {
   position: absolute;
   top: 18px;
   right: 0px;
   text-align: right;
 }

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

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

 .header .logo {
   position: static;
   margin-right: 25px;
 }

 .header .container.container-header .header-content {
   width: calc(100% - 351px);
   height: 90px;
   position: relative;
   display: flex;
   align-items: flex-end;
 }


 .list-menu-header {
   list-style: none;
   display: flex;
   align-items: center;
   justify-content: flex-start;
 }
 .list-menu-header .item-list-menu{
  margin: 0 10px;
 }
 .list-menu-header .item-list-menu:first-child{
  margin-left: 0;
 }
 .list-menu-header .item-list-menu:last-child{
  margin-right: 0;
 }
 .item-list-menu .item-link-menu {
   color: white;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: 600;
   font-size: 15px;
   line-height: 19px;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .item-list-menu .item-link-menu>span {
   margin-left: 3px;
 }

 .item-list-menu .item-link-menu:hover {
   color: var(--aquamarin);
 }

 .item-list-menu .item-link-menu.active {
   color: var(--aquamarin);
 }


 .table-study_document tbody .hidden-elem__table {
   display: none;
 }

 .table__courses tbody tr td .hidden-elem__table {
   display: none;
 }

 .wrapper-card__courses .card-courses .prices-info {
   position: absolute;
   top: 30px;
   right: 40px;
 }

 .hidden-btn__desctop-block {
   display: none;
   visibility: hidden;
   width: 0;
   height: 0;
 }

 /* style modal qr */
 .madal-qr {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
   width: 100vw;
   height: 100vh;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .madal-qr.open {
   visibility: visible;
   opacity: 1;
   transition-delay: 0s;
 }

 .modal-bg-qr.modal-exit-qr {
   position: absolute;
   background: var(--black);
   opacity: 0.8;
   width: 100%;
   height: 100%;
 }

 .qr-subtitle {
   font-weight: 400;
   font-size: 18px;
   line-height: 140%;
   color: var(--black);
   text-align: center;
   max-width: 350px;
 }

 .btn-link__download-check {
   width: 100%;
   max-width: 460px;
   height: 52px;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--blue);
   margin-top: 24px;
   padding: 15px 32px;
   border: 2px solid var(--blue);
   text-decoration: none;
   cursor: pointer;
   text-align: center;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .btn-link__download-check:hover {
   background-color: var(--blue);
   color: white;
 }

 .content-qr .qr__code img {
   width: 200px;
   height: 200px;
   object-fit: contain;
 }

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

 .madal-qr .modal-container-qr h2 {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: var(--black);
   margin-bottom: 25px;
 }

 .madal-qr .modal-container-qr {
   width: 561px;
   height: auto;
   box-shadow: 0 4px 50px rgba(64, 87, 114, 0.16);
   border-radius: 4px;
   padding: 50px;
   position: relative;
   background-color: white;
   box-sizing: border-box;
 }

 .modal-container-qr .btn-modal__block-qr {
   position: absolute;
   top: 50px;
   right: 50px;
 }

 .modal-container-qr .content-qr {
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }

 .modal-container-qr .content-qr h3 {
   font-weight: 400;
   font-size: 22px;
   line-height: 27px;
   color: var(--black);
   font-family: inherit;
   margin-bottom: 4px;
 }

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

 .modal-container-qr .content-qr p {
   font-weight: 400;
   font-size: 34px;
   line-height: 42px;
   color: var(--black);
   margin-bottom: 24px;
 }


 /* style modal qr */

 /* style modal add documetn */
 .select-document .select-element {
   width: 100%;
   max-width: 100%;
   height: 50px;
   border: 1px solid var(--border-gray);
 }

 .select2-container {
   /* width: 100% !important; */
   height: 100%;
 }

 .select-document>.select-element .select2.select2-container.select2-container--default .select2-selection--single {
   height: 100%;
 }

 .select-document>.select-element .select2.select2-container.select2-container--default .select2-selection__rendered {
   height: inherit;
   box-sizing: border-box;
   padding: 10px 20px;
 }

 .select-document .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .select2-selection--single {
   background-color: white;

 }

 .select-document .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .select2-selection--single .select2-selection__rendered {
   color: var(--black);
 }

 .select-document .select-element .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
   width: 16px;
   height: 16px;
   background: url('/local/components/redreams/main.profile/templates/learn/images/ArrowDownGray.svg')100% 100% no-repeat;
 }


 .select-document .select2-container--default .select2-selection--single .select2-selection__arrow {
   top: 12px;
   right: 20px;
   width: 16px;
   height: 16px;
 }

 .modal-add-document {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
   width: 100vw;
   height: 100vh;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .modal-add-document.open {
   visibility: visible;
   opacity: 1;
   transition-delay: 0s;
 }

 .madal-exit-document {
   position: absolute;
   background: var(--black);
   opacity: 0.8;
   width: 100%;
   height: 100%;
 }

 .modal-add-document .select-document .inputwrap {
   position: relative;
   width: 100%;
   height: 56px;
   background-color: white;
   border: 1px solid var(--border-gray);
   margin-top: 30px;
 }

 .modal-add-document .select-document .inputwrap input {
  display: block;
  height: 100%; 
  box-sizing: border-box;
  width: 100%;
   width: -webkit-fill-available;
   height: -webkit-fill-available;
   padding: 10px 20px;
   border: unset;
   margin: 0;
   font-weight: 400;
   font-size: 16px;
   line-height: 140%;
   color: var(--black);
   z-index: 2;
   transition: 0.3s ease-in-out;
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -ms-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
   background: transparent;
 }

 .modal-add-document .select-document .inputwrap .inpwrited {
   /* padding-top: 22px; */ 
 }

 .modal-add-document .select-document .inputwrap input:focus {
   /* padding-top: 22px; */ 
 }

 .modal-add-document .select-document .inputwrap label {
   position: absolute;
   top: 17px;
   left: 20px;
   color: var(--gray);
   font-weight: 400;
   font-size: 16px;
   line-height: 140%;
   z-index: 1;
   transition: 0.3s ease-in-out;
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -ms-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
 }

 .modal-add-document .select-document .inputwrap .inpwrited+label {
   top: 9px !important;
   font-weight: 500;
   font-size: 12px;
   line-height: 140%;
 }

 .modal-add-document .select-document .inputwrap input:focus+label {
   top: 9px !important;
   font-weight: 500;
   font-size: 12px;

 }

 .madal-container-document .btn.btn-save-document.save-red {
   background-color: var(--main_red);
 }

 .madal-container-document .btn.btn-save-document {
   border: none;
   cursor: pointer;
   padding: 15px 32px;
   background-color: rgba(208, 20, 94, 0.5);
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: white;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .madal-container-document .btn.btn-save-document:hover {
   background-color: var(--main_red);
 }

 .box-drag__finish {
   margin-bottom: 30px;
 }

 .modal-add-document .box-drag__finish .inputwrap input {
   font-weight: 400;
   font-size: 16px;
   line-height: 140%;
   color: var(--black);
 }

 .modal-add-document .box-drag__finish .inputwrap .delete-file__drag {
   width: 25px;
   height: 25px;
   position: absolute;
   top: calc(50% - 13px);
   right: 20px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   padding: 0;
 }

 .modal-add-document .box-drag__finish .inputwrap .delete-file__drag:before {
   content: '';
   width: 20px;
   height: 20px;
   display: block;
   position: absolute;
   top: 1px;
   right: 4px;
   background: url('/local/components/redreams/main.profile/templates/learn/images/DeleteRed.svg')100% 100% no-repeat;
 }

 .modal-add-document .box-drag__finish .inputwrap input:focus {
   padding-top: 10px;
 }

 .box-drag {
   width: 458px;
   height: 148px;
   background-color: var(--gray_bg);
   border: 1px dashed var(--border-gray);
   position: relative;
   margin: 30px 0;
 }

 .box-drag .drag__element {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   position: absolute;
   bottom: 20px;
   left: calc(50% - 72px);
 }

 .box-drag .drag__element a {
   font-weight: 400;
   font-size: 14px;
   line-height: 140%;
   color: var(--blue);
   margin-bottom: 7px;
 }

 .box-drag .drag__element p {
   font-weight: 400;
   font-size: 14px;
   line-height: 140%;
   color: var(--black);
 }

 .box-drag:before {
   content: '';
   width: 60px;
   height: 60px;
   position: absolute;
   top: 10px;
   left: calc(50% - 30px);
   background: url('/local/components/redreams/main.profile/templates/learn/images/Download.svg')100% 100% no-repeat;
 }

 .madal-container-document {
   width: 558px;
   height: auto;
   background-color: white;
   box-shadow: 0 4px 50px rgba(64, 87, 114, 0.16);
   border-radius: 4px;
   padding: 50px;
   position: relative;
   box-sizing: border-box;
 }

 .madal-container-document h2 {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: var(--black);
   margin-bottom: 30px;
 }


 /* style modal add documetn */


 /* style modal history of changes  */
 .modal-bg-two {
   position: absolute;
   background: var(--black);
   opacity: 0.8;
   width: 100%;
   height: 100%;
 }

 .modal-two {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
   width: 100vw;
   height: 100vh;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .modal-two.open {
   visibility: visible;
   opacity: 1;
   transition-delay: 0s;
 }

 .modal-two .madal-container-two .list-story {
   list-style: none;
   padding: 0;
   margin: 0;
 }

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

 .modal-two .madal-container-two .list-story li:first-child {
   color: var(--blue);
 }

 .modal-two .madal-container-two .list-story li:first-child p {
   color: var(--black);
 }

 .modal-two .madal-container-two .list-story li div {
   margin-bottom: 10px;
 }

 .modal-two .madal-container-two .list-story li p {
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   color: #7E7E7E;
   margin: 0;
 }

 .modal-two .madal-container-two .list-story li div span {
   font-weight: 500;
   font-size: 18px;
   line-height: 22px;
   padding-left: 7px;
 }

 .modal-two .madal-container-two .flex {
   flex-direction: column;
 }

 .modal-two .madal-container-two {
   max-width: 735px;
   background-color: white;
   padding: 50px;
   box-shadow: 0px 4px 50px rgba(64, 87, 114, 0.16);
   border-radius: 4px;
   position: relative;
   box-sizing: border-box;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .modal-two .madal-container-two h2 {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: var(--black);
   margin-bottom: 23px;
 }

 .modal-two .madal-container-two h3 {
   font-weight: 400;
   font-size: 22px;
   line-height: 27px;
   color: var(--black);
   font-family: inherit;
 }

 .btn-modal__block-two {
   position: absolute;
   top: 50px;
   right: 50px;
   z-index: 1;
 }

 .btn-modal__close {
   position: relative;
   width: 30px;
   height: 30px;
   border: none;
   background-color: transparent;
   cursor: pointer;
 }

 .btn-modal__close:before {
   content: '';
   position: absolute;
   top: calc(50% - 12px);
   left: calc(50% - 12px);
   width: 24px;
   height: 24px;
   background: url('/local/components/redreams/main.profile/templates/learn/images/icon-close.svg')100% 100% no-repeat;
 }

 /* style modal history of changes  */

 .alert.modal-alert-main {
   width: auto;
   max-width: 1920px;
   height: auto;
   background-color: var(--aquamarin);
   position: relative;
   padding: 40px;
   margin: 15px 0;
 }

 .alert.modal-alert-main h6 {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: white;
   margin-bottom: 10px;
 }

 .alert.modal-alert-main p {
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   color: white;
 }

 .btn.btn-alert {
   background-color: transparent;
   padding: 15px 32px;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: white;
   border: 2px solid white;
   text-decoration: none;
   position: absolute;
   top: calc(50% - 30px);
   right: 40px;
   z-index: 1;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .btn.btn-alert:hover {
   color: var(--aquamarin);
   background-color: white;
 }

 /* profile_form-documen */
 .profile_form-document .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .select2-selection--single {
   background-color: white;
 }

 .profile_form-document .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .select2-selection--single .select2-selection__rendered {
   color: white;
 }

 .profile_form-document .select-element .select2-container--default .select2-selection--single .select2-selection__arrow {
   top: calc(50% - 14px);
   right: 20px;
 }

 .profile_form-document .pp_info_list .select-element {
   width: 100%;
   max-width: 100%;
   height: 60px;
 }

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

 .profile_form-document .pp_info_list .select-element .select2-selection__rendered {
   padding: 14px 20px;
 }

 .select2-container--default .select2-results>.select2-results__options {
   margin: 0 20px 20px 0;
   max-height: 600px;
 }

 .profile_form-document .pp_info_list .select-element .select2.select2-container {
   height: 100%;
 }

 .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
   width: 5px;
 }

 .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 0 transparent;
 }

 .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
   background-color: var(--blue);
   border-radius: 3px;
 }

 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
   background-color: white;
   font-weight: 400;
   font-size: 16px;
   line-height: 140%;
   color: var(--blue) !important;
 }

 .document-switch.flex .select2-container--default .select2-results__option--selected {
   background-color: white;
   color: var(--blue);
 }

 .select2-container--default .select2-results__option--selected {
   background-color: white !important;
   color: var(--blue);
 }

 .select2-results__options .select2-results__option {
   background-color: white;
   font-weight: 400;
   font-size: 16px;
   line-height: 140%;
   color: var(--black);
   padding-left: 20px;
 }

 .select2-results__options .select2-results__option:hover {
   color: var(--blue);
 }

 .select2-results__options .select2-results__option:focus {
   color: var(--blue);
 }

 .select2-container--default .select2-results__option--selected {
   background-color: white;
 }

 .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .select2-selection--single {
   background-color: var(--blue);
 }

 .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .select2-selection--single .select2-selection__rendered {
   color: white;
 }

 .select2-container.select2-container--default.select2-container--open .select2-dropdown {
   border: none;
   box-shadow: 0 4px 50px rgba(64, 87, 114, 0.1);
   border-radius: 4px;
 }

 .select2-container.select2-container--default.select2-container--open .select2-search--dropdown {
   margin: 20px;
   background-color: white;
   padding: 0;
   position: relative;
 }

 .select2-results__option.select2-results__option--selectable.select2-results__option--highlighted {
   color: var(--blue);
 }


 .select2-container--default .select2-search--dropdown .select2-search__field {
   border: 1px solid var(--border-gray);
   box-sizing: border-box;
   padding: 13px 20px;
   font-weight: 400;
   font-size: 16px;
   line-height: 140%;
 }

 .select-element {
   width: 275px;
   max-width: 275px;
   height: 30px;
   background-color: white;
 }

 .select-element .select2.select2-container.select2-container--default .select2-selection--single {
   border-radius: 0 4px 4px 0;
   border: unset;
   height: 32px;
 }

 .select-element .select2-container .select2-selection--single .select2-selection__rendered {
   padding-left: 14px;
   font-weight: 500;
   font-size: 14px;
   line-height: 225%;
   color: var(--black);
 }

 .select-element .select2-container--default .select2-selection--single .select2-selection__arrow b {
   border: unset;
   border-color: transparent;
   position: relative;
   border-width: 0;
   margin: 0;
   top: calc(50% - 3px);
   left: unset;
 }

 .select-element .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
   content: '';
   width: 11px;
   height: 11px;
   display: block;
   background: url('/local/components/redreams/main.profile/templates/learn/images/ArrowDown.svg')100% 100% no-repeat;
 }

 .select-element .select2.select2-container.select2-container--default.select2-container--below  .select2-selection__arrow b:before {
   background: url('../img/ArrowDownWhite.svg')100% 100% no-repeat;
 }

 .select-element .select2.select2-container.select2-container--default.select2-container--below .select2-selection__rendered {
   background-color: var(--blue);
   color: white;
 }





 .profile_form-document .pp_info_list li .inputwrap {
   width: 100%;
   height: 60px;
   margin-bottom: 14px;
   position: relative;
 }

 .profile_form-document .pp_info_list {
   /* max-width: 529px; */
 }

 .profile_form-document .card-content__document h3 {
   font-weight: 500;
   font-size: 18px;
   line-height: 140%;
   color: var(--black);
   font-family: inherit;
 }

 .profile_form-document .pp_info_list li .inputwrap .inp_self {
   padding: 29px 20px 10px 20px;
   width: -webkit-fill-available;
   border: unset;
   font-size: 16px;
   line-height: 18px;
   color: var(--black);
   display: block;
   text-align: left;
   background: #ffffff;
   font-family: 'c_reg';
   margin: 0;
   box-sizing: border-box;
   width: 100%;
   height: 100%; 
   
 }
 .profile_form-document .pp_info_list li .inputwrap .inp_self--middle{
  padding: 10px 20px 10px 20px;
 }

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

 .profile_form-document .pp_info_list li .inputwrap label {
   font-weight: 500;
   font-size: 12px;
   line-height: 140%;
   color: var(--gray);
   position: absolute;
   top: 24px;
   left: 20px;
   z-index: 1;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }


 /* profile_form-documen */

 /* style detail page courses */
 .block-main-documetn {
   margin-top: 60px;
 }

 .wrapper-table__courses h2 {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: var(--black);
 }

 .wrapper-list__courses {
   margin-bottom: 63px;
 }

 .table__courses {
   margin: 50px 0 60px 0;
   width: 100%;
 }

 .table__courses thead tr th {
   text-transform: uppercase;
   font-weight: 400;
   font-size: 11px;
   line-height: 140%;
   color: var(--gray);
   padding: 8px 20px;
 }

 .table__courses tbody tr td {
   padding: 20px;
   vertical-align: middle;
 }

 .table__courses tbody tr td span {
   font-weight: 700;
   font-size: 14px;
   line-height: 17px;
   color: var(--black);
 }

 .table__courses tbody tr td p {
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   color: var(-black);
 }

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

 .wrapper-list__courses .list__courses-test .item-test__courses.closed .title-test {
   opacity: 0.6;
 }

 .wrapper-list__courses .list__courses-test .item-test__courses.closed .content-test {
   opacity: 0.6;
 }

 .wrapper-list__courses .list__courses-test .item-test__courses.closed .type-test {
   opacity: 0.6;
 }

 .wrapper-list__courses .list__courses-test .item-test__courses.closed .courses__action {
   opacity: 0.6;
 }

 .wrapper-list__courses .list__courses-test .item-test__courses.closed .status-test {
   display: none;
 }

 .list__courses-test .item-test__courses {
   margin-bottom: -1px;
 }

 .list__courses-test .item-test__courses.passed .btn.btn-start__test {
   display: none;
 }

 .list__courses-test .item-test__courses.closed .btn.btn-start__test {
   display: none;
 }

 .list__courses-test .item-test__courses.process .btn.btn-start__test {
   display: block;
 }

 .item-test__courses.process .title-test .status-test {
   color: var(--red-razzmatazz);
 }

 .list__courses-test .item-test__courses .courses__action .btn.btn-start__test {
   padding: 12px 22px;
   background-color: var(--red-razzmatazz);
   border: 2px solid transparent;
   color: white;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   cursor: pointer;
   box-sizing: border-box;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .list__courses-test .item-test__courses .courses__action .btn.btn-start__test:hover {
   background-color: transparent;
   color: var(--red-razzmatazz);
   border: 2px solid var(--red-razzmatazz);
 }

 .wrapper-list__courses .list__courses-test .item-test__courses.passed {
   border: 1px solid var(--border-gray);
 }

 .wrapper-list__courses .list__courses-test .item-test__courses.process {
   border: 1px solid var(--border-gray);
 }

 .list__courses-test .item-test__courses .courses__action {
   position: absolute;
   top: 30px;
   right: 30px;
   display: flex;
   flex-direction: column;
   align-items: end;
 }

 .list__courses-test .item-test__courses .courses__action .action-time {
   display: flex;
   align-items: center;
   padding: 8px 12px;
   background-color: var(--gray_bg);
   margin-bottom: 10px;
   width: fit-content;
 }

 .list__courses-test .item-test__courses .courses__action .action-time img {
   margin-right: 10px;
   width: 32px;
   height: 32px;
 }

 .list__courses-test .item-test__courses .courses__action .action-time span {
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: var(--gray);
 }

 .list__courses-test .item-test__courses {
   position: relative;
 }

 .item-test__courses .type-test .exam__type {
   font-weight: 500;
   font-size: 18px;
   line-height: 140%;
   color: var(--black);
 }

 .item-test__courses .type-test .exam__title {
   font-weight: 500;
   font-size: 14px;
   line-height: 140%;
   color: var(--gray);
 }

 .item-test__courses .type-test span {
   display: block;
 }

 .item-test__courses .content-test {
   font-weight: 400;
   font-size: 22px;
   line-height: 27px;
   color: var(--black);
   margin-bottom: 10px;
 }

 .item-test__courses.passed .title-test {
   margin-bottom: 7px;
 }

 .item-test__courses.passed .title-test .status-test {
   color: var(--aquamarin);
 }

 .item-test__courses .title-test .subject-test {
   font-weight: 700;
   font-size: 16px;
   line-height: 20px;
   color: var(--black);
 }

 .item-test__courses .title-test .status-test {
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
 }

 .wrapper-list__courses {
   margin-top: 50px;
 }

 .wrapper-list__courses .list__courses-test .item-test__courses {
   padding: 30px;
   background-color: #FFFFFF;
   border: 1px solid var(--gray_bg);
 }

 .wrapper-list__courses h2 {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: var(--black);
   margin-bottom: 20px;
 }

 .card-courses.card-courses__preview {
   background-color: var(--gray_bg);
   padding: 50px;
   margin-bottom: 0;
   border: none;
 }

 .card-courses.card-courses__preview .inform-courses {
   margin-top: 30px;
 }

 .card-courses.card-courses__preview .inform-courses .description__courses {
   font-weight: 400;
   font-size: 16px;
   line-height: 140%;
   color: var(--black);
   display: block;
   height: 88px;
   overflow-y: hidden;
   background-image: linear-gradient(360deg, #F3F3F3 15%, rgba(243, 243, 243, 0.27) 129.94%);
   background-clip: text;
   -webkit-background-clip: text;

   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .card-courses.card-courses__preview .courses-buttons .btn-courses {
   padding: 10px 32px;
   height: 45px;
 }

 .card-courses.card-courses__preview .courses-buttons .btn-contract {
   padding: 10px 32px;
   height: 21px;
 }

 .card-courses.card-courses__preview .inform-courses .description__courses.show {
   height: auto;
   overflow-y: visible;
 }

 .card-courses.card-courses__preview .btn.btn-more {
   width: 100%;
   display: flex;
   margin-top: 10px;
   border: none;
   background-color: transparent;
   cursor: pointer;
   padding: 0;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--blue);
   position: relative;
 }

 .card-courses.card-courses__preview .btn.btn-more:before {
   content: '';
   top: -72px;
   height: 76px;
   width: 100%;
   display: block;
   position: absolute;
   left: 0;
   background: linear-gradient(360deg, #F3F3F3 15%, rgba(243, 243, 243, 0.27) 129.94%);
 }

 .description__courses.show+.btn.btn-more:before {
   content: unset;
 }

 /* style detail page courses */


 /* new style from the 17.10 */
 .alert-card {
   width: 100%;
   padding: 20px 30px 20px 64px;
   background-color: #EAF9FF;
   border-radius: 4px;
   position: relative;
   box-sizing: border-box;
 }

 .alert-card p {
   position: relative;
 }

 .alert-card p::before {
   content: '';
   position: absolute;
   top: -3px;
   left: -32px;
   width: 24px;
   height: 24px;
   display: block;
   background: url('/local/components/redreams/main.profile/templates/learn/images/Icon-square.svg')100% 100% no-repeat;
 }

 .alert-card .icon-info {
   position: absolute;
   top: calc(50% - 12px);
   left: 30px;

 }

 .alert-card p {
   font-weight: 400;
   font-size: 16px;
   line-height: 140%;
   color: var(--black);
 }

 .document-upload__content.flex {
   flex-wrap: wrap;
 }

 .document-upload__content .item-upload {
   text-decoration: none;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
   position: relative;
     margin-bottom: 10px;
 }

 .document-upload__content .item-upload:before {
   content: '';
   position: absolute;
   top: calc(50% - 32px);
   left: calc(50% - 12px);
   width: 24px;
   height: 24px;
   display: block;
   background: url('/local/components/redreams/main.profile/templates/learn/images/icon-search.svg')100% 100% no-repeat;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
   opacity: 0;
 }

 .document-upload__content .item-upload:hover:before {
   opacity: 1;
 }

 .document-upload__content .item-upload:hover .img-upload__subtitle {
   color: var(--blue);
 }

 .item-upload .img-upload__subtitle {
   margin-top: 10px;
   display: block;
   font-weight: 500;
   font-size: 16px;
   line-height: 20px;
   color: var(--black);
   text-decoration: none;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

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

 .img_upload {
   width: 158px;
   height: 166px;
   display: block;
     border: 1px solid var(--black);
     padding: 4px;
     border-radius: 4px;
 }
 .img-upload__subtitle {
     width: 166px;
 }

 .block-main-documetn .title-upload.flex {
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
 }

 .block-main-documetn .title-upload h2 {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: var(--black);
 }

 .list-documents {
   margin-bottom: 60px;
 }
 
.pp_info_list .input-calendar{
  background-image: url('/local/components/redreams/main.profile/templates/learn/images/Calendar.svg');
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: calc(100% - 20px) center; 
  background-color: #ffffff;
  height: 100%;
  box-sizing: border-box;
 }
 .profile_form-document .pp_info_list li .inputwrap .inp_self.date-input,
 .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block .pp_info_list li .inputwrap input.date-input{
  background-color: transparent;
  font-size: inherit;
  
 } 
 .inp_self.date-input ~ label,
 .inp_self.date-input-filled ~ label
 {
  top: 11px !important;
 }
 .flatpickr-current-month .numInputWrapper {
  width: 7ch;
  width: 7ch\0;
  display: inline-block;
}
 .item-card__document .card-content__document .select-element .select2-selection__rendered {
   color: var(--black) !important;
 }

 .item-card__document.additional-documents .pp_info_list li p.name {
   font-weight: 500;
   font-size: 18px;
   line-height: 140%;
   color: var(--black);
 }

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

 .card-content__document .pp_info_list li p.name {
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--gray);
 }

 .profile_block_wp .personal_prof .pp_info_wrap .pp_info_block .pp_info_list li p {
   word-break: break-all;
 }

 .card-content__document .pp_info_list li p {
   font-weight: 400;
   font-size: 16px;
   line-height: 140%;
   color: var(--black);
 }

 .title-item__card-document.flex {
   align-items: center;
   /*justify-content: space-between;*/
     justify-content: flex-end;
   margin-bottom: 15px;
 }

 .item-card__document {
   background-color: var(--gray_bg);
   padding: 30px;
   margin-bottom: 10px;
   border-radius: 4px;
 }

 .title-item__card-document h3 {
   font-weight: 500;
   font-size: 18px;
   line-height: 140%;
   color: var(--black);
   font-family: inherit;
 }

 .select-add {
   padding: 6px 14px;
   font-weight: 500;
   font-size: 14px;
   line-height: 140%;
   color: white;
   background-color: var(--blue);
   border-radius: 4px 0px 0px 4px;
 }

 .btn.btn-remove__password {
   background-color: white;
   border: 2px solid var(--blue);
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--blue);
   border-radius: 4px;
   padding: 11px 24px;
   height: 46px;
   box-sizing: border-box;
   margin-left: 30px;
   cursor: pointer;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .btn.btn-remove__password:hover {
   background-color: var(--blue);
   color: white;
 }

 .pp_info_wrap .pp_info_block.right:after {
   content: '';
   position: absolute;
   top: 10px;
   left: 0;
   display: block;
   width: 1px;
   height: calc(100% - 20px);
   background-color: var(--border-gray);
   ;
 }

 /* new style from the 17.10 */
 .inputwrap .inp_self.inpwrited+label {
   top: 11px !important;
 }

 .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block .pp_info_list li .inputwrap input[type="password"] {
   padding-top: 17px;
   min-height: 30px;
 }

 /* checkbox */
 .modal-container .flex {
   width: 100%;
   justify-content: space-between;
 }

 .block__checkbox {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   height: 498px;
   width: 100%;
 }

 .container-checkbox {
   margin-bottom: 16px;
   width: 336px;
   height: 24px;
 }

 .container-checkbox label {
   font-weight: 400;
   font-size: 15px;
   line-height: 140%;
   color: var(--black);
   cursor: pointer;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .container-checkbox label:hover::before {
   border-color: var(--aquamarin);
 }

 .custom-checkbox {
   position: absolute;
   z-index: -1;
   opacity: 0;
   margin: 0;
   width: 0;
   height: 0;
 }

 .custom-checkbox+label {
   display: inline-flex;
   align-items: center;
   user-select: none;
 }

 .custom-checkbox+label::before {
   content: '';
   display: inline-block;
   width: 24px;
   height: 24px;
   flex-shrink: 0;
   flex-grow: 0;
   border: 1px solid var(--border-gray);
   border-radius: 3px;
   margin-right: 10px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 60% 60%;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .custom-checkbox:checked+label::before {
   border-color: var(--aquamarin);
   background-color: var(--aquamarin);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
 }

 .custom-checkbox:disabled+label::before {
   background-color: var(--border-gray);
   border-color: var(--border-gray);
 }


 /* checkbox */

 /* style fom custom modal */

 .modal {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
   width: 100%;
   height: 100vh;
   opacity: 0;
   padding: 20px;
   box-sizing: border-box;
   visibility: hidden;
   transition: all 0.3s ease;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .modal.open {
   visibility: visible;
   opacity: 1;
   transition-delay: 0s;
 }

 .modal-bg {
   position: absolute;
   background: var(--black);
   opacity: 0.8;
   width: 100%;
   height: 100%;

 }

 .modal-container h2 {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: var(--black);

 }

 .modal-container {
   width: 100%;
   max-width: 1148px;
   border-radius: 10px;
   background: #FFFFFF;
   position: relative;
   padding: 50px;
   box-shadow: 0 4px 50px rgba(64, 87, 114, 0.16);
   border-radius: 4px;
   box-sizing: border-box;
 }
 #modal-password .modal-container{
    max-width: 600px;
 }
 #modal-password .btn-modal__block{
  position: relative;
  top: 0;
  right: 0;
  margin-top: 30px;
 }
 .modal-container .btn-modal__block.mobail-show {
   display: none;
   visibility: hidden;
 }

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

 .modal-close,
 .modal-save {
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
   box-sizing: border-box;
 }

 .modal-close:hover {
   background: var(--main_red);
   color: #FFFFFF;
 }

 .modal-save:hover {
   background: #FFFFFF;
   color: var(--blue);
 }

 .modal-close {
   outline: none;
   appearance: none;
   padding: 11px 32px;
   color: var(--dark_red);
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   background: #FFFFFF;
   border: 2px solid var(--main_red);
   border-radius: 4px;
   cursor: pointer;
   margin-right: 20px;

 }

 .modal-save {
   padding: 11px 32px;
   background: var(--blue);
   border: 2px solid var(--blue);
   border-radius: 4px;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: #FFFFFF;
   cursor: pointer;
 }

 .btn-modal__block {
   position: absolute;
   right: 50px;
   top: 50px;
   display: flex;
 }

 /* style fom custom modal */


 /* style for courses */
 .title-courses__slider-block {
   display: flex;
   justify-content: space-between;
 }

 .prices-info .prices-elem {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: var(--black);
 }

 .prices-info .draft-elem {
   width: 100%;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--blue);
   text-decoration: none;
   text-align: right;
   display: inline-block;
 }

 .prices-info .draft-elem.no-active {
   color: var(--red-razzmatazz);
 }

 .courses-buttons .btn-courses {
   padding: 15px 32px;
   background-color: var(--red-razzmatazz);
   border: 2px solid transparent;
   box-sizing: border-box;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: #FFFFFF;
   cursor: pointer;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .courses-buttons .btn-courses.btn-mod {
   background-color: rgba(208, 20, 94, 0.5);
   cursor: unset;

 }

 .courses-buttons .btn-courses:hover {
   color: var(--red-razzmatazz);
   background-color: #FFFFFF;
   border-color: var(--red-razzmatazz);

 }

 .courses-buttons .btn-courses.btn-mod:hover {
   background-color: rgba(208, 20, 94, 0.5);
   color: #FFFFFF;
   border-color: transparent;
 }

 .courses-buttons .btn-contract {
  font-family: 'c_reg';
   padding: 15px 32px;
   text-decoration: none;
   display: block;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--blue);
   background-color: transparent;
   font-size: 16px;
   line-height: 1.4;
   border: 2px solid var(--blue);
   margin-left: 18px;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
   cursor: pointer;
 }

 .courses-buttons .btn-contract:hover {
   color: #FFFFFF;
   background-color: var(--blue);
 }

 .information-courses {
   margin-bottom: 40px;
 }


 .item-information__courses {
   flex-direction: column;
   position: relative;
 }

 .item-information__courses:not(:first-child) {
   margin-left: 51px;
 }

 .item-information__courses:not(:first-child)::before {
   content: '';
   width: 1px;
   height: 45px;
   display: block;
   position: absolute;
   top: -3px;
   left: -20px;
   background-color: var(--gray);
 }

 .item-information__courses .information-title {
   font-weight: 500;
   font-size: 14px;
   line-height: 140%;
   color: var(--gray);
 }

 .item-information__courses .information-content {
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--black);
 }

 .card-courses {
   height: auto;
   background-color: #FFFFFF;
   padding: 30px 40px;
   position: relative;
   margin-bottom: 20px;
   box-sizing: border-box;
   border: 1px solid var(--border-gray);
 }

 .card-courses h2 {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: var(--black);
   margin-bottom: 20px;
 }

 .title-status .status-change {
   font-weight: 500;
   font-size: 14px;
   line-height: 129%;
   color: var(--blue);
   background-color: transparent;
   border: none;
   cursor: pointer;
 }

 .card-courses .title-status {
   margin-bottom: 10px;
   border-radius: 4px;
   width: fit-content;
   align-items: center;
 }

 .card-courses .title-status .status-pay.active {
   background-color: #EAFFED;
   border-radius: 4px;
   padding: 6px 10px;
   margin-right: 13px;
 }

 .card-courses .title-status .status-pay.wait {
   background-color: #FFEDF4;
   border-radius: 4px;
   padding: 6px 10px;
   margin-right: 13px;
 }

 .card-courses .title-status .status-pay.passed {
   background-color: #EAF8FF;
   border-radius: 4px;
   padding: 6px 10px;
   margin-right: 13px;
 }

 .card-courses .title-status .status-pay.filed {
   background-color: #F3F3F3;
   border-radius: 4px;
   padding: 6px 10px;
   margin-right: 13px;
 }

 .card-courses .title-status .date-status {
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--black);
   margin-right: 10px;
 }

 .card-courses .title-status .status__courses-card {
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--black);
 }


 .wrapper-all__courses {
   margin-bottom: 20px;
 }

 .list-tabs__courses .item-tab__courses {
   display: block;
   text-decoration: none;
   background-color: var(--gray_bg);
   border-radius: 4px;
   padding: 8px 18px;
   text-align: center;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--black);
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
   box-sizing: border-box;
   border: 2px solid transparent;
 }

 .list-tabs__courses .item-tab__courses:hover {
   color: var(--blue);
   background-color: #fff;
   border-color: var(--blue);
 }

 .list-tabs__courses li.active:hover .item-tab__courses {
   color: var(--blue);
   background-color: #fff;
   border-color: var(--blue);
 }

 .list-tabs__courses li.active .item-tab__courses {
   background-color: var(--blue);
   color: white;
 }


 .list-tabs__courses li:not(:first-child) {
   margin-left: 10px;
 }



 /* style for courses */
 .flex {
   display: flex !important;
 }

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

 .seve_photo-btns label {
   width: 100%;
   margin-top: 0 !important;
   padding: 11px 40px;
   border: 2px solid var(--blue);
   background-color: white;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--blue);
   border-radius: 4px;
   cursor: pointer;
   text-align: center;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .seve_photo-btns label:hover {
   border: 2px solid var(--blue);
   background-color: var(--blue);
   color: white;
 }

 .seve_photo-btns .files-photo__delete {
   width: 51px;
   min-width: 51px;
   height: 44px;
   border: 2px solid transparent;
   background-color: var(--main_red);
   border-radius: 4px;
   cursor: pointer;
   padding: 0;
   box-sizing: border-box;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
   position: relative;
   margin-left: 10px;
 }

 .seve_photo-btns .files-photo__delete .delete-red {
   z-index: o;
   opacity: 0;
 }

 .seve_photo-btns .files-photo__delete:hover .delete-red {
   z-index: 1;
   opacity: 1;
 }

 .seve_photo-btns .files-photo__delete:hover .delete-white {
   z-index: o;
   opacity: 0;
 }

 .seve_photo-btns .files-photo__delete:hover {
   background-color: transparent;
   border: 2px solid var(--main_red);
 }

 .seve_photo-btns .files-photo__delete img {
   position: absolute;
   top: calc(50% - 10px);
   left: calc(50% - 10px);
   width: 20px;
   height: 20px;
   z-index: 1;
 }

 .cancel.btn-cancel,
 .save.btn-save, .new__passport__buttons .btn-save, .new__passport__buttons .btn-cancel {
  font-family: 'c_reg';
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
   text-decoration: none;
   cursor: pointer;
   text-transform: capitalize;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
 }

 .actions.actions_new .cancel.btn-cancel, .new__passport__buttons .btn-cancel {
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   background-color: white;
   color: var(--dark_red);
   border: 2px solid var(--dark_red);
   border-radius: 4px;
   padding: 11px 32px;
   margin-left: 0;
   height: 44px;
   box-sizing: border-box;
   margin-left: 20px;
 }

 .actions.actions_new .cancel.btn-cancel:hover, .new__passport__buttons .btn-cancel:hover {
   color: white;
   background-color: var(--dark_red);
 }

 .actions.actions_new .save.btn-save, .new__passport__buttons .btn-save {
   width: auto;
   padding: 11px 32px;
   background-color: var(--blue);
   color: white;
   border: 2px solid var(--blue);
   border-radius: 4px;
   height: 44px;
   box-sizing: border-box;
 }

 .actions.actions_new .save.btn-save:hover, .new__passport__buttons .btn-save:hover {
   color: var(--blue);
   background-color: white;
 }


 .pp_form .profile_block_wp.lk_profile .personal_prof .profile_form.flex .pp_info_wrap .pp_info_block.right {
   height: auto;

 }

 .pp_form .profile_block_wp.lk_profile .personal_prof .profile_form.flex .pp_info_wrap .pp_info_block.right .pp_info_list li:nth-child(4) {
   visibility: visible;
 }

 .select-sub.select_type-document {
   width: 400px !important;
 }

 .select-sub.select_type-document ul {
   background-color: white;
 }

 .select-sub.select_type-document ul li a {
   display: block;
   padding: 5px 20px;
   font-size: 16px;
   line-height: 18px;
   color: var(--gray);
   text-decoration: none;
   text-align: left;
 }

 .select-sub.select_type-document ul li:hover a {
   color: var(--aquamarin);
 }

 .pp_info_wrap .selectArea.select_type-document .selectText {
   padding: 21px 33px 21px 0;
 }

 .pp_info_wrap .selectArea.select_type-document .selectIn {
   border: unset;
 }

 .pp_info_wrap .selectArea.select_type-document .selectIn:after {
   content: unset;
 }

 .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block {
   padding: 30px 40px;
   max-height: 100%;
   width: 50%;
 }

 .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block .pp_info_list {
   display: flex;
   flex-direction: column;
   width: 100%;
 }

 .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block .pp_info_list li {
   display: flex;
   margin: 0 0 10px 0;
 }

 .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block .pp_info_list li input {
   border: unset;
 }

 .profile_block_wp.lk_profile .personal_prof .pp_form_fields .profile_form.flex .pp_info_wrap .pp_info_block.right {
   width: 50%;
 }

 .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block .pp_info_list li .inputwrap {
   width: 100%;
   height: 60px;
   position: relative;
 }

 .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block .pp_info_list li .inputwrap input {
   display: block;
   padding: 29px 20px 10px 20px;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
 }

 .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block .pp_info_list li .inputwrap label {
   font-weight: 500;
   font-size: 12px;
   line-height: 140%;
   color: var(--gray);
   position: absolute;
   top: 24px;
   left: 20px;
   z-index: 1;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .profile_block_wp.lk_profile .profile_form.flex .pp_info_wrap .pp_info_block .pp_info_list li .inputwrap input:focus+label {
   top: 11px;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

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

 .header-profile-new {
   align-items: center;
   justify-content: space-between;
 }

 .header-prifole-new .btn-edit__profile {
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
 }

 .header-prifole-new h1 {
   margin-bottom: 0;
 }

 .hidden-btn__desctop-block .wrapper__btns .btn {
   background-color: #fff;
   padding: 11px 24px;
   border: 2px solid var(--blue);
   border-radius: 4px;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--blue);
   box-sizing: border-box;
   height: 46px;
   cursor: pointer;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;

 }

 .btn.js-edit-profile, .btn.js-edit-passport {
   background-color: #fff;
   padding: 11px 24px;
   border: 2px solid var(--blue);
   border-radius: 4px;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--blue);
   box-sizing: border-box;
   height: 46px;
   cursor: pointer;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .btn.js-edit-profile:hover, .btn.js-edit-passport:hover {
   background-color: var(--blue);
   color: white;
 }

 .block-table .table-study_document tbody tr td:last-child {
   display: flex;
   justify-content: end;
 }

 .block-table {
   margin: 70px 0 60px 0;
 }

 .block-table .table-study_document {
   width: 100%;
   border-bottom: 1px solid var(--gray_bg);
 }

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

 .block-table .table-study_document thead tr th {
   text-transform: uppercase;
 }

 .block-table .table-study_document thead th:nth-child(1) {
   width: 163px;
   padding-left: 23px;
   padding-bottom: 10px;
 }

 .block-table .table-study_document tbody tr td {
   font-weight: 400;
   font-size: 16px;
   line-height: 140%;
   color: var(--balck);
   padding: 20px 23px 20px 0;
 }

 .block-table .table-study_document tbody tr td:nth-child(1) {
   padding-left: 23px;
 }

 .block-table .table-study_document tbody tr:nth-child(odd) {
   background-color: var(--gray_bg);
 }

 .block-table .table-study_document tbody tr td a {
   text-decoration: none;
   color: var(--blue);
 }

 .block-study-document {
   margin-bottom: 30px;
 }

 .block-study-document .study-head.flex {
   width: 100%;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 30px;
 }

 .block-study-document .study-head h2 {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: var(--black);
   margin-bottom: 30px;
 }

 .block-study-document .btn-add-document {
   background-color: #fff;
   padding: 14px 20px;
   border: 2px solid var(--blue);
   border-radius: 4px;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: var(--blue);
   box-sizing: border-box;
   height: 50px;
   cursor: pointer;
   position: relative;
   padding-right: 42px;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .block-study-document .btn-add-document:hover {
   background-color: var(--blue);
   color: #fff;
 }

 .block-study-document .btn-add-document .icon-plus {
   position: relative;
   display: inline-block;
 }

 .block-study-document .btn-add-document .icon-plus:before {
   content: '';
   width: 14px;
   height: 14px;
   position: absolute;
   top: calc(50% - 7px);
   right: -23px;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
   background: url('/local/components/redreams/main.profile/templates/learn/images/Plus.svg')100% 100% no-repeat;
 }

 .block-study-document .btn-add-document:hover .icon-plus:before {
   content: '';
   background: url('/local/components/redreams/main.profile/templates/learn/images/PlusWhite.svg')100% 100% no-repeat;
 }


 .block-study {
   margin-bottom: 50px;
 }

 .study-chip {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-bottom: 10px;
 }

 .study-chip .btn-chip {
   padding: 12px 18px;
   cursor: pointer;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   border-radius: 4px;
   color: #fff;
   border: 2px solid var(--blue);
   background-color: var(--blue);
   box-sizing: border-box;
   height: 50px;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .study-chip .btn-chip:hover {
   color: var(--blue);
   background-color: white;
 }

 .study-chip .btn-chip.add-chip {
   background-color: #fff;
   border: 1px solid var(--blue);
   color: var(--blue);
   border-radius: 4px;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
   position: relative;
   padding-right: 45px;

 }

 .study-chip .btn-chip.add-chip:hover {
   background-color: var(--blue);
   color: #fff;
 }

 .study-chip .btn-chip.add-chip span {
   position: relative;

 }

 .study-chip .btn-chip.add-chip span:before {
   content: '';
   width: 14px;
   height: 14px;
   position: absolute;
   top: calc(50% - 7px);
   right: -23px;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
   background: url('/local/components/redreams/main.profile/templates/learn/images/Plus.svg')100% 100% no-repeat;
 }

 .study-chip .btn-chip.add-chip:hover span:before {
   content: '';
   background: url('/local/components/redreams/main.profile/templates/learn/images/PlusWhite.svg')100% 100% no-repeat;
 }

 .block-study .study-head h2 {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: var(--black);
   margin-bottom: 30px;
 }

 .pp_info_block.right {
   position: relative;
 }

 .profile_block_wp.lk_profile .pp_info_wrap .pp_info_block {
   padding: 30px 23px;
   background-color: var(--gray_bg);
   margin: 0;
   box-sizing: border-box;
 }

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

 .profile_block_wp .personal_prof {
   width: 100%;
   min-width: 100%;
   display: flex;
   margin: 30px 0 0;
 }

 .profile_block_wp .personal_prof .pp_form_fields {
   width: 100%;
   min-width: 100%;
 }

 .profile_block_wp.lk_profile .pp_im {
   width: 265px;
   min-width: 265px;
   height: 256px;
   margin-right: 30px;
 }

 .pp_form .profile_block_wp.lk_profile .pp_im {
   min-width: 265px;
   height: 256px;
 }
 .profile_block_wp .personal_prof .pp_im img {
  display: block;
  margin: 0;
  max-width: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
 .profile_block_wp .personal_prof .pp_im .add_photo {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column-reverse;
   height: 100%;
   padding: 0;
   font-weight: 400;
   font-size: 16px;
   line-height: 140%;
   color: var(--gray);
   box-sizing: border-box;
   border: 2px dashed var(--border-gray);
   object-fit: cover;
   object-position: center center;
 }

 .profile_block_wp.lk_profile .personal_prof .pp_info_wrap {
   display: flex;
   align-items: inherit;
   justify-content: end;
   width: 100%;
   float: unset;
 }

 .empty-profile_img {
   width: 150px;
   height: 150px;
 }

 /* style for slider */

 .wrapper-page_slider .splide__arrow.splide__arrow--prev {
   background: transparent;
   left: 0;
   width: 75px;
   height: 100%;
   border-radius: 0;
 }

 .wrapper-page_slider .splide__arrow.splide__arrow--next {
   background: transparent;
   right: 0;
   width: 75px;
   height: 100%;
   border-radius: 0;
 }

 .wrapper-page_slider .splide__arrow svg {
   fill: #FFFFFF;
   width: 20px;
   height: 20px;
 }

 .wrapper-page_slider .splide__arrow:disabled {
   opacity: .3;
 }

 .wrapper-page_slider .splide__arrow {
   opacity: 1;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
   box-sizing: border-box;
 }

 .wrapper-page_slider .splide__arrow:hover {
   opacity: 0.5;
   background: rgba(0, 0, 0, 0.1);
 }

 .wrapper-page_slider .splide__pagination {
   bottom: 34px;
 }

 .wrapper-page_slider .splide__pagination .splide__pagination__page {
   width: 16px;
   height: 16px;
   margin: 0;
   background: #FFFFFF;
   box-sizing: border-box;
   transform: unset;
   border: 4px solid transparent;
   opacity: 1;
 }

 .wrapper-page_slider .splide__pagination .splide__pagination__page.is-active {
   border: 4px solid #FFFFFF;
   background: transparent;
 }

 .wrapper-page_slider .splide__pagination li:not(:last-child) {
   margin-right: 14px;
 }

 .header-slider h2 {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: var(--black);
   margin-bottom: 20px;
 }

 .splide__slide .item-information__courses .information-title {
   font-weight: 600;
   font-size: 11px;
   line-height: 13px;
   color: #FFFFFF;
 }

 .splide__slide .item-information__courses .information-content {
   font-weight: 600;
   font-size: 16px;
   line-height: 20px;
   color: #FFFFFF;
 }

 .splide__slide .card-courses {
   background-color: var(--aquamarin);
   padding: 60px 98px 80px 98px;
   margin-bottom: 0;
 }

 .splide__slide .card-courses .title-status {
   display: none !important;
 }

 .splide__slide .card-courses h2 {
   color: white;
 }


 .splide__slide .card-courses h3 {
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: #FFFFFF;
   margin-bottom: 3;
 }

 .splide__slide .card-courses .prices-elem {
   font-weight: 400;
   font-size: 26px;
   line-height: 32px;
   color: #FFFFFF;
 }

 .courses-buttons .btn__more-slider {
   text-decoration: none;
   padding: 15px 32px;
   box-sizing: border-box;
   border: 2px solid #FFFFFF;
   color: #FFFFFF;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   transition: 0.2s ease all;
   -moz-transition: 0.2s ease all;
   -webkit-transition: 0.2s ease all;
 }

 .courses-buttons .btn__more-slider:hover {
   background: rgba(0, 0, 0, 0.1);
 }

 .splide__slide .item-information__courses:not(:first-child)::before {
   background-color: #FFFFFF;
 }

 .wrapper-page_slider {
   margin-top: 60px;
   margin-bottom: 40px;
 }
 .pw_error {
     margin: 10px 0;
     padding: 15px 0;
     text-align: center;
 }
 /* style for slider */

 /* media query */


 /* max-width: 1200px */



 /* max-width: 1200px */

 /* max-width: 1024px */

 @media (max-width: 1024px) {}

 /* max-width: 1024px */

 /* max-width: 768px */

 /* max-width: 768px */




 /* max-width: 480px */
 @media (max-width: 480px) {}

 /* max-width: 480px */

 /* media query */
 .russian-passport{
 
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 15px;
 }
 .profile_form-document .pp_info_list.russian-passport{
  max-width: 100%;
 }
 .card-content__document .pp_info_list.russian-passport li{
  margin-bottom: 0;
 }
 .profile_form-document .pp_info_list.russian-passport li .inputwrap{
  margin-bottom: 0;
 }

 .russian-passport li:nth-child(1){
  grid-column: 1/3;
 }
 .russian-passport li:nth-child(2){
  grid-column: 3/5;
 }
 .russian-passport li:nth-child(3){
  grid-column: 5/7;
 }
 .russian-passport li:nth-child(4){
  grid-column: 1/4;
 }
 .russian-passport li:nth-child(5){
  grid-column: 4/7;
 }

 @media screen and (max-width: 600px){
  .russian-passport li:nth-child(4){
    grid-column: 1/7;
   }
   .russian-passport li:nth-child(5){
    grid-column: 1/7;
   }
 }
 @media screen and (max-width: 530px){
  .russian-passport li:nth-child(1){
    grid-column: 1/7;
   }
   .russian-passport li:nth-child(2){
    grid-column: 1/7;
   }
   .russian-passport li:nth-child(3){
    grid-column: 1/7;
   }
 }