.contact-us-wrapper{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:20;display:flex;justify-content:center;align-items:center;transition:all .3s ease;backdrop-filter:blur(.3em);opacity:0;pointer-events:none}.contact-us-wrapper.active{opacity:1;pointer-events:all}.contact-us-content{max-width:768px;background-color:#f1fafa;font-size:x-large;backdrop-filter:blur(.3em);box-shadow:0 0 10px 3px rgba(51,51,51,.3);z-index:30;max-height:100vh;overflow-y:auto;overflow-x:hidden;padding:1em 2em}@media(max-width:768px){.contact-us-content{max-width:100vw}}.contact-us-content .course-name{padding:.2em .4em;background:rgba(130,35,228,.1);backdrop-filter:blur(1em);border-radius:10px;border:2px solid rgba(51,51,51,.3)}.contact-us-content form{display:flex;flex-direction:column}.contact-us-content form input,.contact-us-content form textarea{border-radius:5px;border:1px solid rgba(51,51,51,.3);padding:.4em;outline:none}.contact-us-content form button,.contact-us-content form label{margin-top:1em}.contact-us-content .policy{font-size:medium;margin:1em auto}.contact-us-content .closer{position:absolute;top:.5em;right:.5em;color:#ff3737;cursor:pointer;scale:150%;transition:all .3s ease}.contact-us-content .closer:hover{color:#4a90e2;transform:rotate(90deg)}.contact-us-content .error{color:#ff3737}@media(max-width:768px){.contact-us-wrapper{align-items:flex-start;overflow-y:auto}.contact-us-content{border-radius:0;padding:0 1em 1em}.contact-us-content .closer{position:sticky;scale:100%;background-color:#f1fafa;border:1px solid rgba(51,51,51,.3);box-shadow:3px 0 12px 0 rgba(51,51,51,.3);top:0;margin-left:-1em;margin-right:-1em;padding:.5em 1em;display:flex;justify-content:flex-end;color:#333;z-index:20}.contact-us-content .closer:hover{transform:none}}