.product-open .app-logo.p-absolute {
                left: 50%!important;
                transform: translateX(-50%)!important;
                transition: 1.5s all;
            }
            body {
                opacity: 0;
                transition: 1.5s all;
            }
            .inform-video {
                position: absolute;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
            }
            .breadcrumb-single {
                min-width: 12%;
                text-align: left;
            }
            .skip-continue-button-contaienr.button-continue.show-button {
    display: none;
}
.single-campaign-circle.disabled-campaign {
    opacity: 0.3 !important;
    pointer-events: none !important;
}
.button-loop-video.video-intro-loop.show-video.video-finished .skip-continue-button-contaienr.button-skip.show-button {
    display: none;
}
.single-campaign-circle.disabled-campaign .single-campaign-circle-index {
    color: white;
}
.button-loop-video.video-intro-loop.show-video.video-finished .skip-continue-button-contaienr.button-continue.show-button {
    display: block;
}
.current-campaign-disabled .select-campaing-button {
    opacity: 0 !important;
    pointer-events: none !important;
}
.skip-continue-button-contaienr.button-skip.show-button .skip-continue-button-contaienr-button {
    background: #212121;
    z-index: 99999;
    text-align: center;
    border: 1px solid #ffffff36;
    color: white;
}
            .question-label {
                font-size: 15px;
            }
            .breadcrumb-single span {
                display: block;
                width: 100%;
                height: 4px;
                background: white;
                margin-bottom: 10px;
            }
            .question-braadcrumb > div {
                margin: 0px 20px;
            }
            .question-label {
                text-transform: uppercase;
            }

            .question-braadcrumb {
                width: 100%;
                justify-content: center;
            }
            .question-braadcrumb {
                position: absolute;
                top: 50px;
                left: 50%;
                transform: translate(-50%,0%);
                display: inline-flex;
            }
            .steps-inform {
                position: absolute;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                z-index: 2;
            }

            h1.m-auto.medium-size {
                position: absolute;
                top: 50%!important;
                left: 50%;
                transform: translate(-50%,-50%);
            }
            .button-circle {
                width: 140px;
                border: 2px solid white;
                height: 140px;
                line-height: 140px;
                border-radius: 50%;
                font-size: 20px;
                color: #FF671B;
                font-weight: bold;
            }
            .inline-flex {
                display: inline-flex;
            }
            .sbiwrapper p {
                height: 150px;
            }
            .sbiwrapper p {
                margin-bottom: 0px;
            }
            .loaded div#product h1 {
                top: 0px;
                position: relative;
                opacity: 0;
            }
            video#video-1 {
                z-index: 1;
            }

            .loop-main-video video {
                position: absolute;
                top: 50%;
                left: 50%;
                right: 0px;
                bottom: 0px;
                transform: translate(-50%, -50%);
            }
            .sbiwrapper img {
                height: 40px;
                width: auto;
                margin-bottom: 10px;
            }
            .sbiwrapper p {
                font-size: 20px;
            }
            .sbiwrapper {
                text-align: left;
                padding: 40px;
                margin: 15px;
                background: rgb(0 0 0 / 65%);
                border: 1px solid #707070;
                border-radius: 30px;
            }
            .question-title {
                font-size: 45px;
            }
            .question-title-label {
                font-size: 20px;
                font-weight: bold;
                color: #FF671B;
                margin-bottom: 20px;
            }
            .question-number-wrapper {
                font-size: 24px;
            }

            .customer-profile-section-sub-title-container {
                font-family: "Oxanium", serif;
            }

            .title-section-container {
                position: absolute;
                top: 44%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 100%;
                min-height: 500px;
            }
            .customer-profile-section-button-container {
                position: absolute;
                left: 0px;
                right: 0px;
                bottom: 60px;
            }
            .customer-profile-section-sub-title-container {
                margin-bottom: 40px;
            }
            .box-label {
                text-align: left;
                color: #FF671B;
                text-transform: uppercase;
                font-weight: bold;
                font-size: 16px;
            }
            .questions-inform {
                margin: auto;
            }
            .question-answers {
                margin: 80px 0px;
                font-size: 25px;
            }
            .breadcrumb-single.active span {
                opacity: 1;
            }
            .answer-buttons {
                display: inline-flex;
            }
            .breadcrumb-single span {
                opacity: .3;
            }

            .breadcrumb-single .question-label {
                opacity: 0.3;
            }


            .current-answer-2 >div:nth-child(1) span {
                opacity: .3;
            }

            .current-answer-3 >div:nth-child(2) span {
                opacity: .3;
            }

            .current-answer-4 >div:nth-child(3) span {
                opacity: .3;
            }

            .breadcrumb-single.active .question-label {
                opacity: 1;
            }

            .loop-main-video video {
                width: 100vw;
                height: 100vh;
                object-fit: cover;
            }
            .loop-main-video {
                position: absolute;
                top: 0px;
                bottom: 0px;
                left: 0px;
                right: 0px;
            }

            .section-steps {
                z-index: 2;
            }
            .introboxes {
                max-width: 85%;
                margin: auto;
                position: absolute;
                transform: translate(-50%,-50%);
                top: 50%;
                left: 50%;
                width: 100%;
            }
            .circle-buttons.start {
                position: absolute;
                bottom:100px;
                left: 50%;
                transform: translate(-50%, 0%);
            }
            .circle-buttons.next {
                position: absolute;
                bottom:100px;
                left: 50%;
                transform: translate(-50%, 0%);
            }
            .questions-container {
                position: absolute;
                right: 0px;
                top: 0px;
                left: 0px;
                bottom: 0px;
                display: flex;
            }

            .question-number-wrapper {
                width: 60px;
                height: 60px;
                margin: auto;
                border: 1px solid #FF671B;
                line-height: 60px;
                border-radius: 50%;
                margin-bottom: 15px;
            }
            .visible {
                display: block;
            }
            .steps-inform.hidden-step {
                display: none;
            }

            .answer-buttons {
                position: relative;
                bottom: -100px;
            }

            .single-answer-button {
                font-size: 28px;
                margin: 20px 50px;
                border-radius: 50%;
                border: 2px solid white;
                width: 120px;
                height: 120px;
                line-height: 110px;
                font-weight: bold;
            }

            .single-answer-button.answer-A {
                color:#F38B00;
                border: 2px solid #F38B00;

            }

            .single-answer-button.answer-B {
                color:#4FCDB0;
                border: 2px solid #4FCDB0;

            }
            .submit-answer-button.answer-D.fade {
                color: #FF671B;
                text-transform: uppercase;
            }

            .anwswer-submited .single-answer.false.is-selected span:before {
                content: "";
                position: absolute;
                width: 20px;
                height: 20px;
                background-image: url(/experience-center/table/inform/assets/icons/wrong.svg);
                top: 10px;
                left: -30px;
                background-size: contain;
                background-position: center;
            }

            .anwswer-submited .single-answer.fade.true.is-selected span:before {
                content: "";
                position: absolute;
                width: 20px;
                height: 20px;
                background-image: url(/experience-center/table/inform/assets/icons/correct.svg);
                top: 10px;
                left: -30px;
                background-size: contain;
                background-position: center;
            }

            .anwswer-submited .single-answer  span {
                position: relative;
            }
            .next-question-button.answer-D.fade {
                font-size: 16px;
                margin: 20px 50px;
                border-radius: 50%;
                border: 2px solid white;
                width: 120px;
                height: 120px;
                line-height: 120%;
                font-weight: bold;
                position: absolute;
                right: 50px;
                color: #FF671B;
                text-transform: uppercase;
                padding-top: 34px;
            }

            [animation-delay="3.6"] {
                animation-delay: 3.6s;
            }

            [animation-delay="4"] {
                animation-delay: 4s;
            }
            [animation-delay="4.4"] {
                animation-delay: 4.4s;
            }
            .single-answer-button.answer-C {
                color:#FEC31F;
                border: 2px solid #FEC31F;

            }
            .answer-buttons.single-choice {
                position: relative;
            }
            .answer-is-selected .single-answer.is-selected span {
                opacity: 1;
            }
            .single-answer-button.answer-D {
                color:#CD2A2E;
                border: 2px solid #CD2A2E;

            }
            .popup-status-voice.exit-voice {
                position: fixed;
                top: 0px;
                bottom: 0px;
                right: 0px;
                left: 0px;
                display: none;
                background: rgb(0 0 0 / 85%);
                z-index: 99999999999;
                color: white;
                text-align: center;

                ;
            }
            .single-answer {
                position: relative;
            }
            .breadcrumb-single.active span {
                opacity: 1;
                transition: 1s opacity;
            }

            .breadcrumb-single.active .question-label {
                opacity: 1;
                transition: 1s opacity;
            }
            .answer-is-selected .single-answer span {
                opacity: .2;
            }
            .single-answer-button.answer-D.fade.active-button {
                background: #CD2A2E;
                color: white;
            }
            .single-answer-button.answer-B.fade.active-button {
                background: #4FCDB0;
                color: white;
            }

            .single-answer-button.answer-C.fade.active-button {
                color: white;
                background: #FEC31F;
            }

            .anwswer-submited .single-answer.true.is-selected {
                color: #4FCDB0;
            }
            .question-answers.align-to-left {
                max-width: 340px;
                margin-left: auto;
                margin-right: auto;
                text-align: left;
            }
            .anwswer-submited .single-answer.false.is-selected {
                color: #CD2A2E;
            }
            .question-title {
                line-height: 120%;
            }
            .single-answer-button.answer-A.fade.active-button {
                background: #F38B00;
                color: white;
            }
            .answer-buttons.single-choice {
                justify-content: center;
            }
            .question-braadcrumb {
                z-index: 99999999;
            }
            .submit-answer-button.answer-D.fade {
                font-size: 18px;
                margin: 20px 50px;
                border-radius: 50%;
                border: 2px solid white;
                width: 120px;
                height: 120px;
                line-height: 110px;
                font-weight: bold;
                position: absolute;
                right: 50px;
            }
            .answer-buttons.multiple-choice {
                width: 100%;
                justify-content: center;
            }
            .anwswer-submited .single-answer-button.false.active-button {
                background: #CD2A2E;
            }
            .current-answer-2 >div:nth-child(1) .question-label {
                opacity: .3;
            }

            .current-answer-3 >div:nth-child(2) .question-label {
                opacity: .3;
            }

            .current-answer-4 >div:nth-child(3) .question-label {
                opacity: .3;
            }
            .question-answers.align-to-left.wider {
                max-width: 360px;
            }
            .current-answer-5 >div:nth-child(4) .question-label {
                opacity: .3;
            }
            .anwswer-submited .single-answer-button.true.active-button {
                background: #4FCDB0;
            }
            .answer-buttons.single-choice {
                width: 100%;
            }
            .questions-inform {
                margin: auto 0px;
                text-align: center;
                width: 100%;
            }
            .answer-is-selected .question-title.fade span {
                opacity: .2;
            }
            .anwswer-submited .single-answer-button {
                border: 2px solid #464646;
                color: #464646;
            }
            .next-question-button.answer-D.fade.restart-button {
                line-height: 120px;
                padding: 0px;
            }
            h1.m-auto.medium-size.fade {
                opacity:0;
            }


            .close-button-voice {
                position: absolute;
                top: 45px;
                right: 50px;


                z-index: 99999;

                display: flex;
                text-align: center;

            }
            .popupstatus-wrapper {
                border: .5px solid #53514E;
                border-radius: 20px;
                backdrop-filter: blur(10px);
                background: #060605;
                background: linear-gradient(314deg, #060605 0%, #060605 30%, rgba(33, 33, 33, 1) 100%, rgba(33, 33, 33, 1) 100%);
                padding: 80px 40px;
                width: 470px;
            }
            .popupstatus-wrapper {
                margin: auto;
            }
            .bt-label {
                margin-top: auto;
                margin-bottom: auto;
                margin-right: 20px;
                opacity: .7;
                font-size: 18px;
            }
            .bt-close svg {
                margin: auto;
            }
            body.product-page.fadeinsolution {
                opacity: 1;
            }

            .status-label {
                font-size: 24px;
                font-family: "MarkOffcForMC-Bold";
                margin: 20px 0px;
            }
            .close-button-voice .bt-close {

                background: #212121;
                width: 70px;
                height: 70px;
                z-index: 99999;
                border-radius: 50%;
                display: flex;
                text-align: center;
                border: 1px solid #ffffff36;
            }
            .popupstatus-wrapper {
                padding-bottom: 50px;
            }
            .voice-leave-button {
                max-width: 140px;
                background: #F39300;
                color: #141413;
                border-radius: 30px;
                line-height: 50px;
                margin: 20px auto;
            }
            .loading-experience-label-progres {
                position: absolute;
                bottom: 50px;
                left: 50%;
                transform: translate(-50%);
            }

            .popup-status-voice.exit-voice.show-popup-voice {
                display: flex;
            }
            .voice-popupbuttons {
                margin-top: 40px;
            }
            .close-button-voice.clicked-button .bt-close {
                background: #464242;
            }
            div#logo {
                left: 50px !important;
                top: 45px;
                transform: none !important;
            }

            .voice-start-buttons {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }

            .voice-start-buttons > div {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }

            .voice-start-button {
                opacity: 1;
                transition: .5s ease all;

            }
            .press-label {
                position: absolute;
                left: 150px;
                bottom: -110px;
            }
            .voice-start-buttons.button-is-pressed .voice-pressed-button {
                opacity: 1;
                transition: .5s ease all;
            }
            .voice-start-buttons.button-is-pressed .voice-pressed-button {
                opacity: 1;
                transition: .5s ease all;
            }
            .voice-pressed-button {
                opacity: 0;
                transition: .5s ease all;
                pointer-events: none;
            }
            .voice-app-container {
                position: absolute;
                left: 0px;
                right: 0px;
                bottom: 0px;
                top: 0px;
                height: 100vh;
                width: 100vw;
            }
            .section-steps {
                position: absolute;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
            }

            .progress-container {
                position: relative;
                width: 424px;

            }
            .progress-circle {
                width: 100%;
                height: 100%;

            }

            .press-label.button-is-pressed {
                opacity: 0;
            }
            .progress-bg {
                fill: none;
                stroke: #ffffcc0a;
                stroke-width:.5; /* Thickness of the circle */
            }
            .progress-container {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
            .progress {
                fill: none;
                stroke: url(#gradient); /* Reference the gradient */
                stroke-width: .5;
                stroke-dasharray: 100, 100; /* Defines the length of the progress */
                stroke-dashoffset: 100; /* Initial offset (no progress) */

            }
            .progress-container {
                opacity: 0;
                transition: .5s ease all;
            }
            .loading-experience-label-progres.button-is-pressed {
                opacity: 1;
                transition: .1s ease;
            }
            .progress.button-is-pressed {

                animation: progressAnimation 1.5s linear forwards; /* Animate progress */
            }
            /* Add a gradient to the progress */
            .progress  svg {
                width: 100px;
                height: 100px;
            }
            /* Keyframe animation for progress */
            @keyframes progressAnimation {
                from {
                    stroke-dashoffset: 100; /* No progress */
                }
                to {
                    stroke-dashoffset: 0; /* Full progress */
                }
            }
            .progress-container.button-is-pressed {
                opacity: 1;
                transition: .5s ease all;
            }
            .progress  svg defs {
                pointer-events: none;
            }
            .start-section.section-steps.solution-started {
                opacity: 0;
                transition: .5s ease all;
                pointer-events: none;
            }
            .progress  defs {
                position: absolute;
            }
            .progress  svg path {
                stroke: url(#gradient);
            }
            g#Circle {
                transform: scale(0);
                transform-box: fill-box;
                transform-origin: center;
                transition: 1s ease all;
            }

            .show-progress-label #Circle {
                transform: scale(1);
                transform-box: fill-box;
                transform-origin: center;
                transition: 1s ease all;
            }
            .button-video-transition {
                position: absolute;
                z-index: 1;
                left: 0px;
                right: 0px;
                bottom: 0px;
                top: 0px;
            }
            .customer-profile-section-options-dropdown-single {
                position: relative;
            }

            .customer-profile-section-options-dropdown-single-drop-down {
                text-align: left;
                background: #ffffff08;
                display: inline-block;
                backdrop-filter: blur(55px);
                color: #ffffff99;
                border: 1px solid #ffffff17;
                width: 140%;
                border-radius: 10px;
                position: absolute;
                left: 0px;
                top: 120px;
            }
            .customer-profile-section-options-dropdown-single-drop-down {
                display: none;
            }

            .customer-profile-section-options-dropdown-single-drop-down-option {
                padding: 20px 0px;
                color: #ffffffc7;
                font-size: 24px;
                margin: 0px 20px;
            }
            .skip-continue-button-contaienr {
                position: absolute;
                bottom: 40px;
                left: 0px;
                right: 0px;
                text-align: center;
                z-index: 222;
            }

            .skip-continue-button-contaienr-button {
                border-radius: 80px;
                display: inline-block;
                background: #F39300;
                color: #141413;
                margin: 0px;
                font-size: 21px;
                font-family: "MarkOffcForMC-Bold";
                padding: 20px 70px;
            }
            g#Line path {
                clip-path: inset(0 100% 0 0);

                transition: 1s ease all;
            }
            .video-centered video {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
            .button-loop-video {
                position: absolute;
                left: 0px;
                right: 0px;
                bottom: 0px;
                top: 0px;
                z-index: 1;
            }
            .campaing-section {
                position: absolute;
                left: 0px;
                right: 0px;
                bottom: 0px;
                top: 0px;
                z-index: 0;
                pointer-events: none;
                opacity: 0;
            }

            .campaing-section.show-section {
                opacity: 1;
                pointer-events: all;
                z-index: 99;
                transition: 1s ease all;
            }

            .skip-continue-button-contaienr {
                opacity: 0;
                pointer-events: none;
                z-index: 0;
            }



            .skip-continue-button-contaienr.show-button {
                opacity: 1;
                pointer-events: all;
                z-index: 9;
            }



            svg.progress-circle {
                display: block;
            }
            g#Text path#Text_2 {
                clip-path: inset(0 100% 0 0);

                transition: 1s ease all;
            }

            g#Text path#Vector_3 {
                clip-path: inset(0 0% 100% 0);
                transition: 1s ease all;
            }

            .button-is-pressed svg.press-label {
                opacity: 0;
            }
            .button-loop-video.video-intro-loop.show-video {
                opacity: 1;
                transition: 0s;
            }
            .show-progress-label g#Line path {

                clip-path: inset(0 0% 0 0);
                transition: 1s ease all;
            }

            .show-progress-label  g#Text path#Text_2 {
                clip-path: inset(0 0% 0 0);

                transition: 1s ease all 3s;
            }


            .show-progress-label g#Text path#Vector_3 {
                clip-path: inset(0 0% 0% 0);
                transition: 1s ease all 2s;
            }

            .customer-profile-section {
                position: absolute;
                left: 0px;
                top: 0px;
                right: 0px;
                bottom: 0px;
                z-index: 0;
                pointer-events: none;
                opacity: 0;
                transition: 1s ease all;
            }
            g#Line path {
                clip-path: inset(0 100% 0 0);

                transition: 1s ease all;
            }
            .customer-profile-section-options-dropdown-single.show-dropdown .customer-profile-section-options-dropdown-single-button {
                border: 1px solid #F39300;
            }
            .customer-profile-section-main-title-container {
                font-size: 80px;
                max-width: 80%;
                margin: auto;
                line-height: 120%;
            }
            .customer-profile-section-options-dropdown-single-button {
                position: relative;
            }

            .customer-profile-section-options-dropdown-single-button svg {
                position: absolute;
                right: 20px;
                top: 50%;
            }
            .customer-profile-section-sub-title-container {
                text-transform: uppercase;
                color: #4FCDB0;
                letter-spacing: 14.4px;
            }
            .customer-profile-section-button {
                border-radius: 80px;
                display: inline-block;
                background: #F39300;
                color: #141413;
                margin: 0px;
                font-size: 21px;
                font-family: "MarkOffcForMC-Bold";
                padding: 20px 70px;
            }
            .button-loop-video.video-intro-loop {
                opacity: 0;
                transition: 1s ease;
            }
            .button-video-transition {
                position: absolute;
                z-index: 1;
                left: 0px;
                right: 0px;
                bottom: 0px;
            }
            .customer-profile-section.show-section {
                opacity: 1;
                pointer-events: all;
                z-index: 99;
                transition: 1s ease all;
            }
            .button-video-transition.video-centered {
                pointer-events: none;
                opacity: 0;
                transition: 0s ease all;
            }

            .button-video-transition.video-centered.show-video {
                pointer-events: none;
                opacity: 1;
                transition: 1s ease all;
            }

            .show-progress-label g#Line path {

                clip-path: inset(0 0% 0 0);
                transition: 1s ease all 1s;
            }
            .loading-experience-label-progres {
                opacity: 0;
                transition: .2s ease;
            }
            .loading-experience-label-progres span {
                color: #FFC81F;
            }


            .customer-profile-section-options {
                position: absolute;
                left: 0px;
                right: 0px;
                bottom: 0px;
                top: 0px;
                z-index: 99;
            }

            .skip-continue-button-contaienr-options {
                position: absolute;
                text-align: center;
                bottom: 40px;
                left: 0px;
                right: 0px;
            }

            .skip-continue-button-contaienr-button-options {
                background: #ffffff26;
                display: inline-block;
                backdrop-filter: blur(30px);
                padding: 20px 70px;
                border-radius: 80px;
                color: #ffffff99;
                font-family: "MarkOffcForMC-Bold";
                border: 1px solid #ffffff3b;
                font-size: 21px;
            }
  .single-campaign-circle.slick-slide.slick-current.slick-center.it-is-current .single-campaign-circle-inner-wrapper {
 
    transition: .5s ease all;
}
            video {
                height: 100vh;
                width: auto;
            }

            .customer-profile-section-options-dropdowns > div {
                width: 25%;
            }

            .customer-profile-section-options-dropdowns {
                display: flex
                    ;
                column-gap: 20px;
            }
            .customer-profile-section-options-dropdown-single-button {
                font-size: 22px;
            }
            .customer-profile-section-options .customer-profile-section-sub-title-container {
                margin-bottom: 90px;
            }

            .customer-profile-section-options-dropdown-single-button span {
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                line-clamp: 1;
                -webkit-box-orient: vertical;
            }

            .customer-profile-section-options-dropdown-single-drop-down-option:last-child {
                border-bottom: none;
            }
            .customer-profile-section-options-dropdown-single-drop-down-option {
                border-bottom: 1px solid #ffffff05;
            }
            .customer-profile-section-sub-title-container {
                font-size: 20px;
            }


            .customer-profile-section-options.show-section {
                opacity: 1;
                transition: 1s ease;
                z-index: 99;
                pointer-events: all;
            }
            .customer-profile-section-options-selector {
                max-width: 80%;
                width: 100%;
                position: absolute;
                left: 50%;
                top: 30%;
                transform: translate(-50%, -50%);
            }
            .customer-profile-section-options-dropdown-single-label {
                text-align: left;
                margin-bottom: 10px;
                text-transform: uppercase;
                letter-spacing: 2px;
                font-size: 15px;
            }
            .customer-profile-section-options-dropdown-single-button {
                text-align: left;
                background: #ffffff08;
                display: inline-block;
                backdrop-filter: blur(55px);
                padding: 18px 20px;
                color: #ffffff99;
                border: 1px solid #ffffff17;
                width: 100%;
                border-radius: 10px;
            }

            .customer-profile-section-options .skip-continue-button-contaienr-button-options.active {


            }



            .single-campaign-circle-wrapper {
                width: 260px;
                height: 260px;
                text-align: left;
                background: #ffffff08;
                backdrop-filter: blur(55px);
                padding: 18px 20px;
                border: 1px solid #ffffff17;
                border-radius: 50%;
                display: flex
                    ;
            }
            .customer-profile-section-options-dropdown-single.selected .customer-profile-section-options-dropdown-single-button {
                color: white;
            }
            .customer-profile-section-options .skip-continue-button-contaienr-button-options.active {
                background: #F39300;
                color: #141413;
            }
            .button-loop-video.video-centered.hide-video {
                opacity:0;
                transition: .5s ease all;
            }
            .customer-profile-section-options {
                opacity: 0;
                z-index: 0;
                pointer-events: none;
            }

            .button-loop-video.video-intro-loop video {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
            .customer-profile-section {
                position: absolute;
                left: 0px;
                top: 0px;
                right: 0px;
                bottom: 0px;
                z-index: 99;
            }
            .customer-profile-section-options-dropdown-single.show-dropdown .customer-profile-section-options-dropdown-single-drop-down {
                display: block;
            }

            .campaing-section-carousel {
                position: absolute;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                z-index: 9999;
            }

            .single-campaign-circle.slick-slide.position-3 {
                transform: translate(0%, 190%);
            }
            .single-campaign-circle.slick-slide.position-2 {
                transform: translate(50%, 70%);
            }


            .campaing-section-carousel-container-wrapper .slick-track, .campaing-section-carousel-container-wrapper .slick-list {
                overflow: visible;
            }
            .single-campaign-circle.slick-slide.position-1 {
                transform: translate(30%, 50%);
            }
            .single-campaign-circle-inner-wrapper {
                margin: auto;
                text-align: center;
            }
            .campaing-section-carousel-container-label {
                text-transform: uppercase;
                color: #4FCDB0;
                font-family: "Oxanium", serif;
                font-size: 14px;
            }
            .single-campaign-circle-title {
                font-size: 24px;
                text-transform: uppercase;
                line-height: 130%;

            }
            .single-campaign-circle-wrapper {
                transition: 1s ease all;
            }
            .single-campaign-circle.it-is-current .single-campaign-circle-wrapper {

            }

            .campaing-section-carousel-container .slick-arrow {
                pointer-events: none;
                font-size: 0px;
                padding: 0px;
                height: 0px;
                width: 0px;
                border: none;
            }

            span.line-progres {
                height: 1px;
                width: 0%;
                background: #4FCDB0;
                display: block;
            }

            span.total-slide {
                text-transform: uppercase;
                color: #909090;
                font-family: "Oxanium", serif;
                position: relative;
                top: 5px;
            }
            span.current-slide {
                text-transform: uppercase;
                color: #4FCDB0;
                font-family: "Oxanium", serif;
                position: relative;
                top: 5px;
            }
            .slider-indicator {
                position: absolute;
                bottom: 60px;
                left: 0px;
                right: 0px;
                text-align: center;
            }
            span.line-indicator {
                width: 600px;
                height: 1px;
                background: black;
                display: inline-block;
                margin: 0px 100px;
            }
            .single-campaign-circle.slick-slide {
                transition: 1s ease all;

            }
            .single-campaign-circle.slick-slide.slick-current.slick-center.it-is-current   {
                transform: scale(1.5);
            }

            .campaing-section-carousel-container {
                margin-top: 110px;
            }
            .single-campaign-circle-wrapper {

            }
            .single-campaign-circle.it-is-current {

            }

            .single-campaign-circle.slick-slide.slick-current.slick-center.it-is-current .single-campaign-circle-wrapper {
                margin: auto;
            }
            .single-campaign-circle.slick-slide .single-campaign-circle-wrapper {

            }

            .single-campaign-circle-wrapper {
                margin:auto;
            }
            .campaing-section-carousel-container-label {
                margin-top: 50px;
            }
            .single-campaign-circle-title {
                transition: 1s ease all;
            }
            .it-is-current .single-campaign-circle-title {

                font-weight: bold;
            }
            .single-campaign-circle-index {
                text-transform: uppercase;
                color: #4FCDB0;
                font-size: 12px;
                letter-spacing: 7px;
                margin-bottom: 10px;
            }
            .campaing-section-carousel-container-label {
                position: absolute;
                left: 0px;
                right: 0px;
                text-align: center;
                bottom: -60px;
            }

            .single-campaign-circle.it-is-current .single-campaign-circle-wrapper {

                transition: 1s ease all;
            }

            .slick-track {
                transition: transform 1s ease !important; /* Ensure smooth track animation */
            }
            .single-campaign-circle.slick-slide {
                transition:1s ease all;
            }

            .single-campaign-circle.slick-slide.position-1  {
                transform: translate(40%, 40%);
            }

            .single-campaign-circle.slick-slide.position-2 {
                transform: translate(60%, 70%);
            }

            .single-campaign-circle.slick-slide.position-3 {
                transform: translate(80%, 110%);

            }



            .single-campaign-circle.slick-slide.position-1[data-position="-1"]{
                transform: translate(-40%, 40%);
            }

            .single-campaign-circle.slick-slide.position-3[data-position="-3"]{
                transform: translate(-80%, 110%);
            }

            span.line-progres {
                transition: 1s ease all;
            }
            .single-campaign-circle.slick-slide.position-2[data-position="-2"]{
                transform: translate(-60%, 70%);
            }

            .slide-is-entered .single-campaign-circle.it-is-current {

            }

            .slide-is-entered .single-campaign-circle.slick-slide.slick-current.slick-center.it-is-current .single-campaign-circle-inner-wrapper {
                transform: scale(1.5);
                transition: .5s ease all;
            }

            .slide-is-entered.show-section   .campaing-section-carousel-container-label {
                opacity: 0;
            }

            .slide-is-entered.show-section   .slider-indicator {
                opacity: 0;
            }


            .arrow-left-carousel-main {
                left: -500px;
                transition: 1s ease all;
            }


            .arrow-right-carousel-main {
                right -500px;
                transition: 1s ease all;
            }

            .slide-is-entered  .arrow-right-carousel-main {
                right: 60px;
                transition: 1s ease all;
            }


            .current-slide-last.slide-is-entered  .arrow-right-carousel-main {
                right: -500px;
            }

            .slide-is-entered  .arrow-left-carousel-main {
                left: 60px;
                transition: 1s ease all;
            }


            .arrow-right-carousel-main {
                right: -500px;
                transition: 1s ease all;
            }
            .arrow-left-carousel-main {
                position: absolute;

                top: 50%;
                transform: translate(0%, -50%);
                display: flex;
            }

            .arrow-right-carousel-main {
                position: absolute;

                top: 50%;
                transform: translate(0%, -50%);
                display: flex
                    ;
            }
            .slide-is-entered  .single-campaign-circle.slick-slide.position-1[data-position="-1"] {
                transform: translate(100%, -140%);
            }
            .slide-is-entered .single-campaign-circle.slick-slide.position-1 {
                transform: translate(-100%, 120%);
            }
            .slide-is-entered .single-campaign-circle-wrapper {
                background: transparent;
                border: 1px solid transparent;
                backdrop-filter: blur(0px);
            }
            span.previous-slide-label {
                text-transform: uppercase;
                color: #909090;
                font-family: "Oxanium", serif;
                font-size: 16px;
                letter-spacing: 5px;
                margin-top: auto;
                margin-bottom: auto;
                margin-left: 30px;
            }
            .close-carousel {
                position: absolute;
                bottom: -140px;
                left: 0px;
                right: 0px;
                text-align: center;
                transition: 1s ease all;
            }

            .slide-is-entered .close-carousel {
                position: absolute;
                bottom: 40px;
                left: 0px;
                right: 0px;
                text-align: center;
                transition: 1s ease all;
            }
            span.next-slide-label {
                text-transform: uppercase;
                color: #909090;
                font-family: "Oxanium", serif;
                font-size: 16px;
                letter-spacing: 5px;
                margin-top: auto;
                margin-bottom: auto;
                margin-right: 30px;
            }


            .slide-is-entered .single-campaign-circle.slick-slide.it-is-current {
                opacity: 1;
            }
            .slide-is-entered .single-campaign-circle.slick-slide {
                opacity: 0;

            }

            .close-carousel svg {
                display: block;
            }
            .close-carousel {
                background: #ffffff26;
                display: inline-block;
                backdrop-filter: blur(30px);
                border-radius: 50%;
                color: #ffffff99;
                font-family: "MarkOffcForMC-Bold";
                border: 1px solid #ffffff3b;
                max-width: 91px;
                margin: auto;
            }
            .slide-is-entered .single-campaign-circle.slick-slide.position-2[data-position="-2"] {
                transform: translate(100%, -140%);
            }
            .slide-is-entered.current-slide-0 .arrow-left-carousel-main {
                left: -500px;
            }
            .slide-is-entered .single-campaign-circle:not(.it-is-current) .single-campaign-circle-wrapper {
                transform: translate(0%, 190%);
                opacity: 0;
            }

            .select-campaing-button {
                border-radius: 80px;
                display: inline-block;
                background: #F39300;
                color: #141413;
                margin: 0px;
                font-family: "MarkOffcForMC-Bold";
                padding: 15px 30px;
                font-size: 12px;
            }

            .select-campaing-button {
                border-radius: 80px;
                display: inline-block;
                background: #F39300;
                color: #141413;
                margin: 0px;
                font-family: "MarkOffcForMC-Bold";
                padding: 15px 30px;

                transform: scale(0) translate(-50%, 0%);
                position: absolute;
                left: 50%;
                width: 340px;
                right: 0px;
            }
            .campaing-section-carousel {
                opacity: 0;
                z-index: 0;
                pointer-events: none;
            }


            .campaing-section-carousel.show-section {
                opacity: 1;
                pointer-events: all;
                z-index: 99;
                transition: 1s ease all;
            }
            .slide-is-entered .select-campaing-button {
                border-radius: 80px;
                display: inline-block;
                background: #F39300;
                color: #141413;
                margin: 0px;
                font-family: "MarkOffcForMC-Bold";
                padding: 15px 30px;
                font-size: 21px;
                transform: scale(1) translate(-50%, 0%);
                position: absolute;
                left: 50%;
                right: 0px;
            }
 .campaing-section-start {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 0;
    pointer-events: none;
    z-index: 0;
       opacity: 0;
}

 .campaing-section-start.show-section {
 
    z-index: 99;
    pointer-events: all;
 
    opacity: 1;
    transition: 1s ease all;
}


.customer-profile-section-sub-title-container {
    transform: translate(0%, 100%);
    opacity: 0;
}

.show-section .customer-profile-section-sub-title-container {
    transform: translate(0%, 0%);
        transition: 1s ease all;
            opacity: 1;
}

.customer-profile-section-main-title-container{
    transform: translate(0%, 50%);
        opacity: 0;
}

.show-section .customer-profile-section-main-title-container {
    transform: translate(0%, 0%);
        transition: 1s ease all;
                    opacity: 1;
}


.customer-profile-section-button-container {
    position: absolute;
    left: 0px;
    right: 0px;
        opacity: 0;
    bottom: -150px;
}


.show-section .customer-profile-section-button-container {
    position: absolute;
    left: 0px;
    right: 0px;
            transition: 1s ease all;
    bottom: 40px;
                opacity: 1;
}

.customer-profile-section-options-dropdowns {
    transform: translate(0%, 50%);
            opacity: 0;
}

.campaing-section-carousel-container {
    transform: translate(0%, 40%);
         opacity: 0;
}

.show-section .campaing-section-carousel-container {
    transform: translate(0%, 0%);
         opacity: 1;
             transition: 1s ease all;
}
.footer-section-right-label {
    min-width:80px;
}
.show-section .customer-profile-section-options-dropdowns {
    transform: translate(0%, 0%);
            opacity: 1;
                        transition: 1s ease all;
}


.campaing-section-carousel-container-label {
    transform: translate(0%, 150%);
             opacity: 0;
}

.show-section  .campaing-section-carousel-container-label {
    transform: translate(0%, 0%);
             opacity: 1;
                 transition: 1s ease all;
}


 

.slider-indicator {
        transform: translate(0%, 350%);
             opacity: 0;
}

.show-section  .slider-indicator {
        transform: translate(0%, 0%);
             opacity: 1;
                    transition: 1s ease all;
}
.customer-profile-section-options-dropdown-single-drop-down {
    z-index: 999999;
}
.apply-compare-button.active.element-clicked {
    opacity: .5;
}
.fade-out-label {
    opacity: .0;
    transition: 1s ease all;
}
span.next-slide-label, span.previous-slide-label {
    
        opacity: 1;
    transition: 1s ease all;
}

 .skip-continue-button-contaienr-options {
    position: absolute;
    text-align: center;
    bottom: -150px;
    left: 0px;
    right: 0px;
        opacity: 0;
        
}
svg.element-clicked {
    opacity: .5;
}

.show-section  .arrow-left-survey-main, .arrow-right-survey-main {
    z-index: 99999;
}
.arrow-left-carousel-main, .arrow-right-carousel-main {
    z-index: 99999;
}
.show-section  .customer-profile-section-options-selector {
    z-index: 9999;
}
.show-section .title-section-container {
    z-index: 999;
}
.show-section  .skip-continue-button-contaienr-options {
    position: absolute;
    text-align: center;
    bottom: 40px;
    left: 0px;
    right: 0px;
        opacity: 1;
             transition: 1s ease all;
}

.slide-is-entered  .single-campaign-circle.slick-slide {
    transition: 1s ease all, .2s ease opacity;
}

.slide-is-entered .single-campaign-circle.slick-slide.it-is-current.slick-current.slick-center {
    transition: 1s ease all, .2s ease opacity .5s;
}

.survey-campaing-questions.show-section {
    transition: 1s ease all;
    opacity: 1;
    pointer-events: all;
    z-index: 99;
}

.survey-campaing-questions {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
}

.answers-label {
text-transform: uppercase;
    color: #4FCDB0;
    letter-spacing: 14.4px;
    font-family: "Oxanium", serif;
    margin: 70px 0px 50px 0px;
}

.answers-options-buttons.inline-buttons-options div {
    color: #A9A9A9;
    font-size: 22px;
    padding: 30px 50px;
    background: #ffffff12;
    margin: 20px 20px;
    border-radius: 80px;
        transition: .5s ease all;
    font-weight: bold;
    backdrop-filter: blur(30px);
    border: 1px solid #ffffff91;
}

.answers-options-buttons.inline-buttons-options {
    display: flex
;
    justify-content: center;
    flex-wrap: wrap;
}

.survey-footer {
    position: absolute;
    bottom: 60px;
    left: 60px;
    right: 160px;
    display: flex;
}


.left-footer-box {
    width: 260px;
}

.left-footer-box {
    text-align: left;
}

.right-footer-box {
    margin-left: auto;
    text-align: right;
}

.survey-footer {
    color: #909090;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Oxanium", serif;
    line-height: 150%;
}

.survey-campaing-questions-wrapper .customer-profile-section-main-title-container {
    font-size: 34px;
    max-width: 870px;
}

.left-footer-box {
    margin-right: auto;
}

.survey-campaing-progress {
    margin: auto;
    width: 700px;
    display: flex
;
}

.total-question {
    margin-left: auto;
}

.survey-campaing-progress-contaner {
    height: 1px;
    background: black;
    width: 600px;
    margin-top: auto;
    margin-bottom: auto;
}
.current-question {
    margin-right: auto;
}

.survey-campaing-progress-contaner span {
    position: relative;
    display: block;
    height: 1px;
    background: #4FCDB0;
    width: 0%;
    transition: 1s ease all;
}

.current-question {
    text-transform: uppercase;
    color: #4FCDB0;
    font-family: "Oxanium", serif;
    position: relative;
}

.answers-options-buttons.inline-buttons-options .answers-options-buttons-single.option-selected {
    background: #4fcdb052;
    color: #4FCDB0;
        transition: .5s ease all;
}

.survey-campaing-progress-contaner, span.line-indicator {
    box-shadow: 0px 1px 1px #ffffff57;
}

.arrow-left-survey-main {
    position: absolute;
    left: -360px;
    top: 50%;
    transform: translate(0%, -50%);
}


.arrow-right-survey-main {
    position: absolute;
    right: -360px;
    top: 50%;
    transform: translate(0%, -50%);
}
.answers-options {
    max-width: 70%;
    margin: auto;
}


.arrow-left-survey-main {
    display: flex;
    transition: 1s ease all;
}

.arrow-right-survey-main {
    display: flex;
       transition: 1s ease all;
}

span.previous-question-label,span.next-question-label {
    margin: auto 20px;
}
.next-arrow-enabled .arrow-right-survey-main {
    right: 60px;
}

.survey-campaing-single-questions {
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    transition: 1s ease all;
}

.survey-campaing-single-questions.show-question {
    opacity: 1;
    pointer-events: all;
    z-index: 99;
    transition: 1s ease all;
}

.survey-campaing-questions.show-section.prev-arrow-enabled .arrow-left-survey-main {
    left: 60px;
}

.answers-options-buttons.inline-buttons-options.numbers-options .answers-options-buttons-single {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    font-size: 40px;
    line-height: 60px;
}

.answers-options-buttons.inline-buttons-options.numbers-options .answers-options-buttons-single {
    position: relative;
    font-family: "Oxanium", serif;
}


.answers-options-buttons.inline-buttons-options.numbers-options .answers-options-buttons-single span {
    font-size: 14px;
    line-height: 100%;
    display: block;
    width: 100px;
    position: absolute;
    left: 50%;
    right: 0px;
    text-align: center;
    transform: translate(-50%, 0%);
}

.answers-options-buttons.inline-buttons-options.numbers-options .answers-options-buttons-single span {
    font-size: 17px;
    line-height: 100%;
    display: block;
    width: 100px;
    position: absolute;
    left: 50%;
    right: 0px;
    text-align: center;
    transform: translate(-50%, 0%);
    bottom: -50px;
    text-transform: uppercase;
}

.answers-options-buttons.inline-buttons-options.numbers-options .answers-options-buttons-single.option-selected {
    background: #ffffff12;
}

.answers-options-buttons.inline-buttons-options.numbers-options .answers-options-buttons-single.option-selected {
    background: #ffffff12;
    width: 270px;
    height: 270px;
    color: #4FCDB0;
    border-color: #4FCDB0;
    font-size: 71px;
    line-height: 210px;
}

.answers-options-buttons.inline-buttons-options.numbers-options .answers-options-buttons-single {
    margin-top: auto;
    margin-bottom: auto;
}

.answers-options-buttons.inline-buttons-options.numbers-options {
    min-height: 300px;
}

.answers-options-buttons.inline-buttons-options.numbers-options.option-selected-numbers .answers-options-buttons-single:not(.option-selected) {
    opacity: .5;
}


.show-section .survey-campaing-single-questions .customer-profile-section-sub-title-container {
    transform: translate(0%, 100%);
    opacity: 0;
}

.show-section .survey-campaing-single-questions .customer-profile-section-main-title-container{
    transform: translate(0%, 50%);
    opacity: 0;
}

.survey-campaing-single-questions .answers-options {
    transform: translate(0%, 40%);
    opacity: 0;
}

.show-section .survey-campaing-single-questions.show-question .customer-profile-section-sub-title-container {
    transform: translate(0%, 0%);
    transition: 1s ease all;
    opacity: 1;
}

.show-section .survey-campaing-single-questions.show-question .customer-profile-section-main-title-container{
    transform: translate(0%, 0%);
    transition: 1s ease all;
    opacity: 1;
}

.show-section .survey-campaing-single-questions.show-question .answers-options {
    transform: translate(0%, 0%);
    transition: 1s ease all;
    opacity: 1;
}

.survey-subit-button {
    border-radius: 80px;
    display: inline-block;
    background: #F39300;
    color: #141413;
    margin: 0px;
    font-size: 21px;
    font-family: "MarkOffcForMC-Bold";
    padding: 20px 70px;
    position: absolute;
    bottom: -260px;
    right: 150px;
    transition: 1s ease all;
}

.survey-subit-button.show-submit-button {
    bottom: 50px;
}

.survey-compare-section, .urvey-compare-output-section {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
}

.survey-compare-section.show-section, .survey-compare-output-section.show-section {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 1;
    pointer-events: all;
    top: 0px;
    z-index: 99;
    transition: 1s ease all;
}

.survey-compare-output-section .customer-profile-section-main-title-container {
    font-size: 34px;
}

.end-expierence-button {
    background: #ffffff26;
    display: inline-block;
    backdrop-filter: blur(30px);
    padding: 20px 70px;
    border-radius: 80px;
    color: #ffffff99;
    font-family: "MarkOffcForMC-Bold";
    border: 1px solid #ffffff3b;
    font-size: 21px;
    position: absolute;
    bottom: 50px;
    right: 150px;
}

.compare-option-dropdown .customer-profile-section-options-dropdowns {
 
    justify-content: center;
    display: flex;
}
.compare-option-dropdown .customer-profile-section-options-dropdowns > div {
    width: 50%;
}


.compare-option-dropdown {
    display: flex;
    justify-content: center;
    column-gap: 50px;
}

.compare-option-dropdown .customer-profile-section-options-dropdowns {
    width: 50%;
}

.compare-option-dropdown {
    margin-top: 80px;
}

.apply-compare-button {
    background: #ffffff26;
    display: inline-block;
    backdrop-filter: blur(30px);
    padding: 20px 70px;
    border-radius: 80px;
    color: #ffffff99;
    font-family: "MarkOffcForMC-Bold";
    border: 1px solid #ffffff3b;
    font-size: 21px;
    margin-top: auto;
}

.apply-compare-button.active {
 
    background: #F39300;
    color: #141413;
 
    border-color:#F39300;
}

.navigation-questions-compare {
    position: absolute;
    bottom: 30px;
    left: 60px;
    right: 150px;
    display: flex;
    justify-content: center;
}

.navigation-questions-compare-left-arrow {
    margin-right: auto;
}


.navigation-questions-compare-right-arrow {
    margin-left: auto;
}

.compare-progress-navigation-line {
    width: 760px;
    height: 1px;
    background: black;
    display: inline-block;
    margin: 0px auto;
    box-shadow: 0px 1px 1px #ffffff57;
}

.navigation-questions-compare {
    position: absolute;
    bottom: 35px;
    left: 280px;
    right: 500px;
    display: flex;
    justify-content: center;
}

.compare-progress-navigation-line {
    margin: auto;
 
}

.compare-progress-navigation-label {
    text-transform: uppercase;
    color: #4FCDB0;
    font-size: 14px;
    font-family: "Oxanium", serif;
    text-align: left;
}

.navigation-questions-compare {
    position: absolute;
    bottom: -165px;
    left: 280px;
    right: 500px;
    display: flex;
    justify-content: center;
}

.navigation-questions-compare.show-navigation {
    position: absolute;
    bottom: 35px;
    left: 280px;
    right: 500px;
    display: flex;
    justify-content: center;
    transition: 1s ease all;
}

.compare-progress-navigation {
    width: 760px;
}

.navigation-questions-compare-left-arrow.disabled-arrow, .navigation-questions-compare-right-arrow.disabled-arrow {
    opacity: .2;
}


.compare-progress-navigation-line span {
    display: block;
    height: 1px;
    width: 33.33%;
    background: #4FCDB0;
    transition: 1s ease all;
}

.survey-compare-output-section.show-section .title-section-container {
    top: 40%;
}

.apply-compare-button, .end-expierence-button {
    transform: translate(0%, 50%);
    transition: 1s ease all;
    opacity: 0;
}

.show-section .apply-compare-button, .show-section .end-expierence-button {
    transform: translate(0%, 0%);
    transition: 1s ease all;
    opacity: 1;
}

.survey-final-section {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: 1s ease all;
    left: 0px;
    z-index: 0;
    right: 0px;
    bottom: 0px;
    top: 0px;
}

.survey-final-section.show-section {
    position: absolute;
    z-index: 99;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    opacity: 1;
    pointer-events: all;
    transition: 1s ease all;
}

.survey-final-section .title-section-container {
    min-height: auto;
}

.survey-final-section .title-section-container .customer-profile-section-main-title-container {
    font-size: 50px;
}

.show-section.survey-final-section .customer-profile-section-button-container {
    bottom: 350px;
}


.button-loop-video.video-intro-loop .skip-continue-button-contaienr {
    transform: translate(0%, 250%);
    transition: 1s ease all;
    opacity: 0;
}

.button-loop-video.video-intro-loop.show-video .skip-continue-button-contaienr {
    transform: translate(0%, 0%);
    transition: 1s ease all;
    opacity: 1;
}

.footer-section-insection {
    position: absolute;
    bottom: 60px;
    opacity:0;
    left: 60px;
    right: 150px;
    display: flex;
    opacity: 0;
}


.footer-section-insection {
    transform: translate(0%, 500%);
}

.show-video .footer-section-insection {
    transform: translate(0%, 0%);
    transition: 1s ease all;
    opacity: 1;

}

.footer-section-insection {
    color: #909090;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Oxanium", serif;
    line-height: 150%;
}
.skip-continue-button-contaienr.show-button {
    z-index: 99;
}

.button-loop-video.video-centered.hide-video {
    pointer-events: none;
}

.customer-profile-section .footer-section-insection {
    transform: translate(0%, 0%);
    opacity: 1;
}

.footer-section-right {
    text-align: right;
    margin-left: auto;
    display: flex;
}
.footer-section-insection {
    pointer-events: none;
}
.footer-section-left {
    text-align: left;
    display: flex;
}

.footer-section-left-label {
    margin-right: 200px;
}

.footer-section-right-label {
    margin-left: 200px;
}

.footer-section-right:before {
    content: "";
    display: inline-block;
    width: 184px;
    height: 1px;
    background: white;
    position: relative;
    top: 10px;
    margin-right: 60px;
    opacity: .7;
}

.footer-section-left:after {
    content: "";
    display: inline-block;
    width: 184px;
    height: 1px;
    background: white;
    position: relative;
    top: 10px;
    margin-left: 77px;
    opacity: .7;

}

.footer-section-left-label {
    min-width: 150px;
}

.customer-profile-section-options .footer-section-insection, .campaing-section .footer-section-insection {
transform: translate(0%,0%);
opacity: 1;
}

.campaing-section-start.show-section .footer-section-insection {
    transform: translate(0%, 0%);
    transition: 1s ease all;
    opacity: 1; 
}




.label-continue-to-next {
    position: absolute;
    left: 0px;
    right: 0px;
    text-align: center;
    bottom: 180px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    transform: translate(0%, 110%);
    opacity: 0;
}


.label-continue-to-next.active {
   
    transform: translate(0%, 0%);
    opacity: 1;
    transition: 1s ease all;
}


.campaign-carousel-footer {
    position: absolute;
    bottom: 60px;
    left: 60px;
    right: 150px;
    display: flex;
}


.campaign-carousel-footer {
    color: #909090;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Oxanium", serif;
    line-height: 150%;
}

.campaign-carousel-footer-right {
    margin-left: auto;
    text-align: right;
}


.campaign-carousel-footer {
    transform: translate(0%, 500%);
    opacity: 0;
}

.show-section .campaign-carousel-footer {
    transform: translate(0%,0%);
    opacity: 1;
    transition: 1s ease all;
}

.campaign-inview-carousel-footer {
    color: #909090;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Oxanium", serif;
    line-height: 150%;
    position: absolute;
    bottom: 60px;
    left: 60px;
    right: 150px;
    display: flex;
    opacity: 0;
}

.slide-is-entered .campaign-carousel-footer {
    opacity: 0;
}

.slide-is-entered .campaign-inview-carousel-footer {
    opacity: 1;
}
.single-campaign-circle.slick-slide.position-4.slide-next {
    transform: translate(80%, 110%);
}

 .single-campaign-circle[data-position="4"] {
    transform: translate(80%, 110%);
}
.single-campaign-circle[data-position="-4"] {
    transform: translate(-80%, 110%);
}
.single-campaign-circle.slick-slide.position-3[data-position="-3"] {
    transform: translate(-80%, 110%);
}

.survey-campaing-questions.show-section {
    z-index: 9999;
}