@charset "UTF-8";
/*-------------Миксины----------------*/
.traektory_simply .track {
  padding-top: 10px;
  width: 100%;
  overflow: hidden;
  font-weight: 400;
  font-family: var(--anticva);
  color: transparent;
  -webkit-text-stroke: 1px rgba(106, 88, 71, 0.15);
}
@media (max-width: 768px) {
  .traektory_simply .track {
    font-size: calc(80px + 187 * (100vw - 390px) / 1920);
  }
}
@media (min-width: 768px) {
  .traektory_simply .track {
    font-size: calc(80px + 110 * 0.0520833333vw);
  }
}
.traektory_simply .track .track_line {
  position: relative;
  white-space: nowrap;
}
.traektory_simply .track.top .track_line {
  left: -35%;
}
@media screen and (max-width: 768px) {
  .traektory_simply .track.top {
    display: none;
  }
}
.traektory_simply .track.bottom .track_line {
  left: -50%;
}
@media screen and (max-width: 500px) {
  .traektory_simply .track.bottom .track_line {
    left: -110%;
  }
}
.traektory_simply .title {
  position: relative;
  display: flex;
  width: -moz-max-content;
  width: max-content;
}
.traektory_simply .title .decor {
  position: absolute;
  top: 0;
  right: calc(100% + 20px);
  font-weight: 400;
  font-family: var(--anticva);
  color: transparent;
  -webkit-text-stroke: 1px rgba(106, 88, 71, 0.15);
}
@media (max-width: 768px) {
  .traektory_simply .title .decor {
    font-size: calc(80px + 187 * (100vw - 390px) / 1920);
  }
}
@media (min-width: 768px) {
  .traektory_simply .title .decor {
    font-size: calc(80px + 110 * 0.0520833333vw);
  }
}
.traektory_simply .title .decor.mob {
  left: 110%;
}
@media screen and (min-width: 769px) {
  .traektory_simply .title .decor.mob {
    display: none;
  }
}
.traektory_simply .title h3 {
  font-weight: 400;
  font-family: var(--anticva);
  color: transparent;
  -webkit-text-stroke: 1px var(--black);
}
@media (max-width: 768px) {
  .traektory_simply .title h3 {
    font-size: calc(80px + 187 * (100vw - 390px) / 1920);
  }
}
@media (min-width: 768px) {
  .traektory_simply .title h3 {
    font-size: calc(80px + 110 * 0.0520833333vw);
  }
}
.traektory_simply .title .text {
  position: relative;
  height: 100%;
}
.traektory_simply .title .text span {
  position: relative;
  -webkit-text-stroke: 0;
  font-family: var(--anticva);
  text-shadow: 0 0 24px #777CAC;
  color: transparent;
}
@media (max-width: 768px) {
  .traektory_simply .title .text span {
    font-size: calc(80px + 187 * (100vw - 390px) / 1920);
  }
}
@media (min-width: 768px) {
  .traektory_simply .title .text span {
    font-size: calc(80px + 110 * 0.0520833333vw);
  }
}
@media screen and (max-width: 768px) {
  .traektory_simply .title .text span {
    text-shadow: 0 0 13px #777CAC;
  }
}
.traektory_simply h1.text_decor {
  position: absolute;
  top: 5px;
  left: 20%;
  text-transform: uppercase;
  font-family: var(--anticva);
  color: var(--green);
  line-height: 1.2;
}
@media (max-width: 768px) {
  .traektory_simply h1.text_decor {
    font-size: calc(22px + 20.4 * (100vw - 390px) / 1920);
  }
}
@media (min-width: 768px) {
  .traektory_simply h1.text_decor {
    font-size: calc(22px + 12 * 0.0520833333vw);
  }
}
@media (max-width: 768px) {
  .traektory_simply h1.text_decor {
    width: calc(300px + 416.5 * (100vw - 390px) / 1920);
  }
}
@media (min-width: 768px) {
  .traektory_simply h1.text_decor {
    width: calc(300px + 245 * 0.0520833333vw);
  }
}
@media screen and (max-width: 992px) {
  .traektory_simply h1.text_decor {
    left: -100%;
    top: 90%;
    max-width: 380px;
  }
}
.traektory_simply h1.text_decor.mob {
  position: static;
  margin-left: auto;
  text-align: end;
  padding: 0 16px;
  width: 360px;
}
@media screen and (min-width: 701px) {
  .traektory_simply h1.text_decor.mob {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .traektory_simply h1.text_decor {
    left: unset;
    right: 0;
    text-align: end;
  }
  .traektory_simply h1.text_decor.desc {
    display: none;
  }
}
.traektory_simply .middle {
  width: 100%;
  border-top: 1px solid rgba(49, 68, 58, 0.15);
}
@media screen and (max-width: 992px) {
  .traektory_simply .middle {
    margin-top: 80px;
  }
}
.traektory_simply .middle .container {
  position: relative;
}
.traektory_simply .middle .container .simply_decor {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  transition: opacity 0.6s;
  will-change: opacity;
  max-width: 1302px;
}
.traektory_simply .middle .container .simply_decor.no_hover {
  opacity: 1;
}
.traektory_simply .middle .container .simply_decor.hover {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .traektory_simply .middle .container .simply_decor {
    top: 11%;
    left: -11%;
    transform: translate(0);
  }
}
@media screen and (min-width: 993px) {
  .traektory_simply .middle .container:hover .simply_decor.no_hover {
    opacity: 0;
  }
  .traektory_simply .middle .container:hover .simply_decor.hover {
    opacity: 1;
  }
}
.traektory_simply .middle .flex_container {
  padding-top: 40px;
  border-right: 1px solid rgba(49, 68, 58, 0.15);
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 760px) {
  .traektory_simply .middle .flex_container {
    border-right: 0;
    border-left: 1px solid rgba(49, 68, 58, 0.15);
  }
}
.traektory_simply .middle .flex_container .item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr minmax(450px, 1fr);
  gap: 20px 40px;
}
@media screen and (max-width: 760px) {
  .traektory_simply .middle .flex_container .item {
    grid-template-columns: 1fr;
  }
  .traektory_simply .middle .flex_container .item h3 {
    margin-left: 30px;
  }
}
.traektory_simply .middle .flex_container .item h3 {
  font-family: var(--anticva);
  line-height: 1.2;
}
@media (max-width: 768px) {
  .traektory_simply .middle .flex_container .item h3 {
    font-size: calc(22px + 17 * (100vw - 390px) / 1920);
  }
}
@media (min-width: 768px) {
  .traektory_simply .middle .flex_container .item h3 {
    font-size: calc(22px + 10 * 0.0520833333vw);
  }
}
.traektory_simply .middle .flex_container .item .middle_text p {
  max-width: 500px;
}
@media screen and (max-width: 760px) {
  .traektory_simply .middle .flex_container .item .middle_text p.right {
    text-align: end;
    margin-left: auto;
  }
}
.traektory_simply .middle .flex_container .item .triangle {
  left: unset;
  right: 0;
  transform: translateX(50%);
}
.traektory_simply .middle .flex_container .item .triangle svg {
  width: 41px;
}
.traektory_simply .middle .flex_container .item .triangle svg.second {
  top: 15px;
}
.traektory_simply .middle .flex_container .item .triangle svg.third {
  top: 30px;
}
@media screen and (max-width: 760px) {
  .traektory_simply .middle .flex_container .item .triangle {
    top: -10px;
    right: unset;
    left: 0;
    transform: translateX(-50%);
  }
  .traektory_simply .middle .flex_container .item .triangle svg {
    width: 34px;
  }
  .traektory_simply .middle .flex_container .item .triangle svg.second {
    top: 11px;
  }
  .traektory_simply .middle .flex_container .item .triangle svg.third {
    top: 22px;
  }
}
@media screen and (min-width: 993px) {
  .traektory_simply .middle .flex_container .item:hover .triangle svg {
    transition-delay: 0s;
    opacity: 30%;
  }
  .traektory_simply .middle .flex_container .item:hover .triangle svg path {
    transition-delay: 0.2s;
    fill: #ff9d00;
  }
}
.traektory_simply .middle .question_wrapper {
  margin-top: 60px;
  display: grid;
  grid-template-columns: 1fr minmax(450px, 1fr);
  gap: 0px 40px;
}
@media (max-width: 768px) {
  .traektory_simply .middle .question_wrapper {
    margin-bottom: calc(139px + 103.7 * (100vw - 390px) / 1920);
  }
}
@media (min-width: 768px) {
  .traektory_simply .middle .question_wrapper {
    margin-bottom: calc(139px + 61 * 0.0520833333vw);
  }
}
@media screen and (max-width: 760px) {
  .traektory_simply .middle .question_wrapper {
    grid-template-columns: 1fr;
  }
}
.traektory_simply .middle .question_wrapper .question {
  display: flex;
  flex-direction: column;
  grid-column: 2;
}
@media (max-width: 768px) {
  .traektory_simply .middle .question_wrapper .question {
    gap: calc(30px + 51 * (100vw - 390px) / 1920);
  }
}
@media (min-width: 768px) {
  .traektory_simply .middle .question_wrapper .question {
    gap: calc(30px + 30 * 0.0520833333vw);
  }
}
.traektory_simply .middle .question_wrapper .question h4 {
  font-family: var(--anticva);
  font-weight: 400;
  color: var(--green);
}
@media (max-width: 768px) {
  .traektory_simply .middle .question_wrapper .question h4 {
    font-size: calc(22px + 17 * (100vw - 390px) / 1920);
  }
}
@media (min-width: 768px) {
  .traektory_simply .middle .question_wrapper .question h4 {
    font-size: calc(22px + 10 * 0.0520833333vw);
  }
}
.traektory_simply .middle .question_wrapper .question p {
  text-align: center;
}
.traektory_simply .middle .question_wrapper .question .answer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
@media screen and (max-width: 1050px) {
  .traektory_simply .middle .question_wrapper .question .answer {
    flex-direction: column;
  }
}
.traektory_simply .middle .question_wrapper .question .answer .answer_item {
  max-width: 260px;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid var(--green);
  height: -moz-max-content;
  height: max-content;
}
.traektory_simply .middle .question_wrapper .question .answer .answer_item.bottom {
  margin-top: 30px;
  margin-bottom: 0;
}
@media screen and (max-width: 1050px) {
  .traektory_simply .middle .question_wrapper .question .answer .answer_item.bottom {
    margin-top: 0;
    align-self: flex-end;
  }
}
@media screen and (max-width: 760px) {
  .traektory_simply .middle .question_wrapper .question {
    grid-column: 1;
    grid-template-columns: 1fr;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
  }
  .traektory_simply .middle .question_wrapper .question h4 {
    text-align: end;
  }
}
.traektory_simply .middle .bottom {
  width: 100%;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .traektory_simply .middle .bottom {
    max-width: calc(370px + 391 * (100vw - 390px) / 1920);
  }
}
@media (min-width: 768px) {
  .traektory_simply .middle .bottom {
    max-width: calc(370px + 230 * 0.0520833333vw);
  }
}
@media screen and (max-width: 992px) {
  .traektory_simply .middle .bottom {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 600px) {
  .traektory_simply .middle .bottom {
    max-width: unset;
  }
}
.traektory_simply .middle .bottom .bottom_text {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: end;
}
@media (max-width: 768px) {
  .traektory_simply .middle .bottom .bottom_text {
    margin-bottom: calc(80px + 170 * (100vw - 390px) / 1920);
  }
}
@media (min-width: 768px) {
  .traektory_simply .middle .bottom .bottom_text {
    margin-bottom: calc(80px + 100 * 0.0520833333vw);
  }
}
.traektory_simply .middle .bottom .bottom_text .triangle_flex {
  position: absolute;
  left: 100%;
  top: calc(100% + 10px);
}
@media screen and (max-width: 600px) {
  .traektory_simply .middle .bottom .bottom_text .triangle_flex {
    left: unset;
    top: unset;
    bottom: calc(100% + 10px);
    right: 66px;
  }
}
.traektory_simply .middle .bottom .bottom_text .triangle_flex svg path {
  opacity: 15%;
  fill: var(--brown);
}
.traektory_simply .middle .bottom .bottom_text .triangle_flex .first path {
  animation: shim1 16s infinite;
}
.traektory_simply .middle .bottom .bottom_text .triangle_flex .second {
  position: absolute;
  top: 0;
  left: 22px;
}
.traektory_simply .middle .bottom .bottom_text .triangle_flex .second path {
  animation: shim2 16s infinite;
}
.traektory_simply .middle .bottom .bottom_text .triangle_flex .third {
  position: absolute;
  top: 0;
  left: 44px;
}
.traektory_simply .middle .bottom .bottom_text .triangle_flex .third path {
  animation: shim3 16s infinite;
}
.traektory_simply .middle .bottom .bottom_text .triangle_flex .fourth {
  position: absolute;
  top: 0;
  left: 66px;
}
.traektory_simply .middle .bottom .bottom_text .triangle_flex .fourth path {
  animation: shim4 16s infinite;
}
@keyframes shim1 {
  0% {
    opacity: 15%;
    fill: var(--brown);
  }
  5% {
    opacity: 15%;
    fill: var(--brown);
  }
  7% {
    opacity: 30%;
    fill: var(--brown);
  }
  8% {
    opacity: 30%;
    fill: var(--orange);
  }
  17% {
    opacity: 30%;
    fill: var(--orange);
  }
  20% {
    opacity: 15%;
    fill: var(--brown);
  }
  100% {
    opacity: 15%;
    fill: var(--brown);
  }
}
@keyframes shim2 {
  0% {
    opacity: 15%;
    fill: var(--brown);
  }
  20% {
    opacity: 15%;
    fill: var(--brown);
  }
  22% {
    opacity: 30%;
    fill: var(--brown);
  }
  23% {
    opacity: 30%;
    fill: var(--orange);
  }
  32% {
    opacity: 30%;
    fill: var(--orange);
  }
  35% {
    opacity: 15%;
    fill: var(--brown);
  }
  100% {
    opacity: 15%;
    fill: var(--brown);
  }
}
@keyframes shim3 {
  0% {
    opacity: 15%;
    fill: var(--brown);
  }
  35% {
    opacity: 15%;
    fill: var(--brown);
  }
  37% {
    opacity: 30%;
    fill: var(--brown);
  }
  38% {
    opacity: 30%;
    fill: var(--orange);
  }
  47% {
    opacity: 30%;
    fill: var(--orange);
  }
  50% {
    opacity: 15%;
    fill: var(--brown);
  }
  100% {
    opacity: 15%;
    fill: var(--brown);
  }
}
@keyframes shim4 {
  0% {
    opacity: 15%;
    fill: var(--brown);
  }
  50% {
    opacity: 15%;
    fill: var(--brown);
  }
  52% {
    opacity: 30%;
    fill: var(--brown);
  }
  53% {
    opacity: 30%;
    fill: var(--orange);
  }
  62% {
    opacity: 30%;
    fill: var(--orange);
  }
  65% {
    opacity: 15%;
    fill: var(--brown);
  }
  100% {
    opacity: 15%;
    fill: var(--brown);
  }
}
.traektory_simply .middle .bottom .link_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.traektory_simply .middle .bottom .link_container a {
  position: relative;
  display: flex;
  gap: 10px;
  font-weight: 600;
  color: var(--green);
  font-size: 16px;
}
.traektory_simply .middle .bottom .link_container a span {
  position: relative;
}
.traektory_simply .middle .bottom .link_container a span::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--green);
  opacity: 0;
  transition: opacity 0.3s;
}
@media screen and (min-width: 993px) {
  .traektory_simply .middle .bottom .link_container a:hover span::before {
    opacity: 1;
  }
}/*# sourceMappingURL=simply.css.map */