
<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Piazzolla:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
	<title>Thank you!</title>

	<style>
		* {
			padding: 0;
			margin: 0;
		}
		body{
			margin: 0px;
			padding: 0px;
			font-family: 'Piazzolla', sans-serif;
			height: 100vh;
			width: 100%;
			font-size: 18px;
		}
		.bodyClass1-D6ZLuXC{
			background-image: linear-gradient(to bottom, #00b015, #00ac2f, #00a83f, #00a44c, #009f57);
			color: #ffffff;
		}
		.bodyClass2-D6ZLuXC{
			background: #00ADB5;
			color: #fff;
		}
		.bodyClass3-D6ZLuXC{
			background: #fff;
			color: #111;
		}
		.wrapage{
			background-size: 100%;
			width: 100%;
			height: 100%;
		}
		.centerBlock{
			width: 100%;
		    margin: 0 auto;
		    text-align: center;
		    display: flex;
		    justify-content: center;
		    align-self: center;
			align-items: center;
		    height: 100%;
		}
		.centerBlock h2{
			font-size: 24px;
			padding: 0px 0px 25px;
		}
		.centerBlock p{
			font-weight: 500;
			font-size: 18px;
		}
		p{
			margin-bottom: 10px;
		}
		.mainBlock-D6ZLuXC{
			text-align: center;
		}
		.mainBlock-D6ZLuXC ul{
			text-align: start;
			padding: 20px;
			display: flex;
			flex-direction: column;
			gap: 15px;
		}
		.mainBlock-D6ZLuXC ul>li span{
			font-weight: bold;
		}
		.mainBlock-D6ZLuXC{
			max-width: 600px;
			margin: 0 auto;
			padding: 40px;
			background: #7b7d008c;
			border-radius: 15px;
		}
		.mainBlock-D6ZLuXC .cBlock-D6ZLuXC{
			text-align: center;
		}

		.bodyClass3-D6ZLuXC .mainBlock-D6ZLuXC{
			background: none;
			border-top: 2px dotted #f0e4d7;
			border-bottom: 2px dotted #f0e4d7;
		}
		.bodyClass2-D6ZLuXC .mainBlock-D6ZLuXC{
			background: #202040;
			color: #fff !important;
			box-shadow: 0px 0px 15px #202040;
		}
		.bodyClass1-D6ZLuXC .mainBlock-D6ZLuXC{
			background: #009F57;
			color: #ffffff;
			border-left: 1px solid #00ADB5;
		}
		.order-D6ZLuXC{
			font-size: 20px !important;
		}

	  	@media screen and (max-width: 639px) {
	  		.centerBlock p{
				padding: 0px 15px;
	  		}
	  		.centerBlock h2{
	  			padding: 0px 10px 15px;
	  		}
			.mainBlock-D6ZLuXC{
				padding: 15px;
			}


		}
		@media screen and (max-width: 480px) {
			body{
				height: 100%;
			}
		}
	</style>

</head>
<body class="bodyClass1-D6ZLuXC">


	<div class="wrapage">
		<div class="centerBlock">
			<div class="mainBlock-D6ZLuXC">
				<p>Thank you for reaching out to us. We genuinely appreciate your trust and choice. Your decision allows our team to continue doing what we love and improving the quality of the services (or products) we provide.</p>
<p>Please note that every feedback, suggestion, or comment helps us grow and evolve. Should you have any questions or suggestions, don't hesitate to contact us. We are always here to help!</p>
<p class="cBlock-D6ZLuXC">Warm regards and gratitude,</p>
<p class="cBlock-D6ZLuXC"><span class="domain-D6ZLuXC"></span></p>
			</div>
		</div>
	</div>

	<script>var domainElements = document.getElementsByClassName("domain-D6ZLuXC");
		var hostname = window.location.hostname;
		for (var i = 0; i < domainElements.length; i++) {domainElements[i].innerHTML = hostname;}
	</script>
</body>
</html>
