/*!
Theme Name: Vdiachni
Theme URI: https://www.recoded.agency/
Author: Recoded Agency
Author URI: https://www.recoded.agency/
Description: Description
*/

.project--row {
	margin-bottom: 90px;
}

.project--row:last-child {
	margin-bottom: 0;
}

.project__content .project__content-item__content-btns {
	justify-content: space-between;
}

.complete-goal .project__content-item__content-btns {
	max-width: 448px;
}

.complete-goal .complete-goal-link {
	padding: 19px !important;
}

.projects-hero--inner {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;
	height: 250px;
	padding: 40px;
	background: url('img/hero-squares.svg') right center no-repeat;
	background-color: #1F6FCF;
	border-radius: 12px;
}

.projects-hero--inner h1 {
    margin-bottom: 0;
	max-width: 785px;
    color: #fff;
    font-size: 80px;
    font-weight: 600;
    line-height: 88px;
    font-family: "Montserrat";
    letter-spacing: -0.04em;
}

.projects-hero--inner h1 span {
	color: #FDD631;
}

.projects-hero--inner a {
	display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    max-width: 240px;
    padding: 8px 24px 8px 8px;
    color: #fff;
    background: #101114;
    border-radius: 6px;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.01em;
    transition: var(--t200);
}

.projects-hero--inner a:hover {
	color: #101114;
    background: #fff;
}

.projects-hero--inner a .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	padding: 13px;
	background: #FDD631;
}

@media (max-width: 768px) {
	.project__content .project__content-item__content-sum {
		flex-wrap: wrap;
	}

	.projects-hero--inner {
		flex-wrap: wrap;
		height: auto;
		padding: 24px;
		background-position: right bottom;
	}

	.projects-hero--inner h1 {
		font-size: 45px;
		line-height: 1.2;
	}

	.projects-hero--inner a .icon {
		padding: 10px;
	}

	.projects-hero--right {
		margin-top: 20px;
	}
}