.contact-body {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e9e2e2;
  background: #ffeaea;
  background: #6c764c;
  display: flex;
  flex-direction: column;
  background-image: url("https://www.transparenttextures.com/patterns/bedge-grunge.png");
  background-color: #eed1d6;
}

.contact-form {
  background: none;
  border: none;
  color: #e9e2e2;
  color: #944242;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 120px 15px 180px;
}

body.red .st0 {
	fill: #944242 !important;
}

body.red .logo img.red-logo {
	display: block;
}
body.red .logo img.green-logo {
	display: none;
}

body.red .book2,
body.red .book {
	--color: #944242;
}

body.red .section-2 {
  clip-path: url(#wave); /* Apply the wave clip-path */
  background-color: #944242;
  position: relative;
  visibility: hidden;
  animation: Unhide 0s forwards; /* No animation duration, instant change */
  animation-delay: 0s;
  width: 100vw;
  height: 80vh;
  margin-top: -365px;
  overflow: hidden;
  clip-path: polygon(
    100% 100%,
    0% 100%,
    0% 53.99%,
    1.43% 52.99%,
    2.86% 51.97%,
    4.29% 50.93%,
    5.71% 49.88%,
    7.14% 48.84%,
    8.57% 47.8%,
    10% 46.78%,
    11.43% 45.79%,
    12.86% 44.83%,
    14.29% 43.92%,
    15.71% 43.05%,
    17.14% 42.24%,
    18.57% 41.49%,
    20% 40.81%,
    21.43% 40.2%,
    22.86% 39.67%,
    24.29% 39.23%,
    25.71% 38.87%,
    27.14% 38.6%,
    28.57% 38.42%,
    30% 38.34%,
    31.43% 38.35%,
    32.86% 38.46%,
    34.29% 38.65%,
    35.71% 38.94%,
    37.14% 39.32%,
    38.57% 39.78%,
    40% 40.33%,
    41.43% 40.95%,
    42.86% 41.65%,
    44.29% 42.41%,
    45.71% 43.24%,
    47.14% 44.12%,
    48.57% 45.04%,
    50% 46.01%,
    51.43% 47.01%,
    52.86% 48.03%,
    54.29% 49.07%,
    55.71% 50.12%,
    57.14% 51.16%,
    58.57% 52.2%,
    60% 53.22%,
    61.43% 54.21%,
    62.86% 55.17%,
    64.29% 56.08%,
    65.71% 56.95%,
    67.14% 57.76%,
    68.57% 58.51%,
    70% 59.19%,
    71.43% 59.8%,
    72.86% 60.33%,
    74.29% 60.77%,
    75.71% 61.13%,
    77.14% 61.4%,
    78.57% 61.58%,
    80% 61.66%,
    81.43% 61.65%,
    82.86% 61.54%,
    84.29% 61.35%,
    85.71% 61.06%,
    87.14% 60.68%,
    88.57% 60.22%,
    90% 59.67%,
    91.43% 59.05%,
    92.86% 58.35%,
    94.29% 57.59%,
    95.71% 56.76%,
    97.14% 55.88%,
    98.57% 54.96%,
    100% 53.99%
  );

  clip-path: polygon(
    100% 100%,
    0% 100%,
    0% 46.06%,
    1.43% 45.41%,
    2.86% 44.75%,
    4.29% 44.08%,
    5.71% 43.4%,
    7.14% 42.73%,
    8.57% 42.06%,
    10% 41.4%,
    11.43% 40.76%,
    12.86% 40.14%,
    14.29% 39.55%,
    15.71% 38.99%,
    17.14% 38.46%,
    18.57% 37.98%,
    20% 37.54%,
    21.43% 37.15%,
    22.86% 36.81%,
    24.29% 36.52%,
    25.71% 36.29%,
    27.14% 36.11%,
    28.57% 36%,
    30% 35.95%,
    31.43% 35.95%,
    32.86% 36.02%,
    34.29% 36.15%,
    35.71% 36.33%,
    37.14% 36.58%,
    38.57% 36.88%,
    40% 37.23%,
    41.43% 37.63%,
    42.86% 38.08%,
    44.29% 38.58%,
    45.71% 39.11%,
    47.14% 39.68%,
    48.57% 40.28%,
    50% 40.9%,
    51.43% 41.55%,
    52.86% 42.21%,
    54.29% 42.88%,
    55.71% 43.55%,
    57.14% 44.23%,
    58.57% 44.9%,
    60% 45.56%,
    61.43% 46.2%,
    62.86% 46.82%,
    64.29% 47.41%,
    65.71% 47.97%,
    67.14% 48.49%,
    68.57% 48.98%,
    70% 49.42%,
    71.43% 49.81%,
    72.86% 50.15%,
    74.29% 50.44%,
    75.71% 50.67%,
    77.14% 50.84%,
    78.57% 50.96%,
    80% 51.01%,
    81.43% 51%,
    82.86% 50.94%,
    84.29% 50.81%,
    85.71% 50.62%,
    87.14% 50.38%,
    88.57% 50.08%,
    90% 49.73%,
    91.43% 49.32%,
    92.86% 48.87%,
    94.29% 48.38%,
    95.71% 47.85%,
    97.14% 47.28%,
    98.57% 46.68%,
    100% 46.06%
  );

  clip-path: polygon(
    100% 100%,
    0% 100%,
    0% 42.47%,
    1.43% 41.96%,
    2.86% 41.47%,
    4.29% 40.99%,
    5.71% 40.53%,
    7.14% 40.09%,
    8.57% 39.69%,
    10% 39.31%,
    11.43% 38.96%,
    12.86% 38.66%,
    14.29% 38.39%,
    15.71% 38.16%,
    17.14% 37.97%,
    18.57% 37.83%,
    20% 37.74%,
    21.43% 37.69%,
    22.86% 37.69%,
    24.29% 37.73%,
    25.71% 37.82%,
    27.14% 37.96%,
    28.57% 38.14%,
    30% 38.36%,
    31.43% 38.62%,
    32.86% 38.93%,
    34.29% 39.27%,
    35.71% 39.64%,
    37.14% 40.05%,
    38.57% 40.48%,
    40% 40.94%,
    41.43% 41.41%,
    42.86% 41.91%,
    44.29% 42.41%,
    45.71% 42.93%,
    47.14% 43.45%,
    48.57% 43.97%,
    50% 44.48%,
    51.43% 44.99%,
    52.86% 45.49%,
    54.29% 45.97%,
    55.71% 46.43%,
    57.14% 46.86%,
    58.57% 47.27%,
    60% 47.65%,
    61.43% 47.99%,
    62.86% 48.3%,
    64.29% 48.57%,
    65.71% 48.8%,
    67.14% 48.98%,
    68.57% 49.12%,
    70% 49.22%,
    71.43% 49.27%,
    72.86% 49.27%,
    74.29% 49.23%,
    75.71% 49.14%,
    77.14% 49%,
    78.57% 48.82%,
    80% 48.6%,
    81.43% 48.33%,
    82.86% 48.03%,
    84.29% 47.69%,
    85.71% 47.31%,
    87.14% 46.91%,
    88.57% 46.48%,
    90% 46.02%,
    91.43% 45.54%,
    92.86% 45.05%,
    94.29% 44.54%,
    95.71% 44.03%,
    97.14% 43.51%,
    98.57% 42.99%,
    100% 42.47%
  );
  clip-path: polygon(
    100% 100%,
    0% 100%,
    0% 46%,
    1.43% 45.44%,
    2.86% 44.87%,
    4.29% 44.3%,
    5.71% 43.73%,
    7.14% 43.16%,
    8.57% 42.61%,
    10% 42.06%,
    11.43% 41.54%,
    12.86% 41.04%,
    14.29% 40.56%,
    15.71% 40.12%,
    17.14% 39.71%,
    18.57% 39.33%,
    20% 39%,
    21.43% 38.71%,
    22.86% 38.47%,
    24.29% 38.27%,
    25.71% 38.12%,
    27.14% 38.02%,
    28.57% 37.98%,
    30% 37.98%,
    31.43% 38.04%,
    32.86% 38.14%,
    34.29% 38.3%,
    35.71% 38.5%,
    37.14% 38.76%,
    38.57% 39.05%,
    40% 39.39%,
    41.43% 39.77%,
    42.86% 40.19%,
    44.29% 40.64%,
    45.71% 41.12%,
    47.14% 41.62%,
    48.57% 42.15%,
    50% 42.7%,
    51.43% 43.26%,
    52.86% 43.82%,
    54.29% 44.4%,
    55.71% 44.97%,
    57.14% 45.53%,
    58.57% 46.09%,
    60% 46.63%,
    61.43% 47.16%,
    62.86% 47.66%,
    64.29% 48.13%,
    65.71% 48.58%,
    67.14% 48.99%,
    68.57% 49.36%,
    70% 49.7%,
    71.43% 49.99%,
    72.86% 50.23%,
    74.29% 50.43%,
    75.71% 50.58%,
    77.14% 50.67%,
    78.57% 50.72%,
    80% 50.72%,
    81.43% 50.66%,
    82.86% 50.55%,
    84.29% 50.4%,
    85.71% 50.19%,
    87.14% 49.94%,
    88.57% 49.64%,
    90% 49.3%,
    91.43% 48.92%,
    92.86% 48.51%,
    94.29% 48.06%,
    95.71% 47.58%,
    97.14% 47.07%,
    98.57% 46.54%,
    100% 46%
  );
}

.contact-form__form {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 440px;
  padding-inline: 20px;
}

.contact-form__group {
  position: relative;
  margin-bottom: 20px;
}

.contact-form__label {
  position: absolute;
  top: 12px;
  left: 10px;
  color: #eab0e1;
  color: #e9e2e2;
  color: #944242;
  font-size: 0.9em;
  pointer-events: none;
  transition: all 0.3s ease;
}

.contact-form__input,
.contact-form__textarea {
  width: 100%;
  padding: 10px;
  border: none;
  border-bottom: 2px solid #944242;
  background: none;
  color: #eab0e1;
  color: #944242;
  font-size: 1em;
  outline: none;
	font-family: initial;
}

.contact-form__input::placeholder,
.contact-form__textarea::placeholder {
	color: #944242;
}

.contact-form__textarea {
	height: 150px;
}

.contact-form__input:focus,
.contact-form__textarea:focus {
  border-bottom: 2px solid #944242;
}

.contact-form__input:focus + .contact-form__label,
.contact-form__input:valid + .contact-form__label,
.contact-form__textarea:focus + .contact-form__label,
.contact-form__textarea:valid + .contact-form__label {
  top: -10px;
  left: 5px;
  font-size: 0.75em;
  color: #e9e2e2;
  color: #944242;
}

.contact-form__button {
  padding: 10px;
  border: 2px solid #944242;
  background: none;
  color: #e9e2e2;
  color: #944242;
  font-size: 1em;
	font-family: initial;
  cursor: pointer;
  margin-bottom: 20px;
  transition: background 0.3s ease;
}

.contact-form__button:hover {
  background-color: #944242;
  color: #fff;
}

.contact-form__links {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact-form__link {
  color: #944242;
  font-size: 0.8em;
  text-decoration: none;
  margin-top: 10px;
  transition: color 0.3s ease;
}

.contact-form__link:hover {
  color: #fff;
}

body.red .slider-menu {
  background-color: #e6dee5;
}

body.red .icons {
  color: #944241;
}

body.red .icons a {
  color: #944241;
}

body.red .icons a:hover {
  color: #944241;
}

body.red .slider-menu a:visited,
body.red .nav-menu a {
  color: #944242;
}

body.red .book2 {
  --color: #944242;
}

body.red .book2-close-btn {
  background: #e7dee4;
	color:#944241;
}

svg {
  width: 100%;
  position: relative;
  bottom: 355px;
}

@media (max-width: 992px) {
  svg {
    bottom: 200px;
  }
}

@media (max-width: 700px) {
  svg {
    bottom: 0;
  }
}

@media (max-width: 575px) {
	.contact-form {
		padding-top: 80px;
	}
}

@media (max-width: 450px) {
  svg {
    bottom: -100px;
  }
}
