@charset "UTF-8";

.faq__content {
  padding-bottom: 150px;
}
.faq__intro {
  margin-bottom: 70px;
  color: #1a1311;
  font-size: 20px;
  line-height: 40px;
}
.faq-item {
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(112, 112, 112, .25);
}
.faq-item + .faq-item {
  margin-top: 50px;
}
.faq-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.faq-item__question,
.faq-item__answer {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  align-items: center;
  min-height: 90px;
}
.faq-item__answer {
  margin-top: 6px;
}
.faq-item__number {
  align-self: start;
  color: #3780cd;
  font-family: var(--font-en);
  font-size: 60px;
  font-weight: 700;
  line-height: 90px;
  letter-spacing: 3px;
}
.faq-item__number--answer {
  color: #db6296;
  letter-spacing: 4.2px;
}
.faq-item__question-text {
  color: #1e1f21;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 1.4px;
}
.faq-item__answer-text {
  color: #1a1311;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .faq-item__number {
    background: linear-gradient(139deg, #86b5e6 15.148%, #3780cd 71.531%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .faq-item__number--answer {
    background-image: linear-gradient(139deg, #f4accb 15.148%, #db6296 71.531%);
  }
}

@media (max-width: 1023px) {
	.faq__content {
		padding-bottom:70px;
	}
	.faq__intro {
		margin-bottom:35px;
		font-size:16px;
		line-height:30px;
	}
	.faq-item {
		padding-bottom:30px;
	}
	.faq-item + .faq-item {
		margin-top:30px;
	}
	.faq-item__question, .faq-item__answer {
		grid-template-columns:65px minmax(0,1fr);
		gap:10px;
		align-items:start;
		min-height:0;
	}
	.faq-item__number {
		font-size:30px;
		line-height:36px;
		letter-spacing:1px;
	}
	.faq-item__question-text {
		font-size:18px;
		line-height:32px;
		letter-spacing:.9px;
		overflow-wrap:anywhere;
	}
	.faq-item__answer {
		margin-top:15px;
	}
	.faq-item__answer-text {
		font-size:16px;
		line-height:30px;
		overflow-wrap:anywhere;
	}
}