.paddings-l-r--20px {padding-left: 20px; padding-right: 20px;}
.color-text--white {color: rgba(255, 255, 255, 1);}
.text--semibold {font-size: 32px; letter-spacing: 0em; line-height: 36px; font-family: 'Akrobat SemiBold';}
.text--button {font-size: 24px; line-height: 28px; letter-spacing: -0.01em; font-family: 'Akrobat SemiBold';}
.button-primary {background-color: rgb(197, 13, 128); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding-left: 28.5px; padding-right: 28.5px; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; background-size: auto; background-image: none/*linear-gradient(rgb(43, 187, 220) 0%, rgb(43, 187, 220) 100%)*/; background-repeat: repeat; background-position: left 0px top 0px; background-attachment: scroll; padding-top: 14px; padding-bottom: 14px; text-align: center; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(197, 13, 128, 0); border-left-color: rgba(197, 13, 128, 0); border-right-color: rgba(197, 13, 128, 0); border-bottom-color: rgba(197, 13, 128, 0);}
.button-primary:hover {background-color: rgb(255, 255, 255); border-top-color: rgba(197, 13, 128, 1); border-left-color: rgba(197, 13, 128, 1); border-right-color: rgba(197, 13, 128, 1); border-bottom-color: rgba(197, 13, 128, 1); border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; box-shadow: 0px 0px 12px 4px rgba(241, 17, 126, 0.12);}
.paddings-t-b--160-80px {padding-top: 160px; padding-bottom: 80px;}
.text--h3-1-bold {font-size: 48px; line-height: 56px; letter-spacing: -0.01em; font-family: 'Akrobat ExtraBold';}
.text--1-semibold {font-size: 38px; line-height: 110%; font-family: 'Akrobat SemiBold';}
.text--h3-2-bold {font-size: 32px; line-height: 28px;}
.text--1-regular {font-size: 32px; line-height: 128%; font-family: 'Akrobat Regular'; letter-spacing: -0.01em;}
.text--h1-bold {font-size: 64px; line-height: 115%; letter-spacing: -0.01em; font-family: 'Akrobat ExtraBold';}
.text--h3-3-extrabold {font-size: 24px; line-height: 28px; font-family: 'Akrobat ExtraBold';}
.text--number {font-family: 'Akrobat SemiBold'; font-size: 20px; line-height: 24px;}
.text--2-semibold {font-size: 24px; font-family: 'Akrobat SemiBold'; line-height: 140%; letter-spacing: -0.01em;}
.color-text--black-80per {color: rgba(48, 48, 48, 0.8);}
.paddings-t-b--160px {padding-top: 160px; padding-bottom: 160px;}
.button-primary-2 {padding-top: 22px; padding-bottom: 22px; padding-left: 32px; padding-right: 32px; background-size: auto; background-image: none/*linear-gradient(rgb(43, 187, 220) 0%, rgb(43, 187, 220) 100%)*/; background-repeat: repeat; background-position: left 0px top 0px; background-attachment: scroll; background-color: rgb(197, 13, 128); border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(255, 255, 255, 0); border-left-color: rgba(255, 255, 255, 0); border-right-color: rgba(255, 255, 255, 0); border-bottom-color: rgba(255, 255, 255, 0); box-shadow: 0px 0px 12px 4px rgba(241, 17, 126, 0);}
.button-primary-2:hover {border-top-color: rgba(197, 13, 128, 1); border-left-color: rgba(197, 13, 128, 1); border-right-color: rgba(197, 13, 128, 1); border-bottom-color: rgba(197, 13, 128, 1); background-color: rgb(255, 255, 255); box-shadow: 0px 0px 12px 4px rgba(241, 17, 126, 0.12);}
.paddings-t-b--80-130px {padding-top: 80px; padding-bottom: 130px;}
.text--2-extrabold {font-family: 'Akrobat ExtraBold'; font-size: 20px; line-height: 24px;}
.input-primary {height: 64px; padding-left: 20px; padding-right: 20px; padding-top: 18px; padding-bottom: 18px; background-size: auto; background-image: none/*linear-gradient(rgb(245, 245, 245) 0%, rgb(245, 245, 245) 100%)*/; background-repeat: repeat; background-position: left 0px top 0px; background-attachment: scroll; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: rgb(255, 255, 255); border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none;}
.text--h1-semibold-2 {font-size: 72px; letter-spacing: -0.01em; line-height: 76px; font-family: 'Akrobat SemiBold';}
.text--3-regular {font-size: 26px; line-height: 140%; font-family: 'Akrobat Regular'; letter-spacing: -0.01em;}
.paddings-l-r--40px {padding-left: 20px; padding-right: 20px;}
.w-h--16px {width: 16px; height: 16px;}
.text--button-2 {font-size: 24px; line-height: 28px; letter-spacing: -0.01em; font-family: 'Akrobat SemiBold';}
.choice-v1 {row-gap: 20px; background-color: rgb(247, 247, 247); border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; cursor: pointer;}
.quiz-btn-next {background-color: rgb(252, 81, 25); width: 160px; height: 64px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; flex-shrink: 0; color: rgba(255, 255, 255, 1); transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; cursor: pointer;}
.quiz-btn-next:hover {background-color: rgb(235, 73, 24);}
.quiz-btn-prev {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(252, 81, 25, 1); border-left-color: rgba(252, 81, 25, 1); border-right-color: rgba(252, 81, 25, 1); border-bottom-color: rgba(252, 81, 25, 1); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 141px; height: 64px; color: rgba(252, 81, 25, 1); flex-shrink: 0; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; cursor: pointer;}
.quiz-btn-prev:hover {background-color: rgba(252, 81, 25, 0.1);}
.w-h--60px {width: 60px; height: 60px; flex-shrink: 0;}
.quiz-btn-reset {border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: rgb(252, 81, 25); color: rgba(255, 255, 255, 1); padding-left: 20px; padding-right: 20px; height: 64px; cursor: pointer;}
.quiz-btn-reset:hover {background-color: rgb(235, 73, 24);}
.quiz-result-v1 {padding-left: 32px; padding-right: 32px; padding-top: 32px; padding-bottom: 32px; background-color: rgb(247, 247, 247); border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; display: flex; flex-direction: column; row-gap: 20px; min-height: 416px; margin-top: 32px;}
.w-h--88px {width: 88px; height: 88px; flex-shrink: 0;}
.quiz-pagination-dot1 {width: 48px; height: 12px; background-color: rgba(48, 48, 48, 0.1); border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px;}
.quiz-pagination-dot2 {width: 48px; height: 12px; background-color: rgba(48, 48, 48, 0.1); border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px;}
.quiz-pagination-dot3 {width: 48px; height: 12px; background-color: rgba(48, 48, 48, 0.1); border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px;}
.quiz-pagination-dot4 {width: 48px; height: 12px; background-color: rgba(48, 48, 48, 0.1); border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px;}
.quiz-pagination-dot5 {width: 48px; height: 12px; background-color: rgba(48, 48, 48, 0.1); border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px;}
.quiz-pagination-dot6 {width: 48px; height: 12px; background-color: rgba(48, 48, 48, 0.1); border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px;}
.quiz-pagination-dot7 {width: 48px; height: 12px; background-color: rgba(48, 48, 48, 0.1); border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px;}
.button-primary-3 {background-color: rgb(240, 239, 255); border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; padding-top: 22px; padding-bottom: 22px; padding-left: 20px; padding-right: 20px; background-size: auto; background-image: none/*linear-gradient(rgb(43, 187, 220) 0%, rgb(43, 187, 220) 100%)*/; background-repeat: repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.button-primary-3:hover {color: rgba(252, 81, 25, 1);}
.fancy-box {cursor: zoom-in;}
.text--h2-semibold {line-height: 52px; text-transform: uppercase; font-size: 48px; font-family: 'Akrobat SemiBold';}
.text--h2-semibold-liquid {font-size: 3.5vw; line-height: 4vw; font-family: 'Inter Tight'; font-weight: 300; text-transform: uppercase; text-align: center;}
.paddings-t-b--80-0px {padding-top: 80px; padding-bottom: 0px;}
.color-text--blue {color: rgba(42, 36, 91, 1);}
.tag-block {background-color: rgb(240, 239, 255); padding-left: 25px; padding-right: 25px; padding-top: 13px; padding-bottom: 13px; column-gap: 12px; display: flex; align-items: center; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; width: auto;}
.text--3-regular-2 {font-size: 16px; line-height: 18px; font-family: 'Akrobat Regular';}
.w-h--28px {width: 28px; height: 28px; flex-shrink: 0;}
.button-primary-4 {background-color: rgb(255, 255, 255); border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; padding-top: 22px; padding-bottom: 22px; padding-left: 20px; padding-right: 20px; background-size: auto; background-image: none/*linear-gradient(rgb(43, 187, 220) 0%, rgb(43, 187, 220) 100%)*/; background-repeat: repeat; background-position: left 0px top 0px; background-attachment: scroll; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(252, 81, 25, 1); border-left-color: rgba(252, 81, 25, 1); border-right-color: rgba(252, 81, 25, 1); border-bottom-color: rgba(252, 81, 25, 1); color: rgba(252, 81, 25, 1);}
.text--h2-semibold-copy {line-height: 52px; text-transform: uppercase; font-size: 40px; font-family: 'Akrobat SemiBold';}
.text--h1-semibold-copy {font-size: 64px; letter-spacing: -0.01em; line-height: 115px; font-family: 'Akrobat SemiBold';}
.text--1-description {font-family: 'Akrobat SemiBold'; font-size: 24px; line-height: 100%; letter-spacing: -0.01em;}
.text--h3-regular {font-family: 'Akrobat Regular'; font-size: 26px; line-height: 140%; letter-spacing: -0.01em;}
.text--h-semibold {letter-spacing: -0.01em; line-height: 100%; font-family: 'Akrobat SemiBold'; font-size: clamp(48px, 3.75vw, 72px);}
.color-text--pink {color: rgba(197, 13, 128, 1);}
.w-h--24px {width: 24px; height: 24px;}
.paddings-t-b--90px {padding-top: 90px; padding-bottom: 90px;}
.paddings-t-b--100px-90px {padding-top: 100px; padding-bottom: 90px;}
.max-w--1720px {max-width: 1720px;}
.gap-ver--32px {row-gap: 32px;}
.gap-ver--56px {row-gap: 56px;}
.max-w--1880px {max-width: 1880px;}
.text--caption {font-size: 24px; line-height: 120%; letter-spacing: -0.03em; font-family: 'Akrobat Bold';}
.text--list {line-height: 140%; font-family: 'Akrobat Regular'; letter-spacing: -0.01em; font-size: 26px;}
.radius--48px {border-top-left-radius: 48px; border-top-right-radius: 48px; border-bottom-right-radius: 48px; border-bottom-left-radius: 48px;}
.text--numeric {font-size: 64px; font-family: 'Akrobat SemiBold'; line-height: 115%; letter-spacing: -0.01em;}
.text--h1-1-semibold {letter-spacing: -0.01em; line-height: 115%; font-family: 'Akrobat SemiBold'; font-size: clamp(48px, 3.33vw, 64px);}
.text--clamp-list {font-family: 'Akrobat Bold'; font-size: 40px; line-height: 100%; letter-spacing: -0.01em;}
.text--1-1-semibold {font-size: 38px; line-height: 110%; font-family: 'Akrobat SemiBold';}
.text--button-3 {font-size: 20px; font-family: 'Akrobat Regular'; line-height: 120%; letter-spacing: 0em;}
.text--1 {font-family: 'Akrobat SemiBold'; font-size: 38px; line-height: 110%; letter-spacing: normal;}
.text--caption-2 {font-size: 16px; line-height: 110%; font-family: 'Akrobat Regular'; letter-spacing: normal;}
.text--button-4 {font-family: 'Akrobat Regular'; font-size: 20px; line-height: 120%; letter-spacing: normal;}
.text--semibold-2 {font-size: 32px; letter-spacing: -0.01em; line-height: 128%; font-family: 'Akrobat SemiBold';}
.text--h3 {font-family: 'Akrobat Bold'; font-size: 48px; line-height: 56px; letter-spacing: -0.01em;}
.text--h2 {font-size: 40px; letter-spacing: -0.01em; font-family: 'Akrobat Bold'; line-height: 100%;}
.text--2 {font-family: 'Akrobat Regular'; font-size: 24px; line-height: 140%; letter-spacing: -0.01em;}
.text--h4 {font-size: 20px; font-family: 'Akrobat ExtraBold'; line-height: 24px; letter-spacing: 0em;}
.text--h1 {letter-spacing: -0.01em; line-height: 115%; font-family: 'Akrobat SemiBold'; font-size: clamp(48px, 3.33vw, 64px);}
.paddings--32px {padding-left: 32px; padding-right: 32px; padding-bottom: 32px; padding-top: 32px;}
@media (max-width: 991px) {.paddings-l-r--20px {padding-left: 40px; padding-right: 40px;}}
@media (max-width: 991px) {.button-primary {border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; max-height: 56px;}}
@media (max-width: 991px) {.text--1-regular {font-size: 16px; line-height: 120%; letter-spacing: 0em;}}
@media (max-width: 991px) {.text--h3-2-bold {font-size: 20px; line-height: 24px;}}
@media (max-width: 991px) {.text--button {letter-spacing: -0.02em; line-height: 133%; font-size: 20px;}}
@media (max-width: 991px) {.text--1-semibold {line-height: 120%; font-size: 16px; letter-spacing: 0em;}}
@media (max-width: 991px) {.text--h1-bold {font-size: 32px; line-height: 36px;}}
@media (max-width: 991px) {.text--h3-3-extrabold {font-size: 20px; line-height: 24px;}}
@media (max-width: 991px) {.text--2-semibold {font-size: 16px; line-height: 120%; letter-spacing: 0em;}}
@media (max-width: 991px) {.paddings-t-b--160px {padding-top: 50px; padding-bottom: 50px;}}
@media (max-width: 991px) {.paddings-t-b--160-80px {padding-top: 100px; padding-bottom: 50px;}}
@media (max-width: 991px) {.input-primary {height: 48px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding-left: 12px; padding-right: 12px; padding-top: 14px; padding-bottom: 14px;}}
@media (max-width: 991px) {.button-primary-2 {padding-top: 13px; padding-bottom: 13px; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px;}}
@media (max-width: 991px) {.text--h1-semibold-2 {font-size: 20px; line-height: 24px; letter-spacing: 0em;}}
@media (max-width: 991px) {.paddings-t-b--80-130px {padding-bottom: 50px; padding-top: 50px;}}
@media (max-width: 991px) {.text--semibold {font-size: 24px; line-height: 28px;}}
@media (max-width: 991px) {.text--3-regular {font-size: 16px; line-height: 120%; letter-spacing: 0em;}}
@media (max-width: 991px) {.text--2-extrabold {line-height: 100%;}}
@media (max-width: 991px) {.paddings-l-r--40px {padding-left: 20px; padding-right: 20px;}}
@media (max-width: 991px) {.text--h3-1-bold {font-size: 20px; line-height: 24px;}}
@media (max-width: 991px) {.w-h--60px {width: 24px; height: 24px;}}
@media (max-width: 991px) {.choice-v1 {column-gap: 12px; row-gap: 0px; padding-left: 16px; padding-right: 16px; padding-top: 16px; padding-bottom: 16px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}}
@media (max-width: 991px) {.quiz-btn-prev {width: auto;}}
@media (max-width: 991px) {.quiz-btn-next {width: auto;}}
@media (max-width: 991px) {.w-h--88px {width: 60px; height: 60px;}}
@media (max-width: 991px) {.quiz-result-v1 {row-gap: 10px; height: 248px; min-height: auto; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}}
@media (max-width: 991px) {.quiz-pagination-dot1 {width: 100%; height: 8px;}}
@media (max-width: 991px) {.quiz-pagination-dot2 {width: 100%; height: 8px;}}
@media (max-width: 991px) {.quiz-pagination-dot3 {width: 100%; height: 8px;}}
@media (max-width: 991px) {.quiz-pagination-dot4 {width: 100%; height: 8px;}}
@media (max-width: 991px) {.quiz-pagination-dot5 {width: 100%; height: 8px;}}
@media (max-width: 991px) {.quiz-pagination-dot6 {width: 100%; height: 8px;}}
@media (max-width: 991px) {.quiz-pagination-dot7 {width: 100%; height: 8px;}}
@media (max-width: 991px) {.quiz-step {display: flex; flex-direction: column; justify-content: space-between; height: 308px;}}
@media (max-width: 991px) {.button-primary-3 {border-top-left-radius: 14px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-right-radius: 14px; padding-top: 13px; padding-bottom: 13px;}}
@media (max-width: 991px) {.text--h2-semibold {font-size: 30px; line-height: 35px;}}
@media (max-width: 991px) {.text--h2-semibold-liquid {font-size: 30px; line-height: 35px;}}
@media (max-width: 991px) {.paddings-t-b--80-0px {padding-bottom: 0px; padding-top: 50px;}}
@media (max-width: 991px) {.tag-block {padding-left: 8px; padding-right: 8px; padding-top: 6px; padding-bottom: 6px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; column-gap: 4px;}}
@media (max-width: 991px) {.text--3-regular-2 {font-size: 12px; line-height: 120%;}}
@media (max-width: 991px) {.button-primary-4 {padding-top: 15px; padding-bottom: 15px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}}
@media (max-width: 991px) {.text--h2-semibold-copy {font-size: 30px; line-height: 35px;}}
@media (max-width: 991px) {.text--h1-semibold-copy {font-size: 32px; line-height: 36px;}}
@media (max-width: 991px) {.text--h-semibold {font-size: 36px; line-height: 105%; letter-spacing: -0.02em;}}
@media (max-width: 991px) {.w-h--24px {width: 16px; height: 16px;}}
@media (max-width: 991px) {.paddings-t-b--90px {padding-top: 50px; padding-bottom: 50px;}}
@media (max-width: 991px) {.paddings-t-b--100px-90px {padding-top: 50px; padding-bottom: 50px;}}
@media (max-width: 991px) {.gap-ver--32px {row-gap: 24px;}}
@media (max-width: 991px) {.text--caption {font-size: 20px; line-height: 120.83%;}}
@media (max-width: 991px) {.text--1-description {font-size: 16px; line-height: 150%; letter-spacing: 0em;}}
@media (max-width: 991px) {.gap-ver--56px {row-gap: 32px;}}
@media (max-width: 991px) {.radius--48px {border-top-left-radius: 24px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; border-top-right-radius: 24px;}}
@media (max-width: 991px) {.text--numeric {font-size: 24px; line-height: 100%; letter-spacing: 0em;}}
@media (max-width: 991px) {.text--h1-1-semibold {font-size: 20px; line-height: 120%;}}
@media (max-width: 991px) {.text--clamp-list {font-size: 20px; letter-spacing: 0em;}}
@media (max-width: 991px) {.text--list {font-size: 16px; line-height: 120%; letter-spacing: 0em;}}
@media (max-width: 991px) {.text--button-2 {font-size: 16px; line-height: 120%; letter-spacing: 0em; font-family: 'Akrobat Regular';}}
@media (max-width: 991px) {.text--1-1-semibold {line-height: 115%; font-size: 20px; letter-spacing: -0.01em;}}
@media (max-width: 991px) {.text--button-3 {font-size: 18px; line-height: 110%;}}
@media (max-width: 991px) {.text--1 {font-size: 20px; letter-spacing: -0.01em; line-height: 115%;}}
@media (max-width: 991px) {.text--caption-2 {font-size: 12px;}}
@media (max-width: 991px) {.text--button-4 {font-size: 18px; line-height: 110%;}}
@media (max-width: 991px) {.text--semibold-2 {font-size: 24px; line-height: 28px;}}
@media (max-width: 991px) {.text--h2 {font-size: 20px; line-height: 100%; letter-spacing: 0em;}}
@media (max-width: 991px) {.text--2 {font-size: 16px; line-height: 120%; letter-spacing: 0em;}}
@media (max-width: 991px) {.text--h4 {line-height: 100%;}}
@media (max-width: 991px) {.text--h1 {font-size: 32px; line-height: 110%;}}
@media (max-width: 991px) {.text--h3 {font-size: 20px; line-height: 100%; letter-spacing: 0em;}}
@media (max-width: 991px) {.paddings--32px {padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}}
@media (max-width: 767px) {.paddings-l-r--20px {padding-left: 16px; padding-right: 16px;}}
@media (max-width: 767px) {.text--button {line-height: 120%;}}
@media (max-width: 767px) {.button-primary {padding-top: 8px; padding-bottom: 8px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding-left: 25px; padding-right: 25px;}}
@media (max-width: 767px) {.paddings-t-b--160-80px {padding-top: 70px; padding-bottom: 40px;}}
@media (max-width: 767px) {.paddings-t-b--160px {padding-top: 40px; padding-bottom: 40px;}}
@media (max-width: 767px) {.button-primary-2 {padding-top: 15px; padding-bottom: 15px;}}
@media (max-width: 767px) {.text--2-extrabold {font-size: 16px;}}
@media (max-width: 767px) {.paddings-t-b--80-130px {padding-top: 40px; padding-bottom: 36px;}}
@media (max-width: 767px) {.text--3-regular {font-size: 16px;}}
@media (max-width: 767px) {.paddings-l-r--40px {padding-left: 16px; padding-right: 16px;}}
@media (max-width: 767px) {.text--h2-semibold-liquid {font-size: 24px; line-height: 30px;}}
@media (max-width: 767px) {.paddings-t-b--80-0px {padding-top: 40px; padding-bottom: 0px;}}
@media (max-width: 767px) {.text--semibold {font-size: 20px; line-height: 115%; letter-spacing: -0.01em;}}
@media (max-width: 767px) {.text--3-regular-2 {font-size: 12px; line-height: 16px;}}
@media (max-width: 767px) {.button-primary-4 {padding-top: 11px; padding-bottom: 11px;}}
@media (max-width: 767px) {.text--h-semibold {font-size: 28px; letter-spacing: -0.03em;}}
@media (max-width: 767px) {.w-h--24px {width: 16px; height: 16px;}}
@media (max-width: 767px) {.paddings-t-b--90px {padding-top: 35px; padding-bottom: 35px;}}
@media (max-width: 767px) {.paddings-t-b--100px-90px {padding-bottom: 40px; padding-top: 40px;}}
@media (max-width: 767px) {.text--caption {font-size: 14px; line-height: 120%;}}
@media (max-width: 767px) {.text--1-1-semibold {font-size: 18px;}}
@media (max-width: 767px) {.gap-ver--56px {row-gap: 24px;}}
@media (max-width: 767px) {.text--1-description {font-size: 14px;}}
@media (max-width: 767px) {.text--semibold-2 {font-size: 20px; line-height: 115%; letter-spacing: -0.01em;}}
@media (max-width: 767px) {.text--h4 {font-size: 16px;}}
@media (max-width: 767px) {.text--h1 {font-size: 24px;}}
@media (max-width: 479px) {.paddings-l-r--40px {padding-left: 8px; padding-right: 8px;}}
@media (max-width: 479px) {.quiz-result-v1 {height: 364px; margin-top: 10px;}}
@media (max-width: 479px) {.quiz-step {height: 402px;}}
@media (max-width: 479px) {.choice-v1 {flex-grow: 1; flex-shrink: 0;}}
@media (max-width: 479px) {.text--h2-semibold {font-size: 24px; line-height: 30px;}}
@media (max-width: 479px) {.text--semibold {font-size: 18px;}}
@media (max-width: 479px) {.text--h2-semibold-copy {font-size: 24px; line-height: 30px;}}
@media (max-width: 479px) {.text--h1-semibold-copy {font-size: 24px; line-height: 110%;}}
@media (max-width: 479px) {.text--h-semibold {font-size: 28px; line-height: 105%;}}
@media (max-width: 479px) {.paddings-t-b--90px {padding-top: 35px; padding-bottom: 35px;}}
@media (max-width: 479px) {.paddings-t-b--100px-90px {padding-top: 35px; padding-bottom: 35px;}}
@media (max-width: 479px) {.text--h1-1-semibold {font-size: 24px; line-height: 110%;}}
@media (max-width: 479px) {.button-primary {padding-left: 5px; padding-right: 5px;}}
@media (max-width: 479px) {.text--semibold-2 {font-size: 18px;}}
@media (max-width: 479px) {.text--h1 {font-size: 24px; line-height: 110%;}}