/* import file for a variety of colors */
/* various useful variables and mixins */
.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #1CB5BFdd; display: none; justify-content: center; align-items: center; z-index: 5; }

.modal .content-wrapper { position: relative; display: flex; flex-direction: row; height: auto; min-height: 0; width: 80%; max-width: 1200px; background-color: #56BAA2; background-image: url("/assets/img/pop-up-background.t1751135792.png"); background-size: cover; background-position-x: 50%; background-position-y: 0%; max-height: 80vh; height: auto; overflow: auto; }

@media (max-width: 690px) { .modal .content-wrapper { width: auto; margin: 10px; } }

.modal .content-wrapper .close { position: absolute; top: 0; right: 0; color: #000; line-height: 1; padding: 1rem; cursor: pointer; font-weight: 800; }

.modal .content-wrapper .text { padding: 5rem; padding-top: 0rem; }

@media (max-width: 1200px) { .modal .content-wrapper .text { display: none; } }

.modal .content-wrapper .text h4 { margin: 1rem; }

.modal .content-wrapper .form { background-color: #fff; padding: 5rem 3rem; height: 100%; animation: slide 2s forwards; animation-delay: 1s; width: 100%; }

.modal .content-wrapper .form .container { padding-top: 0; }

@media (max-width: 690px) { .modal .content-wrapper .form { padding: 0.5rem; padding-top: 2rem; } }

@keyframes slide { 100% { } }

.modal .content-wrapper h3 { color: #fff; font-size: 32px; font-weight: 400; margin-top: 0; }

.modal .content-wrapper h4 { font-size: 29px; font-weight: 400; }

/*# sourceMappingURL=modal.css.map */