.section-one-projects .wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center}.section-one-projects .wrapper .project{height:326px;width:49%;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(12,0,20,.11);border-bottom:9px solid var(--primary-color);position:relative;cursor:pointer;background-size:cover;background-repeat:no-repeat;background-position:center}.section-one-projects .wrapper .project .gradient{position:absolute;inset:0;background:linear-gradient(to bottom,#001f2e00,#001f2e),linear-gradient(to top,#001f2e00,#001f2e);opacity:40%;transition:.2s ease-in-out}.section-one-projects .wrapper .project:hover .gradient{opacity:20%}.section-one-projects .wrapper .project.bg-one{background:url(/images/project-1.webp) no-repeat center/cover}.section-one-projects .wrapper .project.bg-two{background:url(/images/project-two.webp) no-repeat center/cover}.section-one-projects .wrapper .project.bg-three{background:url(/images/project-3.webp) no-repeat center/cover}.section-one-projects .wrapper .project.bg-four{background:url(/images/project-4.webp) no-repeat center/cover}.section-one-projects .wrapper .project.bg-five{background:url(/images/project-5.webp) no-repeat center/cover}.section-one-projects .wrapper .project.bg-six{background:url(/images/project-6.webp) no-repeat center/cover}.section-one-projects .wrapper .project.bg-seven{background:url(/images/project-7.webp) no-repeat center/cover}.section-one-projects .wrapper .project.bg-eight{background:url(/images/project-8.webp) no-repeat center/cover}.section-one-projects .wrapper .project.bg-nine{background:url(/images/project-9.webp) no-repeat center/cover}.section-one-projects .wrapper .project.bg-ten{background:url(/images/project-10.webp) no-repeat center/cover}.section-one-projects .wrapper .project .head{padding:20px;display:flex;align-items:center;gap:20px}.section-one-projects .wrapper .project .head .tag{display:flex;padding:6px 24px;justify-content:center;align-items:center;gap:6px;border-radius:2px;border:1px solid rgba(255,255,255,.24);background:#ffffff1a;backdrop-filter:blur(4px)}.section-one-projects .wrapper .project .head .tag p{color:#fff;font-size:16px;font-weight:600;line-height:150%;text-transform:capitalize}.section-one-projects .wrapper .project .content{padding:20px;border-radius:2px;border:1px solid rgba(255,255,255,.24);background:#ffffff1f;backdrop-filter:blur(3.9000000954px)}.section-one-projects .wrapper .project .content p{color:#fff;margin-bottom:12px;font-size:16px;font-style:normal;font-weight:400;line-height:150%}.show-image-popup{position:fixed;inset:0;z-index:1111;background-color:#000000e6;opacity:0;pointer-events:none;transition:opacity .1s ease;padding:20px}.show-image-popup.active{opacity:1;pointer-events:auto}.show-image-popup .wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.show-image-popup .wrapper .popup-content{display:flex;flex-direction:row;width:95%;max-width:1800px;height:85vh;background:transparent;transition:all .3s ease}.show-image-popup .wrapper .popup-content.has-info{background:#0c1821;border-radius:2px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.show-image-popup .wrapper .popup-content.has-info .show-img{width:60%;height:100%;border-radius:0}.show-image-popup .wrapper .popup-content .show-img{width:100%;height:100%;background-size:cover;background-position:center;border-radius:2px}.show-image-popup .wrapper .popup-content .show-img.bg-one{background:url(/images/project-1.webp) no-repeat center/cover}.show-image-popup .wrapper .popup-content .show-img.bg-two{background:url(/images/project-two.webp) no-repeat center/cover}.show-image-popup .wrapper .popup-content .show-img.bg-three{background:url(/images/project-3.webp) no-repeat center/cover}.show-image-popup .wrapper .popup-content .show-img.bg-four{background:url(/images/project-4.webp) no-repeat center/cover}.show-image-popup .wrapper .popup-content .show-img.bg-five{background:url(/images/project-5.webp) no-repeat center/cover}.show-image-popup .wrapper .popup-content .show-img.bg-six{background:url(/images/project-6.webp) no-repeat center/cover}.show-image-popup .wrapper .popup-content .show-img.bg-seven{background:url(/images/project-7.webp) no-repeat center/cover}.show-image-popup .wrapper .popup-content .show-img.bg-eight{background:url(/images/project-8.webp) no-repeat center/cover}.show-image-popup .wrapper .popup-content .show-img.bg-nine{background:url(/images/project-9.webp) no-repeat center/cover}.show-image-popup .wrapper .popup-content .show-img.bg-ten{background:url(/images/project-10.webp) no-repeat center/cover}.show-image-popup .wrapper .popup-content .project-info-card{display:none;flex-direction:column;padding:60px;color:#fff;width:40%;overflow-y:auto;justify-content:flex-start}.show-image-popup .wrapper .popup-content .project-info-card .tags{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;margin-top:0}.show-image-popup .wrapper .popup-content .project-info-card .tags .popup-tag{padding:6px 16px;border:1px solid rgba(255,255,255,.2);font-size:14px;color:#fffc;text-transform:capitalize}.show-image-popup .wrapper .popup-content .project-info-card .popup-title{font-size:42px;font-weight:700;margin-bottom:15px;line-height:1.1}.show-image-popup .wrapper .popup-content .project-info-card .popup-address{font-size:20px;color:#ffffffb3;margin-bottom:30px}.show-image-popup .wrapper .popup-content .project-info-card .popup-divider{height:1px;background:#ffffff1a;width:100%;margin:30px 0}.show-image-popup .wrapper .popup-content .project-info-card .popup-service-label{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--primary-color);margin-bottom:10px;font-weight:600}.show-image-popup .wrapper .popup-content .project-info-card .popup-service{font-size:22px;font-weight:500;margin-bottom:20px}.show-image-popup .wrapper .popup-content .project-info-card .popup-detail{font-size:18px;line-height:1.6;color:#fffc;margin-bottom:40px}.show-image-popup .wrapper .popup-content .project-info-card .close-popup{align-self:flex-start}@media (max-width: 1060px){.section-one-projects .wrapper{flex-direction:column}.section-one-projects .wrapper .project{width:80%}.show-image-popup .wrapper .popup-content.has-info{flex-direction:column;height:90vh;max-height:800px;width:90%}.show-image-popup .wrapper .popup-content.has-info .show-img{width:100%;height:40%}.show-image-popup .wrapper .popup-content.has-info .project-info-card{width:100%;height:60%;padding:30px}}@media (max-width: 745px){.section-one-projects .wrapper{flex-direction:column}.section-one-projects .wrapper .project{width:100%}.show-image-popup{padding:10px}.show-image-popup .wrapper{align-items:center}.show-image-popup .wrapper .popup-content:not(.has-info) .show-img{height:50vh;width:100%}.show-image-popup .wrapper .popup-content.has-info{flex-direction:column;width:100%;height:auto;max-height:90vh;overflow-y:auto;border-radius:4px}.show-image-popup .wrapper .popup-content.has-info .show-img{width:100%;height:250px;flex-shrink:0}.show-image-popup .wrapper .popup-content.has-info .project-info-card{width:100%;height:auto;padding:25px}.show-image-popup .wrapper .popup-content.has-info .project-info-card .popup-title{font-size:26px;margin-bottom:8px;line-height:1.3}.show-image-popup .wrapper .popup-content.has-info .project-info-card .popup-address{font-size:16px;margin-bottom:20px;color:#fff9}.show-image-popup .wrapper .popup-content.has-info .project-info-card .popup-divider{width:100%;height:1px;background:#ffffff26;margin:20px 0}.show-image-popup .wrapper .popup-content.has-info .project-info-card .popup-service-label{font-size:13px;margin-bottom:8px;letter-spacing:1px;opacity:.9}.show-image-popup .wrapper .popup-content.has-info .project-info-card .popup-service{font-size:18px;margin-bottom:15px;font-weight:500}.show-image-popup .wrapper .popup-content.has-info .project-info-card .popup-detail{font-size:16px;margin-bottom:25px;opacity:.8;line-height:1.6}.show-image-popup .wrapper .popup-content.has-info .project-info-card .tags{gap:8px;margin-bottom:25px}.show-image-popup .wrapper .popup-content.has-info .project-info-card .tags .popup-tag{font-size:13px;padding:6px 14px;background:#ffffff0d}.show-image-popup .wrapper .popup-content.has-info .project-info-card .close-popup{width:100%;justify-content:center}}