.portfolio-section{text-align:center;width:85%;max-width:1600px;margin:0 auto;font-family:var(--poppins-font);display:flex;flex-direction:column;align-items:center;margin-top:5rem;background-color:#fff}.portfolio-title{font-size:3.75rem;color:var(--primary-blue)}.portfolio-description{font-size:1.5rem;font-weight:300;line-height:3rem;margin-top:1rem;max-width:1436px;color:#000;margin-bottom:3rem}.portfolio-section .portfolio-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6rem;width:100%;margin:0 auto}.portfolio-section .portfolio-list .portfolio-item .text-img-container{display:flex;gap:1.875rem;justify-content:space-evenly;cursor:pointer}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:200px;padding:0}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container .portfolio-category{font-size:1.125rem;font-weight:400;color:#141313;text-align:left}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container .portfolio-name{color:#141313;font-weight:600;line-height:2.8rem;font-size:2.2rem;text-align:left}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container img{width:30px;height:30px;transform:rotate(-90deg)}.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container{width:270px;height:auto;position:relative}.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container img{width:100%;height:100%;object-fit:cover}@media (max-width:1650px){.portfolio-title{font-size:46px}.portfolio-description{max-width:1250px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container{width:250px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container .portfolio-name{font-size:1.8rem}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container img{width:30px;height:30px}}@media (max-width:1550px){.portfolio-title{font-size:44px}.portfolio-description{font-size:16px;margin-bottom:2rem;max-width:860px;line-height:1.8rem}}@media (max-width:1400px){.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container{width:250px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container .portfolio-name{font-size:1.8rem;line-height:2.3rem}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container img{width:25px;height:25px}}@media (max-width:1230px){.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container{gap:1rem}.portfolio-section .portfolio-list .portfolio-item .text-img-container{gap:0}}@media (max-width:1130px){.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container{width:178px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container .portfolio-name{font-size:1.6rem;line-height:2rem}.portfolio-section .portfolio-list{gap:3rem}.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container{width:230px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container .portfolio-category{font-size:.9rem}}@media (max-width:1025px){.portfolio-section{width:90%}.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container{width:250px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container{align-self:center;width:250px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container img{width:20px;height:20px}.portfolio-section .portfolio-list .portfolio-item .text-img-container{flex-direction:column-reverse;align-items:center}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container img{width:17px;height:17px}.portfolio-title{font-size:44px}}@media (max-width:900px){.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container{width:250px}}@media (max-width:620px){.portfolio-section{width:90%}.portfolio-section .portfolio-list{grid-template-columns:repeat(1,minmax(300px,1fr))}.portfolio-section .portfolio-list .portfolio-item .text-img-container{flex-direction:row}.portfolio-section .portfolio-list .portfolio-item:nth-child(2n) .text-img-container .text-container{order:2}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container{width:170px;padding:0;height:240px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container{width:350px;height:240px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container .portfolio-category{font-size:1rem}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container .portfolio-name{font-size:2rem;line-height:3rem}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container img{width:25px;height:25px}.portfolio-section .portfolio-list .portfolio-item .text-img-container{gap:1rem;justify-content:space-between}}@media (max-width:550px){.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container{width:155px;padding:0;height:200px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container{width:285px;height:200px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container .portfolio-name{font-size:1.6rem;line-height:2.2rem}}@media (max-width:500px){.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container{width:140px;padding:0;height:170px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container .portfolio-category{font-size:.9rem}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container .portfolio-name{font-size:1.3rem;line-height:2rem}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container img{width:20px;height:20px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container{height:180px;width:270px}}@media (max-width:455px){.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container{width:120px;padding:0;height:165px}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container .portfolio-name{font-size:1.2rem;line-height:1.8rem}.portfolio-section .portfolio-list .portfolio-item .text-img-container .text-container .portfolio-category{font-size:.75rem}.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container{width:260px;height:165px}.portfolio-description{font-size:.75rem;line-height:1.4rem}}@media (max-width:430px){.portfolio-title{font-size:40px}}@media (max-width:400px){.portfolio-title{font-size:36px}}@media (max-width:360px){.portfolio-title{font-size:32px}}@media (max-width:410px){.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container{width:220px;height:155px}}@media (max-width:410px){.portfolio-section .portfolio-list .portfolio-item .text-img-container .img-container{width:190px;height:155px}}