@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--white: hsl(0, 0%, 100%);--primary-grey: hsl(213, 8%, 56%);--secondary-grey: hsl(0, 0%, 95%);--text-grey: hsl(0, 0%, 81%);--grey: hsl(215, 10%, 44%);--text-blue: hsl(247, 90%, 12%);--light-grey-blue: hsl(238, 30%, 43%);--body-black: hsl(0, 0%, 20%);--orange: hsl(4, 85%, 57%);--green: hsl(151, 24%, 63%)}h1{font-size:4.0625rem;font-weight:800;line-height:5.3125rem;text-shadow:.0625rem .5rem 1.25rem rgba(0,0,0,.175)}h2{font-size:2.625rem;font-weight:600;line-height:4.0625rem}h3{font-size:1.25rem;font-weight:500;line-height:3.4375rem}p{font-size:.9375rem;font-weight:400;line-height:1.5rem;word-spacing:1.2}*,*::after,*::before{margin:0;padding:0;appearance:none;box-sizing:border-box;text-decoration:none;list-style-type:none}html{font-family:"Poppins",sans-serif;scroll-behavior:smooth}body{background:var(--secondary-grey);color:var(--body-black)}.bg__grey{width:100%;height:100%;border-radius:.9375rem;background:var(--grey);z-index:0}@media(min-width: 53.125rem){.bg__grey{border-radius:1.25rem}}@media(min-width: 64rem){.bg__grey{border-radius:1.5625rem}}@media(min-width: 90rem){.bg__grey{border-radius:2.8125rem}}.bg__img-wrap{position:absolute;top:0;left:0;width:10%;will-change:transform;transform-style:preserve-3d}.bg__img-wrap img{width:100%;border-radius:.5rem}.bg__img-wrap.mod--1{left:-0.625rem;top:23.75rem;right:auto;bottom:auto}.bg__img-wrap.mod--2{width:25%;left:3.75rem;top:auto;right:auto;bottom:-1.875rem}.bg__img-wrap.mod--3{width:25%;left:auto;right:auto;top:6.375rem}.bg__img-wrap.mod--4{left:auto;top:12.5rem;right:-0.625rem;bottom:auto}.dropdown{position:relative}.selectField{min-width:12.5rem;height:2.5rem;padding:.3125rem .9375rem;background:var(--primary-grey);border-radius:.375rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 .125rem 1.5625rem 0 rgba(65,70,78,.3)}.selectField i{font-size:1.875rem}.list{position:absolute;top:3.125rem;left:0;width:100%;background:rgba(255,255,255,.7);box-shadow:0 .125rem 1.5625rem 0 rgba(65,70,78,.3);border-radius:.375rem;z-index:25;overflow:hidden}.options{width:100%;padding:.625rem;cursor:pointer;transition:background .12s ease-in-out}.selectField p{color:var(--body-black) !important;text-transform:uppercase}.selectField p,.options p{font-size:.9375rem;font-weight:600;letter-spacing:.0625rem;color:var(--grey)}.option--disabled{cursor:none}.options:not(:nth-child(1)):hover{background:rgba(0,0,0,.2)}.options:not(:nth-child(1)):hover p{color:var(--body-black)}.hide{visibility:hidden}.arrow{transition:transform .25s ease-in-out}.rotateArrow{transform:rotate(180deg)}.buttons{display:flex;justify-content:space-evenly;align-items:center;gap:1.25rem}.btn{width:2.8125rem;height:2.8125rem;padding:.5rem;background:var(--green);border-radius:.375rem;display:flex;justify-content:center;align-items:center;box-shadow:0 0 2.1875rem rgba(0,0,0,.075)}.btn-login__icon-wrap,.btn-login__arrow{display:flex;justify-content:space-between;align-items:center;width:100%}.btn-login__icon-wrap{overflow:hidden}.btn-login__icon-wrap img{width:60%}.btn-login__arrow{gap:.9375rem;transform:translateX(-27px);transition:transform .2s ease-in-out}.btn-login__arrow img{width:100%}.btn:hover .btn-login__arrow{transform:translateX(2px)}.btn--regist{width:8.125rem;padding:.625rem 1.75rem;background:none;outline:.0625rem solid var(--primary-grey);transition:outline .25s ease-in-out,color .25s ease-in-out}.btn--regist:hover{color:var(--secondary-grey);outline-color:var(--secondary-grey)}.header__hamburger-wrap{width:2.5rem;height:2.5rem;outline:.0625rem solid var(--white);border-radius:.375rem;display:flex;justify-content:center;align-items:center;z-index:50}.header__hamburger-menu{width:1.5625rem;height:1.875rem;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;position:relative;cursor:pointer}.header__hamburger-menu div{width:100%;height:8%;border-radius:.25rem;background:var(--white);transition:transform .3s ease-in-out,width .1s ease-in-out;transform-origin:center}.header__hamburger-menu.active div:nth-child(1){transform:translate3d(0px, 7.5px, 0px) rotateZ(45deg);transform-style:preserve-3d}.header__hamburger-menu.active div:nth-child(3){transform:translate3d(0px, -9px, 0px) rotateZ(-45deg);transform-style:preserve-3d}.header__hamburger-menu.active div:nth-child(2){width:0}::-webkit-scrollbar{width:.625rem;height:0;background:var(--secondary-grey)}::-webkit-scrollbar-thumb{height:3.125rem;background-color:var(--grey);border-radius:.3125rem}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-grey)}.fetched__image__container{padding:1.25rem;min-height:12.5rem;width:100%;background:var(--secondary-grey);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.fetched__image__container h2{font-size:1.5625rem;font-weight:600;color:var(--grey);letter-spacing:.0625rem;text-transform:uppercase}.hideResult{display:none}#result{background:#fff;width:100%;height:100%;padding:1.25rem;border-radius:1rem;display:grid;grid-template-columns:repeat(2, 1fr);column-gap:1.25rem;row-gap:1.25rem}#result img{margin:auto;width:15.625rem;max-width:100%;max-height:100%;border-radius:.5rem;overflow:hidden;cursor:pointer}@media(min-width: 25.9375rem){#result{grid-template-columns:repeat(3, 1fr)}#result img{border-radius:.75rem}}@media(min-width: 45rem){#result{grid-template-columns:repeat(4, 1fr)}#result img{border-radius:1rem}}@media(min-width: 64rem){#result{grid-template-columns:repeat(5, 1fr)}#result img{border-radius:1.125rem}}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5625rem;margin-bottom:1.5625rem}.header__absolute{width:100%;z-index:50}.header__columns{display:flex;justify-content:space-between;align-items:center}.header__col.mod--1 a{display:flex;justify-content:center;align-items:center}.header__col.mod--2,.header__buttons{display:none}.header__col.mod--3{margin-right:.3125rem}.header__menu.active{display:block;z-index:40}.header__menu.active .header__menu-content{transform:translateY(0)}.header__menu .header__menu-content{position:fixed;top:0;left:0;width:100%;height:100%;padding:4.0625rem;backdrop-filter:blur(0.125rem);background-color:rgba(0,0,0,.8);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;transform:translateY(100%);transition:transform .45s ease-in-out;z-index:40}.header__menu .header__menu-content a{color:var(--primary-grey);font-size:.9375rem;font-weight:500;transition:color .25s ease-in-out}.header__menu .header__menu-content a:hover{color:var(--white);font-weight:400}@media(min-width: 45rem){.header__col.mod--2,.header__buttons{display:flex;justify-content:center;align-items:center;gap:1.25rem}.header__col a{color:var(--primary-grey)}.header__hamburger-wrap{display:none}.header__nav-link{height:1.5625rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}.header__nav-link .nav-txt-anim{transition:transform .25s ease-in-out}.header__nav-link .nav-txt{transition:color .25s ease-in-out}.header__nav-link:hover .nav-txt-anim{transform:translateY(-1.5rem)}.header__nav-link:hover .nav-txt{color:var(--secondary-grey)}}@media(min-width: 53.125rem){.header{padding:2.1875rem}.header__col.mod--2{gap:2.5rem}}@media(min-width: 64rem){.header{padding:2.5rem 3.75rem;padding-bottom:0}.header__col.mod--2{gap:3.75rem}}@media(min-width: 79.375rem){.header{padding:3.75rem 5rem;padding-bottom:0}.header__col.mod--2{gap:5rem}.header__col.mod--1 a::after{content:"NOICE";font-size:2.1875rem;color:var(--secondary-grey)}}main{height:80vh;text-align:center;padding:1.5625rem}main.mod--2{margin-bottom:0rem}@media(min-width: 53.125rem){main.mod--2{height:70vh;padding-top:.3125rem;margin-bottom:6.25rem}}@media(min-width: 90rem){main.mod--2{margin-bottom:10.625rem}}main .bg{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;display:flex;overflow:hidden;margin-top:.625rem;margin-bottom:.625rem;padding-right:.625rem;padding-left:.625rem;justify-content:center;align-items:center}@media(min-width: 25.9375rem){main .bg__img-wrap.mod--1{top:20rem}main .bg__img-wrap.mod--2{bottom:-0.9375rem;width:18%}main .bg__img-wrap.mod--3{width:18%;right:2.8125rem;bottom:1.25rem;top:auto}main .bg__img-wrap.mod--4{top:7.5rem}}@media(min-width: 53.125rem){main .bg{margin-top:.9375rem;margin-bottom:.9375rem;padding-right:.9375rem;padding-left:.9375rem}main .bg__img-wrap img{border-radius:.75rem}main .bg__img-wrap.mod--1{width:8%;top:10rem}main .bg__img-wrap.mod--2{left:4.6875rem;width:14%}main .bg__img-wrap.mod--3{width:14%;right:4.6875rem;bottom:5rem;top:auto}main .bg__img-wrap.mod--4{width:8%;top:7.5rem}}@media(min-width: 64rem){main .bg{margin-top:1.25rem;margin-bottom:1.25rem;padding-right:1.25rem;padding-left:1.25rem}main .bg__img-wrap img{border-radius:1.25rem}main .bg__img-wrap.mod--1{left:-1.25rem}main .bg__img-wrap.mod--2{bottom:-1.25rem}main .bg__img-wrap.mod--4{right:-0.9375rem}}@media(min-width: 90rem){main .bg{margin-top:2.1875rem;margin-bottom:2.1875rem;padding-right:2.1875rem;padding-left:2.1875rem}}.hero__section{height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.hero__section .heading__subtitle{margin:auto;max-width:31.25rem;text-shadow:0 .0625rem .625rem rgba(0,0,0,.275)}@media(min-width: 53.125rem){.hero__section .heading__subtitle{max-width:43.75rem;font-weight:400}}@media(min-width: 79.375rem){.hero__section .heading__subtitle{max-width:56.25rem;line-height:1.875rem}}@media(min-width: 90rem){.hero__section .heading__subtitle{max-width:fit-content}}.hero__heading{color:var(--white);z-index:8}@media(min-width: 25.9375rem){.hero__heading h1{font-size:4.6875rem}}@media(min-width: 45rem){.hero__heading h1{font-size:5.3125rem;line-height:6.5625rem}.hero__heading p{font-size:1.125rem}}@media(min-width: 64rem){.hero__heading h1{font-size:10vw;line-height:10rem}.hero__heading p{font-size:1.25rem}}@media(min-width: 90rem){.hero__heading h1{font-size:15vw;line-height:14.375rem}}.hero__uploader{width:9.0625rem;height:8.4375rem;padding:.3125rem;border-radius:.625rem;background-color:var(--grey);background-image:linear-gradient(60deg, rgba(167, 193, 211, 0.2), rgba(213, 217, 225, 0.2) 70%, rgba(250, 236, 236, 0.2));display:grid;grid-template-columns:1fr;overflow:hidden}.hero__uploader>*{margin:auto;grid-column:1/2;grid-row:1/-2}.hero__uploader--container{padding:.5rem;border:.125rem dashed var(--primary-grey);border-radius:.9375rem}.hero__uploader--container .uploaded__image{width:9.0625rem;height:8.4375rem;padding:.3125rem}@media(min-width: 53.125rem){.hero__uploader--container .uploaded__image{width:11.875rem;height:9.0625rem}}@media(min-width: 64rem){.hero__uploader--container .uploaded__image{width:13.125rem;height:11.25rem}}.hero__uploader:hover .uploadfile__front{opacity:0;transform:translateY(1.25rem)}.hero__uploader:hover .uploadfile__back{visibility:visible;transform:scale(1);transition-delay:.15s}@media(min-width: 53.125rem){.hero__uploader{width:11.875rem;height:9.0625rem}}@media(min-width: 64rem){.hero__uploader{width:13.125rem;height:11.25rem}}.service__options__container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:.625rem;z-index:8}@media(min-width: 375px){.service__options__container{flex-direction:row;gap:1.25rem}}@media(min-width: 64rem){.service__options__container{gap:3.75rem}}.service__options__container .cloth__feature{width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.service__options__container .upload{width:100%;height:100%;opacity:0;cursor:pointer;z-index:22}.service__options__container .uploadfile__front,.service__options__container .uploadfile__back{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;opacity:1;transition:all .25s ease-in-out}.service__options__container .uploadfile__heading{font-size:1.125rem;font-weight:500;text-shadow:0 .0625rem .5rem rgba(0,0,0,.275)}.service__options__container .uploadfile__subheading{font-size:.75rem;line-height:normal;color:var(--text-grey)}.service__options__container .uploadfile__back{visibility:hidden;transform:scale(0)}.service__options__container .uploadfile__back .image__wrapper img{width:7.5rem;box-shadow:none;position:relative;transition:transform .2s ease-in-out;transition-delay:.3s}.service__options__container .uploadfile__back .image__wrapper img:not(:nth-child(1)){opacity:.5;width:2.5rem;position:absolute;top:5%;left:0;z-index:-1}.service__options__container .uploadfile__back .image__wrapper.mod--2 img{width:3.125rem}.hero__uploader:hover .image__wrapper img:nth-child(2){left:-0.5rem;transform-origin:bottom left;transform:rotate(-30deg);width:2.5rem}.hero__uploader:hover .image__wrapper img:nth-child(3){left:.9375rem;transform-origin:bottom right;transform:rotate(30deg);width:2.5rem}.uploaded__image{width:100%;height:100%;padding-bottom:.125rem;border-radius:.375rem;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:flex-end}.uploaded__image img{position:absolute;left:0;top:0;width:100%}.uploaded__image span{position:absolute;right:.9375rem;top:.9375rem;width:.9375rem;height:.9375rem;background:var(--grey);border-radius:50%;box-shadow:0 .125rem 1.5625rem 0 rgba(65,70,78,.3);transition:all .2s ease-in-out;cursor:pointer}.uploaded__image span:hover{background:#ff4545;border:.0625rem solid #fff}.overlay__container{padding:.3125rem;width:80%;height:60%;color:var(--text-blue);border-radius:.5rem;backdrop-filter:blur(0.1rem);background-color:rgba(250,236,236,.3);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:0 .125rem 1.5625rem 0 rgba(65,70,78,.15)}.overlay__container h4{font-size:.75rem;text-transform:capitalize;font-weight:500}.overlay__container p{opacity:.7;font-size:.75rem}.overlay__container button{width:100%;height:2.1875rem;outline:none;border:none;border-radius:.25rem;font-size:.75rem;font-weight:500;color:var(--secondary-grey);background:var(--green);text-transform:uppercase;letter-spacing:.125rem;box-shadow:0 .125rem 1.25rem rgba(65,70,78,.3);cursor:pointer}.overlay__container button:disabled{color:var(--grey);background:var(--secondary-grey);pointer-events:none}.showUploaded{display:block}.plus__icon i{display:none}@media(min-width: 53.125rem){.plus__icon{margin-bottom:.625rem;width:2.8125rem;height:2.8125rem;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 .625rem 1.875rem rgba(65,70,78,.3);cursor:pointer}.plus__icon i{display:block;color:var(--grey);font-size:2rem}}.features{padding:1.875rem;background:var(--secondary-grey);width:100%;height:fit-content}.features h2{margin-bottom:1.25rem;font-size:1.875rem;color:var(--text-blue);line-height:2.5rem;font-weight:500;text-align:center}.features__card__container{padding:.625rem 1.5625rem;width:100%;display:grid;overflow-x:scroll;grid-template-areas:"one two three";gap:1.25rem}@media(min-width: 64rem){.features__card__container{padding:2.8125rem 7.5rem}}.features__card__container:nth-child(1){grid-area:one}.features__card__container:nth-child(2){grid-area:two}.features__card__container:nth-child(3){grid-area:three}.feature__card{margin:auto;min-width:15.625rem;max-width:25rem;width:100%;min-height:18.75rem;height:100%;padding:1.5625rem;border-radius:1.125rem;background:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;transition:all .4s ease-in-out}@media(min-width: 64rem){.feature__card{min-height:25rem;padding:2.8125rem}}.feature__card:hover{transform:scale(1.009);box-shadow:0 .3125rem 2.5rem 0 rgba(65,70,78,.1)}.icon__container{width:5rem;height:5rem;margin-bottom:1.5625rem;padding:.9375rem;border-radius:1rem;background:var(--light-grey-blue);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden}.icon__placeholder{width:4rem;height:4rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transition:transform .4s ease-in-out}.icon__placeholder img{margin-bottom:1.5625rem}.feature__card:hover .icon__placeholder{transform:translateY(-4.5rem)}.feature__card h4{font-size:1.125rem;font-weight:500;color:var(--text-blue);pointer-events:none}.feature__card p{font-size:.9375rem;color:var(--text-blue);opacity:.7;pointer-events:none}.showcase{padding:1.5625rem;width:100%;height:fit-content;background-color:var(--secondary-grey)}.showcase__info{width:100%}.showcase__info .text__info{margin-bottom:1.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.9375rem}.showcase__info .text__info h3{width:100%;height:100%;font-size:2.1875rem;color:var(--text-blue);font-weight:500;line-height:2.5rem;text-transform:capitalize}.showcase__info .text__info p{width:100%;height:100%;color:var(--grey)}@media(min-width: 25.9375rem){.showcase__info .text__info{flex-direction:row}}@media(min-width: 45rem){.showcase__info .text__info{text-align:left;flex-direction:column}}.showcase__info .separater__line{height:.0625rem;background-image:url(/assets/dash.svg);background-position:0% 50%;background-size:auto;background-repeat:repeat-x}.showcase__info .brand__partners{margin:auto;padding:2.5rem 0;width:80%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5625rem}.showcase__container{width:100%;height:100%;margin:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media(min-width: 45rem){.showcase__container{flex-direction:row}}.showcase__slider{width:100%;height:100%;position:relative}.showcase__slider img.illust{position:absolute;bottom:0rem;right:-0.3125rem;width:35%;box-shadow:0 .625rem 2.5rem 0 rgba(65,70,78,.1);border-radius:.75rem}.showcase__slider img.dot_grid{position:absolute;top:50%;left:-0.5rem;transform:translate(0, -50%)}@media(min-width: 64rem){.showcase__slider img.dot_grid{left:.3125rem;top:60%}}@media(min-width: 90rem){.showcase__slider img.dot_grid{left:2.1875rem}}@media(min-width: 64rem){.showcase{padding:1.875rem 4.0625rem}}@media(min-width: 90rem){.showcase{padding:1.875rem 7.1875rem}}.slider{width:92%;height:85%;border-radius:.375rem;background:var(--secondary-grey);overflow:hidden}.slider .image__placeholder{display:flex;justify-content:flex-start;align-items:center;transition:all .8s ease-in-out}.slider .image__placeholder img{width:100%;height:100%}.slider .dot--navigator{position:absolute;left:50%;transform:translate(-50%);bottom:.9375rem;width:5rem;height:1.25rem;display:flex;justify-content:space-evenly;align-items:center}.slider .dot1,.slider .dot2,.slider .dot3{width:.625rem;height:.625rem;background-color:var(--secondary-grey);border-radius:50%}.slider .dot-active{background-color:var(--primary-grey)}.slider__container{margin-bottom:1.25rem;margin-left:.9375rem;width:20rem;height:9.625rem;background:#fff;border-radius:.75rem;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:-0.25rem .625rem 2.5rem 0 rgba(65,70,78,.2)}@media(min-width: 64rem){.slider__container{margin-left:2.1875rem;width:26.25rem;height:12.5rem}}@media(min-width: 90rem){.slider__container{margin-left:7.5rem;width:32.5rem;height:15.625rem}}.header__col.mod--21{display:flex !important;justify-content:center;align-items:center;gap:1.25rem}.header__col a{color:var(--primary-grey)}.header__nav-link{height:1.5625rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}.header__nav-link .nav-txt-anim{transition:transform .25s ease-in-out}.header__nav-link .nav-txt{transition:color .25s ease-in-out}.header__nav-link:hover .nav-txt-anim{transform:translateY(-1.5rem)}.header__nav-link:hover .nav-txt{color:var(--secondary-grey)}@media(min-width: 53.125rem){.header__col.mod--2{gap:2.5rem}}@media(min-width: 64rem){.header__col.mod--2{gap:3.75rem}}@media(min-width: 79.375rem){.header__col.mod--2{gap:5rem}}.hero__heading h1.mod--2{font-size:1.875rem;font-size:6.5vw;margin:auto;line-height:1.875rem;margin-bottom:.9375rem;text-transform:capitalize}@media(min-width: 25.9375rem){.hero__heading h1.mod--2{line-height:2.5rem;max-width:31.25rem}}@media(min-width: 45rem){.hero__heading h1.mod--2{max-width:37.5rem;line-height:4.0625rem;margin-bottom:1.5625rem}}@media(min-width: 64rem){.hero__heading h1.mod--2{line-height:5rem;max-width:56.25rem}.hero__heading .heading__subtitle{margin-bottom:1.875rem}}@media(min-width: 90rem){.hero__heading h1.mod--2{font-size:5vw;max-width:56.25rem;line-height:6.875rem}}.service__options__container.mod--2{flex-direction:column}.preloader{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center}.preloader span{width:2rem;display:flex;justify-content:center;align-items:center}.preloader span img{width:100%;height:100%}.preloader__container{padding:.9375rem}.preloader__container.hide{display:none}/*# sourceMappingURL=main.min.css.map */