.featured-projects{color:#111;padding:110px 30px 50px;position:relative;overflow:hidden}.featured-projects .featured-header{margin-bottom:55px}.featured-projects .projects-tabs{z-index:2;margin-bottom:25px;position:relative}.featured-projects .location-tabs{flex-wrap:nowrap;justify-content:center;gap:12px;width:100%;height:100%;padding:8px 0;display:flex;overflow:auto hidden;border:0!important}.featured-projects .location-tabs .nav-item{margin:0}.featured-projects .location-tabs .nav-link{letter-spacing:2px;min-width:125px;padding:14px 25px;font-size:11px;font-weight:700;transition:all .35s;position:relative;color:#555!important;background:#fff!important;border:1px solid #d5d5d5!important;border-radius:0!important}.featured-projects .location-tabs .nav-link:hover{transform:translateY(-3px);color:#fff!important;background:#111!important;border-color:#111!important}.featured-projects .location-tabs .nav-link.active{box-shadow:5px 5px #ddd;color:#fff!important;background:#111!important;border-color:#111!important}.featured-projects .projects-slider{padding:25px 0;position:relative}.featured-projects .projects-slider .swiper{overflow:visible}.featured-projects .projects-slider .swiper-slide{height:auto}.featured-projects .project-card{background:#111;height:500px;position:relative;overflow:hidden}.featured-projects .project-image{width:100%;height:100%;position:relative;overflow:hidden}.featured-projects .project-image img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .8s}.featured-projects .project-card:hover img{filter:grayscale(0%);transform:scale(1.08)}.featured-projects .project-overlay{background:linear-gradient(#0000000d 25%,#00000059 55%,#000000e0 100%);transition:background .4s;position:absolute;inset:0}.featured-projects .project-card:hover .project-overlay{background:linear-gradient(#00000026,#000000e6)}.featured-projects .project-number{z-index:2;color:#fff;letter-spacing:1px;border:1px solid #ffffff80;justify-content:center;align-items:center;width:42px;height:42px;font-size:11px;font-weight:700;transition:all .35s;display:flex;position:absolute;top:22px;left:22px}.featured-projects .project-card:hover .project-number{color:#111;background:#fff}.featured-projects .project-info{z-index:3;color:#fff;position:absolute;bottom:28px;left:30px;right:30px}.featured-projects .project-category{letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #ffffff80;margin-bottom:10px;padding-bottom:6px;font-size:10px;display:inline-block}.featured-projects .project-info h3{text-transform:uppercase;max-width:85%;margin:0 0 22px;font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.2}.featured-projects .project-link{color:#fff;letter-spacing:1.5px;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:10px;font-weight:700;display:inline-flex}.featured-projects .project-link .arrow{border:1px solid #ffffffb3;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;transition:all .35s;display:flex}.featured-projects .project-link:hover .arrow{color:#111;background:#fff;transform:rotate(45deg)}@media (min-width:768px) and (max-width:991.98px){.featured-projects{padding:80px 0 100px}.featured-projects .location-tabs{justify-content:flex-start}.featured-projects .location-tabs .nav-link{min-width:auto;padding:12px 18px}.featured-projects .project-card{height:450px}.featured-projects .project-image img{filter:grayscale(0%)}}@media (min-width:576px) and (max-width:767.98px){.featured-projects{padding:65px 0 90px}.featured-projects .featured-header{margin-bottom:35px}.featured-projects .projects-tabs{padding:0 15px}.featured-projects .location-tabs{justify-content:flex-start;gap:7px}.featured-projects .location-tabs .nav-link{letter-spacing:1px;padding:10px 13px;font-size:9px}.featured-projects .projects-slider{padding:20px 15px 65px}.featured-projects .project-card{height:430px}.featured-projects .project-image img{filter:grayscale(0%)}.featured-projects .project-info{bottom:22px;left:22px;right:22px}.featured-projects .project-info h3{font-size:21px}}@media (min-width:0) and (max-width:575.98px){.featured-projects{padding:80px 0 100px}.featured-projects .location-tabs{justify-content:flex-start;gap:7px}.featured-projects .location-tabs .nav-link{padding:9px 11px}.featured-projects .project-card{height:390px}.featured-projects .project-image img{filter:grayscale(0%)}}
