.belvedere-proiect {
position:relative;
width:100%;
height:920px;
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:center;
padding:128px 135px;
background:#000;
overflow:hidden;
}

.belvedere-proiect-slider {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
transition:transform .7s cubic-bezier(.77,0,.18,1);
will-change:transform;
}

.belvedere-proiect-slide-link {
min-width:100%;
height:100%;
display:block;
position:relative;
}

.belvedere-proiect-slide {
width:100%;
height:100%;
background-size:cover;
background-position:center;
position:relative;
}

.belvedere-proiect-slide::after {
content:'';
position:absolute;
left:0;
bottom:0;
width:100%;
height:50%;
background:linear-gradient(180deg, rgba(0,0,0,0) 0%, #010101 100%);
pointer-events:none;
}

.belvedere-proiect-content {
position:relative;
z-index:2;
display:flex;
flex-direction:column;
align-items:center;
gap:24px;
max-width:758px;
text-align:center;
}

.belvedere-proiect-title {
font-family:'DM Serif Display', serif;
font-weight:400;
font-size:48px;
line-height:120%;
color:#ECECE8;
}

.belvedere-proiect-desc {
font-family:'Ubuntu', sans-serif;
font-weight:300;
font-size:16px;
line-height:120%;
color:#ECECE8;
}

.belvedere-proiect-nav {
position:absolute;
top:50%;
left:0;
width:100%;
display:flex;
justify-content:space-between;
transform:translateY(-50%);
padding:0 40px;
z-index:3;
pointer-events:none;
}

.belvedere-proiect-arrow {
pointer-events:auto;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
transition:transform .3s ease, opacity .3s ease;
}

.belvedere-proiect-arrow:hover {
transform:scale(1.15);
}

.belvedere-proiect-arrow svg {
display:block;
width:48px;
height:48px;
}

.belvedere-proiect-arrow:hover svg {
transform:scale(1.05);
}

.belvedere-proiect-arrow svg {
transition:transform .3s ease;
}

@media (max-width: 1024px) {
.belvedere-proiect {
padding:80px 40px;
height:700px;
}

.belvedere-proiect-title {
font-size:36px;
}

.belvedere-proiect-desc {
font-size:15px;
}

.belvedere-proiect-nav {
padding:0 20px;
}
}

@media (max-width: 767px) {
.belvedere-proiect {
padding:60px 20px;
height:600px;
}

.belvedere-proiect-title {
font-size:28px;
}

.belvedere-proiect-desc {
font-size:14px;
}

.belvedere-proiect-content {
gap:16px;
}
}