img {
  max-width: 100%;
}
h1,
.h1 {
  color: #fff;
  text-shadow: 0px 0px 30px #4d2d1f;
  font-family: NAMU;
  font-size: 34px;
  font-style: normal;
  font-weight: 900;
  line-height: 126%;
}
h2,
.h2 {
  font-size: 34px;
  font-style: normal;
  font-weight: 900;
  line-height: 126%;
}
.post-content h2,
h3,
.h3 {
  font-size: 26px;
  line-height: 120%;
}
h4,
.h4 {
  font-size: 22px;
  line-height: 120%;
}
h5,
.h5 {
}
h6,
.h6 {
}
p {
}
.--center {
  text-align: center;
}
.--mt-4 {
  margin-top: 4px;
}
.--mt-6 {
  margin-top: 6px;
}
.--mt-8 {
  margin-top: 8px;
}

.--mt-12 {
  margin-top: 12px;
}

.--mt-16 {
  margin-top: 16px;
}

.--mt-22 {
  margin-top: 22px;
}
.--mt-24 {
  margin-top: 24px;
}
.--mt-32 {
  margin-top: 32px;
}

.--mt-35 {
  margin-top: -35px;
}

.--mt-40 {
  margin-top: -40px;
}

.--mt-45 {
  margin-top: -45px;
}

.--mt-50 {
  margin-top: -50px;
}
.--mt-100 {
  margin-top: -100px;
}
.df {
  display: flex;
}
.--aic {
  align-items: center;
}
.--aife {
  align-items: flex-end;
}
.--jcsb {
  justify-content: space-between;
}
.--jcc {
  justify-content: center;
}
.--aifs {
  align-items: flex-start;
}
.dg {
  display: grid;
}
.--gtc-2 {
  grid-template-columns: repeat(2, 1fr);
}
.--gtc-3 {
  grid-template-columns: repeat(3, 1fr);
}
.--gtc-4 {
  grid-template-columns: repeat(4, 1fr);
}
.--gtc-5 {
  grid-template-columns: repeat(5, 1fr);
}
.--gtc-6 {
  grid-template-columns: repeat(6, 1fr);
}
.--gap-5 {
  gap: 5px;
}
.--gap-10 {
  gap: 10px;
}
.--gap-15 {
  gap: 15px;
}

.--gap-20 {
  gap: 20px;
}

.--gap-12 {
  gap: 12px;
}

.--gap-24 {
  gap: 24px;
}

.--gap-30 {
  gap: 30px;
}

.--gap-32 {
  gap: 30px;
}

.--fz-18 {
  font-size: 18px;
}
.--fz-16 {
  font-size: 16px;
}

.header-menu a,
.black-link {
  color: var(--color-main);
  transition: color 0.3s;
}
.header-menu a:hover,
.black-link:hover {
  color: var(--color-accent);
}

.blue-link {
  color: #08f;
  transition: color 0.3s;
}
.blue-link:hover {
  color: var(--color-accent);
}
.--color-grey {
  color: #8f959d;
}

.button {
  text-align: center;
  cursor: pointer;
  display: inline-block;
  padding: 12px 16px 14px;
  border: 1px solid var(--color-accent);

  color: #fff;
  font-family: NAMU;
  font-size: 16px;
  line-height: normal;

  border-radius: 12px;
  background: var(--color-accent);

  transition: color 0.3s, background 0.3s;
}
.button:hover {
  background: #fff;
  color: var(--color-accent);
}
.button.--medium {
  /* padding: 8px 16px; */
  padding: 10px 16px 12px;
}
.button.--big {
  padding-left: 28px;
  padding-right: 28px;
}
.button.--full {
  width: 100%;
  text-align: center;
}
.button.--outline {
  background: #fff;
  color: var(--color-accent);
}

.button.--outline.--transparent {
  background: none;
}
.button.--outline:hover {
  background: var(--color-accent);
  color: #fff;
}

.--text.--big {
  font-size: 22px;
  line-height: normal;
}

.section.--blue {
  border-radius: 60px;
  background: #dcf4ff;
  padding: 58px 0;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.--accent {
  color: var(--color-accent);
}

.section-serivce-block__buttons {
  display: grid;
  grid-gap: 12px;
}

.select-input,
.input-text {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #d9d9d9;

  padding: 9px 28px 11px 17px;
  font-family: "NAMU";
  outline: none;
  font-size: 16px;
}
textarea.input-text{
  resize: vertical;
  height: 90px;
}
.input-text.invalid-custom {
  border-color: #ff0000;
  background-color: #ffeaea;
}