/*@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(../fonts/montserrat-v26-cyrillic_latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:url(../fonts/montserrat-v26-cyrillic_latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:url(../fonts/montserrat-v26-cyrillic_latin-700.woff2) format("woff2")}*/

:root {
  --palette-main-blue: #1531B0;
  --palette-main-green: #31CA85;
  --palette-bg-gray: #f3f6fa;

  --color-blue: var(--palette-main-blue);
  --color-green: var(--palette-main-green);
  --color-gray: var(--palette-bg-gray);

  --font-h1: normal 700 38px/100% 'Montserrat', Arial, sans-serif;
  --font-h2: normal 700 32px/100% 'Montserrat', Arial, sans-serif;
  --font-h3: normal 700 24px/100% 'Montserrat', Arial, sans-serif;
  --font-h4: normal 700 20px/100% 'Montserrat', Arial, sans-serif;
  --font-h5: normal 700 18px/100% 'Montserrat', Arial, sans-serif;
  --font-h6: normal 700 16px/100% 'Montserrat', Arial, sans-serif;
  --font-h7: normal 700 12px/100% 'Montserrat', Arial, sans-serif;
  --font-p1: normal 300 24px/150% 'Montserrat', Arial, sans-serif;
  --font-p2: normal 300 20px/150% 'Montserrat', Arial, sans-serif;
  --font-p3: normal 300 16px/150% 'Montserrat', Arial, sans-serif;

  --heading1-font: var(--font-h1);
  --heading2-font: var(--font-h2);
  --heading3-font: var(--font-h3);
  --heading4-font: var(--font-h4);
  --heading5-font: var(--font-h5);
  --heading6-font: var(--font-h6);
  --heading7-font: var(--font-h7);
  --paragraph1-font: var(--font-p1);
  --paragraph2-font: var(--font-p2);
  --paragraph3-font: var(--font-p3);
}

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

body {
  font-family: "Montserrat";
}
.mb-4.text-center{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.question_div {
  padding-top:24px;
}

.question_text {
  font: var(--font-h3); letter-spacing: -2%;
  text-transform: capitalize;
}
.question_subtext {
  padding-top: 16px;
}
.main-title {
  padding-bottom: 16px;
  text-transform: capitalize;
}
.quest_pict {
  width: 100%;
  height: 400px;
  padding: 16px 0;
}
.quest_pict.big_image{
  height: 100%;
}
.quest_pict.big_image img{
max-height: unset;
}
.conversation_pict {
  width: 100%;
  height: 510px;
  padding: 8px 0;
}

.btn {
  text-transform: capitalize;
  border: none;
}
.btn-next-custom {
  margin: 0 0 20px 0;
  background: linear-gradient(to right, #31CA85 0%, #1531B0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  position: relative;
  font: var(--font-h4);
  z-index: 0;
  text-decoration: none;
  /*min-width: 255px;*/
  min-width: 170px;
  overflow: hidden; /* Чтобы маска корректно работала */
}
.btn-next-custom-big{
  min-width:200px;
}
.sup-gradient{
  display: inline-block;
  font-size: 10px;
  vertical-align: super;
  line-height: 1;
  padding: 0 2px;
  background: linear-gradient(to right, #31CA85, #1531B0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.category-description.video-bottom-description ~ .category-description{
  display: none;!important;
}
.btn-next-custom::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 32px;
  padding: 2px; /* Толщина рамки */
  background: linear-gradient(to right, #31CA85 0%, #1531B0 100%) border-box;
  -webkit-mask:
          linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}


.btn:hover {
  background-color: var(--color-gray) !important;
  color: black;
}

.new-primary-btn{
  font: var(--font-h4);
  letter-spacing: -2%;
  color: black;
  background-color: transparent;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}
#modal_life_assessment_start .btn-primary,  #modal_life_assessment_start .btn-secondary{
  font: var(--font-h4);
  padding: 10px 20px;
  cursor: pointer;
  width: 155px;
  border: none;
  border-radius: 32px;
  background-color: transparent;
  text-align: center;
  min-width: 220px;
}

/*#modal_life_assessment_start .btn-primary::before,  #modal_life_assessment_start .btn-secondary::before{*/
/*  content: "";*/
/*  position: absolute;*/
/*  inset: 0;*/
/*  z-index: -1;*/
/*  border-radius: 32px;*/
/*  padding: 2px;*/
/*  background: linear-gradient(to right, #31CA85 0%, #1531B0 100%) border-box;*/
/*  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);*/
/*  -webkit-mask-composite: xor;*/
/*  mask-composite: exclude;*/
/*  -webkit-mask-repeat: no-repeat;*/
/*  mask-repeat: no-repeat;*/
/*}*/
.ready_life_asesment{
  display: flex;
  justify-content: center;
}
sup {
  color: inherit;
}

.question_div.input_group .answer_textarea {
  font: var(--font-p3);
  padding: 12px 16px;
  margin-top: 16px;
  height: 46px;
  resize: none;
  overflow-y: hidden;
  padding-right: 35px;
}
.row.week-days_plan{
  display: none;
}
.row.user_goal, .row.week-days_plan, .row.week-goal{
  margin-top: 30px;
  margin-bottom: 10px;
}
.completed-label {
  color: #888; /* серый цвет */
}
.answer_dropdown {
  padding: 18px 30px 18px 16px;
  margin-top: 16px;
  font: var(--font-p3);
  background-position: calc(100% - 7px) center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M7 10l5 5 5-5H7z" fill="%233A3A3A"/></svg>'); /* Custom arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-list {
  /*list-style: none;*/
  /*padding-left: 0;*/
}

.custom-list li {
  position: relative;
  padding-left: 0;
}

.checklist_li{
  font-weight: 300;
}
ol li::marker {
  font-weight: bold;
  font-size: 16px;
}
.custom-list li:nth-child(n+6) {
  display: none;
}
.checklist_li >  label{
  display: inline-block;
  white-space: normal;
  word-break: break-word;
  max-width: 100%;
}
.slider_card_text .checklist_li:nth-child(n+6) {
  display: none;
}
.custom-list li::before {
  /*content: '';*/
  /*position: absolute;*/
  /*left: 0;*/
  /*top: 6px;*/
  /*width: 13px;*/
  /*height: 13px;*/
  /*background-color: #000;*/
  /*border-radius: 50%;*/
}

.report-title{
  font: var(--font-h3); letter-spacing: -2%;
  display: inline-block;
  margin-bottom: 16px;
  background: linear-gradient(to right, #31CA85, #1531B0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.modal_body#content_J4So239PU7DPe8oTQHh2WBaP, .modal_body#content_Nh2JHsQDRt2x2FEyZgi8F4ox, .modal_body#content_tJopdJZERz54pM3zQUs3xLaY{
  font: var(--font-p3);
}
.modal_body{
  font: var(--font-p3);
}
.new-btn {
  font: var(--font-h4);
}
.quest_gray_block.p-4{
  font-weight: 400 !important;
  font-size: 15px;
  padding: 16px !important;
}
.category-description {
  font: var(--font-p3);
}

.question_subtext {
  font: var(--font-p3);
}

.question_text {
  font: var(--font-h3);
  padding-bottom: 16px;
}

.question_text b {
  padding-bottom: 16px;
}

.question_div p {
  font: var(--font-p3);
}
.user_name.d-lg-block{
  margin-left: 10px;
}
.notifications_btns{
  display: flex;
  justify-content: space-between;
}
.audio-bubble {
  display: flex;
  align-items: center;
  /*background: #F3F6FA;*/
  border-radius: 20px;
  padding: 10px 16px;
  margin: 12px 0;
  max-width: 80%;
  /*box-shadow: 0 4px 10px rgba(0,0,0,0.05);*/
}

.audio-bubble.user {
  align-self: flex-end;
  /*background: #31CA85;*/
  color: white;
}

.audio-bubble.assistant {
  align-self: flex-start;
  background: white;
}


.audio-bubble .avatar {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-image: url('../assistant_face1.png');
  background-size: cover;
  background-position: center;
  margin: 0 8px;
  flex-shrink: 0;
}

.audio-bubble.user .user-avatar {
  margin-right: 0;
  display: none;
}

.audio-player {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 38px;
  border-radius: 29px;
  min-width: 442px;
  box-shadow: 0px 3px 8px 0px #0000001F;
  border: none;
  background: white;
  padding-top: 14px;
  padding-bottom: 14px;
  background: #fafafa;
}
.audio-bubble .user{
  /*background: #98e4c2;*/
}

.play-btn {
  width: 30px;
  height: 30px;
  border: none;
  background: none;
  cursor: pointer;
}

.play-btn svg {
  width: 30px;
  height: 30px;
  fill: white;
}
.audio-bubble.assistant .play-btn svg{
  fill: #98e4c2;
}
.audio-bubble.assistant .audio-wave{
  background: #98e4c2;
}
.audio-wave {
  height: 4px;
  background: white;
  flex-grow: 1;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  min-width: 60px;
}

.audio-wave-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(to right, #31CA85, #1531B0);
  transition: width 0.1s linear;
}
/*.audio-wave {*/
/*  width: 60px;*/
/*  height: 20px;*/
/*  background: repeating-linear-gradient(*/
/*          90deg,*/
/*          #31CA85,*/
/*          #31CA85 2px,*/
/*          transparent 2px,*/
/*          transparent 4px*/
/*  );*/
/*  animation: wavePulse 1s infinite;*/
/*  display: none;*/
/*}*/
.audio-player.playing .audio-wave {
  display: block;
}
.audio-bubble.assistant {
  position: relative;
  /*background: #f1f1f1;*/
  border-radius: 16px;
  padding: 10px 14px;
  margin: 6px 0;
}
.audio-bubble.assistant::after {
  /*content: '';*/
  /*position: absolute;*/
  /*left: -10px;*/
  /*top: 14px;*/
  /*width: 0;*/
  /*height: 0;*/
  /*border-top: 6px solid transparent;*/
  /*border-bottom: 6px solid transparent;*/
  /*border-right: 10px solid #f1f1f1;*/
}
.audio-bubble.user {
  position: relative;
  /*background: #C8F8E4;*/
  border-radius: 16px;
  padding: 10px 14px;
  margin: 6px 0;
  align-self: flex-end;
}
.audio-bubble.user::after {
  /*content: '';*/
  /*position: absolute;*/
  /*right: -10px;*/
  /*top: 14px;*/
  /*width: 0;*/
  /*height: 0;*/
  /*border-top: 6px solid transparent;*/
  /*border-bottom: 6px solid transparent;*/
  /*border-left: 10px solid #C8F8E4;*/
}

@keyframes wavePulse {
  0% { opacity: 0.2; transform: scaleY(0.8); }
  50% { opacity: 1; transform: scaleY(1); }
  100% { opacity: 0.2; transform: scaleY(0.8); }
}

/*@media (max-width: 992px) {*/
/*  #switch_to_voice_mode{*/
/*    display: block !important;*/
/*  }*/
/*}*/
.remove_priority_btn{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #afb3cb;
  padding: 0;
  position: absolute;
  right: 4px;
  top: 5px;
  font-size: 13px;
  font-weight: 400;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #afb3cb;
}
#video_in_modal {

}
.bg-video-welcome{
  background-image: url("../images/categories/video-bg-welcome_1.png");
  /*background: linear-gradient(135deg, #30c87f 0%, #1091e4 100%);*/
}
.textare-box {
  margin: 16px 0;
}
.textare-box span:first-child{
  margin-right: 10px;
}
.textare-box:hover{
  background: #f3f6fa;
  transition: .2s;
  border-radius: 12px;
}

#day_priorities .special_input{
  min-height: 48px;
  position: relative;
}
.other-text{
  margin-left: 8px;
  padding: 4px 6px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-width: 1050px;
  width: 100%;
}
#day_priorities .special_input textarea{
 padding-right: 0px;
  padding-left: 0px;

}
.numbered_list{
  margin-top: 20px;
  border: 1px solid #afb3cb;
  border-radius: 12px;
  padding: 12px 16px;
}
.numbered_list-btn{
  padding: 12px 16px 0 16px;
}
.numbered_list-block  .answer_textarea{
  border-radius: unset;
  border-top: none;
  border-left:none;
  border-right: none;
  border-bottom: 1px solid #afb3cb;
  margin-top: 0px !important;
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.numbered_list-block ~ .textare-box{
  margin-top: 0!important;
  margin-bottom: 0!important;

}
.numbered_list-block  .answer_textarea.last-textarea{
  border-bottom: none;
}
.numbered_list-block ~ .textare-box .add_new_text{
  border-radius: unset;
  border-top: none;
  border-left:none;
  border-right: none;
  border-bottom: 1px solid rgba(211, 211, 211, 0.5);
}
.numbered_list-block ~ .textare-box:hover{
 border-radius:unset;
}
.numbered_list-block .remove_textarea_btn{
  top:5px

}
.numbered_list-block {
  position: relative;
}

.numbered_list-block > div[id^="textarea-wrapper-"] {
  position: relative;
}

.numbered_list-block .textarea-number-label {
  position: absolute;
  left: 10px;
  top: 24px;
  transform: translateY(-50%);
  color: grey;
  font-size: 16px;
  pointer-events: none;
  user-select: none;
  z-index: 1;
  font-weight: 300;
}

.numbered_list-block textarea {
  padding-left: 25px; /* чтобы текст не налезал на цифру */
}
.numbered_list .special_input{
  margin-bottom: 0 !important;
  border-radius: unset;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #afb3cb;
  margin-top: 0 !important;
}
#day_priorities{
  padding-bottom: 0;
}
#add_day_priority_button{
  position: relative !important;
  width: 100%;
  /*border-radius: 12px;*/
  background-color: transparent;
  outline: none;
  height: 48px;
  font-family: 'Montserrat', Arial, sans-serif;
  color: gray;
  font-weight: 300;
  display: flex;
  align-items: center;
  font-size: 16px;
  padding-bottom: 0;
  padding-left: 20px;
}
.container-strength{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 32px;
}
.container-strength_block{
  flex: 1;
  background: white;
  padding: 24px;
  border-radius: 12px;
}
.container-strength_block .text_ligth{
  font-weight: 300;
}
.container-strength_block li{
 margin-bottom: 10px;
}
.container-strength_block h3{
  font-size: 24px;
  margin-bottom: 16px;
  font-weight: 700;
}
.container-strength_block img{
  width: 100%;
  border-radius: 8px;
  margin-bottom: 16px;
}
.container-strength_block ol{
  padding-left: 20px;
}

#add_day_priority_button:hover{
  background: #f3f6fa;
  transition: .2s;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}


#day_priorities ~ .ds-table-general__footer{
  display: flex;
  position: relative !important;
  width: 100%;
  border: 1px solid rgba(211, 211, 211, 0.5);
  width: 100%;
  border-radius: 12px;
  padding: 8px 15px;
  background-color: transparent;
  outline: none;
  height: 48px;
  font-family: 'Montserrat', Arial, sans-serif;
  color: gray;
  font-weight: 300;
  align-items: center;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#add_day_priority_button{
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;

}
.numbered_list#day_priorities{
  padding-left: 0;
  padding-right: 0;
}
.special_input {
  margin: 16px 0;
  padding: 0px 16px;
  font: var(--font-p3);
  border: 1px solid #b3b3bc;
  border-radius: 12px;
}
.feedbek_block{
  padding: 50px 50px 50px 50px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.other-block{
  width: 100%;
  display: flex;
  gap: 5px;
  align-items: baseline;
}
input[type="checkbox"].styled-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #afb3cb;
  border-radius: 3px;
  background: white;
  cursor: pointer;
  position: relative;
  margin-left: 5px;
  flex-shrink: 0;
  margin-right: 5px;


}
#day_priorities .remove_priority_btn{
  position: static;
   flex-shrink: 0;
  margin-right: 5px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}
input[type="checkbox"].styled-checkbox:checked::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #1531B0;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.special_input input {
  font-weight: 300;
}
#question_div_130{
  display: none;
}
#question_div_309{
  display: flex;
  flex-direction: column;
}
.form_element.z-2.answer_textarea.quest_309{
  order: 3;
}
.week_reflect_modal .nav, .week_reflect_modal .nav_top_container, .week_reflect_modal .tabs_container{
  display: none;
}
.week_reflect_modal .main-title{
  font-size: 30px;
  font-weight: 800;
}
.week_reflect_modal .quest_block{
  margin-top: 0;
}
i {
  font-size: inherit;
  font-style: italic;
}
.checklist_li{
  display: flex;
  gap: 5px;
  align-items: baseline;
}
.btn-disabled {
  color: #808080;
  height: 44px;
  cursor: not-allowed;
}

.btn-disabled:hover svg path {
  fill: #000000;
}
.z-1.quest_block_bottom.px-4.py-3.d-flex.justify-content-between.grid-buttons{
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.quest_block_bottom {
  flex-direction: row;
}
.quest_block_bottom .finish-button.save-btn{
  margin: auto;
  width: 280px;
}
.quest_block_body table ~ .quest_block_bottom.p-5.d-flex.justify-content-between .central-button {
  margin: auto;
}
.btn-common {
  font: var(--font-h4);
  padding: 10px 20px;
  cursor: pointer;
  width: 155px;
  border: none;
  border-radius: 32px;
  background-color: transparent;
  text-align: center;
}

.btn-quest-start {
  background: linear-gradient(120deg, rgba(49, 202, 133, 1) 0%, rgba(21, 49, 176, 1) 100%);
  border: 1px solid black;
  border-radius: 30px;
  padding: 10px 30px;
  color: white;
  text-align: center;
}
#welcome_quest .btn-quest-start {
  width: 193px;
  height: 48px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: var(--font-h4);
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  z-index: 0;
  background: transparent;
  color: transparent;
  background-image: linear-gradient(to right, #31CA85, #1531B0);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
  cursor: pointer;
  border: none;
  padding: 0;
}

#welcome_quest .btn-quest-start::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 32px;
  padding: 2px;
  background: linear-gradient(to right, #31CA85, #1531B0);
  -webkit-mask:
          linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  mask:
          linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
  mask-composite: exclude;
  box-sizing: border-box;
  z-index: -1;
}
.btn-left {
  padding: 10px 10px;
}

.btn-right {
}
.static-assistant-example p{
  margin-bottom: 0;
}
.central-button {
  order: 0;
  font: var(--font-h4);
  padding: 10px 40px;
  color: white;
  background: linear-gradient(90deg, #31ca85, #1531b0);
  border-radius: 32px;
  border: none;
  cursor: pointer;
}

.central-button.simple-black-btn.btn-week{
  color: black;
  background: transparent;
  width: 310px;
}
.central-button:hover {
  opacity: 0.9;
  color: white !important;
}
.central-button.simple-black-btn.btn-week:hover{
  opacity: 1;
  background-color: var(--color-gray) !important;
  color: black !important;
}

.btn:hover {
  background-color: var(--color-gray) !important;
  color: black;
}
.grey-box-child{
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.grey-box-child input[type= "checkbox"]{
  margin-top: 6px;
}
.z-1.quest_block_bottom.px-4.py-3.d-flex.justify-content-between.grid-buttons.plan{
  padding-right: 0!important;
}
@media(max-width: 768px) {
  .quest_block_bottom {
    flex-direction: column;
    position: relative;
  }
  .notifications_btns .btn.new-btn.btn-back.btn-left.btn-common{
    position: static !important;
  }
  .notifications_btns .mt-3.btn.central-button{
    max-width: 320px;
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .notifications_btns{
    flex-direction: column;
    align-items: center;
  }
  #welcome_quest .btn-quest-start{
    width: 100%;
  }
  .quest1_top_title{
    font-size: 30px !important;
    margin-top: 20px;
  }
  #welcome_quest .btn.hidden{
    display: none;
  }
  .btn-right {
    position: absolute;
    top: 50%;
    right: 0;
    color: #000000;
  }

  .btn-left {
    position: absolute;
    top: 50%;
    left: 0;
    color: #000000;
  }

  .buttons {
    flex-direction: row;
    width: 100%;
    margin-bottom: 16px;
  }

  .central-button {
    order: -1;
    width: 60%;
    padding: 10px 10px;
    text-align: center;
    margin: 0;
  }

  .btn {
    padding: 10px 10px;
    margin: 5px 0;
  }
  .z-1.quest_block_bottom.px-4.py-3.d-flex.justify-content-between.grid-buttons{
    display: flex !important;
  }
  .z-1.quest_block_bottom.px-4.py-3.d-flex.justify-content-between.grid-buttons .central-button{
    width: 60% !important;
  }
  .z-1.quest_block_bottom.px-4.py-3.d-flex.justify-content-between.grid-buttons.plan .central-button{
    width: 100% !important;
  }
  .container-strength{
    flex-direction: column;
  }

}
@media (max-width: 700px) {
  .quest_block_body table ~ .quest_block_bottom.p-5.d-flex.justify-content-between {
    padding: 2rem !important;
  }
  .central-button.simple-black-btn{
    color: black;
    background: transparent;
  }
  .central-button.simple-black-btn:hover{
    opacity: 1;
    background-color: var(--color-gray) !important;
    color: black !important;
  }
  #welcome_quest .input_group_label {
    /*font-size: 20px;*/
    font-size:16px;

  }
}
.finish-button {
  /* margin: 0 0 20px 0; */
  /*background: linear-gradient(to right, #31CA85 0%, #1531B0 100%);*/
  /*-webkit-background-clip: text;*/
  /*background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  /*color: transparent;*/
  /*border-radius: 32px;*/
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  /*height: 44px;*/
  /*position: relative;*/
  /*font: var(--font-h4);*/
  /*z-index:0;*/
  /*text-decoration: none;*/
  /*width: 155px;*/
}

/*.finish-button::before {*/
/*  content:"";*/
/*  position:absolute;*/
/*  left: 0;*/
/*  top: 8px;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  z-index:-1;*/
/*  inset: 0;*/
/*  border: 3px solid transparent;*/
/*  border-radius: 40px;*/
/*  background: inherit;*/
/*  background-origin: border-box;*/
/*  background-clip: border-box;*/
/*  -webkit-mask:*/
/*          linear-gradient(#fff 0 0) padding-box,*/
/*          linear-gradient(#fff 0 0);*/
/*  -webkit-mask-composite: xor;*/
/*  mask-composite: exclude;*/
/*  -webkit-mask-repeat: no-repeat;*/
/*}*/

/*.finish-button:hover {*/
/*  -webkit-text-fill-color: #fff;*/
/*  -webkit-background-clip: border-box;*/
/*  background-clip: border-box;*/
/*}*/

/*.finish-button:hover::before {*/
/*  -webkit-mask:none;*/
/*}*/

.save_later_btn {
  font: var(--font-h4);
  text-transform: capitalize;
  background: linear-gradient(120deg, rgba(49, 202, 133, 1) 0%, rgba(21, 49, 176, 1) 100%);
  border-radius: 30px;
  padding: 10px 30px;
  color: white;
  text-align: center;
}

.save_later_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 30px;
  padding: 2px;
  background: linear-gradient(120deg, rgba(49, 202, 133, 1) 0%, rgba(21, 49, 176, 1) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  background-clip: border-box;
}

.save_later_btn:hover {
  border: 2px solid transparent;
  background-clip: padding-box;
  color: transparent;
  background: linear-gradient(120deg, rgba(49, 202, 133, 1) 0%, rgba(21, 49, 176, 1) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-align: center;
  transition: all 0.3s ease;
}

.btn-single {
  position: relative;
}

.btn-single-right {
  position: absolute;
  right: 1.85%;
  bottom: 10px;
}

/* .chat_element {
  position: relative;
  transform-style: preserve-3d;
  border-radius: 10px;
  left: 18%;
  top: 0;
} */

/* .quest_pict .picture {
  object-fit: contain;
  height: auto;
  max-height: 600px;
  width: 100%;
  border-radius: 15px;
} */

.special_input_number{
  min-width: 20px;
}

.chat_container_v3 {
  overflow: visible;
}

.quest_pict .picture {
  object-fit: contain;
  height: auto;
  max-height: 600px;
  width: 100%;
  border-radius: 15px;
}

.voice_assistant_bottomtext2 {
  font: var(--font-p2);
  line-height: 140%;
}

.conversation_title {
  font: var(--font-h2);
}

.see_history {
  font: var(--font-h5);
}
@media (max-width: 1400px) {
  .daily_plan_form .btn.central-button{
    padding-left: 20px!important;
    padding-right: 20px !important;
  }
}
@media (max-width: 1210px) {
  .z-1.quest_block_bottom.px-4.py-3.d-flex.justify-content-between.grid-buttons.plan div:first-child{
    display: none;
  }
  .z-1.quest_block_bottom.px-4.py-3.d-flex.justify-content-between.grid-buttons.plan {
    display: flex !important;
    justify-content: space-between !important;
    padding-right: 0!important;
    padding-left: 0!important;
  }
  .z-1.quest_block_bottom.px-4.py-3.d-flex.justify-content-between.grid-buttons.plan div:nth-child(2) {
    text-align: left;
    justify-content: flex-start !important;
  }
  .z-1.quest_block_bottom.px-4.py-3.d-flex.justify-content-between.grid-buttons.plan div:last-child{
    text-align: right;
  }
  .audio-bubble .avatar {
    width: 55px;
    height: 55px;
  }
}
@media (max-width: 1000px) {
  .tabs_container.tab-test a, .tabs_container.tabs_weekly a{
    font-size: 14px !important;
  }
}

@media (max-width: 992px){
  .quest_block_bottom .save-btn{
    display: none;
  }
}
@media (max-width: 991px) {
  .pause_conversation {
    display: none;
  }
}

@media (max-width: 768px) {
  .user_graph.text-center canvas{
    margin-top: 0 !important;
  }
 .audio-bubble .avatar {
    width: 40px;
    height: 40px;
  }
  .main-title {
    font: var(--font-h2);
  }
  .voice_assistant_bottomtext2 {
    font-size: var(--font-p3);
  }
  .conversation_title {
    font: var(--font-h3);
  }
  .see_history {
    font: var(--font-h7);
  }
  .pause_conversation {
    display: none;
  }
  .answer_dropdown {
    color: #000000;
  }
  /* .get-feedback-button {
    width: 100%;
    margin-bottom: 10px;
  } */
  .button-container {
    display: flex;
    flex-direction: column;
  }
  .central-button {

    order: 1;
    width: 100%;
    margin-top: 0;
    margin-bottom: 35px;
  }
  .central-button.simple-black-btn{
    width: 200px !important;

    margin: auto !important;
  }
  .btn-back, .finish-button {
    order: 2;
  }
.image_container.image_costom_container{
  height: 400px !important;
}
  .finish-button {
    position: absolute;
    top: 50%;
    right: 0;
    height: 41px;

  }
  .btn-next-custom{
    margin: 0 auto 10px;
    top: 49%;
    right: 10px;
}
.z-1.quest_block_bottom.px-4.py-3.d-flex.justify-content-between.grid-buttons.plan div{
display: flex !important;
/*width: auto !important;*/
  }

}

@media (max-width: 480px) {
  .z-1.quest_block_bottom.px-4.py-3.d-flex.justify-content-between.grid-buttons.plan{
    padding-left: 0!important;
    padding-right: 0!important;
    margin-top: 16px !important;
    margin-bottom: 20px !important;
  }
  .user_name.d-lg-block{
    margin-left: 5px !important;
  }
  .conversation_title {
    font: var(--font-h4);
  }
  .textare-box{
    padding: 10px 0;
  }
  .btn-next-custom{
    top: 60%;
  }
  .textare-box span:last-child{
    top:2px;
  }
  .quest_pict {
    padding-bottom: 10px;
  }
  .pause_conversation {
    display: none;
  }
  .quest_block#welcome_quest{
    height: calc(100vh - 182px);
  }
  .quest_block#welcome_quest .btn-right{
    top:0;
  }
  .quest_block#welcome_quest  .quest_block_bottom{
    margin-bottom: 5px !important;
  }
  .quest_block#welcome_quest form  .mb-3{
    margin-bottom: 0;
  }
  .quest_block#welcome_quest .quest_block_body .p-0.p-lg-0{
    padding-top: 0 !important;
  }
  body{
    height: 100dvh;
    display: flex;
    flex-direction: column;
  }
  .quiz_container   #quest_1.quest_block, #category_5.quest_block, #category_2.quest_block, #category_3.quest_block, #category_4.quest_block, #category_7.quest_block, #category_8.quest_block, #category_9.quest_block, #category_10.quest_block, #category_12.quest_block, #category_13.quest_block{
    height: calc(100dvh - 208px);
  }
  .quiz_container .quest_block form{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }
  .quest_block_body{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
  }
  .quest_block_body table{
    margin-top: 240px;
    margin-bottom: 16px;
  }
  .quest_block_bottom  button{
    font-size: 18px;
  }
  .btn-addline{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  }

@media (max-width: 320px) {
  .quest_pict {
    padding-bottom: 5px;
  }
  .pause_conversation {
    display: none;
  }
}

.chat_element {
  /* position: relative;
  transform-style: preserve-3d;
  border-radius: 10px;
  left: 15%; */
  /* position: sticky;  */
  /* Makes the element sticky */
  top: 0;
  left: 20%;
  /* The distance from the viewport when it becomes sticky */
  margin-left: 16px;
  /* Adjust margin for spacing */
  z-index: 100;
}

.chat_element {
  /* background: linear-gradient(#31CA85, #1531B0);
  filter: blur(15px);
  border-radius: 15px; */
}

/* .background_blur {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('/src/images/blur.png');
  filter: blur(15px);
  border-radius: 15px;
  z-index: 1;
} */

.pause_conversation {
  font: var(--font-h5);
}
#question_div_147, #question_div_148, #question_div_143{
  display: none;
}
.ds-modal-talk {
  all: unset;

  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: none;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 20px 48px 0 48px;
  background-color: rgba(0, 0, 0, .5);
  overflow-y: scroll;
}

.ds-modal-talk--active {
  display: block;
}
@media (max-width: 550px) {
  .ds-modal-talk{
    padding: 20px 24px 0 24px;
  }
}
.ds-modal-talk__content {
  box-sizing: border-box;
  padding: 24px;
  background-color: white;
  border-radius: 24px;
}

.ds-modal-talk__header {
  display: flex;
  align-items: center;
  justify-content: space-between
}
#switch_to_voice_mode:hover{
  cursor: pointer;
}
.ds-modal-talk__pause-button {
  /*cursor: pointer;*/
  background: linear-gradient(to right, #31CA85, #1531B0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  visibility:hidden
}

.ds-modal-talk__title {
  margin: 0;
  white-space: nowrap;
  font: var(--font-h3);
  color: #000000;
}

@media (min-width: 480px) {
  .ds-modal-talk__title {
    font: var(--font-h2);
  }
}

.ds-modal-talk__title-sup {
  font-size: 0.65em;
}

/*.ds-modal-talk__picture {*/
/*  position: relative;*/
/*  margin: 16px 0;*/
/*  border-radius: 24px;*/
/*  overflow: hidden;*/
/*  height: 80vh;*/
/*}*/
/*.ds-modal-talk__picture{*/
/*  position: relative;*/
/*  margin: 16px 0;*/
/*  border-radius: 24px;*/
/*  overflow: hidden;*/
/*  height: 85vh;*/
/*  max-width: 95%;*/
/*  margin: auto;*/
/*  padding-top: 50px;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: space-between;*/

/*}*/
.voice-form-block{
  text-align: center;
}
.ds-modal-talk__picture{
  height: 85vh;
}

.ds-modal-talk__picture img {
  display: block;
  width: 100%;
  height: auto;
  display: none;
}
.audio-bubble {
  display: flex;
  align-items: center;
  margin: 12px 0;
}
.audio-bubble {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 16px;
  margin: 10px;
  max-width: 80%;
  /*box-shadow: 0 2px 6px rgba(0,0,0,0.05);*/
}

.audio-bubble.assistant {

  /*background-color: #fafafa;*/
  /*box-shadow: inset 0 2px 6px rgba(0, 0, 0, .07);*/
  border-radius: 15px;
  padding: 16px !important;
}
.assistant-load {
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, .07);

}
#conversation_history, #switch_to_text_mode{
  cursor: pointer;
}
.audio-bubble.user {

  max-width: 800px;
  margin-left: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  /*box-shadow: inset 0 2px 6px rgba(0, 0, 0, .07);*/
  border-radius: 15px;
  /*background: #98e4c2;*/
}

.audio-bubble audio {
  outline: none;
  margin: 0 12px;
  flex-grow: 1;
  max-width: 200px;
}
.audio-bubble.user .audio-player{
  background: #98e4c2;
}
.avatar,
.user-avatar {
  width: 36px;
  height: 36px;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}

.user-avatar {
}
.audio-bubble.assistant {
  justify-content: flex-start;
  gap: 20px;
}

.audio-bubble.user {
  justify-content: flex-end;
}

@media (max-width: 820px) {
  .audio-player{
    min-width: 300px;
  }

}



.audio-bubble audio {
  max-width: 200px;
  border-radius: 20px;
  background: #F3F6FA;
}
.ds-modal-talk__button {
  /*
    @TODO: Remove later
    Override styles.css
  */
  position: absolute !important;
  overflow: unset !important;
  top: unset;
  left: 50%;
  bottom: 32px;
  margin: 0;
  transform: translateX(-50%) translate(0);
  transform-style: preserve-3d;
}
.ds-modal-talk__button.feedback_button3{
  display: none;

}
@media (min-width: 600px) {
  .ds-modal-talk__button {
    left: 60%;
    top: 50%;
    transform: translateY(-50%);
  }
  .ds-modal-talk__button.feedback_button3{
    left: 70%;
    top: 50%;
    width: 210px;
    height: 210px;
    display: none;

  }
  .ds-modal-talk__button.feedback_button3  .chat_manage.active{
    width: 175px;
    height: 175px;
  }
  .ds-modal-talk__button.feedback_button3  .chat_manage.active span{
   font-size: 16px;

  }
}

/*
  @TODO: Remove later
  Override styles.css
*/
.ds-modal-talk__button .chat_manage span {
  color: #000000;
}

.ds-modal-talk__button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: all ease-in-out .2s;
}

.ds-modal-talk__button--gradient::before {
  background: linear-gradient(to right, #31CA85, #1531B0);
  filter: blur(30px);
  transform: translate3d(0, 0, -1px);
}

.ds-modal-talk__button--glass::before {
  backdrop-filter: blur(30px);
}

.ds-modal-talk__helper-text {
  text-align: center;
  font: var(--font-p3);
}

.ds-modal-talk__helper-text br {
  display: none;
}

@media (min-width: 768px) {
  .ds-modal-talk__helper-text br {
    display: unset;
  }
}
@media (min-width: 600px) {
  .mobile-dropdown {
    display: none;
  }
}


@media (max-width: 600px) {
  .tabs_container.tab-test {
    display: none;
  }
.tabs_container.tabs_weekly {
  display: none ;
}
  .ready_life_asesment{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .other-block{
  flex-wrap: wrap;
  }
.dropdown_fixed{
  position: fixed;
  width: 78%;
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 999;
  left: 65px;
  top: 95px;
}
.other-text{
  margin-left: 0;
  margin-top: 10px;
}
.feedbek_block{
  padding: 20px;
}
  .star{
    width: 30px !important;
    height: 30px !important;
  }
.dropdown_dropdown_fixed{
  width: 88%;
  left: 35px;
}
  .mobile-dropdown {
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 600;
  }
/*.weekly_plan{*/
/*  margin-top: 50px;*/
/*}*/
/*form.weekly_reflection{*/
/*  margin-top: 50px;*/

/*}*/
/*.daily_plan_form{*/
/*  margin-top: 50px;*//
/*}*/
/*.daily_reflect_form{*/
/*  margin-top: 50px;*/

/*}*/
  .dropdown-toggle {
    /*padding: 12px;*/
    /*text-align: center;*/
    /*border-radius: 12px;*/
    /*box-shadow: 0 4px 10px rgba(0,0,0,0.05);*/
    /*cursor: pointer;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*gap: 8px;*/
    /*font-size: 24px;*/
    /*font-family: 'Montserrat', Arial, sans-serif;*/
    /*font-weight: 500;*/
    /*color: transparent;*/
    /*background: linear-gradient(120deg, rgba(50, 199, 134, 1) 0%, rgba(25, 64, 173, 1) 100%);*/
    /*-webkit-background-clip: text;*/

  }
  .dropdown-toggle {
    position: relative;
    z-index: 1;
    border-radius: 12px;
    padding: 12px;
    background-color: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 500;
    overflow: hidden;
  }
.tab_week_ref{
  font-size: 20px !important;
}
  /* Градиентная рамка */
  .dropdown-toggle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    padding: 2px;
    background: linear-gradient(120deg, #31CA85, #1531B0);
    -webkit-mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 0;
  }

  /* Градиентный текст */
  .dropdown-toggle span {
    background: linear-gradient(to right, #31CA85, #1531B0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
    display: flex;
    gap: 10px;
  }

  .dropdown-options {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    right: 0;
    background: #fafafa;
    z-index: 99;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
  }

  .dropdown-options a {
    display: block;
    padding: 12px;
    text-align: center;
    color: #111;
    text-decoration: none;
    font-size: 20px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 500;
    display: flex;
    gap: 10px;
    justify-content: center;

  }

  .dropdown-options a.active {
    color: #4ea5af;
    background: #f2f2f2;
    /*transform: scaleY(0.9);*/
    color: transparent;
    background: linear-gradient(120deg, rgba(50, 199, 134, 1) 0%, rgba(25, 64, 173, 1) 100%);
    -webkit-background-clip: text;
    border-radius: 8px;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    border: none;
  }
  .dropdown-options .day_reflect_link{
    font-size: 24px !important;
  }
  .dropdown-options a:not(.active):hover {
    background: rgba(0,0,0,0.03);
  }

  .dropdown-open .dropdown-options {
    display: block;
  }
  .dropdown-open{
    margin-bottom: 370px;
  }
  #mobileDropdownWeekly.dropdown-open{
    margin-bottom: 200px !important;
  }
  .dropdown-icon {
    font-size: 25px;
    pointer-events: none;
    color: #4ea5af;
    background: linear-gradient(120deg, rgba(50, 199, 134, 1) 0%, rgba(25, 64, 173, 1) 100%);
    -webkit-background-clip: text;
  }

  .dropdown-open .dropdown-icon {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
  }
  .chat_container_v3.ds-modal-talk.ds-modal-talk--active{
    padding: 0;
  }
  .ds-modal-talk__content{
    height: 100%;
    border-radius: 0;
  }
  .mia-text_modal{
    height: 92vh;
  }
  .row.mia-text .col-lg-10.chat_content{
    padding-bottom: 10px !important;
  }
  .modal_body .quest_green_block {
    margin-bottom: 20px;
  }

}
@media (max-width: 580px) {
  .dropdown_fixed {
    width: 88%;
    left: 29px;
  }
}
@media (max-width: 550px) {
  .ds-modal-talk__content{
    padding: 16px;
    height: 100svh !important;
    /*overflow: hidden;*/

  }
  .z-1.quest_block_bottom.px-4.py-3.d-flex.justify-content-between.grid-buttons.plan .central-button {
    margin-bottom: 16px !important;

  }
  .mia-text_modal .form-block input{
    font-size: 16px !important;
  }
    .central-button {
    margin-bottom: 20px !important;
    }
  .z-1.quest_block_bottom.px-4.py-3.d-flex.flex-column.btn-single{
    padding-top: 0!important;
  }
  .selected-tab{
    width: 100%;
    border: none;
    padding: 16px 8px;
    border-radius: 12px;
  }
  .selected-tab:focus-visible{
    border: none !important;
    outline: unset !important;
  }
  .mia-text_modal{
    height: calc(100dvh - 50px);
  }
  .mia-text_modal .modal_body{
    /*height: auto;*/
    height: calc(100dvh - 90px); /* адаптивно, чтобы не перекрывало поле ввода */
    overflow-y: auto;
    padding-bottom: env(safe-area-inset-bottom, 20px); /* защита для iOS */
  }
  .form-block {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px;
    background: white;
    /*border-top: 1px solid #ccc;*/
    z-index: 999;
  }
  #c_next_button{
    /*margin-right: 10px;*/
    right: 5px;
  }
  .btn-left{
    /*margin-left: 5px;*/
    left: 5px;
  }
  }
@supports (padding: env(safe-area-inset-bottom)) {
  .modal_body {
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 520px) {
  .dropdown_dropdown_fixed{
    width: 86%;
    left: 35px;
  }
}

@media (max-width: 420px) {
  .dropdown_fixed {
    width: 87%;
    left: 26px;
  }
}

@media (max-width: 600px) {
  .chat_container_v3,
  .ds-modal-talk__content,
  .mia-text_modal,
  .modal_body {
    max-width: 100vw;
    overflow-x: hidden;
  }
  .audio-bubble .avatar{
    margin: 0;
  }

  .ds-modal-talk__content {
    height: auto !important;
    min-height: 100dvh;
  }
  .audio-player{
  padding: 4px 15px 4px 10px;
    min-width: 240px;

  }
  .ds-modal-talk__button{
    transform: none;
  }
  .audio-bubble.assistant{
    padding-left: 0 !important;
  }
  .audio-bubble.assistant.assistant-load{
    padding-left: 16px !important;
  }
}

@media (max-width: 450px) {
#conversation_history, #switch_to_voice_mode{
  font-size: 16px !important;
}

}