.modalStyle{position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.6);margin:0 auto;transition:all .5s ease-in-out}.modalStyle ::-webkit-scrollbar{width:10px}.modalStyle ::-webkit-scrollbar-thumb{background-color:#363636;border-radius:10px}.modalStyle ::-webkit-slider-runnable-track{background-color:#6d6d6d}.modalStyle ::-webkit-scrollbar-thumb:hover{background:#ffb400}.modalStyle .modalClose{color:#aaa;font-size:28px;font-weight:700;position:absolute;right:10%;top:2%;text-align:center;border-radius:100%;border:4px solid #ffb400}@media screen and (min-width:768px){.modalStyle .modalClose{width:60px;height:60px}}@media screen and (max-width:768px){.modalStyle .modalClose{width:40px;height:40px}}.modalStyle .modalClose:focus,.modalStyle .modalClose:hover{color:#000;text-decoration:none;cursor:pointer}.modalStyle .modalClose .modalCloseButton,.modalStyle .modalContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modalStyle .modalContainer{background-color:#0f0e0e;margin:auto;padding:40px;border:1px solid #3d3d3d;border-radius:10px;z-index:10;max-height:80vh;overflow-y:auto}@media screen and (min-width:768px){.modalStyle .modalContainer{width:80%}}@media screen and (max-width:768px){.modalStyle .modalContainer{width:90%}}.modalStyle .modalContainer .modalHeader{display:flex;justify-content:center;align-items:center;margin-bottom:30px;width:100%}@media screen and (min-width:768px){.modalStyle .modalContainer .modalHeader .shadowTitle{font-size:100px;letter-spacing:20px;line-height:.7;text-transform:uppercase;font-weight:800;position:relative;z-index:1;transform:translateY(5%);color:hsla(0,0%,100%,.07)}}@media screen and (max-width:768px){.modalStyle .modalContainer .modalHeader .shadowTitle{font-size:60px;letter-spacing:10px;line-height:.7;text-transform:uppercase;font-weight:700;position:relative;z-index:1;transform:translateY(5%);color:hsla(0,0%,100%,.07)}}@media screen and (min-width:768px){.modalStyle .modalContainer .modalHeader .modalTitle{font-size:60px;font-weight:600;position:absolute;text-transform:uppercase;z-index:2}}@media screen and (max-width:768px){.modalStyle .modalContainer .modalHeader .modalTitle{font-size:30px;font-weight:700;position:absolute;text-transform:uppercase;z-index:2}}.modalStyle .modalContainer .modalBody{padding:20px;width:100%}.modalStyle .modalContainer .modalBody .modalContent{font-size:16px;font-weight:400}.modalStyle .modalContainer .modalFooter{display:flex;justify-content:flex-end}.modalStyle .modalContainer .modalFooter .modalButton{background-color:#ffb400;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;font-weight:600;border-radius:5px;cursor:pointer;transition:all .3s}.modalStyle .modalContainer .modalFooter .modalButton:hover{background-color:#ffb400;color:#fff}