/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jan 14 2026 | 15:23:44 */
/* Відступи між полями */
.your-name,
.your-phone,
.your-email,
.your-message {
  margin-bottom: 25px;
}

/* Інпути та textarea */
.your-name input,
.your-phone input,
.your-email input,
.your-message textarea {
  width: 100%;
  background: white;
  border: 1px solid #5a5a5a;
  color: #707070;
  padding: 18px 20px;
  font-size: 14px;
  text-transform: uppercase;
  outline: none;
  transition: all 0.3s ease;
}

/* Placeholder */
.your-name input::placeholder,
.your-phone input::placeholder,
.your-email input::placeholder,
.your-message textarea::placeholder {
  color: #707070;
  opacity: 0.9;
}

/* Focus */
.your-name input:focus,
.your-phone input:focus,
.your-email input:focus,
.your-message textarea:focus {
  border-color: #e41e26;
}

/* Textarea */
.your-message textarea {
  height: 132px;
  resize: vertical;
  margin-bottom: -30px;
}

/* Кнопки */
.ct7-button-wrapper {
  margin-top: 35px;
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.ct7-button-wrapper .form-action {
	max-width: 208px;
}

/* Submit */
.cf7-submit input[type="submit"] {
  background: white;
  color: grey;
  border: 1px solid #e41e26;
  padding: 18px 40px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.3s ease;
}

.cf7-submit input[type="submit"]:hover {
  background: #e41e26;
  color: white;
}

/* WhatsApp */
.whatsapp-wrapper {
	margin-top: -15px;
	transform: translateY(5px);
}
.cf7-whatsapp {
  padding: 0px 50px 20px 50px;
  background: transparent;
  border: 1px solid #25d366;
  color: #25d366;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
}
.cf7-whatsapp:hover {
	color: white;
	background: #25d366;
}

@media (max-width: 767px) {
	.ct7-button-wrapper p {
		max-height: 68px;
	}
	
	.ct7-button-wrapper > p {
		max-width: 208px;
	}
	
	.ct7-button-wrapper {
    	margin-top: 0;
}
	.cf7-whatsapp {
		width: 100%;
		justify-content: center;
	}
	.wpcf7-submit {
		width: 100%;
	}
  }
@media (max-width: 609px) {
	.ct7-button-wrapper p {
		width: 100%;
	}
	.ct7-button-wrapper  {
		max-width: 280px;
        margin: 0 auto;
        min-width: 210px;
	}