/**
 * Theme Name: Hello Elementor
 * Template:   hello-elementor
 */

body {
	overflow-x: hidden;
}

.elementor-sub-item {
	padding: 0px 15px !important;
}

.elementor-kit-8 a {
	color: #F4F4F5;

	transition: color 100ms ease-in;
}

.elementor-kit-8 a:hover {
	font-weight: 600;
	color: #609095;
}

.cf7-row {
	display: flex;
	column-gap: 1em;
	align-items: center;
	flex-wrap: wrap;
	
	font-family: Nunito Sans;
}

.cf7-row p {
	margin-bottom: 0;
}

.cf7-row .cf7-column:first-child {
	display: flex;
	flex-basis: 70%;
}

.cf7-row .cf7-column:first-child p {
	display: flex;
	column-gap: 1em;
}

.cf7-row .cf7-column:last-child {
	display: flex;
	flex-basis: 28%;
}

.cf7-row .cf7-column:last-child p {
	display: flex;
	flex-direction: column;
}

.cf7-row .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
	position: absolute;
}

.cf7-row .wpcf7-spinner {
	position: absolute;
}

.cf7-row input {
	padding: 15px 20px !important;
	border-color: #212121 !important;
	
	background-color: #F4F4F5;
}

.cf7-row input::placeholder {
	font-weight: 500;
	color: #A3A3A3;
}

.cf7-row input[type="submit"] {
	background-color: #609095;
	border-color: #609095 !important;
	color: #30484B;
	padding: 15px 20px 15px 50px !important;
	
	width: 100%;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 16px;
	background-image: url('https://p2.kochuk.com.ua/wp-content/uploads/2024/03/Project.svg');
	background-position: 10px 14px; 
	background-repeat: no-repeat;
}


.cf7-row input[type="submit"]:hover, 
.cf7-row input[type="submit"]:focus, 
.cf7-row input[type="submit"]:active {
	background-color: #F4F4F5;
}


.footer-form .cf7-row {
	flex-direction: column;
	row-gap: 1em;
}

.footer-form .cf7-row .cf7-column {
	flex-direction: column;
}

.footer-form .cf7-row .cf7-column:first-child {
	width: 100%;
}

.footer-form .cf7-row .cf7-column:first-child p {
	flex-direction: column;
	row-gap: 1em;
}

.footer-form .cf7-row .cf7-column:last-child {
	width: 100%;
	margin-top: 1.5em;
}

.footer-form .wpcf7 form .wpcf7-response-output {
	color: #f4f4f5 !important;
}


@media (max-width: 767px) {
	.cf7-row {
		flex-direction: column;
		row-gap: 1em;
	}
	
	.cf7-row .cf7-column {
		flex-direction: column;
	}
	
	.cf7-row .cf7-column:first-child {
		width: 100%;
	}
	
	.cf7-row .cf7-column:first-child p {
		flex-direction: column;
		row-gap: 1em;
	}
	
	.cf7-row .cf7-column:last-child {
		width: 100%;
		margin-top: 1em;
	}

	.quality-icon .elementor-icon-box-description {
		padding-right: 20px;
	}

	.quality-icon .elementor-icon-box-icon {
		margin-right: 18px !important;
	}
	
}