/* Portfolio Section */

.portfolio-section{
    max-width:1100px;
    margin:80px auto;
    padding:0 20px;
}

.section-title{
    text-align:center;
    font-size:32px;
    margin-bottom:40px;
}

.portfolio-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}

.portfolio-item{
    background:#ffffff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 6px 16px rgba(0,0,0,0.08);
    transition:transform 0.2s ease;
}

.portfolio-item:hover{
    transform:translateY(-5px);
}

.portfolio-item img{
    width:100%;
    height:200px;
    object-fit:cover;
}

.portfolio-content{
    padding:20px;
}

.portfolio-content h3{
    margin-bottom:10px;
}

.portfolio-content p{
    font-size:15px;
    color:#444;
}

.client-review{
    margin-top:15px;
    padding:12px;
    background:#f6f8fb;
    border-radius:6px;
    font-size:14px;
}

.client-review span{
    display:block;
    margin-top:6px;
    color:#f4b400;
    font-weight:bold;
}



.review-card{
background:#fff;
padding:20px;
border-radius:10px;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
margin-bottom:20px;
}

.review-header{
display:flex;
align-items:center;
gap:12px;
margin-bottom:10px;
}

.review-avatar{
width:45px;
height:45px;
border-radius:50%;
object-fit:cover;
}

.review-user{
display:flex;
flex-direction:column;
font-size:14px;
}

.review-country{
color:#777;
font-size:13px;
}

.review-rating{
color:#f4b400;
font-weight:bold;
margin-bottom:10px;
}

.review-rating span{
color:#777;
font-weight:normal;
margin-left:5px;
}

.review-text{
font-size:15px;
line-height:1.6;
color:#333;
}