.nav-custom-elevation {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1), 0 3px 4px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 transparent !important;
}
.title-link-image {
    width: 144px;
    height: 42px;
}
.title-link-image.men {
    width: 180px;
    height: 42px;
}
.mn {
    text-transform: unset !important;
}
.msglow-img-header {
    width: 144px;
    height: 42px;
}
.msglow-img-header.men {
    width: 180px;
    height: 42px;
}
.card-custom-container {
    max-width: 450px !important;
    padding: 0 16px;
}
@media (max-width: 600px) {
    .card-custom-container.v-sheet--outlined {
        border-style: none;
    }
}
.f-libre {
    font-family: Libre Baskerville !important;
}
.card-title {
    font-size: 24px !important;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.0073529412em !important;
    color: #000 !important;
}
.card-title.smaller {
    font-size: 1.5rem !important;
}
.card-title.bigger {
    font-size: 30px !important;
    font-weight: 700;
    line-height: 37.2px;
}
input:focus-visible {
    outline: 1px auto #fb6f92;
    outline-color: #fb6f92;
    outline-style: auto;
    outline-width: 1px;
    outline-offset: 0;
}
::-moz-placeholder {
    color: #c4c4c4;
    font-style: italic;
    opacity: 1;
}
:-ms-input-placeholder {
    opacity: 1;
}
::placeholder {
    color: #c4c4c4;
    font-style: italic;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #c4c4c4;
    font-style: italic;
}
::-ms-input-placeholder {
    color: #c4c4c4;
    font-style: italic;
}
.tombol {
    text-transform: unset !important;
    width: 235px;
}
.text-footer {
    color: #aab2cc;
    font-style: italic;
}
@media (min-width: 600px) {
    .bg-survey:before {
        content: " ";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.1;
        background-image: url(../../assets/Banner-Glowcation.jpg);
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: cover;
    }
}
h3[data-v-63163ff2] {
    margin: 40px 0 0;
}
ul[data-v-63163ff2] {
    list-style-type: none;
    padding: 0;
}
li[data-v-63163ff2] {
    display: inline-block;
    margin: 0 10px;
}
a[data-v-63163ff2] {
    color: #42b983;
}
.img-screen[data-v-63163ff2] {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
    font-family: sans-serif;
}
.line[data-v-63163ff2] {
    width: 20%;
}
.lbl-info[data-v-63163ff2] {
    margin-left: 0;
    padding-left: 0;
}
.qinfo[data-v-63163ff2] {
    color: #fb6f92;
    cursor: pointer;
    margin-top: 128px;
}
.img-screen[data-v-3af703e2] {
    max-width: 256px;
}
.genuine-text[data-v-3af703e2] {
    font-size: 16px !important;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.0125em !important;
}
.line[data-v-3af703e2] {
    width: 30%;
}
.the-label[data-v-51d5db54] {
    margin-top: 11px;
    color: #4d505a !important;
}
.the-label[data-v-51d5db54]:not(.wo-width) {
    width: 8em;
}
.survey-logo[data-v-51d5db54] {
    height: 128px;
}
.survey-logo-head[data-v-51d5db54] {
    height: 200px;
}
h3[data-v-3169a5e8] {
    margin: 40px 0 0;
}
ul[data-v-3169a5e8] {
    list-style-type: none;
    padding: 0;
}
li[data-v-3169a5e8] {
    display: inline-block;
    margin: 0 10px;
}
a[data-v-3169a5e8] {
    color: #42b983;
}
.img-screen[data-v-3169a5e8] {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
    font-family: sans-serif;
}
.line[data-v-3169a5e8] {
    width: 20%;
}
.lbl-info[data-v-3169a5e8] {
    margin-left: 0;
    padding-left: 0;
}
.scan[data-v-3169a5e8] {
    color: #fb6f92;
    border: 2px solid #fb6f92;
    border-radius: 35px;
    background-color: #fff;
    padding: 8px 28px;
    font-size: 16px;
    text-align: center;
}
.img-screen[data-v-ab93dea2] {
    max-width: 256px;
}
.custom-qr-wrapper[data-v-e7283d94] {
    height: calc(100vh - 152px);
}