.welcome-modal mat-dialog-container {padding: 0 !important;width: 594px;border-radius: 0 !important;}
.welcome-modal mat-dialog-container .modal-content {padding: 24px;background-color: #fff;}
.welcome-modal mat-dialog-container .modal-content .modal-header {text-align: right;}
.welcome-modal mat-dialog-container .modal-content .modal-body {padding: 24px 35px 16px;}
.welcome-modal mat-dialog-container .modal-content .modal-body .modal-body-title {margin-bottom: 20px;font-size: 24px;font-weight: 300;text-transform: uppercase;}
.welcome-modal mat-dialog-container .modal-content .modal-body .modal-body-content {font-size: 16px;font-weight: 300;}
.welcome-modal mat-dialog-container .modal-content .modal-body .modal-body-footer {display: flex;gap: 20px;margin-top: 45px;flex-direction: row;justify-content: flex-end;}
.welcome-modal mat-dialog-container .modal-content .modal-body .modal-body-footer button, .welcome-modal mat-dialog-container .modal-content .modal-body .modal-body-footer a {width: 100%;}

@media (max-width: 768px) {
.welcome-modal {max-width: 100% !important;}
.welcome-modal mat-dialog-container {margin: 0 12px;width: 100%;}
.welcome-modal mat-dialog-container .modal-content {padding: 16px;}
.welcome-modal mat-dialog-container .modal-content .modal-body {padding: 0 0 13px;}
.welcome-modal mat-dialog-container .modal-content .modal-body .modal-body-title {margin-bottom: 20px;text-transform: uppercase;}
.welcome-modal mat-dialog-container .modal-content .modal-body .modal-body-content {width: 330px;}
.welcome-modal mat-dialog-container .modal-content .modal-body .modal-body-footer {margin-top: 16px;gap: 16px;flex-direction: column;}
}