main>section>iframe:first-of-type{width:460px;height:700px;margin:0;padding:0;border:0}main>section>iframe:nth-of-type(2){width:100%;height:700px;margin:0;padding:0;border-style:solid;border-width:0 1px 1px 1px;border-color:#cbd5e1}main>section{padding:0;margin:0;flex:1;box-sizing:border-box}main>section>div:first-of-type{float:left;width:680px;background-color:#fff;padding:8px 10px;border-style:solid;border-width:0 1px 1px 1px;border-color:#cbd5e1;color:#4b5563}main>section>div:first-of-type>p{line-height:1.8;text-align:justify;font-family:Arial,Helvetica,sans-serif}main>section>div:first-of-type>p:nth-of-type(2){margin-top:15px;text-align:center}main>section>h2:first-of-type{font-family:Arial,Helvetica,sans-serif;border:1px solid #cbd5e1;height:45px;line-height:45px;background-color:#f8fafc;width:680px;border-radius:5px 5px 0 0;font-size:13pt;margin:0 25px 0 0;padding:0 0 0 10px;float:left;color:#000}main>section>h2:not(:first-of-type){margin-top:15px}main>section>h2:nth-of-type(2){font-family:Arial,Helvetica,sans-serif;border:1px solid #cbd5e1;height:45px;line-height:45px;background-color:#f8fafc;width:100%;border-radius:5px 5px 0 0;font-size:13pt;margin:15px 25px 0 0;padding:0 0 0 10px;float:left;display:none}main>section>h2:nth-of-type(3){font-family:Arial,Helvetica,sans-serif;border:1px solid #cbd5e1;height:45px;line-height:45px;background-color:#f8fafc;width:100%;border-radius:5px 5px 0 0;font-size:13pt;margin:15px 25px 0 0;padding:0 0 0 10px;float:left}#color-options{height:300px;overflow-x:hidden;overflow-y:auto;background-color:#fff;padding:10px 10px 10px 0;margin:15px 0;border:1px solid #e5e7eb;white-space:nowrap;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}#manual-color-options{width:100%;height:300px;overflow-x:hidden;overflow-y:auto;background-color:#fff;padding:10px 10px 10px 0;margin:15px 0;border:1px solid #e7e7e7;white-space:nowrap;display:none}.design-box-class{height:65px;width:65px;overflow:hidden;background-color:#fff;border:1px solid #000;display:inline-block;margin:10px;padding:0;cursor:pointer}.design-box-class:nth-of-type(1){margin-left:10px}.leftStepButton{width:285px;height:90px;display:inline-block;background-color:#fff230;border:1px solid #be9637;padding:15px;margin:0 15px 0 0;border-radius:10px;text-align:center;color:#000;font-weight:700}.rightStepButton{width:350px;height:90px;display:inline-block;background-color:#97ff41;border:1px solid #37be4c;padding:15px;margin:0;border-radius:10px;text-align:center;color:#000;font-weight:700}.manual-color-mobile-tablet-viewport{overflow:hidden;margin:0 0 15px 10px;background-color:#b1d2ea;color:#000;padding:15px;border-radius:5px}.manual-color-desktop-viewport{overflow:hidden;margin:0 0 15px 10px;background-color:#b1eabd;color:#000;padding:15px;border-radius:5px}.manual-color-description-box{width:470px;margin:0 15px 15px 0;padding:10px 15px;background-color:#fff;border:1px solid #bdbdbd;border-radius:5px;color:#000;height:90px;float:left;overflow:hidden;text-wrap:auto}.manual-color-description-box:last-of-type{margin-bottom:0}.manual-color-input-style{margin:0;padding:0;height:35px;width:100px;float:left;cursor:pointer;border:0}.manual-color-mobile-tablet-viewport-title{background-color:#e17a7a;padding:0 0 0 10px;height:45px;line-height:45px;font-size:11pt;color:#000;border-radius:5px;margin:0 0 15px 0}.manual-color-desktop-viewport-title{background-color:#c566cd;padding:0 0 0 10px;height:45px;line-height:45px;font-size:11pt;color:#000;border-radius:5px;margin:0 0 15px 0}.btn{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:12px 24px;font-size:14px;font-weight:600;border-radius:50px;border:none;cursor:pointer;text-align:center;transition:opacity 0.15s ease,transform 0.1s ease}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn-primary{background-color:#4f46e5;color:#fff;margin-bottom:10px;margin-top:15px}.btn-secondary{background-color:#e0e7ff;color:#4338ca;margin-right:40px;margin-bottom:10px;margin-top:15px}@media only screen and (min-width:768px) and (max-width:989px){html body>main{margin-top:140px!important;padding:0 20px!important}main>section>h2:first-of-type{margin:0!important;width:100%!important}main>section>div:first-of-type{width:100%!important;margin:0!important}main>section>h2:nth-of-type(2){display:block;margin:30px 0 15px 0}main>section>iframe:first-of-type{border:1px solid #cbd5e1;padding:20px!important;margin:0 auto;display:block}main>section>iframe:nth-of-type(2){padding:20px!important}}