.project-description {
	padding: 70px 0;
    max-width: 1320px;
    margin: 0 auto;

    @media screen and (max-width: 768px) {
        padding: 60px 20px;
    }
}
.project-desc-section-title {
    font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -0.01em;
	color: #004735;
    padding-bottom: 14px;
	margin: 0 0 60px;
    border-bottom: 1px solid rgba(0, 71, 53, 0.1);

    @media screen and (max-width: 768px) {
        font-size: 16px;
        margin: 0 0 30px;
    }
}
.project-desc-top {
	display: flex;
	gap: 60px;
	flex-wrap: nowrap;
	margin-bottom: 80px;
}

.project-desc-image-main {
	position: relative;
	flex: 0 1 650px;

    @media screen and (max-width: 768px) {
        flex: unset;
    }
    .image-badge {
        position: absolute;
        background: rgba(207, 226, 224, 1);
        color: #013026;
        border: 1px solid #004735;
        border-radius: 50%;
        padding: 25px 26px;
        max-width: 130px;
        font-family: 'Closer Text', sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
        letter-spacing: -0.01em;
        text-align: center;
        transform: rotate(341deg);
        top: 200px;
        right: -88px;

        @media screen and (max-width: 768px) {
            left: unset;
            top: 95px;
            right: 15px;
            padding: 17px;
            font-size: 14px;
            max-width: 100px;
        }
    }
}
.project-desc-image-main img {
	width: 100%;
	border-radius: 16px;
	object-fit: cover;
    border-radius: 20px;

    @media screen and (max-width: 768px) {
        aspect-ratio: 1 / 1;
    }
}

.project-desc-content {
	max-width: 450px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    @media screen and (max-width: 768px) {
        max-width: unset;
    }
}

.project-desc-title {
	font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 42px;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #013026;
    margin: 0;

    &.mobile-version {
        display: none;

        @media screen and (max-width: 768px) {
            display: block;
            margin-bottom: 30px;
            font-size: 32px;
            max-width: 550px;
        }
    }

    &.desktop-version {
        @media screen and (max-width: 768px) {
            display: none;
        }
    }
}

.project-desc-text {
	font-family: 'Closer Text', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #004735;

    @media screen and (max-width: 768px) {
        font-size: 14px;
    }
}

/* === Нижній блок === */
.project-desc-bottom {
	display: flex;
	justify-content: space-between;
	gap: 40px;
    padding: 65px 0 0 110px;
}
.project-desc-item {
	position: relative;
	
    &.left {
        max-width: 315px;

        @media screen and (max-width: 768px) {
            max-width: unset;
        }

        img {
            width: 100%;
            border-radius: 20px;
            object-fit: cover;
            margin-bottom: 50px;
        }
    }

    &.right {
        max-width: 650px;

        @media screen and (max-width: 768px) {
            max-width: unset;
        }

        img {
            width: 100%;
            border-radius: 20px;
            object-fit: cover;
            min-height: 640px;

            @media screen and (max-width: 768px) {
                min-height: unset;
                aspect-ratio: 1/1;
            }
        }

        .image-badge {
            position: absolute;
            background: rgba(207, 226, 224, 1);
            color: #013026;
            border: 1px solid #004735;
            border-radius: 50%;
            padding: 25px 26px;
            max-width: 130px;
            font-family: 'Closer Text', sans-serif;
            font-weight: 500;
            font-size: 18px;
            line-height: 130%;
            letter-spacing: -0.01em;
            text-align: center;
            transform: rotate(21deg);
            top: -50px;
            right: 100px;

            @media screen and (max-width: 768px) {
                left: unset;
                right: 25px;
                top: -30px;
            }
        }
    }
}

.project-desc-item p {
	font-family: 'Closer Text', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #004735;

    @media screen and (max-width: 768px) {
        font-size: 14px;
    }
}

/* адаптив */
@media (max-width: 768px) {
	.project-desc-top {
		flex-direction: column;
        gap: 30px;
        margin-bottom: 60px;
	}
	.project-desc-bottom {
        flex-direction: column-reverse;
        padding: 0;
        gap: 30px;

        .project-desc-item.left img {
            display: none;
        }
	}
	.image-badge {
		top: 10px;
		left: 10px;
		padding: 6px 10px;
		font-size: 12px;
	}
}