/* Quiz Page */

html {height:auto;margin:0;}
body {color:#1b1b1b;font-family:'Geologica', sans-serif;font-size:14px;line-height:1.3;margin:0;scrollbar-width: none;}
body::-webkit-scrollbar {display: none;}

* {box-sizing:border-box;}
img {display:block;width:100%;}

h1, h2, h3, h4, h5, h6 {margin:0;}
p {margin:0;}
ul {margin:0;padding:0;}

.main_image {}
.main_image a {display:block;}
.main_image img {display:block;width:100%;height:auto;}

strong {font-weight:800;}
.header_1 {font-size:58px;font-weight:700;line-height:1.1;}
.header_2 {font-size:42px;font-weight:700;line-height:1.2;}
.header_3 {font-size:32px;font-weight:700;line-height:1.3;}
.header_4 {font-size:24px;font-weight:700;line-height:1.3;}
.header_5 {font-size:20px;font-weight:700;line-height:1.3;}
.header_6 {font-size:18px;font-weight:700;line-height:1.3;}
.main_text {font-size:14px;font-weight:300;line-height:1.6;}

.main_button,
a.main_button {background:#082f82;outline:none !important;border-radius:30px;color:#fff;font-size:14px;font-weight:normal;line-height:1.4;text-align:center;text-decoration:none;display:inline-block;min-width:200px;padding:20px 50px;transition:all 0.3s ease-out;font-family:geologica;}
.main_button,
a.main_button:hover {background:#4b76c4;color:#fff;}

.double_block {display:flex;}
.double_image {width:50%;}
.double_text {width:50%;padding-top:50px;padding-bottom:50px;}
.reverse .double_text {order:-1;}

.cms-page-view.page-layout-1column.cms-quiz .page-main {color:#000;max-width:100%;padding:0;}
.cms-page-view.page-layout-1column.cms-quiz .column.main {padding:0;}
.cms-page-view.page-layout-1column.cms-quiz .breadcrumbs {display:none;}

.quiz_container {background:#f5f5f5;text-align:center;}
.quiz_container .page {display:none;opacity:0;transition:opacity 0.5s ease-in-out;}
.quiz_container .page.active {display:block;opacity:1;}
.quiz_container .page.fade-out {opacity:0;}
.quiz_container .page_body {width:100%;/*max-width:800px;*/margin:auto;padding:10vw 0;}
.quiz_max_1 {max-width:800px;margin:auto;}
.quiz_max_2 {max-width:1200px;margin:auto;}

.quiz_options_container {display:flex;flex-wrap:wrap;justify-content:center;gap:20px 10px;}
.quiz_button {background:#fff;border:1px solid #ccc;border-radius:6px;padding:18px 30px;width:360px;max-width:100%;cursor:pointer;}
.quiz_button.active {border-color:#1b1b1b;}
.quiz_box {background:#fff;border:1px solid #ccc;border-radius:8px;width:calc(25% - 30px);margin:0 10px 15px;overflow:hidden;}
.quiz_box.active {border-color:#1b1b1b;}
.quiz_text.main_text {padding:20px 20px;}
.quiz_text.main_text .header_6 {margin-bottom:8px;}
.cms-page-view .column.main .quiz_text.main_text p,
.quiz_text.main_text p {font-size:14px;line-height:1.5;margin-bottom:0;}

.quiz_container .double_text {display:flex;align-items:center;justify-content:center;text-align:center;margin:auto;}
.quiz_container .header_2 {margin-bottom:25px;}
.quiz_container .header_6 {margin-bottom:10px;}
.quiz_container .main_text {}

.page_buttons {display:flex;align-items:center;justify-content:center;padding-top:30px;}
.page_nav {cursor:pointer;margin:0 15px;}
.page_nav.inactive {opacity:0.6;pointer-events:none;}

.footer_left .footer_logo {margin:0;}
.footer_right {width:50%;text-align:right;}

.quiz_container #page_0 .page_body {padding:0;}
.quiz_container #page_10 .page_body {padding:30px 0;}
.quiz_container #page_10 .double_text {width:1300px;max-width:100%;min-height:70dvh;}
.quiz_container .product_list {display:flex;flex-wrap:wrap;justify-content:center;}
.quiz_container .product_item {background:#082f82;width:calc(25% - 30px);margin:0 15px 40px;}
.quiz_container .product_name a {color:#ff891f;}
.quiz_container .product_info {color:#fff;}

.quiz_logo {width:240px;max-width:50%;margin:0 auto 30px;}
.quiz_logo img {width:100%;height:auto;}

@media only screen and (max-width:1260px) {
.header_2 {font-size:36px;}
.quiz_container .product_item {width:calc(33.33% - 30px);}
}

@media only screen and (max-width:1023px) {
.quiz_box {width:calc(33.33% - 30px);}
.double_block {flex-wrap:wrap;}
.double_image {width:100%;}
.double_text {width:100%;}
.quiz_container .product_item {width:calc(50% - 30px);}
.footer_right {width:auto;text-align:left;padding-top:20px;}
}

@media only screen and (max-width:767px) {
.quiz_box {width:calc(50% - 30px);}
}

@media only screen and (max-width:599px) {
.header_2 {font-size:28px;}
.double_text {padding-top:30px;padding-bottom:40px;}
#page_0 .page_buttons {padding-top:0;}

.quiz_container .page_body {padding:40px 0;}
.quiz_box {width:100%;margin:0 0 15px;}
.quiz_container .product_item {width:calc(100% - 30px);}
.main_button, a.main_button {min-width:150px;padding:15px 30px;}
}