/* ===== PORTFOLIO ===== */

.portfolio-section{
padding:110px 0;
background:#f5f7fa;
font-family:'Poppins',sans-serif;
overflow:hidden;
}

.portfolio-section .title{
font-size:2.4rem;
font-weight:700;
margin-bottom:40px;
padding-bottom:15px;
position:relative;
text-align:center;
color:#08192a;
}

.portfolio-section .title:after{
content:"";
position:absolute;
width:60px;
height:3px;
background:#a3d600;
left:0;
right:0;
bottom:0;
margin:auto;
}

/* SLIDER */

.portfolio-slider{
position:relative;
padding:0 70px;
}

/* CARD */

.port-card{
position:relative;
overflow:hidden;
border-radius:8px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
background:#fff;
transition:.35s ease;
}

.port-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 35px rgba(0,0,0,0.15);
}

/* IMAGEM */

.port-card img{
width:100%;
height:420px;
object-fit:cover;
transition:.6s;
}

.port-card:hover img{
transform:scale(1.05);
filter:brightness(.75);
}

/* OVERLAY */

.port-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:25px;
background:linear-gradient(to top, rgba(8,25,42,.95), rgba(8,25,42,.7), transparent);
}

/* TAG */

.port-overlay span{
display:inline-block;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
padding:5px 12px;
background:#a3d600;
color:#08192a;
border-radius:30px;
font-weight:600;
}

/* TITULO */

.port-overlay h2{
font-size:22px;
margin-top:10px;
font-weight:600;
color:#fff;
}

/* TEXTO */

.port-overlay p{
font-size:14px;
margin-top:6px;
color:#e5e5e5;
}

/* BOTÕES */

.port-buttons{
position:absolute;
top:20px;
left:20px;
display:flex;
flex-direction:column;
gap:5px;
}

.port-buttons a{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:4px;
font-size:18px;
background:#08192a;
color:#fff;
text-decoration:none;
transition:.3s;
}

.port-buttons a:hover{
background:#a3d600;
color:#08192a;
}

/* SETAS */

.swiper-button-prev,
.swiper-button-next{
color:#08192a;
font-weight:bold;
}

.swiper-button-prev{
left:0;
}

.swiper-button-next{
right:0;
}

/* RESPONSIVO */

@media(max-width:768px){

.portfolio-slider{
padding:0 40px;
}

.port-card img{
height:300px;
}

}