/* Portfolio Section - premium SaaS (updated) */
.portfolio-section{background:#ffffff;padding:36px 20px}
.portfolio-header-row{display:flex;justify-content:center}
.portfolio-header-center{max-width:980px;text-align:center}
.portfolio-label{display:inline-block;color:#FF6B1A;font-weight:800;letter-spacing:1.5px;font-size:12px}
.portfolio-title{color:#0B1F4D;font-size:30px;margin:8px 0 18px;font-weight:800}

.portfolio-controls{max-width:1200px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.portfolio-filters{display:flex;gap:12px;align-items:center;justify-content:center;flex:1}
.filter-btn{background:#ffffff;border:1px solid rgba(11,31,77,0.08);padding:8px 16px;border-radius:24px;font-weight:700;color:#0B1F4D;cursor:pointer;transition:all .18s;box-shadow:none}
.filter-btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(11,31,77,0.04)}
.filter-btn.active{background:#FF6B1A;color:#fff;border-color:#FF6B1A}

.btn-view-all{white-space:nowrap;background:#ffffff;border:1px solid rgba(11,31,77,0.1);padding:8px 14px;border-radius:24px;color:#0B1F4D;text-decoration:none;font-weight:700}
.btn-view-all:hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(11,31,77,0.06)}

/* Swiper card styles */
.swiper-wrapper-outer{max-width:1200px;margin:0 auto}
.portfolio-swiper{position:relative;padding:8px 20px}
.swiper-slide{display:flex;align-items:stretch}
.project-card{width:100%;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 36px rgba(11,31,77,0.06);display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.project-card:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(11,31,77,0.12)}
.card-media{flex:0 0 70%;overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.project-card:hover .card-media img{transform:scale(1.06)}
.card-body{padding:14px 16px;flex:1 1 auto;text-align:center}
.project-title{color:#0B1F4D;font-size:15px;margin:6px 0;font-weight:800}
.project-category{color:#0B1F4D;opacity:0.7;font-size:13px;font-weight:600;margin-top:6px}

.portfolio-prev, .portfolio-next{color:#0B1F4D}
.portfolio-prev{left:8px}
.portfolio-next{right:8px}

.portfolio-hidden{display:none!important}

@media(max-width:1199px){.portfolio-title{font-size:26px}.card-media{flex:0 0 65%}}
@media(max-width:767px){.portfolio-controls{flex-direction:column;align-items:flex-start}.portfolio-filters{order:2;width:100%;justify-content:flex-start;overflow:auto;padding-top:8px;padding-bottom:8px}.btn-view-all{order:1;align-self:flex-end}.project-card{border-radius:14px}}