.portfolio-section .heading-content h1 span{color:#ff3838}.portfolio-section .portfolio-project{column-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:30px}.portfolio-section .portfolio-project .portfolio-content{border-radius:10px;cursor:pointer;overflow:hidden;position:relative}.portfolio-section .portfolio-project .portfolio-image{position:relative}.portfolio-section .portfolio-project .portfolio-image img{border-radius:10px;display:block;height:468px!important;object-fit:cover;object-position:right;transition:transform .6s ease;width:100%}.portfolio-section .portfolio-project .portfolio-image:after{background:rgba(255,56,56,.53);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:all .4s ease;visibility:hidden;z-index:1}.portfolio-section .portfolio-project .portfolio-about{align-items:flex-end;display:flex;inset:0;opacity:0;padding:0 20px 35px;position:absolute;transform:translateY(25px);transition:all .4s ease;visibility:hidden;z-index:2}.portfolio-section .portfolio-project .portfolio-about a{align-items:center;display:flex;justify-content:space-between;text-decoration:none;width:100%}.portfolio-section .portfolio-project .portfolio-category h4{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.portfolio-section .portfolio-project .portfolio-category h5{color:#fff;font-size:24px;font-weight:800;margin:0}.portfolio-section .portfolio-project .arrow-icon{align-items:center;background:#fff;border-radius:50%;display:flex;height:50px;justify-content:center;opacity:0;transform:translateX(-10px);transition:all .4s ease;width:50px}.portfolio-section .portfolio-project .portfolio-content:hover .portfolio-image:after{opacity:1;visibility:visible}.portfolio-section .portfolio-project .portfolio-content:hover .portfolio-about{opacity:1;transform:translateY(0);visibility:visible}.portfolio-section .portfolio-project .portfolio-content:hover .portfolio-image img{transform:scale(1.08)}.portfolio-section .portfolio-project .portfolio-content:hover .arrow-icon{opacity:1;transform:translateX(0)}.portfolio-section .portfolio-button{display:flex;justify-content:center;padding-top:60px}.portfolio-section .heading-content{padding-bottom:60px;text-align:center}.portfolio-section .heading-content h1{margin:0}@media (max-width:1024px){.portfolio-section .portfolio-project{column-gap:15px;grid-template-columns:repeat(3,1fr)}.portfolio-section .heading-content{padding-bottom:40px}.portfolio-section .portfolio-project .portfolio-image img{height:400px!important}.portfolio-section .heading-content h1{font-size:35px;margin:0}}@media (max-width:991px){.portfolio-section .portfolio-project{grid-template-columns:auto auto;row-gap:20px}.portfolio-section .portfolio-project .portfolio-image img{height:300px!important}.portfolio-section .portfolio-project .portfolio-category h4{font-size:14px}.portfolio-section .portfolio-project .portfolio-category h5{font-size:18px}}@media (max-width:767px){.portfolio-section .portfolio-button{display:flex;justify-content:center;padding-top:30px}.portfolio-section .portfolio-project{grid-template-columns:auto}.portfolio-section .portfolio-project .portfolio-image img{height:250px!important}.portfolio-section .portfolio-project .portfolio-about{padding:0 10px 25px}.portfolio-section .portfolio-project .arrow-icon{height:40px;width:40px}.portfolio-section .heading-content h1{font-size:30px;margin:0}}