:root{--color-primary:#141414;--color-secondary:#1f1f25;--color-body:#74787c;--color-heading-1:#fff;--color-white:#fff;--color-success:#3eb75e;--color-danger:#ff0003;--color-warning:#ff8f3c;--color-info:#1ba2db;--color-facebook:#3b5997;--color-twitter:#1ba1f2;--color-youtube:#ed4141;--color-linkedin:#0077b5;--color-pinterest:#e60022;--color-instagram:#c231a1;--color-vimeo:#00adef;--color-twitch:#6441a3;--color-discord:#7289da;--transition:0.3s;--font-size-b1:16px;--font-size-b2:16px;--font-size-b3:12px;--font-size-b4:10px;--line-height-b1:26px;--line-height-b2:26px;--line-height-b3:1.7;--h1:60px;--h2:48px;--h3:30px;--h4:26px;--h5:24px;--h6:18px}.portfolio-page .banner .heading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.portfolio-page .banner .heading .small-heading{color:#212121;text-align:center;font-family:var(--font-inter),sans-serif;font-size:13.956px;font-weight:400;line-height:21.52px;letter-spacing:.64px;text-transform:uppercase}.portfolio-page .banner .heading h1{text-align:center}.portfolio-page .tabsContainer .tabsList{display:flex;list-style:none;margin:0;padding:0;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;flex-wrap:wrap;justify-content:space-between;position:-webkit-sticky;position:sticky;top:84px;z-index:10;background:#fff;display:none}@media(min-width:992px){.portfolio-page .tabsContainer .tabsList{display:flex}}.portfolio-page .tabsContainer .tabsList .tabItem{display:inline-block;margin:0 15px;padding:10px 15px;cursor:pointer;position:relative;font-size:16px;color:dimgray;font-weight:500;letter-spacing:1.016px;transition:all .3s ease;font-family:var(--font-inter),sans-serif}.portfolio-page .tabsContainer .tabsList .tabItem:hover{color:#333}.portfolio-page .tabsContainer .tabsList .tabItem.active{color:#000;font-weight:600}.portfolio-page .tabsContainer .tabsList .tabItem.active:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:8px;height:8px;border-radius:30px;background-color:#4b2ad8}@media(max-width:1199.98px){.portfolio-page .tabsContainer .tabsList .tabItem{margin:0;font-size:14px}}.portfolio-page .tabContent{padding-top:50px}.portfolio-page .tabPane{animation:fadeIn .5s ease}.portfolio-page .tabPane .portfolio-items{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:40px}@media(max-width:767.98px){.portfolio-page .tabPane .portfolio-items{row-gap:25px}}.portfolio-page .tabPane .portfolio-items .portfolio-card{width:calc(33.33% - 14px);display:flex;flex-direction:column;gap:15px}.portfolio-page .tabPane .portfolio-items .portfolio-card:nth-child(6n+1) .wrapper.image_before:before{--aspect-ratio:70%}.portfolio-page .tabPane .portfolio-items .portfolio-card:nth-child(6n+2) .wrapper.image_before:before{--aspect-ratio:80%}.portfolio-page .tabPane .portfolio-items .portfolio-card:nth-child(6n+3) .wrapper.image_before:before,.portfolio-page .tabPane .portfolio-items .portfolio-card:nth-child(6n+4) .wrapper.image_before:before{--aspect-ratio:110%}.portfolio-page .tabPane .portfolio-items .portfolio-card:nth-child(6n+5) .wrapper.image_before:before{--aspect-ratio:80%}.portfolio-page .tabPane .portfolio-items .portfolio-card:nth-child(6n+6) .wrapper.image_before:before{--aspect-ratio:70%}@media(max-width:767.98px){.portfolio-page .tabPane .portfolio-items .portfolio-card{width:calc(50% - 10px);gap:10px}.portfolio-page .tabPane .portfolio-items .portfolio-card:nth-child(4n+1) .wrapper.image_before:before{--aspect-ratio:80%}.portfolio-page .tabPane .portfolio-items .portfolio-card:nth-child(4n+2) .wrapper.image_before:before,.portfolio-page .tabPane .portfolio-items .portfolio-card:nth-child(4n+3) .wrapper.image_before:before{--aspect-ratio:100%}.portfolio-page .tabPane .portfolio-items .portfolio-card:nth-child(4n+4) .wrapper.image_before:before{--aspect-ratio:80%}}@media(max-width:575.98px){.portfolio-page .tabPane .portfolio-items .portfolio-card{width:100%}.portfolio-page .tabPane .portfolio-items .portfolio-card .wrapper.image_before:before{--aspect-ratio:80%!important}}.portfolio-page .tabPane .portfolio-items .portfolio-card .wrapper img{object-fit:cover}.portfolio-page .tabPane .portfolio-items .portfolio-card h4{margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.portfolio-page .tabsList{flex-direction:column;align-items:center}.portfolio-page .tabItem{margin:5px 0}}.portfolio-page .custom-dropdown-wrapper{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:-webkit-sticky;position:sticky;top:96px;z-index:10}@media(min-width:992px){.portfolio-page .custom-dropdown-wrapper{display:none}}@media(max-width:991.98px){.portfolio-page .custom-dropdown-wrapper{max-width:300px}}@media(max-width:575.98px){.portfolio-page .custom-dropdown-wrapper{max-width:100%}}.portfolio-page .custom-dropdown-toggle{width:100%;padding:12px 16px;font-size:18px;font-family:var(--font-inter),sans-serif;cursor:pointer;border:1px solid #d0c6ff;border-radius:8px;background-color:#fff;color:#111;font-weight:600;text-align:left;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 12px rgba(75,42,216,.08);transition:all .18s ease}.portfolio-page .custom-dropdown-toggle:hover{box-shadow:0 8px 20px rgba(75,42,216,.12);transform:translateY(-1px)}.portfolio-page .custom-dropdown-toggle:focus,.portfolio-page .custom-dropdown-toggle:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(75,42,216,.12);border-color:#4b2ad8}.portfolio-page .custom-dropdown-toggle .arrow{transition:transform .3s ease;font-size:14px;color:#4b2ad8;margin-left:8px}.portfolio-page .custom-dropdown-toggle .arrow.open{transform:rotate(180deg)}.portfolio-page .custom-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;overflow-y:auto;border:1px solid #e6e1ff;border-radius:8px;background-color:#fff;z-index:999;padding:0;margin:0;list-style:none;box-shadow:0 10px 30px rgba(75,42,216,.08);font-family:var(--font-inter),sans-serif}.portfolio-page .custom-dropdown-item{padding:10px 15px;cursor:pointer;margin:0;font-family:var(--font-inter),sans-serif;font-size:16px;color:#222;transition:background-color .12s ease,color .12s ease}.portfolio-page .custom-dropdown-item.active,.portfolio-page .custom-dropdown-item:focus,.portfolio-page .custom-dropdown-item:hover{background-color:#f1edff;color:#111;font-weight:600;outline:none}.portfolio-inner-page .heading h1{font-weight:500}.portfolio-inner-page .heading h1 p{color:rgba(0,0,0,.6)}.portfolio-inner-page .tabsContainer .portfolio_card{--aspect-ratio:60%;margin-bottom:20px}.portfolio-inner-page .tabsContainer .portfolio_card img{transition:transform .6s ease-in-out}@media(max-width:575.98px){.portfolio-inner-page .tabsContainer .portfolio_card{--aspect-ratio:100%}.portfolio-inner-page .tabsContainer .portfolio_card:hover img{transform:scale(1.1)}}.portfolio-inner-page .tabsContainer .portfolio_card__img{overflow:hidden;position:relative}.portfolio-inner-page .tabsContainer .portfolio_card__img img{width:100%;height:100%;object-fit:cover}.portfolio-inner-page .tabsContainer .portfolio_card__content{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap;cursor:pointer}.portfolio-inner-page .tabsContainer .portfolio_card__content h3{font-family:var(--font-satoshi),sans-serif;line-height:1.3;margin:18px 0}@media(max-width:767.98px){.portfolio-inner-page .tabsContainer .portfolio_card__content h3{margin:8px 0}}.portfolio-inner-page .tabsContainer .portfolio_card__content span{font-size:18px}.portfolio-inner-page .tabsContainer .portfolio_card__content .btn_icon{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background-color:#000;color:#fff;text-align:center;line-height:30px;transition:all .3s ease}.portfolio-inner-page .tabsContainer .portfolio_card__content .btn_icon svg{width:20px;height:20px;transition:transform .3s ease}.portfolio-inner-page .tabsContainer .portfolio_card__content .btn_icon:hover{background-color:#000;transform:scale(1.1)}.portfolio-inner-page .tabsContainer .portfolio_card__content .btn_icon:hover svg{transform:rotate(23deg)}.portfolio-inner-page .tabsContainer .second-row .portfolio_card{--aspect-ratio:80%}@media(max-width:991.98px){.portfolio-inner-page .tabsContainer .second-row .portfolio_card{--aspect-ratio:60%}}@media(max-width:575.98px){.portfolio-inner-page .tabsContainer .second-row .portfolio_card{--aspect-ratio:100%}}@media(min-width:992px){.portfolio-inner-page .banner-portfolio h1{font-size:74px}.portfolio-inner-page .banner-portfolio p{color:rgba(0,0,0,.6);text-align:center;font-size:24px;font-style:normal;width:75%}}.portfolio-inner-page .portfolio-offcanvas{position:fixed;top:0;right:0;width:100rem;height:100%;background-color:#fff;z-index:1050;overflow-y:auto;box-shadow:-2px 0 5px rgba(0,0,0,.2)}@media(max-width:767.98px){.portfolio-inner-page .portfolio-offcanvas{width:100%}}.portfolio-inner-page .portfolio-offcanvas .offcanvas-body{overflow-y:auto;padding:0}.portfolio-inner-page .portfolio-offcanvas .offcanvas_header .btn_close{border:none;cursor:pointer;padding:.5rem;position:absolute;background:#343434;box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.25);color:#fff;height:45px;width:45px;display:flex;justify-content:center;align-items:center;border-radius:50%;right:0;margin:8px;z-index:99}.portfolio-inner-page .portfolio-offcanvas .portfolio-main-image{--aspect-ratio:60%}.portfolio-inner-page .portfolio-offcanvas .portfolio-main-image img{object-fit:cover}.portfolio-inner-page .portfolio-offcanvas .project-info-wrapper{padding:70px 38px 38px}@media(max-width:767.98px){.portfolio-inner-page .portfolio-offcanvas .project-info-wrapper{padding:28px 18px}}.portfolio-inner-page .portfolio-offcanvas .project-info-wrapper .project-overview{display:flex;flex-direction:row;align-items:flex-start}@media(max-width:767.98px){.portfolio-inner-page .portfolio-offcanvas .project-info-wrapper .project-overview{flex-direction:column}}.portfolio-inner-page .portfolio-offcanvas .project-info-wrapper .project-overview-item{margin-right:20px;flex:0 0 250px;min-width:250px}@media(max-width:767.98px){.portfolio-inner-page .portfolio-offcanvas .project-info-wrapper .project-overview-item{margin-right:0;flex:1 1;min-width:100%;margin-bottom:17px}}.portfolio-inner-page .portfolio-offcanvas .project-info-wrapper .project-overview-item .title{font-family:var(--font-satoshi),sans-serif;font-weight:500;margin-bottom:10px}.portfolio-inner-page .portfolio-offcanvas .project-info-wrapper .project-overview-item .sub-title{font-family:var(--font-inter),sans-serif;font-weight:400;color:rgba(0,0,0,.59);font-size:14px}.portfolio-inner-page .portfolio-offcanvas .project-info-wrapper .text-discription p{color:#0f0f11;font-size:16px;font-weight:400;margin-bottom:10px}.portfolio-inner-page .portfolio-offcanvas .project-details{margin:16px;list-style:none;padding:0}@media(max-width:767.98px){.portfolio-inner-page .portfolio-offcanvas .project-details{margin:0}}.portfolio-inner-page .portfolio-offcanvas .project-details li{display:flex;justify-content:space-between;margin-bottom:10px;font-family:var(--font-inter),sans-serif;padding:6px 0}.portfolio-inner-page .portfolio-offcanvas .project-details li span{font-size:20px}.portfolio-inner-page .portfolio-offcanvas .project-details li span:first-child{font-weight:500;color:rgba(0,0,0,.81);white-space:nowrap;text-align:start;width:50%}.portfolio-inner-page .portfolio-offcanvas .project-details li span:last-child{color:#000;text-align:end}@media(max-width:767.98px){.portfolio-inner-page .portfolio-offcanvas .project-details li span{font-size:16px}}.portfolio-inner-page .portfolio-offcanvas .live_preview{color:#4b2ad8;font-weight:700;font-size:21px;display:flex;align-items:center;gap:10px}@media(max-width:767.98px){.portfolio-inner-page .portfolio-offcanvas .live_preview{font-size:16px}}.portfolio-inner-page .portfolio-offcanvas .live_preview:hover .btn_icon{transform:rotate(23deg) scale(1.1)}.portfolio-inner-page .portfolio-offcanvas .live_preview .btn_icon{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background-color:#4b2ad8;color:#fff;text-align:center;line-height:30px;transition:transform .4s ease-in-out}.portfolio-inner-page .portfolio-offcanvas .live_preview .btn_icon svg{width:20px;height:20px}@media(max-width:767.98px){.portfolio-inner-page .portfolio-offcanvas .live_preview .btn_icon,.portfolio-inner-page .portfolio-offcanvas .live_preview .btn_icon svg{width:16px;height:16px}}.portfolio-inner-page .portfolio-offcanvas .mockup-Section{display:flex;--aspect-ratio:80%;margin:25px 0 0;gap:30px}@media(max-width:767.98px){.portfolio-inner-page .portfolio-offcanvas .mockup-Section{flex-direction:column;gap:20px}}.portfolio-inner-page .portfolio-offcanvas .mockup-Section .mockup-image:first-child{height:100%}.portfolio-inner-page .portfolio-offcanvas .mockup-Section .mockup-image:last-child{margin-top:96px}@media(max-width:767.98px){.portfolio-inner-page .portfolio-offcanvas .mockup-Section .mockup-image:last-child{margin-top:0}}.portfolio-inner-page .portfolio-offcanvas .mockup-Section .mockup-image img{object-fit:cover}.portfolio-inner-page .portfolio-offcanvas .footer-discription{margin-top:30px;margin-bottom:30px}.portfolio-inner-page .portfolio-offcanvas .footer-discription .h2{font-family:var(--font-satoshi),sans-serif}.offcanvas-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:1040;display:none;opacity:1!important}body.no-scroll,body.offcanvas-open{overflow:hidden!important;padding-right:0!important}