:root {
    --black: #000000;
    --bon-jour: #e1e1e1;
    --green-func: #518426;
    --grey: #808080;
    --stack: #8a8a8a;
    --white: #ffffff;
    --font-size-l: 26px;
    --font-size-m: 20px;
    --font-size-s: 16px;
    --font-size-xl: 32px;
    --font-size-xs: 14px;
    --font-family-nespresso_lucas-bold: "Nespresso Lucas-Bold", Helvetica;
    --font-family-nespresso_lucas-med: "Nespresso Lucas-Med", Helvetica;
    --font-family-nespresso_lucas-regular: "Nespresso Lucas-Regular", Helvetica;
    --font-family-nespresso_lucas-semibd: "Nespresso Lucas-SemiBd", Helvetica;
}

.wrapper {
    /* height: 216vw; */
    overflow: scroll;
    background: #f0ebe5;
    /* padding-bottom: 32vw; */
}

.all_won {
    display: block !important;
}

.all_won_title {
    display: block !important;
}

.hide {
    display: none !important;
}

.selected_question_mark {
    color: white;
}

.mark_black {
    color: black !important;
    font-weight: bold !important;
}

.bold_text {
    font-weight: bold !important;
}

.homepage {
    align-items: center;
    background-image: url(../img/background_new.jpg);
    background-size: cover;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
    /* min-height: 216.36vw; */
    min-width: 100vw;
    padding: 5.84vw 2.34vw 17.52vw;
    width: 100%;
}

.homepage .logo {
    align-items: flex-start;
    border: 0.28vw none;
    display: flex;
    justify-content: center;
    width: 21.03vw;
    position: relative;
    left: 1.5vw;
}

.homepage .monogram_-black {
    height: 21.03vw;
    min-width: 21.03vw;
}

.homepage .overlap-group {
    height: 21.03vw;
    position: relative;
    width: 21.03vw;
}

.homepage .rectangle-3 {
    background-color: var(--white);
    border: 0.23vw none;
    height: 18vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 18vw;
}

.homepage .vector {
    height: 18vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 18vw;
}

.homepage .section {
    align-items: center;
    /* align-self: stretch; */
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    /* gap: 6.35vw; */
    position: relative;
    /* top: -2vw; */
    background: rgba(0, 0, 0, 0.6);
    padding: 6vw;
    /* position: absolute;
    top: 129vw; */
}

.homepage .headline {
    align-items: center;
    align-self: stretch;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 4.67vw;
}

.homepage .headline-item {
    align-items: flex-start;
    align-self: stretch;
    border: 0.23vw none;
    display: flex;
    justify-content: center;
}

.homepage .text {
    direction: rtl;
    flex: 1;
    letter-spacing: 0;
    line-height: 4.67vw;
    margin-top: -0.23vw;
    text-align: center;
    color: white;
    font-size: 4.8vw;
}

.homepage .text p {
    font-weight: bold;
    font-size: 6.5vw;
    padding-top: 1.1vw;
}

.homepage .h4 {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    height: 3.74vw;
    justify-content: center;
}

.homepage .text-10 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 4.3vw;
    margin-bottom: -4.44vw;
    margin-top: -0.23vw;
    min-width: 66.12vw;
    text-align: center;
    display: none;
}

.homepage .btn {
    align-items: center;
    /* background-color: var(--black); */
    /* border: 0.23vw none; */
    /* border-radius: 2.34vw; */
    cursor: pointer;
    display: flex;
    gap: 1.17vw;
    height: 12.62vw;
    justify-content: center;
    padding: 3.97vw 5.84vw 3.5vw;
    /* border: 1px white; */
    border: 0.5vw solid white;
}

.homepage .icon {
    height: 4.67vw;
    min-width: 3.5vw;
    position: relative;
    bottom: 0.2vw;
}

.homepage .cta {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
    justify-content: center;
}

.homepage .text_label {
    direction: rtl;
    letter-spacing: 0;
    line-height: 3.74vw;
    margin-top: -0.23vw;
    min-width: 37.38vw;
    text-align: left;
    white-space: nowrap;
}

.choose-a-capsule {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    height: 100vh;
    justify-content: center;
    /* min-height: 216.36vw; */
    min-width: 100vw;
    width: 100%;
}

.choose-a-capsule .choose-a-capsule-homepage {
    align-items: center;
    background-color: var(--white);
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    /* height: 216.36vw; */
    width: 100vw;
}

.choose-a-capsule .main {
    align-items: center;
    align-self: stretch;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    /* height: 216.36vw; */
    justify-content: space-between;
}

.choose-a-capsule .header {
    align-items: center;
    align-self: stretch;
    background-image: url(../img/gif1.gif);
    background-position: 50% 50%;
    background-size: cover;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 5.84vw;
    height: 97.9vw;
    padding: 5.84vw 2.34vw 11.68vw;
}

.choose-a-capsule .section {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4.67vw;
}

.choose-a-capsule .logo {
    height: 14.02vw;
    min-width: 14.02vw;
}

.choose-a-capsule .container {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 3.5vw;
}

.choose-a-capsule .h1 {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
}

.choose-a-capsule .taste-the-unforgettable {
    letter-spacing: 0;
    line-height: 6.12vw;
    margin-top: -0.23vw;
    min-width: 94.39vw;
    text-align: center;
    white-space: nowrap;
    font-size: 7.5vw !important;
}

.choose-a-capsule .h3 {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
}

.choose-a-capsule .text-11 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 4.67vw;
    margin-top: -0.23vw;
    min-width: 81.54vw;
    text-align: center;
    text-shadow: 0vw 0.93vw 2.34vw #00000040;
    white-space: nowrap;
}

.choose-a-capsule .section-1 {
    align-items: center;
    align-self: stretch;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    height: 75.51vw;
    justify-content: space-around;
    position: relative;
    top: 2vw;
}

.choose-a-capsule .h2 {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
}

.choose-a-capsule .x {
    direction: rtl;
    letter-spacing: 0;
    line-height: 6.07vw;
    margin-top: -0.23vw;
    text-align: left;
    white-space: nowrap;
}

.choose-a-capsule .container-1 {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    gap: 5.84vw;
}

.choose-a-capsule .radio_btn {
    align-items: center;
    background-color: var(--white);
    border: 0.23vw none;
    border-radius: 2.34vw;
    box-shadow: 0vw 3.74vw 9.35vw #7090b033;
    display: flex;
    flex-direction: column;
    gap: 3.5vw;
    padding: 3.5vw;
    width: 40.89vw;
}

.choose-a-capsule .radio_btn-1 {
    align-items: center;
    background-color: var(--white);
    border: 0.23vw none;
    border-radius: 2.34vw;
    box-shadow: 0vw 3.74vw 9.35vw #7090b033;
    display: flex;
    flex-direction: column;
    gap: 3.5vw;
    padding: 3.5vw;
    width: 40.89vw;
}

.choose-a-capsule-selected {
    border: 0.23vw solid !important;
    border-color: var(--green-func) !important;
    box-shadow: 0vw 3.74vw 9.35vw #7090b033 !important;
    display: flex !important;
    position: relative !important;
    width: 40.89vw !important;
}

.check {
    display: none;
}

.choose-a-capsule-selected .token {
    height: 4.68vw;
    margin-bottom: -0.98vw;
    margin-left: -1.4vw;
    margin-right: -1.4vw;
    margin-top: -0.98vw;
    min-width: 5.53vw;
}

.choose-a-capsule-selected .check {
    align-items: center;
    background-color: var(--green-func);
    border: 0.17vw none;
    border-radius: 17.06vw;
    display: flex;
    flex-direction: column;
    gap: 1.71vw;
    height: 6.07vw;
    justify-content: center;
    left: 33.64vw;
    padding: 1.71vw;
    position: absolute;
    top: 1.64vw;
    width: 6.07vw;
}

.choose-a-capsule-selected .btn {
    align-items: center;
    background-color: var(--black);
    border: 0.23vw none;
    border-radius: 2.34vw;
    cursor: pointer;
    display: flex;
    gap: 1.17vw;
    height: 12.62vw;
    justify-content: center;
    padding: 3.97vw 5.84vw 3.5vw;
}

.procced_to_questions_button_selected {
    background-color: var(--black) !important;
    opacity: 1 !important;
}

.choose-a-capsule .img {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    height: 28.04vw;
    justify-content: center;
}

.choose-a-capsule .img_-capsule {
    height: 23.36vw;
    min-width: 32.24vw;
    object-fit: cover;
}

.choose-a-capsule .body2 {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
}

.choose-a-capsule .roma {
    letter-spacing: 0;
    line-height: 3.74vw;
    margin-top: -0.23vw;
    min-width: 10.75vw;
    text-align: center;
    white-space: nowrap;
}

.choose-a-capsule .img-1 {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    height: 28.04vw;
    justify-content: center;
}

.choose-a-capsule .body2-1 {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
}

.choose-a-capsule .roma-1 {
    letter-spacing: 0;
    line-height: 3.74vw;
    margin-top: -0.23vw;
    min-width: 12.62vw;
    text-align: center;
    white-space: nowrap;
}

.choose-a-capsule .btn {
    align-items: center;
    background-color: var(--grey);
    border: 0.23vw none;
    border-radius: 2.34vw;
    display: flex;
    gap: 1.17vw;
    height: 12.62vw;
    justify-content: center;
    opacity: 0.5;
    padding: 3.97vw 5.84vw 3.5vw;
}

.choose-a-capsule .icon {
    height: 4.67vw;
    min-width: 3.5vw;
}

.choose-a-capsule .cta {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
    justify-content: center;
}

.choose-a-capsule .text-12 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 3.74vw;
    margin-top: -0.23vw;
    min-width: 28.74vw;
    text-align: left;
    white-space: nowrap;
}

.q1 {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    height: 100vh;
    min-height: 167.36vw;
    min-width: 100vw;
    width: 100%;
}

.q1 .questions-homepage {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100vw;
    position: relative;
}

.q1 .main {
    align-items: center;
    align-self: stretch;
    background-color: var(--white);
    border: 0.23vw none;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    /* padding: 0vw 0vw 55vw; */
    background: #f0ebe5;
    width: 100vw;
}

.q1 .header {
    align-items: center;
    background-image: url(../img/q-header.jpg);
    background-position: 50% 50%;
    background-size: cover;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 5.84vw;
    height: 70.09vw;
    padding: 5.84vw 2.34vw 11.68vw;
    width: 100vw;
}

.q1 .section {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4.67vw;
}

.q1 .logo {
    height: 14.02vw;
    min-width: 14.02vw;
}

.q1 .container {
    align-items: center;
    /* border: 0.23vw none; */
    display: grid;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    margin: 0px;
    justify-items: center;
    height: 55vw;
    padding-left: 0vw;
    background: #f0ebe5;
    width: 95vw;
    /* display: none; */
    /* NEW */
    display: flex;
    flex-direction: initial;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.q1 .container-item {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
}

.q1 .taste-the-unforgettable {
    letter-spacing: 0;
    line-height: 6.12vw;
    margin-top: -0.23vw;
    min-width: 94.39vw;
    text-align: center;
    white-space: nowrap;
    font-size: 7.65vw !important;
    position: absolute;
    top: 22vw;
}

.taste-the-unforgettable {
    font-size: 7.6vw !important;
    top: -1vw;
    position: relative;
}

.final_page_header_subtext {
    font-size: 4.65vw !important;
}

.move-img-to-position {
    top: 11.5vw !important;
}

.move-section-to-position {
    top: 80vw !important;
}

.q1 .text-29 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 4.67vw;
    margin-top: -0.23vw;
    min-width: 81.54vw;
    text-align: center;
    text-shadow: 0vw 0.93vw 2.34vw #00000040;
    white-space: nowrap;
    position: absolute;
    top: 29vw;
    font-size: 4.65vw;
}

.section-1 .img_cap {
    position: relative;
    top: 18vw;
    /* width: 60vw; */
    width: 71vw;
    height: 35vw;
    padding-bottom: 9vw;
}

.q1 .section-1 {
    align-items: center;
    border: 0.23vw none;
    border-radius: 3.5vw;
    display: flex;
    flex-direction: column;
    gap: 5.5vw;
    justify-content: center;
    /* bottom: auto; */
    position: absolute;
    top: 77vw;
    /* margin-top: 8vw; */
    /* ADDED */
    top: 74vw;
    background: #f0ebe5;
    width: 95vw;
    padding-bottom: 8vw;
}

.q1 .wrapper_-progress_-indicator {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    justify-content: center;
    /* ADDED */
    align-items: center;
    border: 0.23vw none;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 77vw;
    z-index: 100;
}

.q1 .step0 {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 1.17vw;
    justify-content: center;
    width: 10.28vw;
}

.q1 .progress_-bollet-1 {
    align-items: center;
    background-color: var(--black);
    border: 0.47vw none;
    border-radius: 129vw;
    display: flex;
    flex-direction: column;
    gap: 1.29vw;
    height: 7.01vw;
    justify-content: center;
    padding: 1.17vw 0vw;
    width: 7.01vw;
}

.mark_selected_page_icon {
    direction: rtl;
    letter-spacing: 0;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    min-width: 9.81vw;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    min-width: 1.64vw;
    white-space: nowrap;
    align-items: center;
    background-color: var(--black);
    border: 0.47vw none;
    border-radius: 129vw;
    display: flex;
    flex-direction: column;
    gap: 1.29vw;
    height: 7.01vw;
    justify-content: center;
    padding: 1.17vw 0vw;
    width: 7.01vw;
    color: white !important;
}

.mark_selected_page_icon_title {
    color: black !important;
}

.q1 .txt_number {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 2.34vw;
    justify-content: center;
    padding: 0.23vw 0vw 0vw;
}

.q1 .number-2 {
    letter-spacing: 0;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    min-width: 1.64vw;
    white-space: nowrap;
}

.q1 .body1 {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.47vw 0vw 0vw;
}

.q1 .text-3 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    min-width: 9.81vw;
    text-align: center;
    white-space: nowrap;
}

.q1 .line {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.47vw 0vw 5.84vw;
    width: 3.5vw;
}

.q1 .line-1 {
    height: 0.23vw;
    margin-bottom: -0.12vw;
    margin-top: 0.88vw;
    min-width: 3.5vw;
}

.q1 .progress_-bollet {
    align-items: center;
    border: 0.47vw solid;
    border-color: var(--black);
    border-radius: 129vw;
    display: flex;
    flex-direction: column;
    gap: 1.29vw;
    height: 7.01vw;
    justify-content: center;
    padding: 1.17vw 0vw;
    width: 7.01vw;
}

.q1 .number {
    letter-spacing: 0;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    min-width: 1.87vw;
    white-space: nowrap;
}

.q1 .text-31 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    min-width: 10.28vw;
    text-align: center;
    white-space: nowrap;
}

.q1 .text-33 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    min-width: 7.48vw;
    text-align: center;
    white-space: nowrap;
}

.q1 .img {
    align-items: center;
    border: 0vw none;
    display: flex;
    flex-direction: column;
    height: 31.54vw;
    justify-content: center;
    padding: 2.34vw 0vw 0vw;
    width: 63.32vw;
}

.q1 .img-group {
    height: 29.65vw;
    margin-bottom: -0.22vw;
    margin-top: -0.22vw;
    min-width: 56.82vw;
}

.q1 .img_sleevewith-shadow {
    height: 28.5vw;
    left: 22vw;
    object-fit: cover;
    position: absolute;
    top: 108vw;
    width: 56.54vw;
}

.q1 .with-shadow-container {
    height: 29.21vw;
    left: 626.87vw;
    position: absolute;
    top: -1350.23vw;
    width: 54.21vw;
}

.q1 .img_capsule2with-shadow {
    height: 26.17vw;
    left: 1.4vw;
    object-fit: cover;
    position: absolute;
    top: 0.7vw;
    width: 52.8vw;
}

.q1 .img_espressowith-shad-ow {
    height: 29.21vw;
    left: 0.7vw;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 52.34vw;
}

.q1 .img_capsule1with-shadow {
    height: 28.04vw;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0.7vw;
    width: 52.8vw;
}

.q1 .h2 {
    align-items: flex-end;
    align-self: stretch;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
    height: 12.15vw;
    justify-content: center;
}

.q1 .x {
    direction: rtl;
    flex: 1;
    height: 12.15vw;
    letter-spacing: 0;
    line-height: 6.07vw;
    margin-top: -0.23vw;
    text-align: center;
    font-size: 6.3vw !important;
    width: 70vw;
}

.q1 .slider {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 2.34vw;
}

.q1 .section04 {
    align-items: flex-end;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 4.67vw;
    padding: 0vw 0vw 2.34vw;
}

.q1 .container-1 {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    justify-content: space-between;
    width: 70.09vw;
}

.q1 .body2 {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 8.88vw;
}

.q1 .number-3 {
    letter-spacing: 0;
    line-height: 3.74vw;
    margin-top: -0.23vw;
    min-width: 1.64vw;
    white-space: nowrap;
}

.q1 .number-1 {
    letter-spacing: 0;
    line-height: 3.74vw;
    margin-top: -0.23vw;
    min-width: 2.1vw;
    text-align: center;
    white-space: nowrap;
}

.q1 .body2-1 {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0vw 0vw 0vw 0.23vw;
    width: 8.88vw;
}

.q1 .body2-2 {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0vw 0vw 0vw 0.7vw;
    width: 8.88vw;
}

.q1 .slider1 {
    align-items: flex-end;
    border: 0.38vw none;
    display: flex;
    position: relative;
    width: 70.09vw;
}

.q1 .points-to-gift {
    align-items: flex-end;
    border: 0.38vw none;
    border-radius: 9.49vw;
    display: flex;
    flex-direction: column;
    height: 3.74vw;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 70.09vw;
}

.q1 .grey {
    align-self: stretch;
    background-color: var(--bon-jour);
    border: 0.38vw none;
    box-shadow: inset 0.47vw 0.47vw 1.87vw #51842538;
    height: 3.74vw;
    min-width: 70.09vw;
}

.q1 .main-1 {
    background-color: var(--green-func);
    border: 0.38vw none;
    border-radius: 9.49vw;
    height: 3.74vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 51.17vw;
}

.q1 .bollet {
    border: 0.23vw none;
    height: 8.88vw;
    left: 46.03vw;
    position: absolute;
    top: -2.57vw;
    width: 8.88vw;
}

.q1 .rectangle-2 {
    background-color: var(--green-func);
    border: 0.38vw none;
    border-radius: 37.96vw;
    height: 8.18vw;
    left: 0.47vw;
    position: relative;
    top: 0.23vw;
    width: 8.18vw;
}

.q1 .container-2 {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    gap: 5.84vw;
    width: 70.09vw;
}

.q1 .body1-1 {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex: 1;
    gap: 2.34vw;
    padding: 2.34vw 0vw;
}

.q1 .text-34 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    min-width: 8.41vw;
    text-align: center;
    white-space: nowrap;
    font-size: 5vw;
}

.q1 .body1-2 {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex: 1;
    gap: 2.34vw;
    justify-content: flex-end;
    padding: 2.34vw 0vw;
}

.q1 .text-35 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    min-width: 7.24vw;
    text-align: center;
    white-space: nowrap;
    font-size: 5vw;
}

.q1 .btn {
    align-items: center;
    background-color: var(--black);
    border: 0.23vw none;
    /* border-radius: 2.34vw; */
    cursor: pointer;
    display: flex;
    gap: 1.17vw;
    height: 12.62vw;
    justify-content: center;
    padding: 3.97vw 5.84vw 3.5vw;
    width: 53vw;
    box-shadow: 0px 15px 6px rgba(0, 0, 0, 0.01), 0px 9px 5px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.09), 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.box_image {
    width: 33vw;
    height: 16vw;
}

.q1 .icon {
    height: 4.67vw;
    min-width: 3.5vw;
    position: relative;
    bottom: 0.2vw;
}

.q1 .cta {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
    justify-content: center;
}

.q1 .text_label {
    direction: rtl;
    letter-spacing: 0;
    line-height: 3.74vw;
    margin-top: -0.23vw;
    min-width: 10.98vw;
    text-align: center;
    white-space: nowrap;
}

.wrongansewr {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    height: 100vh;
    min-height: 167.36vw;
    min-width: 100vw;
    width: 100%;
}

.wrongansewr .homepage_answer {
    align-items: center;
    background-color: var(--white);
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100vw;
}

.wrongansewr .contant {
    align-items: center;
    align-self: stretch;
    border: 0.23vw none;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    /* padding: 0vw 0vw 17.52vw; */
    background: #f0ebe5;
    position: relative;
}

.wrongansewr .header {
    align-items: center;
    background-image: url(../img/q-header.jpg);
    background-position: 50% 50%;
    background-size: cover;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 5.84vw;
    height: 70.09vw;
    padding: 5.84vw 2.34vw 11.68vw;
    width: 100vw;
}

.wrongansewr .section {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4.67vw;
}

.wrongansewr .logo {
    height: 14.02vw;
    min-width: 14.02vw;
}

.wrongansewr .container {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 3.5vw;
}

.wrongansewr .container-item {
    align-items: flex-start;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
}

.wrongansewr .taste-the-unforgettable {
    letter-spacing: 0;
    line-height: 6.12vw;
    margin-top: -0.23vw;
    min-width: 94.39vw;
    text-align: center;
    white-space: nowrap;
    font-size: 7.65vw !important;
    position: absolute;
    top: 22vw;
}

.wrongansewr .text-46 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 4.67vw;
    margin-top: -0.23vw;
    min-width: 81.54vw;
    text-align: center;
    text-shadow: 0vw 0.93vw 2.34vw #00000040;
    white-space: nowrap;
    position: absolute;
    top: 29vw;
    font-size: 4.65vw;
}

.wrongansewr .section-1 {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    height: 116.36vw;
    justify-content: center;
    position: absolute;
    gap: 6vw;
    top: 74vw;
}

.wrongansewr .wrapper_-progress_-indicator {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    justify-content: center;
    /* ADDED */
    position: absolute;
    top: 77vw;
}

.wrongansewr .step0 {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 1.17vw;
    justify-content: center;
    width: 10.28vw;
}

.wrongansewr .progress_-bollet {
    align-items: center;
    background-color: var(--black);
    border: 0.47vw none;
    border-radius: 129vw;
    display: flex;
    flex-direction: column;
    gap: 1.29vw;
    height: 7.01vw;
    justify-content: center;
    padding: 1.17vw;
    width: 7.01vw;
}

.wrongansewr .token {
    /* height: 4.68vw; */
    margin-bottom: -0vw;
    margin-left: -0.43vw;
    margin-right: -0.43vw;
    margin-top: -0vw;
    min-width: 5.53vw;
}

.wrongansewr .body1 {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.47vw 0vw 0vw;
}

.wrongansewr .text-4 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    min-width: 9.81vw;
    text-align: center;
    white-space: nowrap;
}

.wrongansewr .line {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.47vw 0vw 4.84vw;
    width: 3.5vw;
}

.wrongansewr .line-1 {
    height: 0.23vw;
    margin-bottom: -0.12vw;
    margin-top: -0.12vw;
    min-width: 3.5vw;
}

.wrongansewr .text-48 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    min-width: 10.28vw;
    text-align: center;
    white-space: nowrap;
}

.wrongansewr .progress_-bollet-1 {
    align-items: center;
    border: 0.47vw solid;
    border-color: var(--black);
    border-radius: 129vw;
    display: flex;
    flex-direction: column;
    gap: 1.29vw;
    height: 7.01vw;
    justify-content: center;
    padding: 1.17vw 0vw;
    width: 7.01vw;
}

.wrongansewr .txt_number {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 2.34vw;
    justify-content: center;
    padding: 0.23vw 0vw 0vw;
}

.wrongansewr .number {
    letter-spacing: 0;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    min-width: 1.87vw;
    white-space: nowrap;
}

.wrongansewr .text-50 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    min-width: 7.48vw;
    text-align: center;
    white-space: nowrap;
}

.wrongansewr .icons_-wrong {
    height: 22vw;
    min-width: 36.21vw;
}

.wrongansewr .h2 {
    align-items: flex-start;
    align-self: stretch;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
    justify-content: center;
}

.wrongansewr .text-51 {
    direction: rtl;
    flex: 1;
    letter-spacing: 0;
    line-height: 6.07vw;
    margin-top: -0.23vw;
    text-align: center;
    white-space: nowrap;
    position: relative;
    bottom: 10vw;
}

.first_q_answer {
    position: relative;
    bottom: 15vw;
    font-size: 6vw;
    font-family: var(--font-family-nespresso_lucas-med);
}

.wrongansewr .h3 {
    align-items: flex-start;
    border: 0.32vw none;
    display: flex;
    justify-content: flex-end;
    position: relative;
    bottom: 11.6vw;
}

.wrongansewr .text-52 {
    direction: rtl;
    letter-spacing: 0;
    line-height: 5.67vw;
    margin-top: -0.32vw;
    text-align: center;
    width: 90.27vw;
    font-size: 4.5vw;
}

.wrongansewr .btn {
    align-items: center;
    background-color: var(--black);
    border: 0.23vw none;
    /* border-radius: 2.34vw; */
    cursor: pointer;
    display: flex;
    gap: 1.17vw;
    height: 12.62vw;
    justify-content: center;
    padding: 3.97vw 5.84vw 3.5vw;
    position: relative;
    top: -10vw;
    width: 53vw;
    box-shadow: 0px 16px 40px rgba(112, 144, 176, 0.2);
}

.wrongansewr .icon {
    height: 4.67vw;
    min-width: 3.5vw;
    position: relative;
    bottom: 0.2vw;
}

.wrongansewr .cta {
    align-items: center;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
    justify-content: center;
}

.wrongansewr .text_label {
    direction: rtl;
    letter-spacing: 0;
    line-height: 3.74vw;
    margin-top: -0.23vw;
    min-width: 10.51vw;
    text-align: left;
    white-space: nowrap;
}

.change_bottom {
    bottom: 14.6vw !important;
}


/* SLIDER */

.slidecontainer {
    width: 100%;
    /* Width of the outside container */
}

html {
    background: #f0ebe5;
}

.container {
    margin: 20px auto;
    width: 400px;
    height: 400px;
    background-color: #fff;
    display: grid;
    grid-template-columns: 200px 200px;
    grid-row: auto auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.no_padding {
    padding: 0 !important;
}

.container .box {
    background-color: white;
    /* padding: 20px; */
    border-radius: 1vw;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4vw;
    font-family: sans-serif;
    height: 24.5vw;
    width: 40vw;
    box-shadow: 0px 16px 40px rgb(112 144 176 / 20%);
    border: 0.5px solid rgba(112, 144, 176, 0.7);
    flex-wrap: wrap;
    padding-bottom: 3vw;
    margin: 1.5vw;
}


/* The slider itself */


/* OLD */

.numbers_slider {
    /* -webkit-appearance: none; */
    width: 100%;
    height: 3.5vw;
    border-radius: 1.17vw;
    background: #e1e1e1;
    outline: none;
    opacity: 0.8;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
    accent-color: #00853f;
    /* box-shadow: inset 0px 1px 5px rgb(50 50 50 / 17%); */
}


/* .numbers_slider {
    -webkit-appearance: none;
    width: 100%;
    height: 3.5vw;
    border-radius: 1.17vw;
    background: #e1e1e1;
    outline: none;
    opacity: 1.8;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
    accent-color: #00853f;
    box-shadow: inset 0px 1px 5px rgb(50 50 50 / 17%);
} */

.numbers_slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 8.84vw;
    height: 8.84vw;
    border-radius: 50%;
    background: #00853f;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
    opacity: 1.8;
    outline: none;
    accent-color: #00853f;
}

.numbers_slider::-moz-range-thumb {
    -webkit-appearance: none;
    width: 8.84vw;
    height: 8.84vw;
    border-radius: 50%;
    background: #00853f;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
    opacity: 1.8;
    outline: none;
    accent-color: #00853f;
}


/* OLD */


/* NEW */


/* .numbers_slider::-webkit-slider-runnable-track {
    background: linear-gradient( to right, #ff0000 0%, #ff0000 30%, #00ff00 30%, #00ff00 70%, #0000ff 70%, #0000ff 100%);
} */


/* NEW */

.main_title {
    font-weight: bold;
    font-size: 14vw;
    display: block;
    padding-bottom: 6vw;
}

.sub_title {
    display: block;
    font-size: 8vw;
    padding-bottom: 8vw;
}

.third_title {
    display: block;
    font-size: 4.5vw;
}

.accesability_con {
    position: relative;
    top: 29vw;
    border-bottom: 0.5vw solid black;
}

.accesability {
    font-size: 4.5vw;
    color: black;
}

.change_question_selected_button_background_and_clickabilitys {
    background-color: rgba(128, 128, 128, 1) !important;
    pointer-events: none;
}

.thank-you-page {
    align-items: center;
    background-color: #ffffff;
    border: 0.23vw none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 60vh;
    justify-content: space-between;
    left: 0vw;
    margin: 0vw;
    /* min-height: 216.36vw; */
    min-width: 100vw;
    mix-blend-mode: normal;
    opacity: 1;
    overflow: hidden;
    overflow-x: hidden;
    padding: 5.84vw 7.01vw 0vw;
    position: relative;
    top: 0vw;
    width: 100%;
    background: #f0ebe5;
}

.thank-you-page .logo-C61RwL {
    --z-index: 0;
    align-items: center;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 4.67vw;
    height: auto;
    opacity: 1;
    position: relative;
    width: auto;
}

.thank-you-page .monogram_-black-exFKkL {
    --z-index: 0;
    align-items: flex-start;
    background-color: transparent;
    border: 0.27vw none;
    display: flex;
    gap: 3.34vw;
    height: auto;
    justify-content: center;
    mix-blend-mode: normal;
    opacity: 1;
    overflow: hidden;
    position: relative;
    width: auto;
}

.thank-you-page .group-IA8WsM {
    --z-index: 0;
    background-color: transparent;
    height: 14.02vw;
    min-width: 14.02vw;
    opacity: 1;
    position: relative;
    display: none;
}

.thank-you-page .rectangle-3-g8lCqp {
    --z-index: 0;
    background-color: #ffffff;
    border: 0.23vw none;
    height: 13.79vw;
    left: 0vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0vw;
    width: 13.79vw;
}

.thank-you-page .vector-g8lCqp {
    --z-index: 1;
    background-color: transparent;
    background-image: url(../img/vector-1@2x.svg);
    background-size: 100% 100%;
    height: 14.02vw;
    left: 0vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0vw;
    width: 14.02vw;
}

.thank-you-page .h2-C61RwL {
    --z-index: 1;
    align-items: flex-end;
    align-self: stretch;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
    height: auto;
    justify-content: center;
    opacity: 1;
    position: relative;
}

.thank-you-page .all_won {
    --z-index: 1;
    align-items: flex-end;
    align-self: stretch;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
    height: auto;
    justify-content: center;
    opacity: 1;
    position: relative;
}

.all_won_text {
    flex: none !important;
    position: relative !important;
    left: 1vw !important;
    font-size: 4vw !important;
    display: block !important;
    font-weight: bold !important;
}

.all_won_text_sub {
    flex: none !important;
    position: relative !important;
    left: 1vw !important;
    font-size: 4vw !important;
    display: block !important;
}

.all_won_image {
    width: 62vw;
    position: relative;
    left: 13vw;
}

.thank-you-page .text-53-4txHTY {
    --z-index: 0;
    background-color: transparent;
    color: #000000;
    direction: rtl;
    flex: 1;
    font-family: "Nespresso Lucas-Med", Helvetica;
    font-size: 6.07vw;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0vw;
    line-height: 6.07vw;
    margin-top: -0.23vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    text-align: center;
    white-space: nowrap;
    display: block;
    position: relative;
    top: 25vw;
}

.thank-you-page .container-C61RwL {
    --z-index: 2;
    align-items: flex-start;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 3.5vw;
    height: auto;
    opacity: 1;
    position: relative;
    width: auto;
}

.thank-you-page .h3-tuzc6y {
    --z-index: 0;
    align-items: flex-start;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    height: auto;
    justify-content: center;
    opacity: 1;
    position: relative;
    width: 85.98vw;
    position: relative;
    top: -33vw;
}

.thank-you-page .text-54-Jn8UqE {
    --z-index: 0;
    background-color: transparent;
    color: #000000;
    direction: rtl;
    flex: 1;
    font-family: "Nespresso Lucas-Regular", Helvetica;
    font-size: 4.67vw;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0vw;
    line-height: 5.55vw;
    margin-top: -0.23vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    text-align: center;
}

.thank-you-page .h3-bold-tuzc6y {
    --z-index: 1;
    align-items: flex-start;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    height: auto;
    justify-content: center;
    opacity: 1;
    position: relative;
    width: 85.98vw;
}

.thank-you-page .text-55-ylTMFu {
    --z-index: 0;
    background-color: transparent;
    color: #000000;
    direction: rtl;
    flex: 1;
    font-family: "Nespresso Lucas-SemiBd", Helvetica;
    font-size: 4.67vw;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0vw;
    line-height: 4.67vw;
    margin-top: -0.23vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
}

.thank-you-page .img-C61RwL {
    --z-index: 3;
    align-items: center;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 4.67vw;
    height: auto;
    margin-left: -7.01vw;
    margin-right: -7.01vw;
    opacity: 1;
    position: relative;
    width: auto;
    opacity: 0;
}

.thank-you-page .body1-PHc9zo {
    --z-index: 0;
    align-items: flex-start;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    height: auto;
    justify-content: center;
    opacity: 1;
    position: relative;
    width: 88.32vw;
}

.thank-you-page .text-56-Qc7yEv {
    --z-index: 0;
    background-color: transparent;
    color: #000000;
    direction: rtl;
    flex: 1;
    font-family: "Nespresso Lucas-Regular", Helvetica;
    font-size: 3.27vw;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0vw;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.thank-you-page .header-PHc9zo {
    --z-index: 1;
    align-items: center;
    background-color: transparent;
    background-image: url(../img/header@2x.png);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    gap: 5.84vw;
    height: 108.18vw;
    mix-blend-mode: normal;
    opacity: 1;
    padding: 11.68vw 2.34vw;
    position: relative;
    width: 100vw;
}

.thank-you-page-won {
    align-items: center;
    background-color: #ffffff;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
    left: 0vw;
    margin: 0vw;
    min-height: 216.36vw;
    min-width: 100vw;
    mix-blend-mode: normal;
    opacity: 1;
    overflow: hidden;
    overflow-x: hidden;
    padding: 5.84vw 7.01vw 0vw;
    position: relative;
    top: 0vw;
    width: 100%;
}

.thank-you-page-won .logo-C61RwL {
    --z-index: 0;
    align-items: flex-start;
    background-color: transparent;
    border: 0.27vw none;
    display: flex;
    gap: 3.34vw;
    height: auto;
    justify-content: center;
    mix-blend-mode: normal;
    opacity: 1;
    overflow: hidden;
    position: relative;
    width: auto;
}

.thank-you-page-won .monogram_-black-exFKkL {
    --z-index: 0;
    background-color: transparent;
    height: 14.02vw;
    min-width: 14.02vw;
    opacity: 1;
    position: relative;
}

.thank-you-page-won .rectangle-3-IA8WsM {
    --z-index: 0;
    background-color: #ffffff;
    border: 0.23vw none;
    height: 13.79vw;
    left: 0vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0vw;
    width: 13.79vw;
}

.thank-you-page-won .vector-IA8WsM {
    --z-index: 1;
    background-color: transparent;
    background-image: url(../img/vector-1@2x.svg);
    background-size: 100% 100%;
    height: 14.02vw;
    left: 0vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0vw;
    width: 14.02vw;
}

.thank-you-page-won .h2-C61RwL {
    --z-index: 1;
    align-items: flex-end;
    align-self: stretch;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    gap: 2.34vw;
    height: auto;
    justify-content: center;
    opacity: 1;
    position: relative;
}

.thank-you-page-won .text-36-4txHTY {
    --z-index: 0;
    background-color: transparent;
    color: #000000;
    direction: rtl;
    flex: 1;
    font-family: "Nespresso Lucas-Med", Helvetica;
    font-size: 6.07vw;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0vw;
    line-height: 6.07vw;
    margin-top: -0.23vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.thank-you-page-won .question-C61RwL {
    --z-index: 2;
    align-items: center;
    align-self: stretch;
    background-color: transparent;
    border: 0.23vw none;
    border-radius: 3.5vw;
    display: flex;
    flex-direction: column;
    gap: 2.34vw;
    height: auto;
    justify-content: center;
    opacity: 1;
    position: relative;
}

.all_questions_won {
    --z-index: 2 !important;
    align-items: center !important;
    align-self: stretch !important;
    background-color: transparent !important;
    border: 0.23vw none !important;
    border-radius: 3.5vw !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2.34vw !important;
    height: auto !important;
    justify-content: center !important;
    opacity: 1 !important;
    position: relative !important;
    opacity: 1 !important;
}

.all_questions_won_image {
    --z-index: 1 !important;
    align-items: flex-start !important;
    background-color: transparent !important;
    border: 0.23vw none !important;
    display: flex !important;
    flex-direction: column !important;
    height: 24.3vw !important;
    justify-content: center !important;
    opacity: 1 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 49.53vw !important;
}

.thank-you-page-won .h3_-bold-IYhq6V {
    --z-index: 0;
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    height: auto;
    justify-content: center;
    opacity: 1;
    position: relative;
}

.thank-you-page-won .x4-xLxLac {
    --z-index: 0;
    background-color: transparent;
    color: #000000;
    direction: rtl;
    flex: 1;
    font-family: "Nespresso Lucas-SemiBd", Helvetica;
    font-size: 4.67vw;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0vw;
    line-height: 4.67vw;
    margin-top: -0.23vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    text-align: center;
}

.thank-you-page-won .img-IYhq6V {
    --z-index: 1;
    align-items: flex-start;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    height: 24.3vw;
    justify-content: center;
    opacity: 1;
    overflow: hidden;
    position: relative;
    width: 49.53vw;
}

.thank-you-page-won .img_-large_-spoon_-v-XMEzlq {
    --z-index: 0;
    background-color: transparent;
    background-image: url(../img/img-large-spoon-view-montage-reflection-1@2x.png);
    background-size: 100% 100%;
    height: 24.3vw;
    min-width: 49.53vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
}

.thank-you-page-won .container-C61RwL {
    --z-index: 3;
    align-items: flex-start;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 3.5vw;
    height: auto;
    opacity: 1;
    position: relative;
    width: auto;
}

.thank-you-page-won .h3-tuzc6y {
    --z-index: 0;
    align-items: flex-start;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    height: auto;
    justify-content: center;
    opacity: 1;
    position: relative;
    width: 85.98vw;
}

.thank-you-page-won .text-37-Jn8UqE {
    --z-index: 0;
    background-color: transparent;
    color: #000000;
    direction: rtl;
    flex: 1;
    font-family: "Nespresso Lucas-Regular", Helvetica;
    font-size: 3.74vw;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0vw;
    line-height: 4.3vw;
    margin-top: -0.23vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    text-align: center;
}

.thank-you-page-won .h3_-bold-tuzc6y {
    --z-index: 1;
    align-items: flex-start;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    height: auto;
    justify-content: center;
    opacity: 1;
    position: relative;
    width: 85.98vw;
}

.thank-you-page-won .text-38-YgkWbV {
    --z-index: 0;
    background-color: transparent;
    color: #000000;
    direction: rtl;
    flex: 1;
    font-family: "Nespresso Lucas-SemiBd", Helvetica;
    font-size: 4.67vw;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0vw;
    line-height: 4.67vw;
    margin-top: -0.23vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.thank-you-page-won .img-C61RwL {
    --z-index: 4;
    align-items: center;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 4.67vw;
    height: auto;
    margin-left: -7.01vw;
    margin-right: -7.01vw;
    opacity: 1;
    position: relative;
    width: auto;
}

.thank-you-page-won .body1-PHc9zo {
    --z-index: 0;
    align-items: flex-start;
    background-color: transparent;
    border: 0.23vw none;
    display: flex;
    height: auto;
    justify-content: center;
    opacity: 1;
    position: relative;
    width: 88.32vw;
}

.thank-you-page-won .text-39-Qc7yEv {
    --z-index: 0;
    background-color: transparent;
    color: #000000;
    direction: rtl;
    flex: 1;
    font-family: "Nespresso Lucas-Regular", Helvetica;
    font-size: 3.27vw;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0vw;
    line-height: 3.27vw;
    margin-top: -0.23vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.thank-you-page-won .header-PHc9zo {
    --z-index: 1;
    align-items: center;
    background-color: transparent;
    background-image: url(../img/header@2x.png);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    gap: 5.84vw;
    height: 108.18vw;
    mix-blend-mode: normal;
    opacity: 1;
    padding: 11.68vw 2.34vw;
    position: relative;
    width: 100vw;
}

.thank_you_title {
    display: block;
    font-weight: bold !important;
    position: relative !important;
    top: 3vw;
    /* font-size: 8vw !important; */
    font-size: var(--font-size-l) !important;
}

.header_thank_you_section {
    align-items: center;
    align-self: stretch;
    background-image: url(../img/q-header.jpg);
    background-position: 50% 50%;
    background-size: cover;
    border: 0.23vw none;
    display: flex;
    flex-direction: column;
    gap: 5.84vw;
    height: 70.09vw;
    padding: 5.84vw 2.34vw 11.68vw;
}

.header_thank_you_section .h1 {
    position: absolute;
    top: 22vw;
}

.header_thank_you_section .h3 {
    position: absolute;
    top: 29vw;
}

.header_thank_you_section_logo {
    --z-index: 1;
    background-color: transparent;
    background-image: url(../img/logo@2x.svg);
    background-size: 100% 100%;
    height: 15.02vw;
    left: 42.4vw;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 5.9vw;
    width: 14.8vw;
    height: 14.02vw;
    min-width: 14.02vw;
}


/* .box1 {
    margin-left: 12vw;
}

.box2 {
    margin-right: 12vw;
}

.box3 {
    margin-left: 12vw;
}

.box4 {
    margin-right: 12vw;
} */

.mark_box {
    border: 1vw solid #00853f !important;
}

@supports (-webkit-touch-callout: none) {
    .homepage {
        align-items: center;
        background-image: url(../img/background_new.jpg);
        background-size: cover;
        border: 0.23vw none;
        display: flex;
        flex-direction: column;
        height: 100vh;
        justify-content: space-between;
        min-width: 100vw;
        padding: 5.84vw 2.34vw 17.52vw;
        width: 100%;
    }
    .choose-a-capsule .header {
        align-items: center;
        align-self: stretch;
        background-image: url(../img/gif1.gif);
        background-position: 50% 50%;
        background-size: cover;
        border: 0.23vw none;
        display: flex;
        flex-direction: column;
        gap: 5.84vw;
        height: 87.9vw;
        padding: 5.84vw 2.34vw 11.68vw;
    }
    .homepage .icon {
        height: 4.67vw;
        min-width: 3.5vw;
        position: relative;
        /* top: 0vw; */
        bottom: 0.5vw;
    }
    .q1 .icon {
        height: 4.67vw;
        min-width: 3.5vw;
        position: relative;
        /* top: 0vw; */
        bottom: 0.5vw;
    }
    .wrongansewr .icon {
        height: 4.67vw;
        min-width: 3.5vw;
        position: relative;
        /* top: 0vw; */
        bottom: 0.5vw;
    }
    .q1 .x {
        direction: rtl;
        flex: 1;
        height: 12.15vw;
        letter-spacing: 0;
        line-height: 6.07vw;
        margin-top: -0.23vw;
        text-align: center;
        font-size: 6vw !important;
        width: 80vw;
    }
    /* .box1 {
        margin-left: 10vw;
    }
    .box2 {
        margin-right: 10vw;
    }
    .box3 {
        margin-left: 10vw;
    }
    .box4 {
        margin-right: 10vw;
    } */
    .container .box {
        background-color: white;
        /* padding: 20px; */
        border-radius: 1vw;
        color: black;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 4vw;
        font-family: sans-serif;
        height: 24.5vw;
        width: 40vw;
        box-shadow: 0px 16px 40px rgba(112, 144, 176, 0.2);
        border: 0.5px solid rgba(112, 144, 176, 0.7);
        flex-wrap: wrap;
        padding-bottom: 3vw;
        /* NEW */
        margin: 1.5vw;
    }
    .wrongansewr .h3 {
        align-items: flex-start;
        border: 0.32vw none;
        display: flex;
        justify-content: flex-end;
        position: relative;
        bottom: 11.8vw;
    }
    .wrongansewr .taste-the-unforgettable {
        letter-spacing: 0;
        line-height: 6.12vw;
        margin-top: -0.23vw;
        min-width: 94.39vw;
        text-align: center;
        white-space: nowrap;
        font-size: 7.82vw !important;
        position: absolute;
        top: 22vw;
    }
    .move-img-to-position {
        top: 13vw !important;
    }
    .move-section-to-position {
        top: 77vw !important;
    }
    .q1 .taste-the-unforgettable {
        letter-spacing: 0;
        line-height: 6.12vw;
        margin-top: -0.23vw;
        min-width: 94.39vw;
        text-align: center;
        white-space: nowrap;
        font-size: 7.65vw !important;
        position: absolute;
        top: 22vw;
    }
    .q1 .text-29 {
        direction: rtl;
        letter-spacing: 0;
        line-height: 4.67vw;
        margin-top: -0.23vw;
        min-width: 81.54vw;
        text-align: center;
        text-shadow: 0vw 0.93vw 2.34vw #00000040;
        white-space: nowrap;
        position: absolute;
        top: 29vw;
        font-size: 5vw;
    }
    .wrongansewr .text-46 {
        direction: rtl;
        letter-spacing: 0;
        line-height: 4.67vw;
        margin-top: -0.23vw;
        min-width: 81.54vw;
        text-align: center;
        text-shadow: 0vw 0.93vw 2.34vw #00000040;
        white-space: nowrap;
        position: absolute;
        top: 29vw;
        font-size: 5vw;
    }
    .final_page_header_subtext {
        font-size: 5vw !important;
    }
    .wrongansewr .text-52 {
        direction: rtl;
        letter-spacing: 0;
        line-height: 5.67vw;
        margin-top: -0.32vw;
        text-align: center;
        width: 90.27vw;
        font-size: 4.8vw;
    }
}