.portfolio_portfolioContainer__1s_wl{padding:20px;background-color:#f9f9f9;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center}.portfolio_gridContainer__NoV47{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;max-width:100%}.portfolio_projectCard__KahrR{background:black;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;transform:scale(1);transition:transform .3s ease,box-shadow .3s ease}.portfolio_projectCard__KahrR:hover{transform:scale(1.05);box-shadow:0 8px 12px rgba(0,0,0,.2)}.portfolio_projectImage__mdLYg{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.portfolio_projectCard__KahrR:hover .portfolio_projectImage__mdLYg{transform:scale(1.1)}.portfolio_projectDetails__uca5_{padding:15px;text-align:center}.portfolio_projectTitle__tDdyf{font-size:1.5rem;margin:10px 0;color:#fff}.portfolio_projectDescription__kVJjt{font-size:1rem;color:whitesmoke;margin:10px 0}.portfolio_colorThemes__0FYGY{display:flex;justify-content:center;margin-top:10px}.portfolio_colorSwatch__MMFOg{width:40px;height:40px;margin:0 5px;border-radius:50%;border:1px solid #ddd}.portfolio_noProjectsMessage__jsAjP{font-size:1.2rem;color:#666;margin-top:20px}@keyframes portfolio_fadeInUp__ieDJp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio_projectCard__KahrR{animation:portfolio_fadeInUp__ieDJp .6s ease}.portfolio_cardFooter__69aT_{padding:10px;text-align:right}.portfolio_externalLink__BfLMU{color:white;font-size:1.5rem;text-decoration:none;transition:color .3s ease}.portfolio_externalLink__BfLMU:hover{color:#cf3}.portfolio_viewMoreButton__r4xAu{margin-top:20px;padding:10px 20px;font-size:16px;background-color:#cf3;color:#000;border:none;border-radius:5px;cursor:pointer;transition:opacity .3s ease,transform .2s ease}.portfolio_viewMoreButton__r4xAu:hover{background-color:#000;color:#fff;transform:scale(1.05)}.portfolio_viewMoreButton__r4xAu.portfolio_hidden__YktRZ{opacity:0;pointer-events:none}.nav-menu{display:none;flex-direction:column;position:absolute;top:60px;right:0;left:0;padding:10px;z-index:999;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out;background-color:#fff;color:#000}.nav-menu.open{display:flex;visibility:visible;opacity:1}html.dark .nav-menu{background-color:#1a1a1a;color:#f5f5f5}.menu-button{display:none;cursor:pointer;font-size:1.5rem;padding:.5rem;background:none;border:none;color:inherit}@media (max-width:1024px){.nav-menu-wrap .right-navbar-content{display:none}.menu-button{display:block}}@media (min-width:1025px){.menu-button{display:none}.nav-menu-wrap .right-navbar-content{display:flex;gap:1rem;align-items:center}.nav-menu{display:none!important}}.contact-form{width:100%;margin:auto;padding:20px;background:#f9f9f9;box-shadow:0 4px 6px rgba(0,0,0,.1);animation:fadeIn 1s ease-in-out}.contact-form h2{margin-bottom:1rem}.contact-form input,.contact-form textarea{width:100%;margin-bottom:1rem;padding:10px;border-radius:4px;font-size:16px}.contact-form{display:flex;flex-direction:column;gap:20px;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:600px;margin:0 auto}.contact-form h2{font-size:24px;font-weight:700;color:#333;margin-bottom:20px;text-align:center}input,textarea{font-size:16px;padding:12px;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;width:100%;background-color:#f9f9f9;transition:all .3s ease-in-out}input:focus,textarea:focus{border-color:#CCFF00;background-color:#fff;outline:none}button{background-color:#CCFF00;color:#000;font-weight:400;font-size:16px;padding:15px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#000;color:#fff}button:disabled{background-color:#ccc;cursor:not-allowed}.status{font-size:16px;text-align:center;color:#333;margin-top:20px}.status.success{color:#4caf50}.status.error{color:#f44336}@media (max-width:768px){.hero-form{padding:40px 15px}.hero-header .heading-1{font-size:28px}.contact-form{padding:20px;max-width:90%}}@media (max-width:480px){.hero-header .heading-1{font-size:24px}.contact-form h2{font-size:20px}}