.welcome-wrapper{background-color:#e6e6f2}
.g6-recommendation-question{position:relative;min-height:1080px}
@media(max-width:1219px){.g6-recommendation-question{min-height:768px}
}
.g6-recommendation-question .top-content{padding:60px 0 40px 0;text-align:center}
.g6-recommendation-question .top-content .progress{color:#ccc;margin-bottom:32px;display:flex;flex-direction:column;gap:8px}
.g6-recommendation-question .top-content .progress .progress-bar{display:flex;justify-content:center}
.g6-recommendation-question .top-content .progress .progress-bar div{width:49px;height:6px;background-color:#e6e6f2;opacity:.4}
.g6-recommendation-question .top-content .progress .progress-bar .active{background-color:#b27aff;opacity:1}
.g6-recommendation-question .top-content p{margin-top:16px}
@media(max-width:1219px){.g6-recommendation-question .top-content{padding:40px}
}
@media(max-width:767px){.g6-recommendation-question .top-content{padding:40px 20px}
}
.g6-recommendation-question .main-content{padding:40px 0 80px 0}
.g6-recommendation-question .main-content .options{margin:0 auto}
.g6-recommendation-question .main-content .options .option{color:#000;border-radius:12px;border:1px solid #ccc;background:#fff;padding:12px 20px;min-height:72px;cursor:pointer;display:flex;align-items:center;gap:20px}
.g6-recommendation-question .main-content .options .option:hover{background:#e6e6f2}
.g6-recommendation-question .main-content .options .option.selected,.g6-recommendation-question .main-content .options .option:active{color:#7231c6;background-color:#e6e6f2}
.g6-recommendation-question .main-content .options .option p{margin:0}
.g6-recommendation-question .main-content .options.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:40px 20px}
.g6-recommendation-question .main-content .options.gallery .option{text-align:center;flex-direction:column;border:0;border-radius:0;background:0;padding:0;max-width:23.77%;gap:0}
.g6-recommendation-question .main-content .options.gallery .option img{width:210px;height:157.5px;object-fit:scale-down}
.g6-recommendation-question .main-content .options.gallery .option .option-wrapper{border-radius:12px;border:1px solid #ccc;background:#fff;width:100%;padding:20px 40px;position:relative;z-index:1}
.g6-recommendation-question .main-content .options.gallery .option .option-wrapper:hover{background:#e6e6f2}
.g6-recommendation-question .main-content .options.gallery .option .option-wrapper.selected,.g6-recommendation-question .main-content .options.gallery .option .option-wrapper:active{color:#7231c6;background-color:#e6e6f2}
@media(max-width:1219px){.g6-recommendation-question .main-content .options.gallery .option .option-wrapper{flex:0}
}
.g6-recommendation-question .main-content .options.gallery .option .option-wrapper .gallery-wrapper{position:relative;overflow:hidden;max-width:210px}
.g6-recommendation-question .main-content .options.gallery .option .option-wrapper .gallery-wrapper .gallery-list{display:flex;width:100%;transition-property:transform;transition:transform .3s ease}
.g6-recommendation-question .main-content .options.gallery .option .option-wrapper .gallery-wrapper .gallery-list li{min-width:100%}
.g6-recommendation-question .main-content .options.gallery .option .option-wrapper button{position:absolute;z-index:2;top:50%;transform:translateY(-50%);padding:12px;border:0;background:0;width:40px;height:40px}
.g6-recommendation-question .main-content .options.gallery .option .option-wrapper button svg{width:100%;height:100%;fill:#333}
.g6-recommendation-question .main-content .options.gallery .option .option-wrapper button.next{right:0}
.g6-recommendation-question .main-content .options.gallery .option .option-wrapper button.prev{left:0}
.g6-recommendation-question .main-content .options.gallery .option .option-wrapper button.disabled{display:none}
.g6-recommendation-question .main-content .options.gallery .option .option-wrapper p:last-child{margin-top:12px}
.g6-recommendation-question .main-content .options.gallery .option span{margin-top:8px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff}
@media(max-width:767px){.g6-recommendation-question .main-content .options.gallery .option img{width:120px}
}
@media(max-width:1219px){.g6-recommendation-question .main-content .options.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.g6-recommendation-question .main-content .options.gallery .option{max-width:100%}
}
.g6-recommendation-question .main-content .options.list-thumb{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 60px;max-width:910px}
.g6-recommendation-question .main-content .options.list-thumb img{width:80px;height:auto}
@media(max-width:1219px){.g6-recommendation-question .main-content .options.list-thumb{gap:20px 40px}
}
.g6-recommendation-question .main-content .options.list{display:flex;flex-direction:column;justify-content:center;gap:20px;width:100%}
.g6-recommendation-question .main-content .options.list .option{padding:20px;justify-content:center}
.g6-recommendation-question .main-content .options.list.flex-start{justify-content:flex-start}
.g6-recommendation-question .main-content .options.split-row{display:grid;grid-template-columns:repeat(2,1fr);max-width:910px}
.g6-recommendation-question .main-content .options.split-row .option{max-width:100%}
.g6-recommendation-question .main-content .options.odd-row{max-width:910px}
.g6-recommendation-question .main-content .options.odd-row .option{max-width:31.86%}
@media(max-width:1219px){.g6-recommendation-question .main-content .options.odd-row{display:grid;grid-template-columns:repeat(2,1fr)}
.g6-recommendation-question .main-content .options.odd-row .option{max-width:100%}
}
.g6-recommendation-question .main-content .options .input-wrapper{display:flex;flex-direction:column;gap:20px}
@media(max-width:767px){.g6-recommendation-question .main-content .options.gallery,.g6-recommendation-question .main-content .options.list-thumb{display:flex;flex-direction:column}
.g6-recommendation-question .main-content .options.list-thumb{gap:20px}
.g6-recommendation-question .main-content .options.gallery{gap:32px}
}
.g6-recommendation-question .main-content .split-container{display:grid;grid-template-columns:repeat(2,1fr);column-gap:60px}
@media(max-width:1219px){.g6-recommendation-question .main-content .split-container{column-gap:40px;grid-template-columns:1fr 300px}
}
.g6-recommendation-question .main-content .split-container.disable-split{grid-template-columns:21.8% auto 21.8%;column-gap:0}
.g6-recommendation-question .main-content .split-container.disable-split>*{grid-column-start:2;grid-column-end:3}
@media(max-width:1219px){.g6-recommendation-question .main-content .split-container.disable-split{display:flex}
}
.g6-recommendation-question .main-content .split-container img{max-width:580px;padding:0 30px}
@media(max-width:1219px){.g6-recommendation-question .main-content .split-container img{padding:0;width:300px}
}
@media(max-width:767px){.g6-recommendation-question .main-content .split-container img{width:100%;max-width:335px}
}
.g6-recommendation-question .main-content .button-wrapper{display:flex;justify-content:center;gap:60px;margin-top:40px}
@media(max-width:1219px){.g6-recommendation-question .main-content .button-wrapper{gap:40px}
}
.g6-recommendation-question .main-content .input{display:flex;flex-direction:column}
.g6-recommendation-question .main-content .input-wrapper{position:relative}
.g6-recommendation-question .main-content .input-wrapper.open svg{transform:rotateX(180deg)}
.g6-recommendation-question .main-content .input-wrapper.open svg use{transform:translate(-1px,-1px)}
.g6-recommendation-question .main-content .input-wrapper svg{position:absolute;right:12px;top:16px;bottom:16px}
.g6-recommendation-question .main-content .input label{display:flex;gap:6px}
.g6-recommendation-question .main-content .input span.error{color:#c92323;display:none}
.g6-recommendation-question .main-content .input span.error.active{display:block}
.g6-recommendation-question .main-content .input button,.g6-recommendation-question .main-content .input input{font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:normal}
.g6-recommendation-question .main-content .input button.error,.g6-recommendation-question .main-content .input input.error{border-radius:4px;border:2px solid #c92323}
.g6-recommendation-question .main-content .input button.default,.g6-recommendation-question .main-content .input input.default{color:#333}
.g6-recommendation-question .main-content .input button:hover,.g6-recommendation-question .main-content .input input:hover{border:2px solid #ccc}
.g6-recommendation-question .main-content .input input::placeholder{color:#333}
.g6-recommendation-question .main-content .dropdown-field{position:relative;z-index:1010}
.g6-recommendation-question .main-content .dropdown-field select{display:none}
.g6-recommendation-question .main-content .dropdown-field svg{width:20px;height:20px;fill:#fff}
.g6-recommendation-question .main-content .dropdown-wrapper{border-radius:4px;border:1px solid #757575;background:#333;padding-right:6px;display:none}
.g6-recommendation-question .main-content .dropdown-wrapper.active{display:block}
.g6-recommendation-question .main-content .dropdown-list{min-height:52px;color:#757575;cursor:pointer;width:100%;overflow:auto;max-height:360px;margin:12px 0}
.g6-recommendation-question .main-content .dropdown-list::-webkit-scrollbar{width:6px}
.g6-recommendation-question .main-content .dropdown-list::-webkit-scrollbar-track{background:#fff;border-radius:100px}
.g6-recommendation-question .main-content .dropdown-list::-webkit-scrollbar-thumb{background:#333;border-radius:100px}
.g6-recommendation-question .main-content .dropdown-list-btn{border-radius:4px;border:1px solid #333;background:rgba(255,255,255,0.1);min-height:52px;height:2.3125rem;color:#fff;margin:0 0 6px;padding:16px 12px;text-align:start;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1002}
.g6-recommendation-question .main-content .dropdown-list-btn.open{border:1px solid #fff}
.g6-recommendation-question .main-content .dropdown-list-btn.open svg{transform:rotateX(180deg)}
.g6-recommendation-question .main-content .dropdown-list-btn.open svg use{transform:translate(-1px,-1px)}
.g6-recommendation-question .main-content .dropdown-list-btn.error{border:2px solid #c92323}
.g6-recommendation-question .main-content .dropdown-list-btn.default{color:#757575}
.g6-recommendation-question .main-content .dropdown-list>li,.g6-recommendation-question .main-content .dropdown-list>option{padding:12px;color:#fff;background-color:#333}
.g6-recommendation-question .main-content .dropdown-list>li:hover,.g6-recommendation-question .main-content .dropdown-list>option:hover{background-color:rgba(204,0,64,0.2)}
.g6-recommendation-question .main-content .dropdown-list.group>li{padding:0;background-color:transparent}
.g6-recommendation-question .main-content .dropdown-list.group>li p{cursor:default;padding:12px;display:block;color:#333}
.g6-recommendation-question .main-content .dropdown-list.group>li li{padding:12px}
.g6-recommendation-question .main-content .dropdown-list.group>li li:hover{background-color:rgba(204,0,64,0.2)}
.g6-recommendation-question .main-content .text-field input{border-radius:4px;border:1px solid #fff;background:rgba(255,255,255,0.1);min-height:52px;color:#fff;margin:0 0 6px;padding:16px 12px;text-align:start}
.g6-recommendation-question .main-content .text-field input::placeholder{color:#757575}
.g6-recommendation-question .main-content .text-field input:focus{border-color:#333}
.g6-recommendation-question .main-content .selector p:first-child{margin-bottom:6px}
.g6-recommendation-question .main-content .selector p:last-child{padding:16px 12px}
@media(max-width:1219px){.g6-recommendation-question .main-content{padding:40px 40px 60px 40px}
}
@media(max-width:767px){.g6-recommendation-question .main-content{padding:20px 20px 40px}
.g6-recommendation-question .main-content .mobile-column-reverse{display:flex;flex-direction:column-reverse;align-items:center;gap:20px}
}
.g6-recommendation-question .top-content,.g6-recommendation-question .main-content{position:relative;z-index:7}
.g6-recommendation-question .container{max-width:1220px;margin:0 auto;padding:0;color:#fff}
@media(max-width:1219px){.g6-recommendation-question .container{max-width:688px}
}
@media(max-width:767px){.g6-recommendation-question .container{max-width:576px}
}
.g6-recommendation-question p{margin:0}
.g6-recommendation-question button{transition:none}
.g6-recommendation-question .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1005}
.g6-recommendation-question .fade-transition{opacity:1;transition:opacity 500ms ease}
.g6-recommendation-question .fade-out{opacity:0}
.g6-recommendation-question .fade-in{opacity:1}
.g6-recommendation-question .background-picture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.g6-recommendation-question .background-picture img{width:100%;height:100%;object-fit:cover}