.project-tabs{margin-top:20px}.tabs.project{list-style:none;display:flex;margin-bottom:60px;padding:0;justify-content:center}.tabs.project li{padding:10px 30px;cursor:pointer;background-color:#E8EFF7;margin-right:10px;border-radius:30px;font-family:"DM Sans",Sans-serif;font-size:14px;font-weight:700;color:#000}.tabs.project li.active{background-color:#044BAB;padding:10px 30px;cursor:pointer;margin-right:10px;border-radius:30px;color:#fff;font-family:"DM Sans",Sans-serif;font-size:14px;font-weight:700}.tab-content{display:none}.tab-content.active{display:block}.project-tags .span-tag{font-family:"DM Sans",Sans-serif;font-size:10px;color:#fff;margin-right:10px;display:inline-block;background:#18181B;border:1px solid #ffffff36;padding:3px 5px;line-height:10px;text-transform:uppercase;font-weight:700}.project-item{display:block;width:32%;border:1px solid #e1e1e1;margin-bottom:30px;background-color:#fff;overflow:hidden;box-shadow:0 4px 10px rgb(0 0 0 / .1);position:relative}.project-header{display:flex;justify-content:space-between;margin-bottom:10px;padding:10px;align-items:center;position:absolute;top:0;z-index:1;width:100%}.tab-content.active{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}.project-category-status{display:flex;gap:15px}.category-label{color:#044BAB;font-family:"DM Sans",Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase}img.loction-img{margin-bottom:-2px}.project-location strong,.project-duration strong,.project-scope strong{color:#044BAB;font-family:"DM Sans",Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase}span.project-location,span.project-duration,span.project-scope{color:#313131;font-family:"DM Sans",Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase}span.status-label.complete{background-color:#044BAB;color:#fff;padding:5px 10px;text-transform:uppercase;border-radius:0;font-family:"DM Sans",Sans-serif;font-size:10px;font-weight:600;letter-spacing:1px}span.status-label.in-progress{background-color:#F0B100;color:#000;padding:5px 10px;text-transform:uppercase;border-radius:0;font-family:"DM Sans",Sans-serif;font-size:10px;font-weight:600;letter-spacing:1px}.project-title{color:#000;margin:0;font-family:"DM Sans",Sans-serif;font-size:22px!important;font-weight:700;text-transform:uppercase;font-style:italic}.project-thumbnail{width:100%;height:250px}.project-thumbnail img{width:100%;height:auto;border-radius:0;height:250px!important;object-fit:cover;border-bottom:4px solid #044BAB!important}.project-scope p{margin:0}.project-details{padding:15px;background-color:#FAFAFA;border:1px solid #F4F4F5;margin:20px}.project-location,.project-duration,.project-scope{font-size:14px;color:#555;margin-bottom:10px}.Completed-col{display:flex;width:100%;justify-content:space-between}.project-status{font-size:14px;color:green;font-weight:700}.before-after{padding:0;text-align:center;position:absolute;top:235px;right:10px}.project-info{padding:20px 20px 0 20px}.before-after-link{color:#044BAB;font-weight:700;text-decoration:none;border:1px solid #044BAB;padding:5px 15px;border-radius:0;transition:background-color 0.3s;font-size:10px!important;background:#fff;text-transform:uppercase}.location-col{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid #E4E4E7}.before-after-link:hover{background-color:#044BAB;color:#fff}.project-tags{font-size:14px;color:#555;margin:0}.project-tags strong{font-weight:700}.project-tags span{font-size:14px;color:#044BAB;margin-right:10px;display:inline-block}@media (max-width:768px){.project-item{flex-direction:column;align-items:center;width:48%}.location-col{display:flex;flex-direction:row;justify-content:flex-start;border-bottom:1px solid #E4E4E7;gap:15px}.project-thumbnail{flex:0 0 80%;margin-bottom:15px}.project-title{font-size:20px}.before-after-link{width:100%;text-align:center}}@media (max-width:480px){.project-item{flex-direction:column;align-items:center;width:100%}.tabs.project{list-style:none;display:flex;margin-bottom:30px;padding:0;justify-content:center;flex-wrap:wrap;gap:10px}.tabs.project li.active,.tabs.project li{padding:10px 15px;font-size:14px!important;font-weight:700;line-height:10px}.Completed-col{align-items:flex-start}.project-title{font-size:20px!important}}