ul.jobpro-project-list,ul.jobpro-project-list li{margin:0;padding:0;list-style:none}ul.jobpro-project-list{display:flex;overflow:hidden;height:49vh;width:100%}ul.jobpro-project-list li{overflow:hidden;flex:1;width:8.3vw;height:calc(100% - 0%);transition:flex 500ms ease-out;padding:30px 25px;position:relative;display:flex;flex-wrap:wrap;cursor:pointer;align-items:flex-end;align-content:flex-end}ul.jobpro-project-list li.jobpro-project-list-active{flex:30vw}ul.jobpro-project-list li.jobpro-project-list-active .jobpro-project-subtitle{opacity:0.80;display:flex;flex-wrap:wrap;gap:10px 0px}ul.jobpro-project-list li.jobpro-project-list-active p{width:100%}ul.jobpro-project-list li.jobpro-project-list-active .jobpro-project-maintitle{font-size:60px}ul.jobpro-project-list li.jobpro-project-list-active .jobpro-project-sec i{display:none}ul.jobpro-project-list li:before{content:'';position:absolute;left:0px;bottom:0px;background-color:transparent;background-image:linear-gradient(180deg, transparent 29%, rgba(2,2,2,0.88) 87.14%);width:100%;height:100%;z-index:1}ul.jobpro-project-list .jobpro-project-maintitle{font-weight:500;font-size:32px;line-height:150%;color:#fff;margin-bottom:10px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}ul.jobpro-project-list .jobpro-project-subtitle{width:45vw;font-style:normal;font-weight:500;font-size:20px;leading-trim:both;text-edge:cap;line-height:30px;display:none;color:#fff;padding-right:20%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}ul.jobpro-project-list .jobpro-project-sec{position:relative;z-index:2;text-decoration:none}ul.jobpro-project-list .jobpro-project-sec i{font-size:24px;color:#fff}ul.jobpro-project-list .jobpro-project-btn{font-style:normal;font-weight:500;font-size:13px;line-height:30px;text-transform:capitalize;color:#ffffff;display:inline-flex;border:1px solid #fff;border-radius:80px;padding:9px 20px;line-height:1}