@charset "UTF-8";

:root {
  --color-quote-bg-start: #f7fbe5;
  --color-quote-bg-end: #ecf9fa;
  --color-quote-text: #23363e;
  --color-green: #aeda00;
  --color-green-light: #f1f7e2;
  --color-bg-blue: #20c4f4;
  --color-bg: #f5f7f9;
  --color-bg2: #f9fdfe;
  --color-yellow: #ffe400;
  --color-job: #749397;
}

.about-company-h2 {
  font-weight: 600;
  font-size: 48px;
  line-height: 100%;
  text-align: center;
  color: var(--color-quote-text);
  text-align: center;
}

.about-company-h2 span {
  color: var(--color-green);
}

.btn--yellow {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  background: var(--color-yellow);
  padding: 14px 40px;
  border-radius: 20px;
}

.js-text-container {
  position: relative;
  line-height: 1.5;
}

.js-text-content {
  overflow: hidden;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.js-show-more-btn {
  display: inline-block;
  background: none;
  border: none;
  color: #0066cc;
  cursor: pointer;
  padding: 5px 0;
  margin-top: 5px;
  font: inherit;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
}

.js-show-more-btn:hover {
  color: #004499;
}

.js-show-more-btn[disabled] {
  opacity: 0.7;
  cursor: progress;
}

.js-show-more-btn.is-expanded::after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.quote {
  margin: 30px 0 40px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-quote-bg-start)), to(var(--color-quote-bg-end)));
  background: linear-gradient(180deg, var(--color-quote-bg-start) 0%, var(--color-quote-bg-end) 100%);
  border-radius: 30px;
  padding: 30px;
  color: var(--color-quote-text);
}

.quote__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.quote__name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
}

.quote__img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}

.quote__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.quote__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  margin-bottom: 10px;
}

.quote__job-title {
  font-weight: 300;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: -0.01em;
}

.quote__icon {
  width: 36px;
  height: 36px;
}

.quote__content {
  font-weight: 300;
  font-style: italic;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.01em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  gap: 30px;
}

.quote__content p {
  margin: 0 0 1em 0;
}

.quote__content p:last-child {
  margin-bottom: 0;
}

.quote__text {
  padding-bottom: 22px;
}

.blog-authors {
  margin-top: 60px;
  margin-bottom: 100px;
}

.blog-authors__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 22px;
}

.blog-authors__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 354px;
          flex: 0 1 354px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 474px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  background: #fff;
}

.blog-authors__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: opacity 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: opacity 0.3s ease, box-shadow 0.3s ease;
  transition: opacity 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  z-index: 1;
  width: 100%;
  height: 5px;
  background: -webkit-gradient(linear, left top, right top, from(var(--color-green)), to(#86a10c));
  background: linear-gradient(90deg, var(--color-green), #86a10c);
}

.blog-authors__img {
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 394px;
          flex: 0 0 394px;
  position: relative;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.blog-authors__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-authors__title {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
}

.blog-authors__desc {
  font-weight: 300;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.01em;
}

.about-company section {
  margin-top: 90px;
  margin-bottom: 90px;
}

.about-company section:nth-child(1) {
  margin-top: 0;
}

.about-company .about-title {
  background: url("../assets/img/clound.png") 5% top/282px 135px no-repeat, url("../assets/img/clound1.png") 95% top/282px 135px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f7fbe5), to(#ecf9fa));
  background: url("../assets/img/clound.png") 5% top/282px 135px no-repeat, url("../assets/img/clound1.png") 95% top/282px 135px no-repeat, linear-gradient(180deg, #f7fbe5 0%, #ecf9fa 100%);
  padding-bottom: 75px;
  margin-bottom: 60px;
}

.about-company .about-title__title {
  font-weight: 600;
  font-size: 60px;
  line-height: 58px;
  color: var(--color-green);
  margin: 0 auto;
  text-align: center;
}

.about-company .about-title__crumbs {
  padding-top: 30px;
}

.about-text {
  margin-top: 60px;
}

.about-text__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.about-text__col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  font-weight: 300;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.01em;
}

.about-text__col strong {
  font-weight: 600;
}

.about-advantages {
  background: var(--color-green-light);
  border-radius: 30px;
  padding: 60px;
}

.about-advantages__title {
  margin-bottom: 60px;
}

.about-advantages__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px 22px;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.about-advantages__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 230px;
          flex: 0 1 230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.about-advantages__img {
  width: 150px;
  height: 150px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}

.about-advantages__img img {
  width: 80px;
  height: 80px;
}

.about-advantages__list-title {
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
}

.mission__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 116px;
}

.mission__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 450px;
          flex: 0 1 450px;
  width: 450px;
  height: 450px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
}

.mission__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mission__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 540px;
          flex: 0 1 540px;
  margin: 0 auto;
  font-weight: 300;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.01em;
}

.directions {
  background: var(--color-bg-blue);
  border-radius: 30px;
  color: #fff;
}

.directions__title {
  text-align: left;
  color: #fff;
  margin-bottom: 0;
}

.directions__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 56px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.directions__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.01em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 260px;
          flex: 0 0 260px;
}

.directions__text p {
  margin-bottom: 1em;
}

.directions__text p:last-child {
  margin-bottom: 0;
}

.directions__text-big {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}

.directions__img {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.img-map {
  position: relative;
}

.img-map__map svg {
  width: 100%;
  height: 100%;
}

.team {
  padding-top: 60px;
  padding-bottom: 60px;
}

.team__container {
  position: relative;
}

.team__container .swiper-pagination {
  bottom: -50px;
}

.employee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.employee__img {
  margin-bottom: 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 340px;
          flex: 0 0 340px;
  overflow: hidden;
  border-radius: 20px;
}

.employee__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.employee__experience {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  background: var(--color-bg-blue);
  color: #fff;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0 8px;
}

.employee__neme {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  margin: 0;
}

.employee__job-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  font-weight: 300;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.01em;
}

.employee_doc {
  height: 280px;
  padding: 10px;
  background: var(--color-bg);
  border-radius: 20px;
}

.employee_doc .employee__img {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0;
}

.employee_doc .employee__img::after {
  opacity: 0;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(60, 191, 243, 0.88);
  background-size: 64px 64px;
  width: 98px;
  height: 98px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.employee_doc .employee__img:hover::after {
  opacity: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.employee_doc .employee__img img {
  -o-object-fit: contain;
     object-fit: contain;
}

.cooperation__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px 56px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cooperation__img {
  overflow: hidden;
}

.cooperation__img img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.cooperation__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  font-weight: 300;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.01em;
}

.cooperation__text p {
  margin-bottom: 1em;
}

.cooperation__text p:last-child {
  margin-bottom: 0;
}

.done-to-us {
  background: #fff;
}

.done-to-us__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.done-to-us__item {
  background: var(--color-bg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 135px;
          flex: 0 0 135px;
  padding: 5px;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  max-height: 125px;
}

.done-to-us__item img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.accordion {
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}

.accordion__active,
.accordion:after {
  content: "";
  position: absolute;
  top: 42%;
  right: 0;
  border: 5px solid transparent;
  border-top: 6px solid #6c6c6c;
}

.accordion_active:after {
  content: "";
  border: 5px solid transparent;
  border-bottom: 6px solid #6c6c6c;
  border-top: none;
}

.panel {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}

.faq__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
}

.faq__list {
  list-style: none;
  padding: 0;
  counter-reset: item;
}

.faq__item {
  border: 2px solid var(--color-bg);
  border-radius: 20px;
  padding: 30px 30px 30px 70px;
  position: relative;
  margin-bottom: 10px;
}

.faq__item .accordion {
  margin: 0;
  margin-bottom: -30px;
}

.faq__item .accordion::before,
.faq__item .accordion::after {
  content: "";
  position: absolute;
  display: block;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translate(-3px, -50%) rotate(45deg);
      -ms-transform: translate(-3px, -50%) rotate(45deg);
          transform: translate(-3px, -50%) rotate(45deg);
  top: 50%;
  right: 0;
  width: 10px;
  height: 1px;
  background-color: #000;
  border: 0;
}

.faq__item .accordion::after {
  -webkit-transform: translate(3px, -50%) rotate(-45deg);
      -ms-transform: translate(3px, -50%) rotate(-45deg);
          transform: translate(3px, -50%) rotate(-45deg);
}

.faq__item .accordion_active {
  margin-bottom: 0;
}

.faq__item .accordion_active::before {
  -webkit-transform: translate(-3px, -50%) rotate(-45deg);
      -ms-transform: translate(-3px, -50%) rotate(-45deg);
          transform: translate(-3px, -50%) rotate(-45deg);
}

.faq__item .accordion_active::after {
  -webkit-transform: translate(3px, -50%) rotate(45deg);
      -ms-transform: translate(3px, -50%) rotate(45deg);
          transform: translate(3px, -50%) rotate(45deg);
}

.faq__item:has(.accordion_active) {
  background: -webkit-gradient(linear, left top, left bottom, from(#f7fbe5), to(#ecf9fa));
  background: linear-gradient(180deg, #f7fbe5 0%, #ecf9fa 100%);
}

.faq__item::before {
  position: absolute;
  top: 20px;
  left: 20px;
  content: counter(item);
  counter-increment: item;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--color-green);
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  color: #fff;
}

.faq__panel {
  padding-top: 30px;
  margin-left: -40px;
  font-weight: 300;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.01em;
}

.faq__panel a {
  text-decoration: underline;
}

.faq__footer {
  margin-top: 10px;
  background: var(--color-bg2);
  padding: 30px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
  border-radius: 20px;
}

.faq__btn-desc {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.01em;
}

.reviews-new {
  position: relative;
}

.reviews-new__container {
  overflow: hidden;
}

.reviews-new__prev,
.reviews-new__next {
  width: 56px;
  height: 56px;
  cursor: pointer;
}

.reviews-new__prev img,
.reviews-new__next img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.reviews-new__prev {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.review-new {
  border: 2px solid var(--color-bg);
  border-radius: 30px;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.review-new__header {
  display: grid;
  grid-template-columns: 150px 1fr;
  grid-template-rows: repeat(3, auto);
  gap: 20px 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

.review-new__photo-wrapper {
  position: relative;
}

.review-new__photo-wrapper::after {
  content: "";
  width: 36px;
  height: 36px;
  position: absolute;
  top: -2px;
  right: -5px;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg width='26' height='22' viewBox='0 0 26 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.7 21.2746H25.75L17.55 11.0246L25.75 0.724609H19.7L11.5 11.0246L19.7 21.2746ZM14.5 21.2746L6.3 11.0246L14.5 0.724609H8.45L0.25 11.0246L8.45 21.2746H14.5Z' fill='white'/%3E%3C/svg%3E%0A") center center no-repeat var(--color-green);
}

.review-new__photo {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.review-new__name {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
}

.review-new__job-title {
  font-weight: 300;
  font-size: 18px;
  line-height: 130%;
  color: var(--color-job);
}

.review-new__text {
  font-weight: 300;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.01em;
}

.review-new__show-text-btn {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.01em;
  text-decoration: underline;
  color: var(--color-job);
  margin-top: 30px;
}

.evaluation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.evaluation__title {
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  position: relative;
  top: 1px;
}

.evaluation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.evaluation__star {
  width: 29px;
  height: 29px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 29px;
          flex: 0 0 29px;
  background: url("data:image/svg+xml,%3Csvg width='29' height='27' viewBox='0 0 29 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 0.5L17.7555 10.5193L28.2903 10.5193L19.7674 16.7115L23.0229 26.7307L14.5 20.5385L5.97711 26.7307L9.23257 16.7115L0.709681 10.5193L11.2445 10.5193L14.5 0.5Z' stroke='%23FFE400'/%3E%3C/svg%3E%0A") center center no-repeat;
}

.evaluation__star_active {
  background: url("data:image/svg+xml,%3Csvg width='29' height='27' viewBox='0 0 29 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 0.5L17.7555 10.5193L28.2903 10.5193L19.7674 16.7115L23.0229 26.7307L14.5 20.5385L5.97711 26.7307L9.23257 16.7115L0.709681 10.5193L11.2445 10.5193L14.5 0.5Z' fill='%23FFE400'/%3E%3C/svg%3E%0A") center center no-repeat;
}

.about-company {
  background: url("data:image/svg+xml,%3Csvg width='1920' height='1553' viewBox='0 0 1920 1553' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-471.363' y='1182.73' width='2798.58' height='408' transform='rotate(-25 -471.363 1182.73)' fill='%23F9FDFE'/%3E%3C/svg%3E%0A") center calc(26% - 32px)/100% auto no-repeat, url("data:image/svg+xml,%3Csvg width='1920' height='1553' viewBox='0 0 1920 1553' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-471.363' y='1182.73' width='2798.58' height='408' transform='rotate(-25 -471.363 1182.73)' fill='%23F9FDFE'/%3E%3C/svg%3E%0A") center calc(82% + 0px)/100% auto no-repeat;
}

.about-company__team {
  background: var(--color-bg);
}

.about-author__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
  position: relative;
}

.about-author__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 354px;
          flex: 0 1 354px;
  overflow: hidden;
  position: sticky;
  top: 20px;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  margin: 0 auto;
}

.about-author__img img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 30px;
  display: block;
}

.about-author__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 730px;
          flex: 0 1 730px;
}

.about-author__text {
  margin-top: 60px;
}

.about-author h2 {
  font-weight: 600;
  font-size: 48px;
  line-height: 100%;
  margin-bottom: 30px;
  margin-top: 30px;
}

.about-author__articles {
  margin-top: 90px;
}

.author-desc {
  background: -webkit-gradient(linear, left top, left bottom, from(#f7fbe5), to(#ecf9fa));
  background: linear-gradient(180deg, #f7fbe5 0%, #ecf9fa 100%);
  padding: 34px;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.author-desc__title {
  margin: 0;
  font-weight: 600;
  font-size: 48px;
  line-height: 100%;
}

.author-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.author-data__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 250px;
          flex: 0 1 250px;
}

.author-data__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  margin-bottom: 10px;
}

.author-data__value {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  color: var(--color-green);
}

.author-data__value_star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.author-data__value_star::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L12.2451 6.90983H19.5106L13.6327 11.1803L15.8779 18.0902L10 13.8197L4.12215 18.0902L6.36729 11.1803L0.489435 6.90983H7.75486L10 0Z' fill='%23FFE400'/%3E%3C/svg%3E%0A") center center no-repeat;
}

.author-data__text {
  font-weight: 300;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.01em;
}

.author-data__text p:last-child {
  margin-bottom: 0;
}

.text-content {
  font-weight: 300;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.01em;
}

.text-content h3,
.text-content .h3 {
  font-weight: 400;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0;
  margin: 30px 0;
}

.text-content ul li {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.text-content ul li:last-child {
  margin-bottom: 0;
}

.text-content ul li::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--color-green);
}

.author-articles {
  margin-bottom: 50px;
}

.author-articles h2.author-articles__title {
  margin-bottom: 50px;
}

.author-articles__title-card {
  font-weight: 600;
  font-size: 18px;
  line-height: 20.4px;
  letter-spacing: 0%;
  margin-bottom: 20px;
}

.author-articles__card {
  height: 300px;
  overflow: hidden;
  display: block;
  position: relative;
  border-radius: 20px;
}

.author-articles__card::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}

.author-articles__card:hover {
  -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
          transform: translateY(-15px);
}

.author-articles__img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.author-articles__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.author-articles__text-block {
  position: absolute;
  top: 20px;
  bottom: 20px;
  right: 20px;
  left: 20px;
  color: #fff;
  z-index: 1;
}

.author-articles__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0%;
}

.author-articles .swiper-pagination {
  position: relative;
  bottom: -25px;
}

.author-articles__btn {
  margin: 50px auto 0 auto;
  display: block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.special-slider .holder-block {
  background-size: 209px 374px;
  background-color: #3dc3ee;
  background-position: right 0;
}

.special-slider .holder-block_white {
  background-color: #f6f7ee;
}

.special-slider .holder-block span {
  font-size: 33px;
}

/* ===== Consent styles (универсально) ===== */

/* Кнопка отправки: блокируем визуально и по событиям (нативный disabled) */

.js-consent-submit:disabled {
  opacity: var(--consent-disabled-opacity, 0.6);
  pointer-events: none;
  cursor: not-allowed;
  -webkit-filter: saturate(var(--consent-disabled-saturate, 0.7));
          filter: saturate(var(--consent-disabled-saturate, 0.7));
}

/* Обёртка чекбокса и текста согласия */

.js-consent-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--consent-gap, 10px);
  margin: 14px 0 12px;
  line-height: 1.4;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  color: inherit;
  /* Если в проекте кастомный чекбокс через label::before/::after — отключаем только здесь */
  /* Сам чекбокс — форсируем нативный вид, чтобы его было видно при любых ресетах */
  /* Состояние ошибки при попытке отправки без галочки */
}

.js-consent-wrap::before,
.js-consent-wrap::after {
  content: none;
}

.js-consent-wrap input[type=checkbox] {
  appearance: auto;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  display: inline-block;
  width: var(--consent-checkbox-size, 18px);
  height: var(--consent-checkbox-size, 18px);
  margin-top: 2px;
  position: static;
  inset: auto;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  clip: auto;
  clip-path: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  z-index: 1;
  /* Поддерживаемая настройка цвета галочки */
  accent-color: currentColor;
}

.js-consent-wrap.is-invalid {
  outline: var(--consent-outline, 2px solid var(--consent-danger, var(--danger, red)));
  outline-offset: var(--consent-outline-offset, 3px);
  border-radius: var(--consent-border-radius, 6px);
  color: var(--consent-danger, var(--danger, red));
  -webkit-animation: consentShake var(--consent-shake-duration, 180ms) ease-in-out 1;
          animation: consentShake var(--consent-shake-duration, 180ms) ease-in-out 1;
}

.js-consent-wrap.is-invalid a {
  color: var(--consent-danger, var(--danger, red));
}

/* Кнопка в «мягкой» блокировке (без native disabled) */

/* Небольшая встряска для заметности (уважаем системные настройки) */

.promo-lite__title-block {
  margin: 60px 0;
}

.promo-lite__title {
  font-size: 60px;
}

.promo-lite__desc {
  font-size: 18px;
  line-height: 24px;
}

.js-text-html-content {
  overflow: hidden;
  -webkit-transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s;
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s;
  max-height: 800px;
  /* на раскрытие заменится скриптом, для первого рендера должно хватить */
}

.js-text-html-content.collapsed {
  max-height: var(--collapsed-height, 0px);
  padding-bottom: 0 !important;
}

.holder-input__agreement {
  text-align: left;
  display: block;
  margin: 0 auto;
  max-width: 300px;
  font-weight: 500;
  color: #9da5aa;
  font-size: 11px;
  line-height: 1.2;
}

.holder-input__agreement a {
  text-decoration: underline;
}

.copyright {
  margin-bottom: 0;
}

.legal-links {
  margin-bottom: 33px;
}

.legal-links__item a {
  font-weight: 500;
  color: #9da5aa;
  font-size: 13px;
  line-height: 18px;
  text-decoration: underline;
}

.how-working,
.bg-strip,
.about-author__articles,
.about-company__team,
.about-company__doc {
  overflow: hidden;
}

@media (min-width: 576px) {
  .blog-authors__item:hover {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
  }

  .blog-authors__item:hover::before {
    opacity: 1;
  }

  .blog-authors__item:hover .blog-authors__img::before {
    opacity: 1;
  }

  .blog-authors__item:hover .blog-authors__img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
}

@media (min-width: 746px) {
  .quote__img {
    margin-bottom: 20px;
  }

  .about-text__wrapper {
    gap: 22px;
  }

  .review-new__photo-wrapper {
    grid-row: span 3/span 3;
  }

  .review-new__name {
    grid-column-start: 2;
  }

  .review-new__job-title {
    grid-column-start: 2;
    grid-row-start: 3;
  }

  #wrapper {
    overflow: unset;
  }
}

@media (min-width: 992px) {
  .directions {
    padding: 60px;
  }

  .directions__wrapper {
    padding-top: 100px;
  }

  .cooperation__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 320px;
            flex: 0 1 320px;
  }
}

@media (min-width: 1199px) {
  .about-advantages__item_big {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 313px;
            flex: 0 1 313px;
  }
}

@media (min-width: 1200px) {
  .directions__img {
    top: -64px;
    left: 0;
  }

  .done-to-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid var(--color-bg);
    padding: 30px;
    border-radius: 30px;
  }

  .done-to-us__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 281px;
            flex: 0 0 281px;
    text-align: left;
    margin-bottom: 0;
  }
}

@media (min-width: 1300px) {
  .reviews-new__prev,
  .reviews-new__next {
    overflow: hidden;
    position: absolute;
    bottom: 38%;
  }

  .reviews-new__prev {
    left: -67px;
  }

  .reviews-new__next {
    right: -67px;
  }
}

@media (max-width: 1299px) {
  .mission__wrapper {
    gap: 25px 5%;
  }

  .reviews-new__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 25px;
    margin-top: 25px;
  }
}

@media (max-width: 1199px) {
  .mission__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 350px;
            flex: 0 1 350px;
    width: 350px;
    height: 350px;
  }

  .done-to-us__list {
    min-height: 125px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 991px) {
  .mission__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 250px;
            flex: 0 1 250px;
    width: 250px;
    height: 250px;
  }

  .directions {
    padding: 20px;
  }

  .directions__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 25px;
  }
}

@media (max-width: 745px) {
  .quote {
    padding: 15px;
  }

  .quote__grid {
    gap: 15px;
  }

  .quote__name {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }

  .blog-authors__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .about-text__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .cooperation__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .cooperation__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 255px;
            flex: 0 0 255px;
    max-width: 320px;
    margin: 0 auto;
  }

  .about-author__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 575px) {
  .about-company-h2 {
    font-size: 30px;
  }

  .quote__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .quote__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .quote__icon {
    display: none;
  }

  .quote__content {
    gap: 15px;
  }

  .about-company section {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .about-company .about-title {
    background: url("../assets/img/clound.png") 5% top/182px 70px no-repeat, url("../assets/img/clound1.png") 95% bottom/182px 70px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f7fbe5), to(#ecf9fa));
    background: url("../assets/img/clound.png") 5% top/182px 70px no-repeat, url("../assets/img/clound1.png") 95% bottom/182px 70px no-repeat, linear-gradient(180deg, #f7fbe5 0%, #ecf9fa 100%);
    margin-bottom: 30px;
  }

  .about-company .about-title__title {
    font-size: 30px;
    line-height: 1;
  }

  .about-text {
    margin-top: 30px;
  }

  .about-advantages {
    padding: 30px;
    border-radius: 15px;
  }

  .about-advantages__title {
    margin-bottom: 22px;
  }

  .about-advantages__list {
    gap: 22px;
  }

  .faq__title {
    font-size: 18px;
    line-height: 140%;
  }

  .faq__item {
    padding: 15px 25px 15px 40px;
  }

  .faq__item .accordion::before,
  .faq__item .accordion::after {
    top: 15px;
  }

  .faq__item::before {
    font-size: 18px;
    width: 25px;
    height: 25px;
    left: 10px;
    top: 15px;
  }

  .faq__panel {
    margin-left: -15px;
  }

  .review-new {
    padding: 10px;
  }

  .review-new__header {
    grid-template-columns: repeat(1, auto);
    grid-template-rows: repeat(4, auto);
    margin-bottom: 15px;
  }

  .review-new__photo-wrapper {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
  }

  .review-new__photo-wrapper::after {
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 26 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.7 21.2746H25.75L17.55 11.0246L25.75 0.724609H19.7L11.5 11.0246L19.7 21.2746ZM14.5 21.2746L6.3 11.0246L14.5 0.724609H8.45L0.25 11.0246L8.45 21.2746H14.5Z' fill='white'/%3E%3C/svg%3E%0A") center center no-repeat var(--color-green);
    top: 4px;
    right: 4px;
    padding: 2px;
  }

  .review-new__photo {
    width: 100px;
    height: 100px;
  }

  .review-new__evaluation {
    margin: 0 auto;
  }

  .review-new__text {
    font-size: 16px;
  }

  .evaluation__title {
    display: none;
  }

  .author-articles h2.author-articles__title {
    margin-bottom: 25px;
  }
}

@media (min-width: 992px) and (max-width: 991px) {
  .cooperation__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 220px;
            flex: 0 1 220px;
  }
}

@media (prefers-reduced-motion: no-preference) {
@-webkit-keyframes consentShake {
    0%, 100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }

    20% {
      -webkit-transform: translateX(-3px);
              transform: translateX(-3px);
    }

    40% {
      -webkit-transform: translateX(3px);
              transform: translateX(3px);
    }

    60% {
      -webkit-transform: translateX(-2px);
              transform: translateX(-2px);
    }

    80% {
      -webkit-transform: translateX(2px);
              transform: translateX(2px);
    }
}
@keyframes consentShake {
    0%, 100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }

    20% {
      -webkit-transform: translateX(-3px);
              transform: translateX(-3px);
    }

    40% {
      -webkit-transform: translateX(3px);
              transform: translateX(3px);
    }

    60% {
      -webkit-transform: translateX(-2px);
              transform: translateX(-2px);
    }

    80% {
      -webkit-transform: translateX(2px);
              transform: translateX(2px);
    }
}
}
/*# sourceMappingURL=style-new.css.map */