.portfolio-container{max-width:1200px;margin:0 auto;padding:80px 20px}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.portfolio-item{opacity:0;background:#fff;border:1px solid #eaeaea;border-radius:12px;flex-direction:column;animation:.6s forwards fadeIn;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio-item:hover{border-color:#d1b46a;transition:transform .3s,box-shadow .3s,border-color .3s;transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.portfolio-image-wrapper{background:#f7f7f7;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.portfolio-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.portfolio-item:hover .portfolio-image-wrapper img{transform:scale(1.08)}.portfolio-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-zoom-icon{color:#fff;background:#d1b46af2;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:transform .3s;display:flex;transform:scale(.8);box-shadow:0 4px 10px #0000004d}.portfolio-item:hover .portfolio-zoom-icon{transform:scale(1)}.portfolio-info{background:#fff;flex-direction:column;flex-grow:1;justify-content:center;padding:20px;display:flex}.portfolio-title{color:#333;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-family:"Baloo 2",sans-serif;font-size:16px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.portfolio-category{color:#d1b46a;text-transform:uppercase;letter-spacing:1px;margin-top:6px;font-size:11px;font-weight:600;display:block}.client-grid-react{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px;max-width:1200px;margin:0 auto;display:grid}.client-logo-item{background:#fff;border:1px solid #eaeaea;border-radius:8px;justify-content:center;align-items:center;height:65px;padding:10px;transition:transform .3s,border-color .3s;display:flex;box-shadow:0 4px 10px #00000005}.client-logo-item:hover{border-color:#d1b46a;transform:translateY(-3px)}.client-logo-item img{object-fit:contain;filter:grayscale();opacity:.65;max-width:100%;max-height:100%;transition:all .3s}.client-logo-item:hover img{filter:grayscale(0%);opacity:1}.active-tab-react{color:#fff!important;background:#d1b46a!important;border-color:#d1b46a!important}.overlay.open{opacity:.95;visibility:visible;height:100%}@media (width<=768px){.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.portfolio-container{padding:40px 15px}}.Header_fixed{box-sizing:border-box!important;z-index:99990!important;background:#000!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:80px!important;margin:0 auto!important;padding:0 5%!important;animation:.3s ease-in-out fadeIn!important;display:flex!important;position:fixed!important;top:0!important;box-shadow:0 2px 10px #0000004d!important}.Header_fixed .head_content{float:none!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important}.Header_fixed .logo_left{float:none!important;align-items:center!important;margin:0!important;display:flex!important}.Header_fixed .logo_left a{align-items:center!important;display:flex!important}.Header_fixed .logo-white{visibility:visible!important;width:auto!important;height:50px!important;margin:0!important;display:block!important}.Header_fixed .logo-dark{visibility:hidden!important;display:none!important}.Header_fixed .menu_right{float:none!important;align-items:center!important;height:100%!important;margin:0!important;display:flex!important;position:static!important}.Header_fixed .button_container{margin:0!important;position:absolute!important;top:50%!important;right:5%!important;transform:translateY(-50%)!important}.Header_fixed .clear{display:none!important}