/* === investing + travel-notes page styles (from archive2) === */

.welcome-grid {
  display: flex;
  gap: 20px;
}

.welcome-img-rigth {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 50%;
  align-content: flex-end;
  margin-top: -13px;
}

.welcome-text-leht {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 50%;
}

.welcome-tn .welcome__block {
  margin-top: 51px;
  width: auto;
  height: 100px;
  flex-grow: 0;
}

.welcome-tn .welcome__subtittle {
  margin-top: 113px;
}

.welcome-tn .welcome__img {
  margin-left: 0;
  margin-top: -592px;
}

.welcome-invest .welcome__block {
  margin-top: 51px;
  width: auto;
  height: 160px;
  flex-grow: 0;
}

.welcome-invest .welcome__subtittle {
  margin-top: 59px;
}

.welcome-invest .welcome__img {
  margin-left: 0;
  margin-top: -592px;
}

.welcome-invest .welcome__block .welcome__block-text-remont {
  font-size: 32px !important;
  padding: 32px 0 0 0 !important;
}

.welcome-invest .welcome__block {
  background-image: none;
  position: relative;
  overflow: hidden;
}

.work-medicina {
  padding: 60px 0;
}

.welcome-invest .welcome-block__img {
  top: 60%;
  left: 24%;
  width: 76%;
  height: 165%;
}

.welcome-tn .welcome__block {

  background-image: none;
  position: relative;
  overflow: hidden;

}

.welcome-tn .welcome-block__img {
  top: 88%;
  left: 24%;
  width: 59%;
  height: 165%;
}

.welcome-tn .welcome-cti__img {
  top: -47%;
  left: 45%;
}

.welcome-tn .welcome__block .welcome__block-text-remont {
  font-weight: 600;
  padding: 26px 0px 0px 0px;

}

.vacancy-img-tn {
  width: 100%;
  border-radius: 36px;
  height: 100%;
}

.vacancy-tn .container {
  margin: 0;
  padding: 0;
}

.vacancy-tn .vacancy__grid {
  width: 100%;
  height: 100%;
  gap: 22px;
}

.vacancy-tn .vacancy-content {
  width: 70%;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vacancy-tn .btn-small {
  width: 176px;
}

.vacancy-tn .vacancy__desc {
  margin-bottom: 0 !important;
}

.necessary.necessary-tn-two {
  padding: 60px 0;
}

.responsibility-items-tn {
  display: flex;
  gap: 60px;
}

.responsibility-item-tn {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.responsibility-item-tn-nore {
  display: flex;
  gap: 12px;
}

.work-tn .work-image {

  position: absolute;
  top: 44%;
  left: 85%;
  width: 155%;
  height: 100%;
  background: url(/img/dist/волна-дист.webp) center / cover no-repeat;
  transform: translate(-50%, -50%) rotate(0deg) scale(0.3);
  background-position: center;
  margin-top: -184px;
}

.work-tn .work__step {
  grid-template-columns: repeat(4, 1fr);

}

.work-tn .work-step {
  width: 245px;
}

.work-tn .work__step-long {

  margin-top: 250px;
  margin-left: -272px;
}

.work-tn .dashed-line-vertical {
  top: 220px;
  left: -353px;
  width: 578px;
}

.work-tn .dashed__curve {
  width: 200px;
  height: 208px;
}

.work-tn .dashed__curve-vertical {
  width: 31px;
}

.tell-need-tn {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tell-need-tn p {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;

  color: #464B55;

}

.need-tn .tell-card {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  align-items: flex-start;
  width: auto !important;
  height: auto !important;
  gap: 12px !important;
}

.need-tn .tell-title {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}

.need-tn .tell__step {
  gap: 24px !important;
  height: auto !important;
}

.tell-need-tn p {
  margin-bottom: 0 !important;
}

.necessary-tn .problem__info-text {
  font-size: 16px;
  width: auto !important;
}

.necessary-tn-two .problem__grid {
  width: 100%;
}

.necessary-tn-two .problem__info-text {
  width: 100%;
  height: auto;
}

.necessary-tn-two .problem__info-card {
  height: auto;
}

.necessary-tn-two .container {
  padding: 0 10px 0;
}

.differences-tn {
  padding-top: 120px;
}

.differences-tn-two {
  padding-top: 60px;
}

.vacancy-tn .vacancy__desc {
  font-size: 26px;
}

.differences-tn .hide {
  font-weight: 600 !important;
}

.responsibility.responsibility-tn {
  padding: 0;
}

.reviews-tn {
  padding: 60px 0 0 0;
}

.differences-tn .tell__step {
  height: 100%;
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 0 !important;
}

.differences-tn .tell-card {
  height: auto !important;
  gap: 8px;
}

.differences-tn .container {
  height: auto !important;
}

.differences-tn .tell-statement {
  display: flex;
  gap: 12px;
  align-items: center;
}

.differences-tn .tell-title {
  margin-left: 0;
}

.differences-tn .tell-card .work-step__number {
  position: relative;
}

.differences-tn p.work-steps__des {
  margin-bottom: 0;
}

.tell-tn-text-contant {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 500px) {
.work-medicina .work-medicina-img {
    display: none;
  }

.work-medicina .d-block .work-medicina-img {
    display: inline-block;
    max-width: 100%;
    /* чтобы не вылазила из контейнера */
    height: auto;
  }

.work-medicina .container {
    width: 336px;
  }

.work-medicina {
    padding: 0 0 40px 0;
  }

.welcome-tn .container .d-block .welcome__img {
    background: url(/img/car-mob.png) center/cover no-repeat;
    top: 160%;
    left: 10rem;
    width: 179%;
  }

.welcome-tn .container .d-block .welcome__subtittle .blue-text {
    font-size: 26px;
  }

.welcome-tn .container .d-block .welcome__subtittle {
    margin-top: 381px !important;
  }

.welcome-tn .container .d-block .welcome__block li {
    color: white;
  }

.welcome-tn .container .d-block .welcome__block {
    height: auto !important;
    padding: 16px !important;
  }

.welcome-tn .d-block .welcome__block .welcome__block-text-remont {
    margin-left: 0;
    padding: 0;
    font-size: 16px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

.welcome-invest .d-block .welcome__card .welcome__img {
    background: url(/img/mobil-ruki.png) center center / cover no-repeat;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin-top: 0 !important;
    transform: none !important;
  }

.welcome-invest .d-block .welcome__subtittle {
    margin-top: 0 !important;
  }

.welcome-invest .welcome__block .welcome__block-text-remont {
    font-size: 16px !important;
    padding: 8px 0 0 8px !important;
    margin-left: 0 !important;
  }

.welcome-invest .d-block .welcome__block {
    height: auto !important;
    margin-top: 16px !important;
    position: relative !important;
    z-index: 1;
  }

.work-tn .container .d-block .work__step {
    height: 100%;
  }

.work-tn .container {
    height: auto;
  }

.work-tn .work-image {
    background: url(/img/line.png) center / cover no-repeat;
    top: 27%;
    left: 53%;
    width: 478%;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.2);
  }

.differences-tn .d-block .work-steps__des {
    font-size: 14px !important;
  }

.differences-tn .container {
    gap: 16px;
  }

.differences-tn .tell-statement {
    display: flex !important;
  }

.differences-tn .tell-title {
    margin-left: 0;
    ;
  }

.differences-tn {
    margin-top: 0;
    padding: 40px 0 40px 0;
  }

.differences-tn-two{
     margin-top: 0;
    padding: 40px 0 0 0;
  }

.differences-tn-three{
    margin-top: 0;
    padding: 40px 0 0 0;
  }

.reviews-tn{
    padding: 40px 0 0 0;
  }

.differences-invest .tell-title {
    margin-left: 0 !important;
    width: auto !important;
  }

.differences-invest .tell-statement {
    display: flex !important;
  }

.differences-invest .tell-title {
    font-size: 16px !important;
  }

.differences-invest .work-step__title {
    font-size: 16px !important;
  }

.differences-tn .work-step__title {
    font-size: 16px !important;
  }

.customer-card-calculator {
    left: -7px !important;
    padding: 12px !important;
    top: 0 !important;
    width: 288px !important;
    height: 100% !important;
    border-radius: 12px !important;

  }

.customer-card-calculator .title {
    font-size: 20px !important;
  }

.customer-card-calculator-input {
    flex-direction: column !important;
  }

.differences-invest-accordion .accordion-button {
    font-size: 16px !important;
  }

.differences-invest-accordion .accordion-body {
    font-size: 14px !important;
    margin-left: -3rem;
  }

.tell-need-tn p{
    font-size: 14px !important;
  }

.necessary-tn-two .problem__info-text p{
    font-size: 14px !important;
  }

.need-tn-pd-text p {
    font-size: 14px !important;
  }

.need-tn-pd .tell-need-tn .tell-title {
    font-size: 16px !important;
  }

.need-tn-pd .tell-need-tn p {
    font-size: 14px !important;
  }

.need-tn-pd .tell-card {
    flex-direction: row;
  }

.need-tn-pd .container {
    padding: 0;
  }

.need-tn-pd {
    padding: 0 !important;
  }

.need-tn .tell-card {
    flex-direction: row;
  }

.need-tn .container {
    padding: 0;
  }

.need-tn {
    padding: 0 0 40px 0 !important;
  }

.necessary.necessary-tn-two {
    padding: 0 0 40px 0;
  }

.necessary-tn-two .container {
    padding: 0;
  }

.necessary-tn-two .d-block .work-steps__des {
    font-size: 14px !important;
  }

.necessary-tn-two .problem__info {
    height: auto;
  }

.vacancy-tn .vacancy__grid {
    display: flex;
    flex-direction: column;
  }

.vacancy-tn .vacancy-content {
    width: 100%;
    padding: 0 16px 16px 16px;
    gap: 24px;
  }

.vacancy-tn .vacancy__desc {
    font-size: 20px !important;
  }

.vacancy-tn .container {
    padding: 0;
  }

.responsibility-tn .responsibility-content {
    width: 100%;
  }

.responsibility-items-tn {
    gap: 24px;
    flex-direction: column;
  }

.differences-tn-two .tell-title {
    font-size: 16px;
  }

.differences-tn-two .tell-statement {
    align-items: flex-start;
  }

.differences-tn-two .tell-card{
    gap: 4px;
  }

.differences-tn-two .tell__step{
    gap: 20px;
  }
}

.differences-tn-two .tell-title{
  margin-bottom: 0;
}

.customer-card-calculator {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 16px;

  position: relative;
  width: 620px;
  max-width: 100%;
  height: auto;
  min-height: 433px;
  left: 59px;
  top: auto;

  background: #FFFFFF;
  border-radius: 24px;
  box-sizing: border-box;

}

.customer-card-calculator .title {
  font-size: 32px;
}

.customer-card-calculator-input {

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;

  width: 100%;
}

.customer-card-calculator-form {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  gap: 8px;

  border: 1px solid #DADBDD;
  border-radius: 12px;
  width: 100%;
}

.customer-card-calculator-form-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.customer-card-calculator-form-text h2 {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;

  color: #909399;

}

.customer-card-calculator-form-text p {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;

  color: #464B55;

}

.customer-card-calculator-text-desc p {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;

  color: #B5B7BB;

}

.customer-card-calculator-text .customer-div-info .customer-div-info-text h2 {
  font-size: 16px !important;
}

.customer-card-calculator-text .customer-div-info .customer-div-info-text p {
  font-size: 16px !important;
}

.customer-card-calculator .btn {

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 10px;

  width: 100%;
  height: 48px;

  background: #296EFF;
  border-radius: 12px;

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;

  align-items: center;

  color: #FFFFFF;

}

.customer-card-calculator-text-desc {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}

.customer-card-calculator-form input[type="range"],
.customer-card-calculator-form .custom-range {
  position: relative !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 8px;
  display: block;
  align-self: stretch;
}

.differences-invest .accordion-item {
  color: unset;
  background-color: unset;
  border: none;

  display: flex;
  gap: 12px;
  align-items: flex-start;

}

.differences-invest-accordion .accordion-button {
  padding: 0;
  gap: 12px;


  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;

  color: #296EFF;
  background-color: #FBFBFC !important;
}

.differences-invest-accordion .accordion-button:not(.collapsed) {
  color: #296EFF !important;
  background-color: #FBFBFC !important;
  box-shadow: none !important;
}

.differences-invest-accordion .accordion-button::after {
  margin-left: 0;
  display: none !important;
}

.differences-invest-accordion .accordion-button:not(.collapsed) .arrow-icon {
  transform: rotate(180deg);
}

.differences-invest-accordion .accordion-button:focus {
  box-shadow: none !important;
}

.differences-invest-accordion .accordion-body {
  padding: 4px 0 0;


  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;

  color: #464B55;


}

.differences-invest .accordion {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.need-tn-pd-text p {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;

  color: #464B55;


}

.need-tn-pd .tell-need-tn .tell-title {
  color: #464B55;
  font-size: 20px;
}

.need-tn-pd .tell-need-tn p {
  font-size: 20px;
}

.need-tn-pd .tell__step {
  margin-top: 0;
}

.need-tn-pd {
  padding: 0 0 60px 0;
}