.new-port-sec{display:inline-block;padding:50px 40px;width:100%}.new-port-sec .sec-title{align-items:center;display:flex;justify-content:space-between;max-width:1200px;padding:0 15px 60px;width:100%}.new-port-sec .cta,.new-port-sec .title{display:inline-block;margin:0;width:auto}.new-port-sec .title h2{display:inline-block;margin:0;position:relative;width:100%;z-index:1}.new-port-sec .title h2:after{background:#fecd57;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:150px}.new-port-sec .port-inner{display:inline-block;width:100%}.new-port-sec .project-list{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-left:-5px;width:calc(100% + 10px)}.new-port-sec .project-item{display:inline-block;line-height:0;margin:5px;width:calc(33.33333% - 10px)}.new-port-sec .project-item a{display:inline-block;line-height:0;position:relative;width:100%;z-index:2}.new-port-sec .project-item a img{border-radius:5px;box-shadow:0 0 10px 0 #00000040;display:inline-block;height:370px;object-fit:cover;object-position:center;width:100%}.new-port-sec .project-item .project-name{bottom:unset;display:inline-block;left:50%;opacity:0;padding:15px;position:absolute;right:unset;text-align:center;top:50%;transform:translate(-50%,-50%);transition:.4s ease-in-out;visibility:hidden;width:100%;z-index:9}.new-port-sec .project-item .project-name h5{color:#fecd57;display:inline-block;text-align:center;width:100%}.new-port-sec .project-item a:after{background-color:rgba(0,0,0,.4);border-radius:5px;bottom:50%;content:"";height:0;left:50%;margin:0 auto;position:absolute;right:50%;top:50%;transform:translate(-50%,-50%);transition:.4s ease-in-out;width:0}.new-port-sec .project-item a:hover:after{height:100%;width:100%}.new-port-sec .project-item a:hover .project-name{opacity:1;visibility:visible}@media(max-width:1199px){.new-port-sec{padding:50px 15px}.new-port-sec .sec-title{padding:0 0 60px}}@media(max-width:991px){.new-port-sec{padding:40px 15px}.new-port-sec .project-item{width:calc(50% - 10px)}}@media(max-width:767px){.new-port-sec .project-item{margin:0 0 5px;width:100%}.new-port-sec .project-list{margin:0;width:100%}.new-port-sec .sec-title{padding:0 0 50px}.new-port-sec{padding:30px 15px}}@media(max-width:480px){.new-port-sec .sec-title{flex-wrap:wrap}.new-port-sec .cta,.new-port-sec .title{width:100%}.new-port-sec .cta{margin-top:40px}.new-port-sec .sec-title{padding:0 0 40px}.new-port-sec .project-item a img{height:300px}}