.projects{background:#f4f4f4;border-bottom:2px solid #fff;flex-direction:column;padding-bottom:100px;display:flex}.projects__filter{border:1px solid #6f6f6f;border-radius:40px;width:100%;height:56px;padding:8px 16px;font-size:16px}.projects__filter:focus{box-shadow:none;border-color:#4db96d;outline:none}.projects .projects__filter-desktop{width:220px;display:block;position:relative}.projects .projects__filter-trigger{cursor:pointer;background:#fff;border:1px solid #6f6f6f;border-radius:40px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:56px;padding:14px 20px;font-size:16px;transition:border-color .2s;display:flex}.projects .projects__filter-trigger:hover{border-color:#4db96d}.projects .projects__filter-trigger:focus{border-color:#4db96d;outline:none}.projects .projects__filter-arrow{color:#6f6f6f;transition:transform .2s}.projects .projects__filter-arrow.open{transform:rotate(180deg)}.projects .projects__filter-dropdown{z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:16px;animation:.15s dropdownFadeIn;position:absolute;top:60%;left:0;right:0;overflow:hidden;box-shadow:0 4px 20px #0000001f}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.projects .projects__filter-option{cursor:pointer;padding:14px 20px;font-size:15px;transition:background .15s}.projects .projects__filter-option:hover{background:#f5f5f5}.projects .projects__filter-option.selected{color:#4db96d;background:#4db96d1a;font-weight:500}.projects .projects__filter-option:first-child{border-radius:16px 16px 0 0}.projects .projects__filter-option:last-child{border-radius:0 0 16px 16px}.projects .projects__filter-option:only-child{border-radius:16px}.projects .projects__filter-mobile{display:none}.projects .projects__filter-icon{color:#1e1e1e;background:#fff;border:1px solid #6f6f6f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:16px;display:inline-flex}.projects-hero{justify-content:center;align-items:center;width:100%;min-height:420px;display:flex;position:relative;overflow:hidden}.projects-hero__img{z-index:0;height:100%;position:absolute;inset:0;overflow:hidden}.projects-hero__img-img{object-fit:cover;object-position:center;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.projects-hero__overlay{z-index:1;background:linear-gradient(#00000026 0%,#00000073 60%);position:absolute;inset:0}.projects-hero__content{z-index:2;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:1200px;padding:40px 20px;display:flex;position:relative}.projects-hero__crumb{justify-content:center;width:100%;margin-top:90px;margin-bottom:16px;display:flex}.projects-hero__title{color:#fff;text-align:center;text-shadow:0 6px 20px #00000073;margin:0;font-size:72px;font-weight:500;line-height:1}.projects__wrapper{flex-direction:column;max-width:1400px;margin:0 auto;display:flex}.projects__wrapper__top{justify-content:space-between;margin-top:62px;display:flex}.projects__wrapper__top-title{margin-bottom:32px;font-size:44px;font-weight:500}.projects__wrapper__bottom{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.projects__wrapper__bottom__card{color:#000;background:#fff;border-radius:25px;padding:32px}.projects__wrapper__bottom__card-category{color:#4db96d;background:#4db96d1a;border-radius:25px;justify-content:center;align-items:center;max-width:150px;font-size:16px;font-weight:600;display:flex}.projects__wrapper__bottom__card-title{border-bottom:1px solid #dacdcd;height:145px;margin:16px 0;padding-bottom:24px;font-size:24px;font-weight:500;line-height:140%}.projects__wrapper__bottom__card-location,.projects__wrapper__bottom__card-customer,.projects__wrapper__bottom__card-date{align-items:center;gap:16px;margin-top:16px;font-size:18px;font-weight:500;display:flex}.projects__wrapper__bottom__card-location p,.projects__wrapper__bottom__card-customer p,.projects__wrapper__bottom__card-date p{flex-direction:column;display:flex}.projects__wrapper__bottom__card-location p span,.projects__wrapper__bottom__card-customer p span,.projects__wrapper__bottom__card-date p span{color:#6f6f6f;font-size:16px;font-weight:400}.projects__wrapper__bottom__card-location,.projects__wrapper__bottom__card-customer{border-bottom:1px solid #dacdcd;padding-bottom:14px}.projects__wrapper__bottom__card-customer{max-height:120px}.dialog-filter{background:#fff;border-radius:50px;width:100%;max-width:420px;padding:18px;box-shadow:none!important}.dialog-filter .projects__filter{box-sizing:border-box;width:100%!important}.projects__select-content{width:100%!important;min-width:100%!important;max-height:calc(100vh - 160px)!important;overflow-y:auto!important}.projects__select-content .p-1{width:100%!important}
@media (max-width:768px){.projects{padding-bottom:40px}.projects .projects__filter-desktop{display:none}.projects .projects__filter-mobile{align-self:center;align-items:center;margin-left:12px;display:flex}.projects .projects__wrapper__top{align-items:center;gap:8px}.projects-hero{min-height:300px}.projects-hero__title{font-size:32px}.projects__wrapper{padding:16px}.projects__wrapper__top{margin-top:50px;display:flex}.projects__wrapper__top-title{margin-bottom:25px;font-size:24px}.projects__wrapper__bottom{grid-template-columns:repeat(1,1fr);gap:12px;display:grid}.projects__wrapper__bottom__card{padding:20px}.projects__wrapper__bottom__card-category{max-width:130px;padding:6px 10px;font-size:14px}.projects__wrapper__bottom__card-title{padding-bottom:12px;font-size:16px}.projects__wrapper__bottom__card-location,.projects__wrapper__bottom__card-customer,.projects__wrapper__bottom__card-date{align-items:center;gap:12px;margin-top:12px;font-size:16px;display:flex}.projects__wrapper__bottom__card-location svg,.projects__wrapper__bottom__card-customer svg,.projects__wrapper__bottom__card-date svg{width:15px;height:15px}.projects__wrapper__bottom__card-location p,.projects__wrapper__bottom__card-customer p,.projects__wrapper__bottom__card-date p{flex-direction:column;display:flex}.projects__wrapper__bottom__card-location p span,.projects__wrapper__bottom__card-customer p span,.projects__wrapper__bottom__card-date p span{font-size:14px}.projects__wrapper__bottom__card-location,.projects__wrapper__bottom__card-customer{border-bottom:1px solid #dacdcd;padding-bottom:14px}.dialog-filter{background:0 0;border-radius:12px;max-width:100%;padding:12px;box-shadow:none!important}.dialog-filter .projects__filter{width:100%!important}}