.loading-component{position:relative;width:100%;height:100%;top:0;left:0;z-index:9999;background-color:rgba(54,55,75,.78);display:flex;align-items:center;justify-content:center}.loading-component.make-absolute{position:absolute}.loading-component .horizontal{margin-right:5px}.loading-component .vertical{height:130px;width:33px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.loading-component img{filter:grayscale(0) opacity(0)}.loading-component .bottom img,.loading-component .left img{animation-name:blinker;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.loading-component .left img{animation-delay:.6s}.loading-component .top img{animation-name:blinker;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:1.2s}@keyframes blinker{0%{filter:grayscale(1) opacity(1)}to{filter:grayscale(0) opacity(1)}}.navigation-component{width:100%;height:60px;margin-bottom:10px;display:flex;justify-content:space-between;padding:0 10px;align-items:center}.navigation-component .menu-bar{color:#f0f;transform:scale(2);cursor:pointer;margin-right:2%;display:none}.navigation-component .menu-bar:hover{filter:grayscale(1)}@media(max-width:760px){.navigation-component .menu-bar{display:block}}.navigation-component .logo-holder-link{margin-right:5%;display:block;height:100%;display:flex;align-items:center}.navigation-component .logo-holder-link:hover img{filter:grayscale(1)}.navigation-component .link-holder{height:100%;width:70%;flex:1 1 auto;display:flex;justify-content:space-around;align-items:center}.navigation-component .link-holder a{color:#fff;text-decoration:none;font-size:.8em;text-transform:capitalize}.navigation-component .link-holder a.active,.navigation-component .link-holder a:hover{font-size:.9em;color:#f0f}@media(max-width:760px){.navigation-component .link-holder{background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f;position:fixed;width:100%;z-index:9999;left:0;top:0;flex-direction:column;height:250px}.navigation-component .link-holder a.active,.navigation-component .link-holder a:hover{color:#fff}.navigation-component .link-holder.hide{display:none}}.hide-footer{display:none}.footer-component{margin-top:5px;background-color:#f0f;width:100%;height:160px;padding:0 0 5px 5%;color:#06061b;font-size:.8em;display:flex;justify-content:space-between;flex-direction:column}.footer-component .logo-holder{height:40px;margin:0;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.footer-component h3{color:#fff}.footer-component p{font-weight:800;height:20%;display:flex;align-items:center}.footer-component p span{margin-left:1.5%;font-size:.9em}.footer-component .icon{color:#06061b;transform:scale(2)}.footer-component .icon:hover{transform:scale(2.05);color:#fff}.not-found-page{display:flex;flex-direction:column;justify-content:center;align-items:center}.not-found-page a{text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none;margin-top:20px}.not-found-page a:hover{transform:scale(1.02);color:#fff;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}.filter-form{width:90%;margin:10px auto;display:flex;flex-direction:column;align-items:center}.filter-form input{background:#f0f;outline:none;border:none;margin-bottom:10px;height:30px;width:80%;max-width:350px;color:#fff;border-radius:5px;text-align:center}.filter-form input::placeholder{color:#000}.filter-form .sort-ctrl{width:80%;max-width:350px;display:flex;justify-content:space-around}.filter-form .sort-ctrl button{text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none}.filter-form .sort-ctrl button:hover{transform:scale(1.02);color:#fff;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}.filter-form .sort-ctrl button.ongoing{background:#05e005}.filter-form .sort-ctrl button.completed{background:#f8f400}.first-component{height:300px;display:flex;align-items:center;justify-content:space-between;margin:10px 0}@media(max-width:760px){.first-component{flex-direction:column;align-items:flex-start;height:auto}}.first-component article{width:45%;height:100%;font-size:.9em;display:flex;flex-direction:column;justify-content:center}.first-component article h2{color:#f0f}.first-component article span{display:block;margin:5px 0}.first-component article p{margin:5px 0}.first-component article a{width:max-content;text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none;margin-top:10px}.first-component article a:hover{transform:scale(1.02);color:#fff;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}@media(max-width:760px){.first-component article{width:100%;font-size:.8em;margin-bottom:10px}}.first-component .img-holder{height:100%;width:45%;display:flex;flex-direction:column;align-items:center;justify-content:center}.first-component .img-holder img{transform:scale(1.3)}.first-component .img-holder img:hover{transform:scale(1.4)}@media(max-width:760px){.first-component .img-holder{width:100%;margin:5px 0}}.second-component{width:98%;margin:10px auto;display:flex;flex-direction:column}.second-component h2{text-align:center;margin:5px 0;color:#f0f}.second-component section{display:flex;justify-content:space-around}.second-component section article{margin:5px 0;height:150px;background-color:#f0f;width:30%;border-radius:5px;display:flex;flex-direction:column;justify-content:center}.second-component section article h4{text-align:center;margin-bottom:10px}.second-component section article ul li{list-style-type:square;list-style-position:inside;font-size:.8em;padding-left:5%}.second-component section article:hover{transform:scale(1.008)}@media(max-width:760px){.second-component section{flex-direction:column;align-items:center}.second-component section article{margin:5px auto;width:98%;height:200px}}.third-component{width:97%;margin:10px auto;height:300px}.third-component h2{color:#f0f;text-align:center}.third-component .helper-third-component{height:260px;width:inherit;text-decoration:none;color:#fff;display:flex;justify-content:space-around;align-items:center}.third-component .helper-third-component:hover{transform:scale(1.008)}@media(max-width:760px){.third-component .helper-third-component{flex-direction:column}.third-component .helper-third-component article{height:20%;flex:1 1 auto}.third-component .helper-third-component article h4{text-align:center}}.third-component article{width:45%;font-size:.8em}.third-component article h4{margin:5px 0;text-transform:capitalize}@media(max-width:760px){.third-component article p{display:none}}.third-component .project-img-holder{height:100%;width:45%;display:flex;justify-content:center;align-items:center}.third-component .project-img-holder img{border-radius:5px}.fourth-component{width:98%;margin:10px auto}.fourth-component h2{color:#f0f;text-align:center}.fourth-component section{display:flex;justify-content:space-around;flex-wrap:wrap}.fourth-component section article{width:40%;height:150px;background-color:#f0f;margin:10px auto;font-size:.8em;border-radius:5px;padding:0 10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.fourth-component section article h4{margin:10px 0}.fourth-component section article p{text-align:center}.fourth-component section article:hover{transform:scale(1.008)}@media(max-width:760px){.fourth-component section article{width:98%}}.services-page{display:flex;flex-direction:column;justify-content:space-around}.services-page h2{color:#f0f;text-align:center}.services-page h3{color:#f0f;margin-bottom:10px}.services-page p{font-size:.9em;width:98%;padding:10px 0}.generate-passcode-component{height:100%;width:100%}.generate-passcode-component,.generate-passcode-component form{display:flex;flex-direction:column;align-items:center;justify-content:center}.generate-passcode-component form{height:60%;width:90%;max-width:400px;max-height:400px;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b)}.generate-passcode-component form label{margin:10px 0}.generate-passcode-component form input{border-radius:5px;width:90%;height:15%;border:none;background-color:#f0f;outline:none;color:#fff;padding-left:2%;text-align:center}.generate-passcode-component form input::placeholder{color:#fff}.generate-passcode-component form button{text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none;margin-top:10px}.generate-passcode-component form button:hover{transform:scale(1.02);color:#fff;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}.generate-passcode-component h3{font-size:.8em}.generate-passcode-component h3:hover{transform:scale(1.02)}.generate-passcode-component h3 a{text-decoration-thickness:5px;text-align:center;color:#f0f;margin-left:5px}.main-brief-component{width:98%;margin:5px auto;height:inherit}.main-brief-component .form-nav{display:flex;justify-content:space-around;width:80%;margin:10px auto}.main-brief-component .form-nav button{text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none}.main-brief-component .form-nav button:hover{transform:scale(1.02);color:#fff;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}.main-brief-component .brief-form{height:inherit;width:inherit}.main-brief-component .brief-form .part{display:flex;flex-direction:column;align-items:center}.main-brief-component .brief-form .part h2{color:#f0f}.main-brief-component .brief-form .part .brief-form-input-holder{width:100%;height:100px;margin:10px 0;display:flex;flex-direction:column;justify-content:space-around}.main-brief-component .brief-form .part .brief-form-input-holder label{font-size:.8em;text-transform:capitalize}.main-brief-component .brief-form .part .brief-form-input-holder input,.main-brief-component .brief-form .part .brief-form-input-holder select,.main-brief-component .brief-form .part .brief-form-input-holder textarea{width:100%;max-width:350px;height:50%;border-radius:5px;border:none;outline:none;color:#fff;padding-left:10px;font-weight:500;background-color:#f0f}.main-brief-component .brief-form .part .brief-form-input-holder input::placeholder,.main-brief-component .brief-form .part .brief-form-input-holder select::placeholder,.main-brief-component .brief-form .part .brief-form-input-holder textarea::placeholder{color:#fff;text-transform:lowercase}.main-brief-component .brief-form .part .brief-form-input-holder input option,.main-brief-component .brief-form .part .brief-form-input-holder select option,.main-brief-component .brief-form .part .brief-form-input-holder textarea option{color:#06061b}.main-brief-component .brief-form .part .brief-form-input-holder input:focus,.main-brief-component .brief-form .part .brief-form-input-holder input:hover,.main-brief-component .brief-form .part .brief-form-input-holder select:focus,.main-brief-component .brief-form .part .brief-form-input-holder select:hover,.main-brief-component .brief-form .part .brief-form-input-holder textarea:focus,.main-brief-component .brief-form .part .brief-form-input-holder textarea:hover{background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b)}.main-brief-component .brief-form .part .brief-form-input-holder textarea{padding:5px;max-width:95%;height:70%}.main-brief-component .brief-form .part .brief-form-input-holder select{padding:0 10px}.main-brief-component .brief-form .btn-holder{width:60%;margin:5px auto;display:flex;justify-content:space-around}.main-brief-component .brief-form .btn-holder button{text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none}.main-brief-component .brief-form .btn-holder button:hover{transform:scale(1.02);color:#fff;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}.main-brief-component .brand-visuals-form{width:100%;margin:10px 0;display:flex;flex-direction:column}.main-brief-component .brand-visuals-form button{margin:10px auto;text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none;width:max-content}.main-brief-component .brand-visuals-form button:hover{transform:scale(1.02);color:#fff;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}.main-brief-component .brand-visuals-form label{font-size:.8em;text-transform:capitalize}.main-brief-component .brand-visuals-form input{margin:10px 0}.main-brief-component .brand-visuals-form article{width:98%;margin:10px auto;display:flex;flex-wrap:wrap;justify-content:space-around}.main-brief-component .brand-visuals-form article .img-holder{display:flex;flex-direction:column;align-items:center}.main-brief-component .brand-visuals-form article .img-holder button{display:none}.main-brief-component .brand-visuals-form article .img-holder button .icon{transform:scale(1.4);color:#fff}.main-brief-component .brand-visuals-form article .img-holder img{margin:10px}.main-brief-component .brand-visuals-form article .img-holder img.active,.main-brief-component .brand-visuals-form article .img-holder img:hover{transform:scale(1.04);border:3px solid #f0f;border-radius:5px}.project-page{width:98%;margin:10px auto;display:flex;flex-direction:column}.project-page .project-list-component{width:100%;margin:5px auto}.project-page .project-list-component h3{margin:15% auto;width:100%;text-align:center}.project-page .project-list-component section{display:flex;flex-wrap:wrap;justify-content:center}.project-page .project-list-component section .each-project{width:160px;padding:10px;margin:10px;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.project-page .project-list-component section .each-project:hover{transform:scale(1.01)}.project-page .project-list-component section .each-project h4{margin:5px 0;font-size:.8em;text-align:center;width:100%}.project-page .project-list-component section .each-project h5{text-align:center;width:100%;height:20px;text-transform:capitalize;display:flex;align-items:center;justify-content:center}.project-page .project-list-component section .each-project h5 span{margin-right:5px;margin-top:5px}.project-page .project-list-component section .each-project h5 span.completed{color:#f8f400}.project-page .project-list-component section .each-project h5 span.ongoing{color:#05e005}.project-page .project-list-component section .each-project img{border-radius:5px}.each-project-page{width:98%;margin:10px auto}.each-project-page .project-info{width:100%;height:100%;display:flex;flex-direction:column}.each-project-page .project-info .link-elem{color:#fff}.each-project-page .project-info article{display:flex;flex-direction:column}.each-project-page .project-info article span{display:block;margin:5px auto;font-size:14px;color:#f0f;font-weight:100;text-transform:capitalize}.each-project-page .project-info article p{font-size:.8em;margin:5px 0}#mgt-login-page{height:90vh;margin:auto}#mgt-login-page,#mgt-login-page form{display:flex;justify-content:center;align-items:center}#mgt-login-page form{background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);height:40%;width:90%;max-width:350px;flex-direction:column}#mgt-login-page form h3{font-size:.9em;margin:5px auto}#mgt-login-page form input{width:70%;height:35px;border-radius:5px;border:none;color:#fff;outline:none;padding-left:10px;margin:5px auto;background-color:#f0f}#mgt-login-page form input::placeholder{color:#fff}#mgt-login-page form button{text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none;margin:10px auto}#mgt-login-page form button:hover{transform:scale(1.02);color:#fff;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}.mgt-page .proj-nf{margin:20% auto;color:#f0f}.mgt-page .project-list{display:flex;flex-direction:column}.mgt-page .project-list .small-project-list{margin:10px 0;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);height:40px;text-decoration:none;width:100%;border-radius:5px;font-size:.8em;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.mgt-page .project-list .small-project-list h4{width:60%}.mgt-page .project-list .small-project-list:hover{transform:scale(1.002);background-color:#f0f}.mgt-page .project-list .small-project-list .icon{transform:scale(1.8);color:#f0f;cursor:pointer}.mgt-page .project-list .small-project-list .icon.del:hover{color:red}.mgt-page .project-list .small-project-list .icon.preview-brief:hover{color:#f8f400}.mgt-page .project-list .small-project-list .icon.edit:hover{color:#05e005}.passcode-page{display:flex;flex-direction:column;margin:10px auto;width:98%}.passcode-page .passcode-nf{margin:25% auto}.passcode-page form{margin:10px 0}.passcode-page form input{margin:1% auto;display:block;height:30px;width:60%;max-width:300px;padding:0 10px;border-radius:5px;border:none;outline:none}.passcode-page .sort{width:98%;margin:10px auto;background-color:#f0f;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);height:160px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.passcode-page .sort button{text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none;flex:0 0 auto;height:max-content;width:max-content;margin:5px 3%}.passcode-page .sort button:hover{transform:scale(1.02);color:#fff;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}.passcode-page .create-btn{text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none;width:max-content;margin:2% 1%}.passcode-page .create-btn:hover{transform:scale(1.02);color:#fff;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}.passcode-page a{display:flex;align-items:center;padding:0 10px;background:#f0f;text-align:center;height:40px;color:#fff;text-decoration:none;border-radius:5px;font-size:.8em;margin:10px}.passcode-page a:hover{transform:scale(1.005)}.passcode-page a span{margin-right:10px}.single-passcode-page .proj-goto{color:#f0f}.single-passcode-page section{display:flex;flex-direction:column}.single-passcode-page section article{margin:5px 0}.single-passcode-page section article p{font-size:.8em;margin-bottom:10px}.single-passcode-page section article p span{display:block;text-transform:capitalize;margin-bottom:5px}.single-passcode-page section aside{margin:10px 0;width:80%;max-width:350px;display:flex;justify-content:space-around}.single-passcode-page section aside button{text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none;text-transform:capitalize}.single-passcode-page section aside button:hover{transform:scale(1.02);color:#fff}.single-passcode-page .passcode-update-form,.single-passcode-page section aside button:hover{background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}.single-passcode-page .passcode-update-form{height:90vh;width:100vw;position:absolute;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.single-passcode-page .passcode-update-form section{width:90%;border-radius:5px;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);height:50%;max-width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 10px}.single-passcode-page .passcode-update-form section button{text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none;width:max-content;margin:10px 0;align-self:center}.single-passcode-page .passcode-update-form section button:hover{transform:scale(1.02);color:#fff;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}.single-passcode-page .passcode-update-form section div{height:60px;width:90%;margin:10px 0;display:flex;flex-direction:column;justify-content:center}.single-passcode-page .passcode-update-form section div label{font-size:.8em}.single-passcode-page .passcode-update-form section div select{margin:5px 0;height:40px;padding:0 10px}.brief-preview-page{display:flex}.brief-preview-page .brief-nf{margin:25% auto;color:#f0f}.brief-preview-page .brief-details-components{display:flex;flex-direction:column}.brief-preview-page .brief-details-components h4{color:#f0f;text-align:center}.brief-preview-page .brief-details-components article{margin:10px auto;width:99%;display:flex;flex-direction:column}.brief-preview-page .brief-details-components article p{font-size:.9em}.brief-preview-page .brief-details-components article p .desc{text-transform:capitalize}.brief-preview-page .brief-details-components article p span{display:block;margin:5px 0;color:#f0f}.brief-preview-page .brief-details-components .brand-visuals{margin:10px auto}.brief-preview-page .brief-details-components .brand-visuals section{margin:10px auto;display:flex;flex-direction:column}.brief-preview-page .brief-details-components .brand-visuals section button{text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none;margin:5px auto}.brief-preview-page .brief-details-components .brand-visuals section button:hover{transform:scale(1.02);color:#fff;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}.brief-preview-page .brief-details-components .brand-visuals .img-holder{width:100%;margin:10px auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.brief-preview-page .brief-details-components .brand-visuals img{width:500px;max-width:97%;height:auto;flex:0 0 auto;margin:10px auto}.brief-preview-page .brief-details-components .brand-visuals div{display:flex;justify-content:center;flex-wrap:wrap}.brief-preview-page .brief-details-components .brand-visuals div .proj-img-holder{margin:10px}.single-project-page{display:flex;flex-direction:column}.single-project-page button{text-decoration:none;text-align:center;color:#06061b;background-color:#f0f;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;outline:none;border:none}.single-project-page button:hover{transform:scale(1.02);color:#fff;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);background-color:#f0f}.single-project-page .btn-holder{width:100%;height:50px;margin:10px auto;display:flex;align-items:center;justify-content:space-around}.form-details-component,.form-details-component .simple{display:flex;flex-direction:column}.form-details-component .simple{width:100%;height:70px;margin:10px auto;font-size:.9em;padding-left:2%;justify-content:space-around}.form-details-component .simple label{text-transform:capitalize}.form-details-component .simple input,.form-details-component .simple select{height:60%;max-width:400px;border:none;outline:none;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);color:#fff;padding:0 5px;border-radius:5px}.form-details-component .simple input:focus,.form-details-component .simple input:hover,.form-details-component .simple select:focus,.form-details-component .simple select:hover{background-color:#f0f}.form-details-component .web-url-component{width:100%;display:flex;flex-direction:column;margin:10px auto}.form-details-component .web-url-component .ctrls{margin:10px auto;height:40px;width:90%;display:flex;justify-content:space-around;align-items:center}.form-details-component .web-url-component h4,.form-details-component .web-url-component h6{width:100%;text-align:center;color:#f0f}.form-details-component .web-url-component .each-url-input{display:flex;flex-direction:column;justify-content:space-around;width:100%;height:165px;margin:10px auto;font-size:.9em;padding-left:2%}.form-details-component .web-url-component .each-url-input label{text-transform:capitalize}.form-details-component .web-url-component .each-url-input input,.form-details-component .web-url-component .each-url-input select{height:35%;max-width:400px;border:none;outline:none;background:linear-gradient(0deg,#06061b,hsla(0,33%,99%,.096) 100%,#06061b);color:#fff;padding:0 5px;border-radius:5px}.form-details-component .web-url-component .each-url-input input:focus,.form-details-component .web-url-component .each-url-input input:hover,.form-details-component .web-url-component .each-url-input select:focus,.form-details-component .web-url-component .each-url-input select:hover{background-color:#f0f}.form-details-component .submit-btn{width:max-content;align-self:center;margin:10px auto}.form-design-component{width:100%;display:flex;flex-direction:column}.form-design-component .form-input{width:90%;align-self:center;display:flex;flex-direction:column}.form-design-component .form-input input{margin:10px 0}.form-design-component article{display:flex;flex-wrap:wrap;justify-content:center}.form-design-component article section{height:200px;margin:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.form-design-component article section img{border-radius:5px;cursor:pointer}.form-design-component article section button{width:max-content;background:red}.form-design-component article section button .icon{transform:scale(1.4)}.form-design-component .submit-btn,.img-renderer{margin:10px auto}.img-renderer{width:98%}.img-renderer h3{color:#f0f;text-align:center;margin:10px auto}.img-renderer section{display:flex;flex-direction:column;justify-content:center;align-items:center}.img-renderer section img{width:500px;max-width:97%;height:auto;flex:0 0 auto;margin:10px auto}@font-face{font-family:RegularFont;src:url(/_next/static/media/Montserrat-Regular.54c76208.ttf)}*{box-sizing:border-box;padding:0;margin:0;transition:all .5s;font-family:RegularFont,Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}main{width:98%;margin:0 auto;height:calc(100vh - 240px);overflow-y:scroll}.full-page{height:unset;overflow-y:unset}body,html{max-width:100vw;max-height:100vh;overflow-x:hidden;background-color:#06061b;color:#fff}