@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700;900&display=swap";.appContainer{display:grid;grid-template-columns:520px auto;position:relative}.appContainerTemplate{background-color:#f5f5f5;width:100%;height:100vh;overflow-y:scroll}.signatureTemplateBkg,.appContainerTemplateCopy{background-color:#fff;width:600px;min-height:420px;display:grid;grid-template-columns:100%;grid-template-rows:max-content auto;align-items:flex-end;justify-self:flex-start;border-radius:10px;border:1px solid #ecebec;box-shadow:0 0 10px #9e9e9e;margin:35px auto}.appContainerTemplateCopy{min-height:auto}.signatureTemplateTop{height:50px;width:100%;align-self:flex-start;background-color:#f3f2f3;border-radius:10px 10px 0 0;border-bottom:solid 1px #ecebec;display:flex;justify-content:flex-start;align-items:center;gap:5px;padding-left:20px}.signatureTemplateEmail{padding:100px 45px 30px;height:100%}.circle{height:15px;width:15px;border-radius:100%}.circle.red{background-color:#fc5f5a}.circle.yellow{background-color:#ffba2c}.circle.green{background-color:#2bc64d}.appContainerTemplateCopy{height:90px;box-shadow:none;box-shadow:0 0 10px #c9c9c9;border:1px solid #cacaca;margin:35px auto;display:flex}h2{font-family:Montserrat,sans-serif;font-size:18px;margin-bottom:30px;color:#002646}.signatureCustomizerContainer{display:grid;grid-template-columns:19% auto;min-height:100vh;height:100%}.sections{background-color:#002646}.customizers{border-right:solid 1px rgb(175,175,175);padding:30px 40px;height:100vh;overflow-y:scroll;overflow-x:hidden;background-color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#c7c7c7;border-radius:6px}::-webkit-scrollbar-track{background-color:#f0f0f0}::-moz-scrollbar{width:9px}::-moz-scrollbar-thumb{background-color:#007bff;border-radius:6px}::-moz-scrollbar-track{background-color:#f0f0f0}.setUserDataContainerLabel{height:fit-content}.label{position:relative;font-size:15px;font-family:Montserrat,sans-serif;font-weight:600;color:#002646;z-index:9;width:fit-content;margin:0 15px;padding:0 15px;box-shadow:none;background-color:#fff;border-radius:10px}.input{border-radius:40px;border:#b1b1b1 1px solid;width:100%;height:28px;padding:25px 45px 22px 26px;margin:-10px auto 30px;font-size:16px;font-family:Roboto,sans-serif}.setUserDataContainerLabel{position:relative}.setUserDataContainerLabel i{position:absolute;right:20px;top:25%;fill:#555;cursor:pointer}::placeholder{color:#a0a0a0}::-webkit-input-placeholder{color:#a0a0a0}:-moz-placeholder{color:#a0a0a0}::-ms-input-placeholder{color:#a0a0a0}.setUserDataContainer{display:flex;flex-direction:column;margin:0 auto}@keyframes grow{0%{transform:scale(1.1);font-size:17px}25%{transform:none;font-size:15px}50%{transform:scale(1.1);font-size:17px}75%{transform:none;font-size:15px}}.warning{border-color:#fc644d;background-color:#fc644d1e;color:#fc644d;animation:grow 1s}.ctaInput{padding:20px;background-color:#f3f2f3;border-radius:10px}.ctaInput .label{background-color:#f3f2f3}.switchContainer{display:flex;align-items:center}.switch{position:relative;display:inline-block;width:60px;height:34px;margin-left:10px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#3175c5}input:focus+.slider{box-shadow:0 0 1px #3175c5}input:checked+.slider:before{transform:translate(26px)}.customizableSections{width:100%;height:100%;display:flex;flex-direction:column}.eachSection{width:100%;padding:20px;display:flex;flex-direction:column;place-items:center;gap:2px;border-left:solid 7px transparent;border-right:solid 7px transparent;transition:.8s;color:#fff}.eachSection p{font-family:Montserrat,sans-serif;font-weight:500;font-size:14px}.eachSection svg{fill:#fff;width:35px;height:35px}.eachSection:hover{cursor:pointer}.sectionSelected{background-color:#fff;color:#e26b04;border-left-color:#fc7e00;border-right-color:transparent;border-bottom-color:transparent;transition:.5s}.sectionSelected p{font-weight:600}.sectionSelected svg{fill:#fc7e00}.eachSocialLink{display:flex;place-items:center;gap:10px}.iconsTitle{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:#002646;margin:27px 5px}.iconsGrid{display:grid;grid-template-columns:repeat(6,1fr);place-items:center;justify-content:space-between;gap:23px}.iconsGrid svg{height:30px;cursor:pointer}.setUserDataContainerLabelIcon{padding-left:40px}.setUserDataContainerLabelIcon svg{position:absolute;left:8px;margin-top:-5px;width:27px}.customizeDesignInput{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;margin-bottom:30px;border-bottom:solid 1px lightgrey;font-size:15px;font-family:Montserrat,sans-serif;font-weight:600;color:#002646}input[type=color i]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;inline-size:50px;block-size:53px;cursor:pointer;background-color:transparent;border:none}input[type=color]::-webkit-color-swatch{border:none;border-radius:100px;border:solid 1px #002646}.customizeDesignInput select{font-size:15px;color:#002646;text-align:start;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;box-sizing:border-box;cursor:pointer;border:solid 1px #002646;border-radius:40px;border:#b1b1b1 1px solid;padding:13px 5px 12px 15px;font-size:16px;font-family:Roboto,sans-serif}.slide{flex-direction:column;width:100%}.slide label{justify-self:flex-start!important;width:100%}input[type=range i]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer;color:#000;padding:initial;border:none;margin:20px 0 5px;width:100%}.slide datalist{display:flex;justify-content:space-between;width:100%;padding-bottom:10px}.slide option{display:inline;font-size:14px;font-family:Roboto}.dropzone{border:2px dashed #ccc;border-radius:10px;padding:2em;text-align:center;cursor:pointer;transition:border .3s;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;height:180px;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;color:#002646}.dropzone i{width:60px;height:60px}.dropzone i svg{fill:#002646}.dropzoneConditions{list-style-type:none}.dropzoneConditions li{font-family:Roboto,sans-serif;font-weight:400;font-size:15px;padding-left:30px;margin-bottom:10px;background-image:url(images/warning.svg);background-size:18px;background-repeat:no-repeat}.subtitleOptions{font-family:Montserrat,sans-serif;font-size:15px;margin-bottom:25px;color:#fc7e00}.setTemplateGrid{display:flex;flex-direction:column;max-width:100%}.setTemplateGrid p{font-size:15px;font-family:Montserrat,sans-serif;font-weight:600;color:#002646}.setTemplateGrid div{padding:0 10px 5px}.setTemplateGrid img{max-width:100%}.setTemplateGrid img:hover{box-shadow:0 0 10px #00274659}.selected{border-radius:10px;max-width:100%}.selected img{border-color:#002646!important;box-shadow:0 0 10px #00274671}.footerConfirmContainer{width:100%;height:100%;display:grid;align-items:flex-end;padding:20px;grid-template-columns:70% 30%;align-items:center;text-align:start}.checkboxContainer{display:flex;align-items:center;margin-left:10px}.checkbox{margin:0;width:13px}.footerConfirmContainer label{font-size:13px;font-family:Roboto;font-weight:400;margin-left:15px}.copyBttn{width:100%;padding:10px 0;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:600;font-size:15px;background-color:#fc7e00;color:#fff;border:none}.done{background-color:green}.footerCopyContainer{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;place-items:center;height:100%;width:100%;padding:20px;gap:15px}.footerCopyContainer .copyBttn{font-size:13px;width:100%;padding:11px 0}.footerCopyContainer .faqs{background-color:#fff;color:#002646;border:solid 1px rgb(0,38,70)}.footerCopyContainer .copyCode{background-color:#fc7e00}@keyframes growText{0%{background-color:#fc644d4d}75%{background-color:#fc644d00}}.warningTerms{color:#fc644d;animation:growText 2s}.faqsBttn{height:70px;width:70px;border-radius:100%;position:absolute;right:30px;bottom:60px;background-color:#002646;box-shadow:5px 5px 10px #002746d0;border:none;font-family:Montserrat,sans-serif;font-size:14px;color:#fff;font-weight:600}@keyframes fadein{0%{opacity:0}to{opacity:1}}.faqsTextContainer{position:absolute;top:0;left:0;width:100%;min-height:100%;background-color:#fafafa;z-index:9999;padding:70px 90px 90px}.faqsText{max-width:900px;margin:0 auto;animation:fadein .8s}.faqsText h2{font-family:Montserrat,sans-serif;font-size:25px;margin-bottom:20px;border-top:solid 1px lightgrey;padding-top:50px;color:#004dbc}.faqsText .titleFAQS{border-top:none;padding-top:0}.faqsText .titleFAQS span{display:block;font-size:20px}.faqsText h3{font-family:Montserrat,sans-serif;font-size:17px;margin:40px 0 15px}.faqsText p,.faqsText ul,.faqsText ol,.faqsText a{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5}.faqsText a{color:#004dbc}.cancelFaqsBttn svg{height:65px;width:65px;border-radius:100%;background-color:transparent;transition:.2s;fill:#002646;cursor:pointer;animation:fadein 1s;stroke:#fff;stroke-width:.4px;font-weight:300!important}.cancelFaqsBttn svg:hover{transform:scale(1.08);transition:.2s}.faqsText ol li{list-style:disc!important;margin-bottom:10px}.cancelFaqsBttn{position:sticky;top:20px;right:20px;display:flex;justify-content:flex-end;align-items:flex-end}*{padding:0;margin:0;box-sizing:border-box}button{cursor:pointer}.mobileContent{display:none}@media (max-width: 900px){main{display:none}.mobileContent{display:block;min-height:90vh;font-family:Montserrat,sans-serif;font-size:28px;color:#fff;background-color:#002646;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:40px;padding:0 30px}.mobileContent button{width:fit-content;margin:0 auto}}