.portflio-page .casestudybox{flex-wrap:wrap;justify-content:center;gap:15px;padding:0;display:flex}.portflio-page .casestudybox .studysinglebox{width:32%;margin:0}.portflio-page .casestudybox figure{box-shadow:none;background:#000;border-radius:15px;position:relative;overflow:hidden}.portflio-page .casestudybox figure:after{content:"";z-index:3;opacity:0;pointer-events:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff3b32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") 50%/22px no-repeat;border-radius:50%;width:56px;height:56px;transition:all .2s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}.portflio-page .casestudybox figure:hover:after{opacity:1;transform:translate(-50%,-50%)scale(1)}.portflio-page .casestudybox figure:before{content:"";z-index:1;background:linear-gradient(#0130 0%,#00000080 61%);width:100%;height:100%;transition:all .2s linear;display:block;position:absolute;bottom:0;left:0}.portflio-page .casestudybox figure img{opacity:.9;object-fit:cover;width:100%;height:400px;transition:all .2s linear;transform:scale(1.1)}.portflio-page .casestudybox figure:hover:before{background:0 0;transition:all .2s linear}.portflio-page .casestudybox figure:hover img{opacity:1;transform:scale(1)}.portflio-page .casestudybox:before{display:none}.portflio-page .casestudybox .studysinglebox button.cs-img-btn{width:100%;display:block}.portflio-page .projects-tab{padding:50px 0 0}.portflio-page .projects-tab .tabs-btns{justify-content:center;gap:15px;margin:0 0 50px;font-weight:500;display:flex}.portflio-page .projects-tab .tabs-btns button{cursor:pointer;color:#000;background:#fff;border-radius:5px;padding:10px 60px;box-shadow:0 0 9px 1px #00000017}.portflio-page .projects-tab .tabs-btns button:hover,.portflio-page .projects-tab .tabs-btns button.active{color:#fff;background:#ff3b32}.portflio-page .image-popup{z-index:999999!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.portflio-page .popup-overlay{z-index:1!important;background:#000000e6!important;width:100%!important;height:100%!important;position:fixed!important;top:0!important;left:0!important}.portflio-page .popup-content{z-index:2!important;width:auto!important;max-width:90vw!important;max-height:90vh!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.portflio-page .popup-content img{object-fit:contain!important;opacity:1!important;border-radius:10px!important;width:auto!important;max-width:90vw!important;height:auto!important;max-height:85vh!important;display:block!important;transform:none!important}.portflio-page .close-popup{color:#000!important;cursor:pointer!important;z-index:3!important;background:#fff!important;border:none!important;border-radius:50%!important;width:35px!important;height:35px!important;padding:0!important;font-size:24px!important;font-weight:700!important;line-height:35px!important;position:absolute!important;top:-45px!important;right:0!important}.portflio-page .casestudybox figure:before{pointer-events:none}.portflio-page .casestudybox .studysinglebox button.cs-img-btn{z-index:2;cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.portflio-page .casestudybox figure{box-shadow:none;isolation:isolate;background:#000;border-radius:15px;position:relative;overflow:hidden}.image-popup{z-index:999999;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.popup-content{max-width:90vw;max-height:90vh;position:relative}.popup-content img{object-fit:contain;border-radius:10px;width:auto;max-width:90vw;height:auto;max-height:90vh;display:block}.close-popup{color:#000;cursor:pointer;z-index:10;background:#fff;border:none;border-radius:50%;width:38px;height:38px;padding:0;font-size:26px;line-height:38px;position:absolute;top:-45px;right:0}@media (min-width:0) and (max-width:767px){.portflio-page .projects-tab .tabs-btns{flex-wrap:wrap;gap:10px;margin:0;padding:0 20px;display:flex}.portflio-page .projects-tab .tabs-btns button{min-width:150px;max-width:46%;padding:10px 20px}.portflio-page .casestudybox{background:0 0}.portflio-page .casestudybox .studysinglebox{width:100%}}@media (min-width:768px) and (max-width:1023px){.portflio-page .projects-tab .tabs-btns{z-index:9;flex-wrap:wrap;gap:10px;margin:0 0 30px;padding:0 20px;display:flex;position:sticky;top:68px}.portflio-page .projects-tab .tabs-btns button{min-width:130px;padding:10px 20px;font-size:14px}.portflio-page .casestudybox{background:0 0}.portflio-page .casestudybox .studysinglebox{width:46%}.portflio-page .casestudybox figure img{height:350px}}@media (min-width:1024px) and (max-width:1200px){.portflio-page .projects-tab .tabs-btns{z-index:9;flex-wrap:wrap;gap:10px;margin:0 0 30px;padding:0 20px;display:flex;position:sticky;top:100px}.portflio-page .projects-tab .tabs-btns button{min-width:130px;padding:10px 20px;font-size:14px}.portflio-page .casestudybox{background:0 0}.portflio-page .casestudybox .studysinglebox{width:32%}.portflio-page .casestudybox figure img{height:350px}}