.error404 {
	.page-404-content {
		text-align: center;

		> .container {
			> .row {
				padding-top: 100px;
				padding-bottom: 100px;
			}
		}
	}

	.branding__logo,
	.dark-logo {
		display: block;
	}

	.branding__logo {
		position: absolute;
		top: 35px;
		left: 0;
		width: 100%;
		display: flex;
		justify-content: center;
	}

	&.admin-bar {
		.branding__logo {
			top: 67px;
		}
	}

	.error-image {
		margin-bottom: 22px;

		img {
			max-width: 90%;
		}
	}

	.error-404-title {
		font-size: 40px;
		font-weight: 500;
		line-height: 1.3;
		margin-bottom: 20px;
	}

	.error-404-text {
		font-size: 18px;
		line-height: 1.67;
		color: #696969;
		max-width: 770px;
		margin: 0 auto;
	}

	.error-buttons {
		margin: 35px -10px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;

		.tm-button-wrapper {
			padding: 10px;
		}

		.tm-button {
			min-width: 190px;
		}
	}

	.error-search-form {
		margin: 57px 0 0;
	}

	.search-form {
		position: relative;
		margin: 0 auto;
		max-width: 570px;
	}

	.search-submit {
		position: absolute;
		top: 0;
		right: 0;

		.search-btn-icon {
			display: none;
		}
	}
}

@include elementor-breakpoint-down(md) {
	.error404 {
		.error-404-title {
			font-size: 34px;
		}
	}
}

@include elementor-breakpoint-down(sm) {
	.error404 {
		.error-404-title {
			font-size: 28px;
			margin: 0 0 10px;
		}

		.error-404-text {
			font-size: 15px;
		}

		.error-search-form {
			margin: 25px 0 0;
		}
	}
}
