@import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&display=swap");
.preloader {
  position: fixed;
  inset: 0;
  background: #FAFAF8;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  opacity: 1;
  transition: opacity 0.5s ease-out;
}
.preloader__bar {
  width: 40vw;
  height: 1vw;
  background: #e0e0e0;
  border-radius: 2vw;
  overflow: hidden;
  position: relative;
}
.preloader__bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #4b6cb9;
  animation: loadProgress 2s ease-out forwards;
}
.preloader.loaded {
  opacity: 0;
  pointer-events: none;
}

@keyframes loadProgress {
  0% {
    width: 0%;
  }
  60% {
    width: 80%;
  }
  100% {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .preloader__bar {
    width: 300px;
    height: 5px;
    background: #e0e0e0;
    border-radius: 6px;
  }
}
/* Colors */
*, ::before, ::after {
  box-sizing: border-box;
}

:where(ul, ol):where([class]) {
  padding-left: 0;
}

body, :where(blockquote, figure, fieldset):where([class]) {
  margin: 0;
}

:where(h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl):where([class]) {
  margin-block: 0;
}

:where(dd[class]) {
  margin-left: 0;
}

:where(fieldset[class]) {
  padding: 0;
  border: none;
}

:where(ul[class]) {
  list-style: none;
}

:where(address[class]) {
  font-style: normal;
}

p {
  --paragraphMarginBottom:3vw;
  margin-block: 0;
}
p:where(:not([class]):not(:last-child)) {
  margin-bottom: var(--paragraphMarginBottom);
}

img, video {
  display: block;
  max-width: 100%;
  height: auto;
}

input, textarea, select, button {
  font: inherit;
}

html {
  height: 100%;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  scroll-behavior: smooth;
}

body {
  min-height: 100%;
  line-height: 1.5;
  overflow-x: hidden;
}

a:where([class]) {
  display: inline-flex;
}

button, label {
  cursor: pointer;
}

button {
  -webkit-tap-highlight-color: transparent;
}

:where([fill]:not([fill=none],
[fill^=url])) {
  fill: currentColor;
}

:where([stroke]:not([stroke=none],
[stroke^=url])) {
  stroke: currentColor;
}

svg * {
  transition-property: fill, stroke;
}

:where(table) {
  border-collapse: collapse;
  border-color: currentColor;
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@media screen and (min-width: 768px) {
  p {
    --paragraphMarginBottom: 16px;
  }
}
@media screen and (min-width: 1024px) {
  p {
    --paragraphMarginBottom: 20px;
  }
}
@media screen and (min-width: 1280px) {
  p {
    --paragraphMarginBottom: 24px;
  }
}
body {
  font-family: Onest, sans-serif;
  color: #2B2B2B;
  background-color: #FAFAF8;
}

.container {
  max-width: none;
  padding: 0 4vw;
  margin: 0 auto;
}
.container--sm {
  max-width: none;
  padding: 0 4vw;
}

section {
  padding: 10vw 0;
}

h1 {
  font-size: 10vw;
  font-weight: bold;
}

h2 {
  font-size: 7vw;
  line-height: 1.2;
}

h3 {
  font-size: 6vw;
  line-height: 1.2;
}

h4 {
  font-size: 5vw;
  line-height: 1.4;
}

.text-xl {
  font-size: 5vw;
}

.text-lg {
  font-size: 4.75vw;
}

.text-md {
  font-size: 4.5vw;
  line-height: 1.4;
}

.text-sm {
  font-size: 4vw;
}

.button {
  padding: 2.5vw 5vw;
  border-radius: 2vw;
  border: none;
  font-size: 5vw;
  font-weight: 500;
  white-space: nowrap;
  transition: 0.5s;
}
.button:hover .icon--arrow {
  transform: translateX(1vw);
}
.button--primary {
  background-color: #4B6CB9;
  color: #FAFAF8;
}
.button--primary:hover {
  background-color: #FF4D01;
}
.button--secondary {
  background: none;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: inherit;
  font-weight: 500;
}
.button--secondary:hover {
  color: #4B6CB9;
  text-decoration-color: transparent;
}

.icon {
  display: inline-block;
  margin-left: 4vw;
  font-style: normal;
}
.icon--arrow {
  transition: transform 0.3s ease-in-out;
  position: relative;
}
.icon--arrow::before {
  content: "";
  width: 9vw;
  height: 3vw;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='120' height='35' viewBox='0 0 120 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M95 14.241H3C1.343 14.241 0 15.584 0 17.241C0 18.898 1.343 20.241 3 20.241H95V34.482L120 17.241L95 0V14.241Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}

.quote {
  padding: 5vw 7vw;
  background-color: #dfe2e8;
  border-radius: 0 2vw 2vw 0;
  color: #000;
  font-weight: 500;
  position: relative;
}
.quote::before {
  width: 1vw;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #4B6CB9;
}

section h2 {
  margin-bottom: 5vw;
}

.with-bg {
  position: relative;
}
.with-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.5;
}
.with-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.25) 60%, rgba(0, 0, 0, 0) 100%);
}
.with-bg > .container {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .container {
    max-width: 780px;
    padding: 0 20px;
  }
  .container--sm {
    max-width: none;
    padding: 0 20px;
  }
  section {
    padding: 56px 0;
  }
  h1 {
    font-size: 46px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 21px;
  }
  h4 {
    font-size: 16px;
  }
  .text-xl {
    font-size: 23px;
  }
  .text-lg {
    font-size: 16px;
  }
  .text-md {
    font-size: 16px;
  }
  .text-sm {
    font-size: 16px;
  }
  .button {
    padding: 12px 24px;
    font-size: 18px;
    border-radius: 10px;
  }
  .button:hover .icon--arrow {
    transform: translateX(6px);
  }
  .icon {
    margin-left: 15px;
  }
  .icon--arrow::before {
    width: 30px;
    height: 9px;
  }
  .quote {
    border-radius: 0 10px 10px 0;
    padding: 10px 21px;
  }
  .quote::before {
    width: 5px;
  }
  section h2 {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .container {
    max-width: 980px;
    padding: 0 40px;
  }
  .container--sm {
    max-width: 648px;
    padding: 0 24px;
  }
  section {
    padding: 70px 0;
  }
  h1 {
    font-size: 58px;
  }
  h2 {
    font-size: 38px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 19px;
  }
  .text-xl {
    font-size: 29px;
  }
  .text-lg {
    font-size: 19px;
  }
  .text-md {
    font-size: 16px;
  }
  .text-sm {
    font-size: 14px;
  }
  .button {
    padding: 13px 26px;
    font-size: 19px;
  }
  .button:hover .icon--arrow {
    transform: translateX(8px);
  }
  .icon {
    margin-left: 19px;
  }
  .icon--arrow::before {
    width: 38px;
    height: 11px;
  }
  .quote {
    padding: 13px 26px;
  }
  .quote::before {
    width: 6px;
  }
  section h2 {
    margin-bottom: 44px;
  }
}
@media screen and (min-width: 1280px) {
  .container {
    max-width: 1300px;
    padding: 0 50px;
  }
  .container--sm {
    max-width: 810px;
    padding: 0 30px;
  }
  section {
    padding: 100px 0;
  }
  h1 {
    font-size: 72px;
  }
  h2 {
    font-size: 48px;
  }
  h3 {
    font-size: 32px;
  }
  h4 {
    font-size: 24px;
  }
  .text-xl {
    font-size: 36px;
  }
  .text-lg {
    font-size: 24px;
  }
  .text-md {
    font-size: 20px;
  }
  .text-sm {
    font-size: 18px;
  }
  .button {
    padding: 16px 32px;
    border-radius: 10px;
    font-size: 24px;
  }
  .button:hover .icon--arrow {
    transform: translateX(10px);
  }
  .icon {
    margin-left: 24px;
  }
  .icon--arrow::before {
    width: 48px;
    height: 14px;
  }
  .quote {
    padding: 16px 32px;
    border-radius: 0 8px 8px 0;
  }
  .quote::before {
    width: 8px;
  }
  section h2 {
    margin-bottom: 55px;
  }
}
.hero {
  min-height: 100vh;
  padding: 5vw 0;
  display: flex;
  align-items: center;
  background-color: #2B2B2B;
  color: #FAFAF8;
  position: relative;
}
.hero::before {
  background-image: url(../images/bg-main.jpg);
}
.hero::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.25) 60%, rgba(0, 0, 0, 0) 100%);
}
.hero .container {
  flex: 1;
  position: relative;
  z-index: 1;
}
.hero__title {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1vw;
  margin-bottom: 10vw;
}
.hero__title span {
  padding: 1.5vw 4vw;
  display: flex;
  align-items: center;
  gap: 2vw;
  border-radius: 1.5vw;
  background-color: #d6c7ab;
  font-size: 6vw;
  line-height: 1;
  color: #2B2B2B;
  font-weight: 400;
}
.hero__title span::before {
  content: "";
  width: 6vw;
  height: 7vw;
  background-image: url("data:image/svg+xml,%3Csvg width='39' height='48' viewBox='0 0 39 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5 48C26.8125 48 39 30.1049 39 19.3939C39 8.68296 30.2696 0 19.5 0C8.73045 0 0 8.68296 0 19.3939C0 30.1049 12.1875 48 19.5 48ZM19.5 26.1818C23.0899 26.1818 26 23.2513 26 19.6364C26 16.0214 23.0899 13.0909 19.5 13.0909C15.9101 13.0909 13 16.0214 13 19.6364C13 23.2513 15.9101 26.1818 19.5 26.1818Z' fill='%23C94D4D'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.hero__subtitle {
  text-align: center;
  max-width: none;
  margin-bottom: 10vw;
  line-height: 1.4;
  font-weight: 400;
}
.hero__buttons {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 2vw;
}
.hero .button--secondary {
  color: #FAFAF8;
}
.hero .button--secondary:hover {
  color: #4B6CB9;
}

@media screen and (min-width: 768px) {
  .hero {
    padding: 80px 0;
  }
  .hero__title {
    gap: 24px;
    margin-bottom: 40px;
    flex-direction: row;
  }
  .hero span {
    padding: 10px 23px;
    gap: 12px;
    border-radius: 12px;
    font-size: 30px;
  }
  .hero span::before {
    width: 29px;
    height: 33px;
  }
  .hero__subtitle {
    max-width: 450px;
    margin-bottom: 50px;
    text-align: left;
  }
  .hero__buttons {
    flex-direction: row;
    gap: 10 px;
  }
}
@media screen and (min-width: 1024px) {
  .hero {
    padding: 80px 0;
  }
  .hero__title {
    flex-direction: row;
    gap: 32px;
    margin-bottom: 40px;
  }
  .hero span {
    padding: 13px 26px;
    gap: 24px;
    font-size: 38px;
  }
  .hero span::before {
    width: 32px;
    height: 38px;
  }
  .hero__subtitle {
    max-width: 512px;
    margin-bottom: 58px;
    text-align: left;
  }
  .hero__buttons {
    gap: 13px;
    flex-direction: row;
  }
}
@media screen and (min-width: 1280px) {
  .hero {
    min-height: 80vh;
    padding: 100px 0;
  }
  .hero__title {
    gap: 40px;
    margin-bottom: 50px;
  }
  .hero__title span {
    padding: 16px 32px;
    gap: 30px;
    border-radius: 12px;
    font-size: 48px;
  }
  .hero__title span::before {
    width: 40px;
    height: 48px;
  }
  .hero__subtitle {
    max-width: 640px;
    margin-bottom: 72px;
  }
  .hero__buttons {
    gap: 16px;
  }
}
.about .section-title {
  margin-bottom: 5vw;
}
.about__columns {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 5vw;
  margin-bottom: 10vw;
}
.about__quote {
  max-width: none;
}
.about__faq-tooltips {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}
.about__faq-tooltips a {
  line-height: 1.4;
  color: #9CA3AF;
  transition: 0.3s;
  text-decoration-color: inherit;
  text-decoration-skip-ink: none;
}
.about__faq-tooltips a:hover {
  text-decoration-color: transparent;
}
.about__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(10vw, 1fr);
  gap: 3vw;
}
.about__grid-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #9CA3AF;
  border-radius: 2vw;
  transition: background-size 1.5s;
  pointer-events: none;
}
.about__grid-image:hover {
  background-size: auto 120%;
}
.about__grid-image--4, .about__grid-image--6 {
  display: none;
}
.about__grid-text {
  align-self: center;
  line-height: 1.3;
}

.tooltip-item {
  position: relative;
  width: fit-content;
}
.tooltip-trigger {
  display: flex;
  align-items: center;
  gap: 1.5vw;
  color: #4B6CB9;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease;
}
.tooltip-trigger::before {
  content: "";
  --s: 6vw;
  width: var(--s);
  height: var(--s);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M12 3C7.04 3 3 7.04 3 12C3 16.96 7.04 21 12 21C16.96 21 21 16.96 21 12C21 7.04 16.96 3 12 3ZM12 19.5C7.86 19.5 4.5 16.14 4.5 12C4.5 7.86 7.86 4.5 12 4.5C16.14 4.5 19.5 7.86 19.5 12C19.5 16.14 16.14 19.5 12 19.5ZM14.3 7.7C14.91 8.31 15.25 9.13 15.25 10C15.25 10.87 14.91 11.68 14.3 12.3C13.87 12.73 13.33 13.03 12.75 13.16V13.5C12.75 13.91 12.41 14.25 12 14.25C11.59 14.25 11.25 13.91 11.25 13.5V12.5C11.25 12.09 11.59 11.75 12 11.75C12.47 11.75 12.91 11.57 13.24 11.24C13.57 10.91 13.75 10.47 13.75 10C13.75 9.53 13.57 9.09 13.24 8.76C12.58 8.1 11.43 8.1 10.77 8.76C10.44 9.09 10.26 9.53 10.26 10C10.26 10.41 9.92 10.75 9.51 10.75C9.1 10.75 8.76 10.41 8.76 10C8.76 9.13 9.1 8.32 9.71 7.7C10.94 6.47 13.08 6.47 14.31 7.7H14.3ZM13 16.25C13 16.8 12.55 17.25 12 17.25C11.45 17.25 11 16.8 11 16.25C11 15.7 11.45 15.25 12 15.25C12.55 15.25 13 15.7 13 16.25Z' fill='%234B6CB9'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s ease;
  flex-shrink: 0;
}
.tooltip-content {
  position: absolute;
  top: 120%;
  left: 0;
  width: 88vw;
  padding: 5vw 4vw;
  background: #ffffff;
  border-radius: 3vw;
  box-shadow: 0 1vw 3vw rgba(0, 0, 0, 0.05), 0 4vw 10vw rgba(0, 0, 0, 0.08);
  font-size: 4vw;
  line-height: 1.4;
  color: #2B2B2B;
  opacity: 0;
  transform: translateY(3vw);
  pointer-events: none;
  transition: all 0.25s ease;
  z-index: 10;
}

.tooltip-item.is-open .tooltip-trigger {
  color: #FF4D01;
}
.tooltip-item.is-open .tooltip-trigger::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M12 3C7.04 3 3 7.04 3 12C3 16.96 7.04 21 12 21C16.96 21 21 16.96 21 12C21 7.04 16.96 3 12 3ZM12 19.5C7.86 19.5 4.5 16.14 4.5 12C4.5 7.86 7.86 4.5 12 4.5C16.14 4.5 19.5 7.86 19.5 12C19.5 16.14 16.14 19.5 12 19.5ZM14.3 7.7C14.91 8.31 15.25 9.13 15.25 10C15.25 10.87 14.91 11.68 14.3 12.3C13.87 12.73 13.33 13.03 12.75 13.16V13.5C12.75 13.91 12.41 14.25 12 14.25C11.59 14.25 11.25 13.91 11.25 13.5V12.5C11.25 12.09 11.59 11.75 12 11.75C12.47 11.75 12.91 11.57 13.24 11.24C13.57 10.91 13.75 10.47 13.75 10C13.75 9.53 13.57 9.09 13.24 8.76C12.58 8.1 11.43 8.1 10.77 8.76C10.44 9.09 10.26 9.53 10.26 10C10.26 10.41 9.92 10.75 9.51 10.75C9.1 10.75 8.76 10.41 8.76 10C8.76 9.13 9.1 8.32 9.71 7.7C10.94 6.47 13.08 6.47 14.31 7.7H14.3ZM13 16.25C13 16.8 12.55 17.25 12 17.25C11.45 17.25 11 16.8 11 16.25C11 15.7 11.45 15.25 12 15.25C12.55 15.25 13 15.7 13 16.25Z' fill='%23FF4D01'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.tooltip-item.is-open .tooltip-content{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.about__grid-image--1 {
  background-image: url("../images/about/1.jpeg");
}

.about__grid-image--2 {
  background-image: url("../images/about/2.jpeg");
}

.about__grid-image--3 {
  background-image: url("../images/about/3.jpeg");
}

.about__grid-image--4 {
  background-image: url("../images/about/4.jpeg");
}

.about__grid-image--5 {
  background-image: url("../images/about/5.jpeg");
}

.about__grid-image--6 {
  background-image: url("../images/about/6.jpeg");
}
button.tooltip-trigger {
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  text-align: left;
}

.tooltip-trigger:focus-visible {
  outline: 2px solid #4B6CB9;
  outline-offset: 4px;
}
@media screen and (min-width: 768px) {
  .about .section-title {
    margin-bottom: 20px;
  }
  .about__columns {
    align-items: center;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 40px;
    align-items: flex-start;
  }
  .about__quote {
    max-width: 440px;
  }
  .about__faq-tooltips {
    gap: 6px;
  }
  .about__grid {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(168px, 1fr);
    gap: 20px;
  }
  .about__grid-text {
    line-height: 1.3;
  }
  .about__grid-image {
    border-radius: 10px;
    background-size: auto 100%;
  }
  .about__grid-image--6, .about__grid-image--3 {
    display: none;
  }
  .about__grid-image--4 {
    display: block;
  }
  .tooltip-trigger {
    gap: 6px;
  }
  .tooltip-trigger::before {
    --s: 20px;
  }
  .tooltip-content {
    width: 258px;
    padding: 16px;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05), 0 13px 32px rgba(0, 0, 0, 0.08);
    font-size: 14px;
    transform: translateY(6px);
  }
}
@media screen and (min-width: 1024px) {
  .about .section-title {
    margin-bottom: 19px;
  }
  .about__columns {
    gap: 26px;
    margin-bottom: 40px;
  }
  .about__quote {
    max-width: 640px;
  }
  .about__faq-tooltips {
    gap: 6px;
  }
  .about__grid {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(160px, 1fr);
    gap: 19px;
  }
  .about__grid-image {
    background-size: auto 100%;
    pointer-events: auto;
  }
  .about__grid-image--6, .about__grid-image--3 {
    display: block;
  }
  .tooltip-trigger {
    gap: 6px;
  }
  .tooltip-trigger::before {
    --s: 20px;
  }
  .tooltip-content {
    width: 272px;
    padding: 13px;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05), 0 13px 32px rgba(0, 0, 0, 0.08);
    font-size: 13px;
    transform: translateY(6px);
  }
}
@media screen and (min-width: 1280px) {
  .about .section-title {
    margin-bottom: 24px;
  }
  .about__columns {
    gap: 32px;
    margin-bottom: 50px;
  }
  .about__quote {
    max-width: 800px;
  }
  .about__faq-tooltips {
    gap: 8px;
  }
  .about__grid {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(200px, 1fr);
    gap: 24px;
  }
  .about__grid-image {
    border-radius: 12px;
    background-size: auto 100%;
  }
  .tooltip-trigger {
    gap: 8px;
  }
  .tooltip-trigger::before {
    --s: 25px;
  }
  .tooltip-content {
    width: 340px;
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05), 0 16px 40px rgba(0, 0, 0, 0.08);
    font-size: 16px;
    transform: translateY(8px);
  }
}
.process {
  background-color: #DFE2E8;
  position: relative;
}
.process::before {
  background-image: url(../images/block-bg-1.jpg);
  opacity: 0.8;
}
.process .section-title {
  color: #FAFAF8;
}
.process__list {
  margin-bottom: 5vw;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 5vw;
}
.process__step {
  padding: 7vw 5vw;
  background-color: #FAFAF8;
  border-radius: 3vw;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2.5vw 6.25vw rgba(0, 0, 0, 0.04);
  transition: 0.5s;
  position: relative;
}
.process__step-number {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-family: "Alumni Sans Pinstripe", sans-serif;
  font-size: 40vw;
  line-height: 0.7;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.07);
  transition: 0.5s;
}
.process__step-title {
  margin-bottom: 3vw;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
.process__step-description {
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
.process__step:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.process__step:hover .process__step-number {
  color: rgba(75, 108, 185, 0.2);
}

.outcomes {
  padding: 7vw 5vw;
  background-color: #FAFAF8;
  border-radius: 3vw;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2.5vw 6.25vw rgba(0, 0, 0, 0.04);
  transition: 0.5s;
}
.outcomes__title {
  margin-bottom: 5vw;
}
.outcomes__list {
  margin-bottom: 6vw;
  padding: 0;
  list-style: none;
}
.outcomes__item {
  margin-bottom: 5vw;
  display: flex;
  gap: 2vw;
}
.outcomes__item:last-child {
  margin-bottom: 0;
}
.outcomes__item::before {
  content: "";
  --s: 7vw;
  width: var(--s);
  height: var(--s);
  background-image: url("data:image/svg+xml,%3Csvg fill='%23d6c7ab' viewBox='-1.7 0 20.4 20.4' xmlns='http://www.w3.org/2000/svg' class='cf-icon-svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M16.417 10.283A7.917 7.917 0 1 1 8.5 2.366a7.916 7.916 0 0 1 7.917 7.917zm-4.105-4.498a.791.791 0 0 0-1.082.29l-3.828 6.63-1.733-2.08a.791.791 0 1 0-1.216 1.014l2.459 2.952a.792.792 0 0 0 .608.285.83.83 0 0 0 .068-.003.791.791 0 0 0 .618-.393L12.6 6.866a.791.791 0 0 0-.29-1.081z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.outcomes__bottom {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 6vw;
}
.outcomes__quote {
  max-width: none;
}
.outcomes .action-buttons {
  flex: 1;
}
.outcomes .action-buttons .button {
  width: 100%;
}
.outcomes:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
  .process__list {
    margin-bottom: 16px;
    gap: 16px;
  }
  .process__step {
    padding: 24px 20px;
    border-radius: 10px;
  }
  .process__step-number {
    font-size: 110px;
  }
  .process__step-title {
    margin-bottom: 16px;
  }
  .outcomes {
    padding: 20px 26px;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
  }
  .outcomes__title {
    margin-bottom: 20px;
  }
  .outcomes__list {
    margin-bottom: 24px;
  }
  .outcomes__item {
    margin-bottom: 10px;
    gap: 5px;
    line-height: 1.35;
  }
  .outcomes__item::before {
    --s: 23px;
  }
  .outcomes__bottom {
    align-items: center;
    flex-direction: row;
    gap: 20px;
  }
  .outcomes__quote {
    max-width: 460px;
  }
}
@media screen and (min-width: 1024px) {
  .process__list {
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 19px;
    gap: 19px;
  }
  .process__step {
    padding: 26px 24px;
  }
  .process__step-number {
    font-size: 144px;
  }
  .process__step-title {
    margin-bottom: 19px;
  }
  .outcomes {
    padding: 26px 32px;
  }
  .outcomes__title {
    margin-bottom: 26px;
  }
  .outcomes__list {
    margin-bottom: 32px;
  }
  .outcomes__item {
    margin-bottom: 13px;
    gap: 6px;
  }
  .outcomes__item::before {
    --s: 29px;
  }
  .outcomes__bottom {
    gap: 26px;
  }
  .outcomes__quote {
    max-width: 576px;
  }
}
@media screen and (min-width: 1280px) {
  .process__list {
    margin-bottom: 24px;
    gap: 24px;
  }
  .process__step {
    padding: 32px 30px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
  }
  .process__step-number {
    font-size: 180px;
  }
  .process__step-title {
    margin-bottom: 24px;
  }
  .outcomes {
    padding: 32px 40px;
  }
  .outcomes__title {
    margin-bottom: 32px;
  }
  .outcomes__list {
    margin-bottom: 40px;
  }
  .outcomes__item {
    margin-bottom: 16px;
    gap: 8px;
  }
  .outcomes__item::before {
    --s: 36px;
  }
  .outcomes__bottom {
    gap: 32px;
  }
  .outcomes__quote {
    max-width: 720px;
  }
}
.services__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3vw;
}

.service-card {
  padding: 7vw 5vw;
  border-radius: 3vw;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(200, 200, 200, 0.9);
  background-color: rgba(200, 200, 200, 0.2);
  text-align: center;
  transition: 0.5s;
}
.service-card__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3vw;
  margin-bottom: 4vw;
}
.service-card__icon {
  --s: 18vw;
  width: var(--s);
  height: var(--s);
  flex-shrink: 0;
}
.service-card__icon svg {
  width: 100%;
  height: auto;
}
.service-card__title {
  line-height: 1.3;
}
.service-card__title br {
  display: none;
}
.service-card__description {
  margin-bottom: 4vw;
  flex: 1;
}
.service-card__price {
  margin-bottom: 4vw;
  font-size: 9vw;
  color: #4B6CB9;
  font-weight: 800;
}
.service-card .button {
  width: 100%;
  padding: 3vw;
}
.service-card .button .icon {
  display: none;
}

@media screen and (min-width: 768px) {
  .services__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  .service-card {
    border-radius: 10px;
    padding: 24px 16px;
  }
  .service-card__top {
    gap: 10px;
    margin-bottom: 16px;
  }
  .service-card__icon {
    --s: 50px;
  }
  .service-card__title br {
    display: inline;
  }
  .service-card__description {
    margin-bottom: 16px;
  }
  .service-card__price {
    margin-bottom: 16px;
    font-size: 30px;
  }
  .service-card .button {
    padding: 8px;
  }
  .service-card:hover {
    border-color: #4B6CB9;
    background-color: rgba(75, 108, 185, 0.1);
  }
}
@media screen and (min-width: 1024px) {
  .services__grid {
    gap: 19px;
  }
  .service-card {
    padding: 26px 19px;
  }
  .service-card__top {
    gap: 13px;
    margin-bottom: 19px;
  }
  .service-card__icon {
    --s: 64px;
  }
  .service-card__description {
    margin-bottom: 19px;
  }
  .service-card__price {
    margin-bottom: 19px;
    font-size: 38px;
  }
  .service-card .button {
    padding: 8px;
  }
}
@media screen and (min-width: 1280px) {
  .services__grid {
    gap: 24px;
  }
  .service-card {
    padding: 32px 24px;
  }
  .service-card__top {
    gap: 16px;
    margin-bottom: 24px;
  }
  .service-card__icon {
    --s: 80px;
  }
  .service-card__description {
    margin-bottom: 24px;
  }
  .service-card__price {
    margin-bottom: 24px;
    font-size: 48px;
  }
  .service-card .button {
    padding: 10px;
  }
}
.faq {
  background-color: #dfdfde;
}
.faq__item {
  padding: 3vw;
  border-bottom: 1px solid #9CA3AF;
  cursor: pointer;
  transition: 0.5s;
}
.faq__item:first-child {
  border-radius: 2vw 2vw 0 0;
}
.faq__item:last-child {
  border-radius: 0 0 2vw 2vw;
  border-bottom: none;
}
.faq__item:hover {
  background-color: rgba(156, 163, 175, 0.2);
}
.faq__item:hover .faq__question {
  color: #4B6CB9;
}
.faq__item:hover .faq__question::after {
  background-color: #4B6CB9;
}
.faq__item.open .faq__question::after {
  transform: translateY(-50%) rotate(45deg);
}
.faq__question {
  padding-right: 10vw;
  position: relative;
  transition: 0.5s;
}
.faq__question::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  background-color: #2B2B2B;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12.9731' width='2.16216' height='27.027' fill='%23D9D9D9'/%3E%3Crect y='12.9731' width='27.027' height='2.16216' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: 55%;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  transition: 0.5s;
}
.faq__answer {
  --p: 16px;
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease, padding-top 0.4s ease;
}

@media screen and (min-width: 768px) {
  .faq__item {
    padding: 16px;
  }
  .faq__item:first-child {
    border-radius: 8px 8px 0 0;
  }
  .faq__item:last-child {
    border-radius: 0 0 10px 10px;
  }
  .faq__question {
    padding-right: 40px;
  }
  .faq__question::after {
    width: 30px;
    height: 30px;
  }
  .faq__answer {
    --p: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .faq__item {
    padding: 16px;
  }
  .faq__item:first-child {
    border-radius: 10px 10px 0 0;
  }
  .faq__item:last-child {
    border-radius: 0 0 10px 10px;
  }
  .faq__question::after {
    width: 32px;
    height: 32px;
  }
  .faq__answer {
    --p: 16px;
  }
}
@media screen and (min-width: 1280px) {
  .faq__item {
    padding: 16px;
  }
  .faq__item:first-child {
    border-radius: 12px 12px 0 0;
  }
  .faq__item:last-child {
    border-radius: 0 0 12px 12px;
  }
  .faq__question::after {
    width: 40px;
    height: 40px;
  }
  .faq__answer {
    --p: 20px;
  }
}
.swiper {
  overflow: visible;
}
.swiper-slide {
  height: auto;
}
.swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.swiper-pagination-bullet {
  margin: 0 !important;
  --s: 1.4vw;
  width: var(--s);
  height: var(--s);
  background-color: #4B6CB9;
  transition: 0.3s;
  opacity: 0.4;
}
.swiper-pagination-bullet-active {
  width: calc(var(--s) * 2.5);
  border-radius: 2vw;
  background-color: #FF4D01;
  opacity: 1;
}
.swiper-nav {
  margin-top: 5vw;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.swiper-nav-button {
  --s: 3vw;
  width: var(--s);
  height: var(--s);
  margin-top: 0;
  display: block;
  flex: 1 0 auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%234B6CB9' d='M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: static;
  cursor: pointer;
  transition: 0.3s;
}
.swiper-nav-button-prev {
  transform: scale(-1);
}
.swiper-nav-button::after {
  display: none;
}
.swiper-nav-button:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23FF4D01' d='M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z'/%3E%3C/svg%3E");
}
.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.review-card {
  height: 100%;
  padding: 6vw;
  display: flex;
  flex-direction: column;
  gap: 3vw;
  border: 1px solid rgba(75, 108, 185, 0.4);
  border-radius: 2vw;
  background: #fff;
  box-shadow: 0 2vw 6vw rgba(0, 0, 0, 0.06);
}
.review-card__rating {
  color: #FF4D01;
  letter-spacing: 0.25em;
}

@media screen and (min-width: 768px) {
  .swiper-pagination {
    gap: 6px;
  }
  .swiper-pagination-bullet {
    --s: 8px;
  }
  .swiper-pagination-bullet-active {
    border-radius: 6px;
  }
  .swiper-nav {
    margin-top: 20px;
  }
  .swiper-nav-button {
    --s: 20px;
  }
  .review-card {
    padding: 20px;
    gap: 16px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  }
}
@media screen and (min-width: 1024px) {
  .swiper-pagination {
    gap: 6px;
  }
  .swiper-pagination-bullet {
    --s: 8px;
  }
  .swiper-nav {
    margin-top: 26px;
  }
  .swiper-nav-button {
    --s: 24px;
  }
  .review-card {
    padding: 26px;
    gap: 19px;
  }
}
@media screen and (min-width: 1280px) {
  .swiper-pagination {
    gap: 8px;
  }
  .swiper-pagination-bullet {
    --s: 10px;
  }
  .swiper-nav {
    margin-top: 32px;
  }
  .swiper-nav-button {
    --s: 30px;
  }
  .review-card {
    padding: 32px;
    gap: 24px;
  }
}
.contact-cta {
  background-color: #9CA3AF;
}
.contact-cta::before {
  background-image: url(../images/block-bg-2.jpg);
}
.contact-cta__container {
  padding: 7vw 5vw;
  background-color: #FAFAF8;
  border-radius: 3vw;
}
.contact-cta__title {
  color: #FAFAF8;
  text-align: center;
}
.contact-cta__content {
  text-align: center;
}
.contact-cta__content p {
  margin-bottom: 3vw;
}
.contact-cta__content p:nth-child(2) {
  margin-bottom: 4vw;
}
.contact-cta__buttons {
  display: flex;
  justify-content: center;
  margin-bottom: 4vw;
}
.contact-cta__buttons .button {
  background-color: #FF4D01;
}
.contact-cta__buttons .button:hover {
  background-color: #4B6CB9;
}
.contact-cta__buttons .button span {
  display: none;
}
.contact-cta__messengers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3vw;
}

.messenger-link {
  --s: 8vw;
  width: var(--s);
  height: var(--s);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  transition: 0.5s;
}
.messenger-link:hover {
  opacity: 0.8;
}
.messenger-link--telegram {
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_32835_197)'%3E%3Cpath d='M40 80C62.0914 80 80 62.0914 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80Z' fill='url(%23paint0_linear_32835_197)'/%3E%3Cpath d='M27.0764 42.9241L31.8221 56.0595C31.8221 56.0595 32.4154 57.2885 33.0508 57.2885C33.6861 57.2885 43.1358 47.4578 43.1358 47.4578L53.6441 27.1611L27.2458 39.5335L27.0764 42.9241Z' fill='%23C8DAEA'/%3E%3Cpath d='M33.3686 46.2925L32.4576 55.9745C32.4576 55.9745 32.0763 58.9411 35.0423 55.9745C38.0083 53.0078 40.8473 50.7201 40.8473 50.7201' fill='%23A9C6D8'/%3E%3Cpath d='M27.162 43.3925L17.4 40.2118C17.4 40.2118 16.2333 39.7385 16.609 38.6651C16.6863 38.4438 16.8423 38.2555 17.309 37.9318C19.472 36.4241 57.3443 22.8118 57.3443 22.8118C57.3443 22.8118 58.4136 22.4515 59.0443 22.6911C59.2003 22.7394 59.3407 22.8283 59.4511 22.9487C59.5615 23.069 59.6379 23.2165 59.6726 23.3761C59.7408 23.658 59.7693 23.948 59.7573 24.2378C59.7543 24.4885 59.724 24.7208 59.701 25.0851C59.4703 28.8068 52.5676 56.5828 52.5676 56.5828C52.5676 56.5828 52.1546 58.2081 50.675 58.2638C50.3113 58.2756 49.9491 58.214 49.6097 58.0827C49.2704 57.9514 48.961 57.7532 48.7 57.4998C45.7963 55.0021 35.7603 48.2575 33.5426 46.7741C33.4926 46.7401 33.4505 46.6956 33.4191 46.6439C33.3877 46.5921 33.3677 46.5343 33.3606 46.4741C33.3296 46.3178 33.4996 46.1241 33.4996 46.1241C33.4996 46.1241 50.975 30.5908 51.44 28.9601C51.476 28.8338 51.34 28.7715 51.1573 28.8268C49.9966 29.2538 29.876 41.9601 27.6553 43.3625C27.4954 43.4108 27.3265 43.4211 27.162 43.3925Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_32835_197' x1='40' y1='80' x2='40' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231D93D2'/%3E%3Cstop offset='1' stop-color='%2338B0E3'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_32835_197'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.messenger-link--vk {
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0569 2.5H65.9431C72.3256 2.5 77.5 7.67425 77.5 14.0569V65.9431C77.5 72.3256 72.3256 77.5 65.9431 77.5H14.0569C7.67424 77.5 2.5 72.3256 2.5 65.9431V14.0569C2.5 7.67425 7.67424 2.5 14.0569 2.5Z' fill='%234C75A3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39.3708 55.0025H42.4387C42.4387 55.0025 43.3652 54.9004 43.8389 54.3907C44.2743 53.9222 44.2604 53.0431 44.2604 53.0431C44.2604 53.0431 44.2004 48.9265 46.1107 48.3203C47.9945 47.7228 50.413 52.2988 52.9763 54.0585C54.9147 55.3896 56.3878 55.0983 56.3878 55.0983L63.2424 55.0025C63.2424 55.0025 66.8279 54.7813 65.1277 51.9621C64.9885 51.7318 64.1372 49.8767 60.031 46.0652C55.7326 42.0759 56.3088 42.7213 61.4861 35.8208C64.6391 31.6184 65.8994 29.053 65.5056 27.9543C65.1304 26.9074 62.8111 27.184 62.8111 27.184L55.0935 27.2317C55.0935 27.2317 54.5209 27.1538 54.0969 27.4075C53.6821 27.6557 53.4158 28.2355 53.4158 28.2355C53.4158 28.2355 52.1939 31.4872 50.5654 34.2531C47.1288 40.0885 45.7544 40.3974 45.1927 40.0345C43.8858 39.1899 44.2123 36.6421 44.2123 34.8317C44.2123 29.1763 45.0701 26.8183 42.5419 26.208C41.7031 26.0055 41.0852 25.8716 38.9396 25.8497C36.1857 25.8217 33.8554 25.8582 32.5356 26.5047C31.6576 26.9347 30.9801 27.8927 31.393 27.9478C31.9032 28.0157 33.0581 28.2596 33.6705 29.0928C34.4616 30.1691 34.4339 32.5852 34.4339 32.5852C34.4339 32.5852 34.8885 39.2424 33.3726 40.0692C32.3324 40.6363 30.9053 39.4785 27.8414 34.1842C26.2718 31.4724 25.0864 28.4745 25.0864 28.4745C25.0864 28.4745 24.8581 27.9143 24.4503 27.6145C23.9558 27.2512 23.2649 27.1361 23.2649 27.1361L15.9308 27.184C15.9308 27.184 14.8301 27.2147 14.4256 27.6935C14.0657 28.1197 14.3968 29.0001 14.3968 29.0001C14.3968 29.0001 20.1382 42.4331 26.6398 49.2025C32.6019 55.4099 39.3708 55.0025 39.3708 55.0025Z' fill='white'/%3E%3C/svg%3E%0A");
}
.messenger-link--avito {
  width: calc(var(--s) * 2.4);
  background-image: url("data:image/svg+xml,%3Csvg width='197' height='50' viewBox='0 0 197 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_32835_207)'%3E%3Cmask id='mask0_32835_207' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='197' height='50'%3E%3Cpath d='M197 0H0V50H197V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_32835_207)'%3E%3Cpath d='M75.3031 1.17529L58.3071 45.4857H67.4409L70.968 36.2312H89.013L92.5234 45.4857H101.588L84.6549 1.17529H75.3031ZM74.0629 28.099L80.0094 12.5068L85.9223 28.099H74.0629Z' fill='black'/%3E%3Cpath d='M180.835 13.7969C177.639 13.7969 174.515 14.7424 171.858 16.514C169.201 18.2854 167.131 20.8035 165.909 23.7492C164.685 26.6952 164.366 29.9367 164.988 33.0641C165.612 36.1915 167.151 39.0642 169.411 41.3189C171.67 43.5736 174.548 45.1091 177.682 45.7312C180.817 46.3532 184.066 46.034 187.018 44.8137C189.969 43.5935 192.493 41.5271 194.268 38.8758C196.044 36.2246 196.991 33.1075 196.991 29.919C196.991 25.6431 195.288 21.5424 192.26 18.519C189.229 15.4954 185.119 13.7969 180.835 13.7969ZM180.835 37.7748C179.278 37.7748 177.756 37.3141 176.463 36.4512C175.168 35.5882 174.159 34.3616 173.563 32.9265C172.967 31.4915 172.811 29.9123 173.116 28.3888C173.419 26.8654 174.168 25.466 175.269 24.3677C176.37 23.2692 177.772 22.5212 179.299 22.2182C180.826 21.9152 182.408 22.0707 183.847 22.6652C185.284 23.2595 186.514 24.2662 187.379 25.5577C188.243 26.8492 188.705 28.3677 188.705 29.9211C188.707 30.9528 188.504 31.9749 188.11 32.9285C187.714 33.882 187.135 34.7485 186.404 35.4781C185.673 36.2078 184.804 36.7862 183.848 37.1803C182.894 37.5744 181.869 37.7764 180.835 37.7748Z' fill='black'/%3E%3Cpath d='M112.471 34.0583L105.094 14.356H96.3821L108.256 45.4861H116.899L128.561 14.356H119.849L112.471 34.0583Z' fill='black'/%3E%3Cpath d='M155.962 6.0835H147.672V14.356H142.825V21.7889H147.672V35.0403C147.672 42.5423 151.818 45.7667 157.649 45.7667C159.627 45.7952 161.589 45.413 163.411 44.6444V36.9331C162.419 37.2978 161.374 37.4911 160.318 37.5047C157.8 37.5047 155.962 36.5227 155.962 33.158V21.7889H163.411V14.356H155.962V6.0835Z' fill='black'/%3E%3Cpath d='M135.376 12.1133C138.714 12.1133 141.419 9.41358 141.419 6.08327C141.419 2.75296 138.714 0.0532227 135.376 0.0532227C132.039 0.0532227 129.333 2.75296 129.333 6.08327C129.333 9.41358 132.039 12.1133 135.376 12.1133Z' fill='black'/%3E%3Cpath d='M139.522 14.356H131.232V45.4861H139.522V14.356Z' fill='black'/%3E%3Cpath d='M16.2142 49.9037C25.1394 49.9037 32.3749 42.6837 32.3749 33.7776C32.3749 24.8712 25.1394 17.6514 16.2142 17.6514C7.28887 17.6514 0.0534668 24.8712 0.0534668 33.7776C0.0534668 42.6837 7.28887 49.9037 16.2142 49.9037Z' fill='%2304E061'/%3E%3Cpath d='M44.249 47.8687C49.6422 47.8687 54.0142 43.5059 54.0142 38.1242C54.0142 32.7425 49.6422 28.3799 44.249 28.3799C38.8558 28.3799 34.4836 32.7425 34.4836 38.1242C34.4836 43.5059 38.8558 47.8687 44.249 47.8687Z' fill='%23FF4053'/%3E%3Cpath d='M19.3049 15.5494C22.6424 15.5494 25.3479 12.8496 25.3479 9.51931C25.3479 6.18901 22.6424 3.48926 19.3049 3.48926C15.9675 3.48926 13.262 6.18901 13.262 9.51931C13.262 12.8496 15.9675 15.5494 19.3049 15.5494Z' fill='%23965EEB'/%3E%3Cpath d='M40.4552 26.2756C47.7117 26.2756 53.5945 20.4055 53.5945 13.1644C53.5945 5.92329 47.7117 0.0532227 40.4552 0.0532227C33.1985 0.0532227 27.3159 5.92329 27.3159 13.1644C27.3159 20.4055 33.1985 26.2756 40.4552 26.2756Z' fill='%2300AAFF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_32835_207'%3E%3Crect width='197' height='50' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 768px) {
  .contact-cta__container {
    padding: 50px 26px;
    border-radius: 12px;
  }
  .contact-cta__content p {
    margin-bottom: 20px;
  }
  .contact-cta__content p:nth-child(2) {
    margin-bottom: 24px;
  }
  .contact-cta__buttons {
    margin-bottom: 24px;
  }
  .contact-cta__buttons .button span {
    display: inline;
  }
  .contact-cta__messengers {
    gap: 20px;
  }
  .messenger-link {
    --s: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .contact-cta__container {
    padding: 50px 26px;
    border-radius: 12px;
  }
  .contact-cta__content p {
    margin-bottom: 20px;
  }
  .contact-cta__content p:nth-child(2) {
    margin-bottom: 24px;
  }
  .contact-cta__buttons {
    margin-bottom: 24px;
  }
  .contact-cta__messengers {
    gap: 20px;
  }
  .messenger-link {
    --s: 48px;
  }
}
@media screen and (min-width: 1280px) {
  .contact-cta__container {
    padding: 64px 32px;
    border-radius: 16px;
  }
  .contact-cta__content p {
    margin-bottom: 24px;
  }
  .contact-cta__content p:nth-child(2) {
    margin-bottom: 32px;
  }
  .contact-cta__buttons {
    margin-bottom: 32px;
  }
  .contact-cta__messengers {
    gap: 24px;
  }
  .messenger-link {
    --s: 60px;
  }
}
.footer {
  padding-top: 8vw;
  text-align: center;
}
.footer__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3vw;
}
.footer__info {
  color: #FAFAF8;
}
.footer__info a {
  color: #FAFAF8;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: inherit;
  transition: 0.5s;
}
.footer__info a:hover {
  color: #4B6CB9;
  text-decoration-color: transparent;
}

@media screen and (min-width: 768px) {
  .footer {
    padding-top: 40px;
  }
  .footer__wrapper {
    gap: 8px;
  }
}
.popup {
  display: none;
  padding: 4vw;
  position: fixed;
  inset: 0;
  z-index: 1;
  place-items: center;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.popup__overlay {
  background-color: rgba(43, 43, 43, 0.8);
  position: fixed;
  inset: 0;
}
.popup__content {
  width: 100%;
  max-width: none;
  padding: 7vw 5vw;
  background-color: #FAFAF8;
  border-radius: 3vw;
  position: relative;
  z-index: 1;
  box-shadow: 0vw 0vw 15vw rgba(25, 30, 41, 0.5);
}
.popup__title {
  margin-bottom: 4vw;
  text-align: center;
}
.popup__close-button {
  position: fixed;
  top: 2vw;
  right: 2vw;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='28.2843' y='9.17334' width='2.16216' height='27.027' transform='rotate(45 28.2843 9.17334)' fill='white'/%3E%3Crect x='9.93765' y='9.17334' width='27.027' height='2.16216' transform='rotate(45 9.93765 9.17334)' fill='white'/%3E%3C/svg%3E%0A");
}
.popup::-webkit-scrollbar {
  display: none;
}

.main-form {
  display: flex;
  flex-direction: column;
  gap: 3vw;
}
.main-form input, .main-form textarea {
  width: 100%;
  padding: 3vw 4vw;
  border: 1px solid #9CA3AF;
  border-radius: 1.5vw;
  background-color: #FAFAF8;
  color: #2B2B2B;
  font-size: 4vw;
  line-height: 1.3;
  transition: background-color 0.5s, border-color 0.5s;
}
.main-form input:hover, .main-form textarea:hover {
  border-color: #4B6CB9;
  background-color: rgba(156, 163, 175, 0.1);
}
.main-form input:focus, .main-form input :active, .main-form input :focus-visible, .main-form textarea:focus, .main-form textarea :active, .main-form textarea :focus-visible {
  border-color: #4B6CB9;
  outline: none;
}
.main-form textarea {
  display: block;
  resize: none;
  height: 40vw;
}
.main-form__field {
  position: relative;
}
.main-form__field.error input, .main-form__field.error textarea {
  border-color: #FF4D01;
}
.main-form__error {
  color: #FF4D01;
  position: absolute;
  bottom: -3.25vw;
  left: 0;
  font-size: 3vw;
  line-height: 1.2;
  margin: 0;
}
.main-form__result {
  padding: 3vw 4vw;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: white;
  border-radius: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-form__message {
  display: none;
  max-width: none;
  margin: 0 auto;
  text-align: center;
}
.main-form__message h3 {
  margin-top: 0;
  margin-bottom: 4vw;
}
.main-form__message p:first-of-type {
  margin-bottom: 3vw;
}
.main-form__message a {
  color: #4B6CB9;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: inherit;
  transition: 0.5s;
}
.main-form__message a:hover {
  text-decoration-color: transparent;
}
.main-form .iti__flag-container {
  display: none;
}

@media screen and (min-width: 768px) {
  .popup {
    padding: 32px 24px;
  }
  .popup__content {
    max-width: 520px;
    padding: 26px 32px 51px;
    border-radius: 12px;
    box-shadow: 0px 0px 60px rgba(25, 30, 41, 0.5);
  }
  .popup__title {
    margin-bottom: 26px;
  }
  .popup__close-button {
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
  }
  .main-form {
    gap: 19px;
  }
  .main-form input, .main-form textarea {
    padding: 13px 16px;
    font-size: 16px;
    border-radius: 8px;
  }
  .main-form textarea {
    height: 120px;
  }
  .main-form__error {
    bottom: -16px;
    font-size: 13px;
  }
  .main-form__result {
    padding: 26px 32px 51px;
    border-radius: 12px;
  }
  .main-form__message {
    max-width: 296px;
  }
  .main-form__message h3 {
    margin-bottom: 26px;
  }
  .main-form__message p:first-of-type {
    margin-bottom: 19px;
  }
}
@media screen and (min-width: 1280px) {
  .popup {
    padding: 40px 30px;
  }
  .popup__content {
    max-width: 650px;
    padding: 32px 40px 64px;
  }
  .popup__title {
    margin-bottom: 32px;
  }
  .popup__close-button {
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
  }
  .main-form {
    gap: 24px;
  }
  .main-form input, .main-form textarea {
    padding: 16px 20px;
    font-size: 20px;
  }
  .main-form textarea {
    height: 150px;
  }
  .main-form__error {
    bottom: -20px;
    font-size: 16px;
  }
  .main-form__result {
    padding: 32px 40px 64px;
  }
  .main-form__message {
    max-width: 370px;
  }
  .main-form__message h3 {
    margin-bottom: 32px;
  }
  .main-form__message p:first-of-type {
    margin-bottom: 24px;
  }
}/*# sourceMappingURL=style.css.map */