/* blue => #0C6C8B, golden => #D3B82B, black => #2F2F2F */

html, body {
    overflow: hidden;
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
}

.required:after {
    content: " *";
    color: red;
}

.mirror-icon {
    transform: scaleX(-1);
}

.toast-close {
    float: inline-end;
}

@media screen and (min-width: 1024px) {
    .main-container {
        max-width: -webkit-calc(100% - 240px);
        max-width: -moz-calc(100% - 240px);
        max-width: calc(100% - 240px);
    }
}