.projects-page-container{margin-bottom:120px;position:relative;min-height:calc(100vh + 85px)!important}.sectors-container{pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:50px;display:flex;position:relative}@media (max-width:800px){.sectors-container{gap:15px;margin-top:30px}}@media (max-width:600px){.sectors-container{flex-direction:column;align-items:stretch;gap:10px;margin-top:25px}.mobile-filter-toggle{background-color:var(--main-color);color:#fff;cursor:pointer;text-transform:uppercase;border-radius:25px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:10px 15px;font-family:main-font-Neo;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.mobile-filter-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.mobile-filter-toggle svg{font-size:18px}.filter-options{background:var(--main-overlay);opacity:0;border-radius:15px;max-height:0;margin-top:10px;padding:15px;transition:all .3s;display:none;position:relative;overflow:hidden;transform:translateY(-10px);box-shadow:0 4px 20px #0000001a}.filter-options.open{opacity:1;flex-direction:column;align-items:center;max-height:500px;display:flex;transform:translateY(0)}.filter-options h4{text-align:center;border-radius:20px;width:100%;margin:5px 0;padding:8px 16px;transition:all .3s}.filter-options h4:hover{background-color:#0000000d}}.sectors-container h4{cursor:pointer;color:#ddd;text-transform:uppercase;z-index:1;border:2px dotted #96c12099;border-radius:30px;width:max-content;padding:6px 12px;font-family:main-font-Neo;font-weight:700;transition:background-color .5s;position:relative}.sectors-container h4:hover{color:#fff}.sectors-container h4.active{color:#fff;background-color:#96c12099}@media (max-width:800px){.sectors-container h4{padding:5px 10px;font-size:16px}}@media (max-width:600px){.sectors-container h4{padding:4px 8px;font-size:14px}}@media (min-width:601px){.mobile-filter-toggle{display:none}.filter-options{box-shadow:none;opacity:1;background:0 0;flex-flow:wrap;justify-content:center;align-items:center;gap:20px;max-height:none;margin-top:0;padding:0;transform:none;display:flex!important}.filter-options h4{width:auto;font-size:inherit;margin:0;padding:6px 12px}}.projects-page-container .location{background-color:var(--main-color);z-index:5;color:#fff;cursor:pointer;border-top-right-radius:60px;border-bottom-right-radius:60px;justify-content:space-between;align-items:center;gap:10px;width:fit-content;height:fit-content;padding:5px;transition:all .2s;display:flex;position:fixed;top:30%;left:0;transform:translate(calc(40px - 100%))}.projects-page-container .location:hover{transform:translate(0)}.projects-page-container .location p{text-transform:capitalize;font-size:14px;font-weight:600}.projects-page-container .location svg{width:30px;font-size:25px}.map-filtration{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;z-index:15;background:linear-gradient(135deg,#ffffff1a,#fff0);border-radius:10px;width:100%;height:100%;transition:all .2s;display:none;position:fixed;top:0;left:0;overflow:hidden}@media (max-width:400px){.projects-map{width:100vw;height:100vh;position:absolute;top:0;left:-120px!important;transform:scale(3.8)!important}}@media (min-width:401px) and (max-width:600px){.projects-map{width:100vw;height:100vh;position:absolute;left:-120px;transform:scale(2.8)}}.projects-gallery{opacity:0;pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:fit-content;margin-top:40px;transition:all .4s ease-in-out;display:flex;transform:translateY(100px)}.working{pointer-events:auto}.projects-gallery.working{opacity:1;transform:translateY(0)}.projects-gallery .project{aspect-ratio:1;width:calc(25% - 5px);min-width:360px;margin:2.5px;display:block;position:relative}.project img{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);object-fit:cover;aspect-ratio:1;background:linear-gradient(135deg,#ffffff26,#ffffff14);width:100%;transition:all .4s;display:block;box-shadow:0 8px 32px #0000005e;position:relative!important}.project:before{content:"";opacity:0;z-index:1;background:linear-gradient(#0000 0%,#000c 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.project .project-info{color:#fff;opacity:0;z-index:2;text-align:left;width:100%;padding:20px;transition:all .3s;position:absolute;bottom:0;left:0;transform:translateY(20px)}.project .project-details{text-transform:uppercase;letter-spacing:1px;color:var(--main-color);opacity:0;font-family:main-font-Neo;font-size:14px;font-weight:600;transition:all .3s .2s;transform:translateY(10px)}.project .project-name{text-transform:capitalize;opacity:0;margin-bottom:8px;font-size:18px;font-weight:600;transition:all .3s .1s;transform:translateY(10px)}.project:hover img{transform:scale(1.1)}.project:hover:before{opacity:1}.project:hover .project-info,.project:hover .project-name,.project:hover .project-details{opacity:1;transform:translateY(0)}@media (max-width:576px){.project .project-name{font-size:15px}.projects-gallery .project{width:95%}}
