.paddings-l-r--20px {padding-left: 20px; padding-right: 20px;}
.text--h-bold {font-size: 120px; letter-spacing: -0.03em; line-height: 116px; font-family: 'Akrobat Bold';}
.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: 22px; line-height: 110%; letter-spacing: -0.01em; font-family: 'Akrobat Bold';}
.button-primary {background-color: rgb(243, 108, 33); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding-left: 20px; padding-right: 20px; 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: 24px; padding-bottom: 24px; text-align: center;}
.button-primary:hover {box-shadow: 0px 0px 8px 0px rgba(252, 81, 25, 1);}
.paddings-t-b--160-80px {padding-top: 160px; padding-bottom: 80px;}
.text--h3-1-bold {font-size: 24px; line-height: 28px; font-family: 'Akrobat Bold';}
.text--1-semibold {font-size: 24px; line-height: 28px; font-family: 'Akrobat SemiBold';}
.text--h1-semibold {font-size: 72px; letter-spacing: -0.01em; line-height: 76px; font-family: 'Akrobat SemiBold';}
.color-text--black {color: rgba(48, 48, 48, 1);}
.paddings-t-b--80px {padding-top: 80px; padding-bottom: 80px;}
.text--h3-2-bold {font-size: 32px; line-height: 28px; font-family: 'Akrobat Bold';}
.text--1-regular {font-size: 24px; line-height: 28px; font-family: 'Akrobat Regular';}
.text--h1-bold {font-size: 72px; font-family: 'Akrobat Bold'; line-height: 76px; letter-spacing: -0.01em;}
.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: 20px; font-family: 'Akrobat SemiBold'; line-height: 24px;}
.color-text--black-80per {color: rgba(48, 48, 48, 0.8);}
.paddings-t-b--160px {padding-top: 160px; padding-bottom: 160px;}
.button-primary-2 {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: 24px; padding-bottom: 24px; 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; color: rgba(243, 108, 33, 1);}
.button-primary-2:hover {color: rgba(252, 81, 25, 1);}
.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;}
.w-h--32px {width: 28px; height: 28px;}
.text--h1-semibold-2 {font-size: 72px; letter-spacing: -0.01em; line-height: 76px; font-family: 'Akrobat SemiBold';}
.max-w--1840px {max-width: 1840px;}
.max-w--1808px {max-width: 1808px;}
.text--3-regular {font-size: 16px; line-height: 18px; font-family: 'Akrobat Regular';}
.paddings-l-r--40px {padding-left: 20px; padding-right: 20px;}
.w-h--16px {width: 16px; height: 16px;}
.text--button-2 {font-size: 16px; line-height: 18px; font-family: 'Akrobat Bold'; letter-spacing: -0.01em;}
.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(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(43, 57, 144, 1); border-left-color: rgba(43, 57, 144, 1); border-right-color: rgba(43, 57, 144, 1); border-bottom-color: rgba(43, 57, 144, 1);}
.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(43, 57, 144, 1);}
.tag-block {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(43, 57, 144, 1); border-left-color: rgba(43, 57, 144, 1); border-right-color: rgba(43, 57, 144, 1); border-bottom-color: rgba(43, 57, 144, 1); box-shadow: inset 4px 4px 8px 0px rgba(255, 255, 255, 0.72), inset -1px -1px 2.9px 0px rgba(43, 57, 144, 0.72), 0px 0px 4px 0px rgba(43, 57, 144, 1); background-color: rgb(255, 255, 255); padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; column-gap: 4px; display: flex; align-items: center; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.text--3-regular-2 {font-size: 16px; line-height: 18px; font-family: 'Akrobat Regular';}
.paddings-t-b--100px-80px {padding-top: 100px; padding-bottom: 80px;}
.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--h2-bold {line-height: 52px; font-size: 48px; font-family: 'Akrobat Bold';}
.button-primary-menu {background-color: rgb(243, 108, 33); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding-left: 20px; padding-right: 20px; 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: 24px; padding-bottom: 24px; text-align: center;}
.button-primary-menu:hover {box-shadow: 0px 0px 8px 0px rgba(252, 81, 25, 1);}
@media (max-width: 991px) {.text--h-bold {font-size: 64px; line-height: 68px;}}
@media (max-width: 991px) {.text--h1-semibold {font-size: 32px; line-height: 36px;}}
@media (max-width: 991px) {.button-primary {min-height: 56px; padding-top: 16px; padding-bottom: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}}
@media (max-width: 991px) {.text--1-regular {font-size: 16px; line-height: 20px;}}
@media (max-width: 991px) {.text--h3-2-bold {font-size: 20px; line-height: 24px;}}
@media (max-width: 991px) {.paddings-t-b--80px {padding-top: 50px; padding-bottom: 50px;}}
@media (max-width: 991px) {.text--button {font-size: 20px; line-height: 24px; font-family: 'Akrobat SemiBold';}}
@media (max-width: 991px) {.text--1-semibold {line-height: 20px; font-size: 16px;}}
@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; font-family: 'Akrobat Bold';}}
@media (max-width: 991px) {.text--2-semibold {font-size: 16px; line-height: 20px;}}
@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: 52px; 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: 16px; padding-bottom: 16px;}}
@media (max-width: 991px) {.w-h--32px {width: 18px; height: 18px;}}
@media (max-width: 991px) {.button-primary-2 {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) {.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: 20px;}}
@media (max-width: 991px) {.text--2-extrabold {font-size: 14px; line-height: 16px;}}
@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 {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 {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;}}
@media (max-width: 991px) {.text--3-regular-2 {font-size: 12px; line-height: 120%;}}
@media (max-width: 991px) {.paddings-t-b--100px-80px {padding-top: 50px; padding-bottom: 50px;}}
@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--h2-bold {font-size: 24px; line-height: 110%; color: rgba(0, 0, 0, 1);}}
@media (max-width: 991px) {.button-primary-menu {padding-top: 16px; padding-bottom: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}}
@media (max-width: 767px) {.paddings-l-r--20px {padding-left: 16px; padding-right: 16px;}}
@media (max-width: 767px) {.text--h-bold {font-size: 40px; line-height: 42px;}}
@media (max-width: 767px) {.text--button {font-size: 16px; line-height: 28px; font-family: 'Akrobat Bold';}}
@media (max-width: 767px) {.button-primary {padding-top: 12px; padding-bottom: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; min-height: 52px;}}
@media (max-width: 767px) {.paddings-t-b--160-80px {padding-top: 70px; padding-bottom: 40px;}}
@media (max-width: 767px) {.paddings-t-b--80px {padding-top: 40px; 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: 14px; padding-bottom: 14px;}}
@media (max-width: 767px) {.text--2-extrabold {font-size: 14px; line-height: 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: 12px; line-height: 16px;}}
@media (max-width: 767px) {.paddings-l-r--40px {padding-left: 16px; padding-right: 16px;}}
@media (max-width: 767px) {.button-primary-3 {padding-top: 11px; padding-bottom: 11px;}}
@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) {.paddings-t-b--100px-80px {padding-bottom: 40px; padding-top: 40px;}}
@media (max-width: 767px) {.w-h--32px {width: 16px; height: 16px;}}
@media (max-width: 767px) {.button-primary-4 {padding-top: 11px; padding-bottom: 11px;}}
@media (max-width: 767px) {.button-primary-menu {padding-top: 12px; padding-bottom: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}}
@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--h-bold {font-size: 32px; line-height: 34px;}}
@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--h1-semibold {font-size: 24px; line-height: 110%;}}
@media (max-width: 479px) {.paddings-t-b--80px {padding-top: 35px; padding-bottom: 35px;}}
@media (max-width: 479px) {.text--h2-semibold-copy {font-size: 24px; line-height: 30px;}}
@media (max-width: 479px) {.paddings-t-b--100px-80px {padding-top: 35px; padding-bottom: 35px;}}
@media (max-width: 479px) {.text--h2-bold {font-size: 24px; line-height: 30px;}}