.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-radius:2px;border:1px solid rgba(12,0,20,.11);border-bottom:9px solid var(--primary-color);position:relative;cursor:pointer}.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}.show-image-popup.active{opacity:1;pointer-events:auto}.show-image-popup .wrapper{height:100vh;display:flex;align-items:center;justify-content:center}.show-image-popup .wrapper .show-img{width:100%;height:80vh;background-size:cover;background-position:center;border-radius:2px}.show-image-popup .wrapper .show-img.bg-one{background:url(/images/project-1.webp) no-repeat center/cover}.show-image-popup .wrapper .show-img.bg-two{background:url(/images/project-two.webp) no-repeat center/cover}.show-image-popup .wrapper .show-img.bg-three{background:url(/images/project-3.webp) no-repeat center/cover}.show-image-popup .wrapper .show-img.bg-four{background:url(/images/project-4.webp) no-repeat center/cover}.show-image-popup .wrapper .show-img.bg-five{background:url(/images/project-5.webp) no-repeat center/cover}.show-image-popup .wrapper .show-img.bg-six{background:url(/images/project-6.webp) no-repeat center/cover}.show-image-popup .wrapper .show-img.bg-seven{background:url(/images/project-7.webp) no-repeat center/cover}.show-image-popup .wrapper .show-img.bg-eight{background:url(/images/project-8.webp) no-repeat center/cover}.show-image-popup .wrapper .show-img.bg-nine{background:url(/images/project-9.webp) no-repeat center/cover}.show-image-popup .wrapper .show-img.bg-ten{background:url(/images/project-10.webp) no-repeat center/cover}@media (max-width: 1060px){.section-one-projects .wrapper{flex-direction:column}.section-one-projects .wrapper .project{width:80%}}@media (max-width: 745px){.section-one-projects .wrapper{flex-direction:column}.section-one-projects .wrapper .project{width:100%}.show-image-popup .wrapper .show-img{height:50vh}}