.portfolio-section{background:var(--primary-color);color:#fff;width:100%;height:auto;min-height:100vh}.portfolio-wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background-color:#0000;flex-direction:column;width:100%;height:100vh;padding:80px 70px;display:flex}.portfolio-title{margin-top:60px;font-size:2.5rem;font-weight:700}.portfolio-subtitle{color:#b0b8d1;max-width:600px;margin-top:10px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.6}.portfolio-tabs{background-color:#0000;flex-flow:wrap;justify-content:center;gap:15px;width:100%;margin-top:40px;display:flex}.portfolio-tabs button{color:#fff;cursor:pointer;margin-left:10px;padding-bottom:10px;font-size:18px;transition:all .3s}.portfolio-tabs button:hover{border-color:var(--second-color)}.portfolio-tabs .active{border-bottom:1px solid var(--second-color);color:var(--second-color);padding-bottom:10px;font-weight:600}.card-wrapper{text-align:center;background-color:#0000;flex-flow:wrap;place-content:center;align-items:center;width:100%;height:auto;margin-top:40px;display:flex}
@media (max-width:1124px){.portfolio-wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000;flex-direction:column;width:100%;height:auto;padding:50px 10px;display:flex}.portfolio-title{margin-top:60px;font-size:2rem;font-weight:700}.portfolio-subtitle{color:#b0b8d1;max-width:600px;margin-top:10px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.6}.portfolio-tabs{background-color:#0000;flex-flow:wrap;justify-content:center;gap:10px;width:100%;margin-top:50px;display:flex}}