#portfolio{background-color:#fcfcfc;padding:80px 0}.modern-tabs{text-align:center;flex-wrap:wrap;justify-content:center;gap:30px;margin:0 auto 50px;padding:0;list-style:none;display:flex}.modern-tabs li{cursor:pointer;color:#666;text-transform:uppercase;letter-spacing:1.5px;padding-bottom:8px;font-size:13px;font-weight:700;transition:all .3s;position:relative}.modern-tabs li:after{content:"";background-color:#567204;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.modern-tabs li:hover,.modern-tabs li.filter-active{color:#567204}.modern-tabs li:hover:after,.modern-tabs li.filter-active:after{width:100%}.masonry-grid{column-count:3;column-gap:25px}.masonry-item{break-inside:avoid;margin-bottom:25px}.modern-card{cursor:pointer;border-radius:6px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d}.modern-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #0000001f}.portfolio-wrap .portfolio-info{opacity:0;z-index:3;background:linear-gradient(#0000 0%,#0c2e8ab3 50%,#0c2e8af2 100%);padding:40px 20px 20px;transition:all .4s ease-in-out;position:absolute;bottom:0;left:0;right:0;transform:translateY(20px)}.portfolio-wrap:hover .portfolio-info{opacity:1;transform:translateY(0)}.portfolio-wrap .portfolio-info h4{color:#fff;letter-spacing:.5px;margin-bottom:5px;font-size:18px;font-weight:600}.portfolio-wrap .portfolio-info p{color:#fffc;text-transform:uppercase;letter-spacing:1px;margin-bottom:0;font-size:12px}.modern-pagination{justify-content:center;align-items:center;gap:12px;margin-top:50px;display:flex}.modern-pagination .page-numbers{gap:8px;display:flex}.modern-pagination .page-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.modern-pagination .page-btn:hover{color:#567204;border-color:#567204}.modern-pagination .page-btn.active{color:#fff;background:#567204;border-color:#567204;box-shadow:0 4px 10px #56720433}.modern-pagination .page-text{color:#444;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .3s}.modern-pagination .page-text:hover:not(:disabled){color:#567204;border-color:#567204}.modern-pagination .page-text:disabled{opacity:.4;cursor:not-allowed;background:#f9f9f9}@media (max-width:991px){.masonry-grid{column-count:2}.modern-tabs{gap:15px}}@media (max-width:767px){.masonry-grid{column-count:1}.modern-tabs li{letter-spacing:1px;padding:5px 10px;font-size:12px}.modern-pagination{flex-wrap:wrap}}