/* ===========================
   FEATURED PROJECTS
=========================== */

.featured-projects{

padding:100px 6%;

background:#F9F7F2;

}

.projects-carousel{

position:relative;

}

.projects-track{

display:flex;

gap:30px;

overflow-x:auto;

scroll-snap-type:x mandatory;

scroll-behavior:smooth;

padding-bottom:10px;

scrollbar-width:none;

}

.projects-track::-webkit-scrollbar{

display:none;

}

.project-card{

flex:0 0 340px;

scroll-snap-align:start;

background:#fff;

border-radius:18px;

overflow:hidden;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.35s;

}

.project-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 55px rgba(0,0,0,.12);

}

.project-image{

height:220px;

overflow:hidden;

}

.project-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.7s;

}

.project-card:hover .project-image img{

transform:scale(1.08);

}

.project-body{

padding:24px 26px 28px;

}

.project-body h3{

font-size:22px;

font-family:'Playfair Display',serif;

color:#183153;

margin-bottom:8px;

}

.project-body > p{

font-size:14px;

color:#777;

margin-bottom:18px;

}

.project-body > p i{

color:#C89D43;

margin-right:6px;

}

.project-meta{

display:flex;

justify-content:space-between;

align-items:center;

padding-bottom:18px;

margin-bottom:18px;

border-bottom:1px solid #eee;

font-size:14px;

color:#555;

}

.project-meta i{

color:#C89D43;

margin-right:6px;

}

.project-price{

font-weight:600;

color:#183153;

}

.project-link{

display:inline-flex;

align-items:center;

gap:8px;

color:#C89D43;

font-weight:600;

font-size:14px;

}

.project-link i{

font-size:12px;

transition:.3s;

}

.project-link:hover i{

transform:translateX(4px);

}

.carousel-arrow{

position:absolute;

top:50%;

transform:translateY(-50%);

width:52px;

height:52px;

border-radius:50%;

border:2px solid #D6B15E;

background:#fff;

color:#D6B15E;

display:flex;

align-items:center;

justify-content:center;

cursor:pointer;

transition:.35s;

z-index:5;

}

.carousel-arrow:hover{

background:#D6B15E;

color:#fff;

}

.carousel-arrow.prev{

left:-26px;

}

.carousel-arrow.next{

right:-26px;

}

.projects-cta{

text-align:center;

margin-top:50px;

}

.btn-outline-gold{

display:inline-flex;

align-items:center;

gap:10px;

border:2px solid #D6B15E;

color:#183153;

padding:16px 38px;

border-radius:50px;

font-weight:600;

transition:.35s;

}

.btn-outline-gold:hover{

background:#D6B15E;

color:#fff;

}