.closeModalForms{position:absolute;top:10px;right:15px;font-size:15px;font-weight:bold}html,body{width:100%;height:100%}body{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0)}#DownLoadContainer{background:#fff;padding:15px 30px;border-radius:20px;transition:height ease-out 1s,width ease-out 1s;position:relative;overflow-y:auto}#DownLoadContainer #buttonStepOne,#DownLoadContainer #copyStepOne,#DownLoadContainer #copyStepTwo,#DownLoadContainer #titleDownload,#DownLoadContainer #succesContainer{opacity:0;transition:opacity ease-out 1s}#DownLoadContainer #succesContainer{display:none}#DownLoadContainer #titleDownload{transition:grid-area ease-out 1s}#DownLoadContainer .closeModal{z-index:999;cursor:pointer}.stepOne{height:400px;width:60%;display:grid;align-items:center;grid-template-columns:repeat(3, 1fr);grid-gap:0px;grid-template:"c a a" "c b b" "c d d"}.stepOne #referenceImage{grid-area:c;width:100%;height:80%;display:flex;justify-content:center;align-items:center}.stepOne #referenceImage img{height:325px;width:300px}.stepOne #titleDownload{grid-area:a;height:100%;display:flex;align-items:flex-end;padding-top:60px;opacity:1 !important}.stepOne #titleDownload h2{text-align:center;font-size:25px;font-weight:700;columns:#383838}.stepOne #copyStepOne{grid-area:b;height:100%;opacity:1 !important}.stepOne #copyStepOne p{font-size:18px;text-align:center;font-weight:400}.stepOne #buttonStepOne{grid-area:d;height:100%;display:flex;align-items:flex-start;justify-content:center;opacity:1 !important}.stepOne #buttonStepOne button{width:80%;height:50px;text-align:center;line-height:2.5;border-radius:10px;border:none;background:#ff8a4c;color:#fff;font-size:18px;font-weight:600}.stepOne #succesContainer,.stepOne #copyPP,.stepOne #formContianer,.stepOne #copyStepTwo{display:none}.stepTwo{height:600px;width:50%;display:grid;align-items:center;grid-template-columns:repeat(3, 1fr);grid-gap:0px;grid-template:"a a a" "c b b" "c d d" "c e e";justify-content:space-evenly;align-content:space-between;align-items:center}.stepTwo #referenceImage{grid-area:c;width:100%;height:80%}.stepTwo #referenceImage img{height:325px;width:300px}.stepTwo #titleDownload{grid-area:a;height:100%;text-align:center;opacity:1 !important}.stepTwo #titleDownload h2{text-align:center;font-size:25px;font-weight:700;columns:#383838}.stepTwo #copyStepTwo{grid-area:b;width:100%;opacity:1 !important}.stepTwo #copyStepTwo p{font-size:18px;font-weight:400}.stepTwo #formContianer{grid-area:d;width:100%;opacity:1 !important}.stepTwo #formContianer .card-header{display:none}.stepTwo #formContianer .card-body{padding-bottom:0px !important}.stepTwo #formContianer .card-body .inputs-text-group{font-size:18px;width:100%;margin-bottom:20px;color:#383838;border-radius:10px}.stepTwo #formContianer .card-body .inputs-text-group::placeholder{color:#c2c2c2}.stepTwo #formContianer .card-footer{background:rgba(0,0,0,0);border:none}.stepTwo #formContianer button{width:100%;height:50px;text-align:center;border-radius:10px;border:none;background:#ff8a4c;color:#fff;font-size:18px;font-weight:600}.stepTwo #copyPP{grid-area:e;width:100%;opacity:1 !important}.stepTwo #copyPP p{color:#999;text-align:center;height:10px}.stepTwo #buttonStepOne,.stepTwo #copyStepOne{opacity:0}.stepTwo #succesContainer{grid-row-start:d;grid-column-start:d;grid-row-end:d;grid-column-end:e;width:100%;opacity:1 !important;padding:0px 10px}.stepTwo #succesContainer button{width:100%;border:1px solid #c2c2c2;background:rgba(0,0,0,0);font-size:18px;border-radius:10px;padding:5px}.stepTwo #succesContainer p{font-size:14px;text-align:center;font-weight:400;color:#383838}.stepTwo #succesContainer p span{font-weight:700;cursor:pointer}.stepTwo #buttonStepOne,.stepTwo #copyStepOne,.stepTwo #succesContainer{display:none}@media(max-width: 576px){.stepOne{grid-template:"a a" "b b" "d d" "c c"}.stepTwo{grid-template:"a a" "b b" "d d" "c c" "e e"}.stepTwo #copyPP p{margin-top:10px}.stepOne,.stepTwo{grid-template-columns:repeat(2, 1fr);grid-gap:0px;overflow:auto;width:90%;height:80vh}.stepOne #titleDownload,.stepTwo #titleDownload{padding-top:0px}.stepOne #referenceImage,.stepTwo #referenceImage{text-align:center;width:100%;height:300px}.stepOne #referenceImage img,.stepTwo #referenceImage img{height:100%}}@media(min-width: 575px)and (max-width: 1024px){.stepOne,.stepTwo{width:90%;height:80vh}}