/* GRID */
.mqgs-maincontainer {
    scroll-behavior: smooth;
}

.mqgs-intro-section {
    background-image: url('/wp-content/plugins/memoq-getting-started/assets/img/04_intro_wizard.svg');
    display: flex;
    min-height: 95vh;
    background-size: cover;
    background-position: center;
    background-color: rgba(59, 55, 81);
}

.mqgs-intro-section .mqgs-main-container{
    margin: auto;
}

.mqgs-intro-section .mqgs-section {
    display: block;
    max-width: 448px;
    margin: 10px 0 0 0;
    padding-right: 0;
}

.mqgs-intro-section h2 {
    color: white;
    margin-bottom: 32px;
}

.mqgs-intro-section .mqgs-button span {
    min-width: 85px;
}

.mqgs-intro-content p {
    color: #D8D7E2;
    font-size: 16px;
    font-weight: 400;
}

.mqgs-intro-section .mqgs-controls {
    display: flex;
    position: inherit;
    bottom: 10vh;
    margin-top: 48px;
}

.mqgs-intro-section .mqgs-button {
    border: none;
    position: relative;
    background: linear-gradient(232.01deg,#ef3f3f 21.49%,#f47623);
    font-weight: 500;
    justify-content: center;
    align-items: center;
}

li.mqgs-step1head.is-activea.after {
    font-weight: 500;
    color: white;
}

.mqgs-intro-section .mqgs-nextstep img {
    top: 8px;
    width: 24px;
}

.mqgs-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(59, 55, 81, 0.5);
    z-index: 999;
}

.mqgs-overlay img {
    margin: auto;
    width: 56px;
    height: auto;
}

.mqgs-video-section {
    background: #3B3751;
    color: #fff;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 20px;
}

.mqgs-video-container {
    margin: 150px auto auto;
    max-width: 1120px;
    min-height: 500px;
    display: flex;
    flex-direction: row;
}

.mqgs-videoleft {
    max-width: 448px;
    margin: 0 32px 33px 0;
}

.mqgs-video-text {
    color: #D8D7E2;
    margin-top: 32px;
}

.mqgs-video {
    max-width: 640px;
    max-height: 365px;
}

.mqgs-video object {
    width: 640px;
    height: 365px;
}

.mqgs-video-section .mqgs-controls {
    min-width: 448px;
    margin: 0px auto 3vh;
}

.ytp-impression-link {
    display: none !important;
}

.mqgs-video-container .mqgs-controls {
    bottom: 5vh;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.mqgs-submit.big.mqgs-button {
    background: #86829D;
    padding: 10px 40px;
    margin: 0 auto;
    border: 0;
    width: 216px;
}

.mqgs-submit.big.mqgs-button:hover {
    background: linear-gradient(270deg, #ef3f3f 21.49%, #f47623);
}

.mq-getting-started {
    min-height: 95vh;
    background-image: url('/wp-content/plugins/memoq-getting-started/assets/img/Widget_background_1.svg');
    background-position: center;
    background-size: cover;
    display: none;
    position: relative;
}

.mqgs-main-container {
    width: 1120px;
    margin: 120px auto auto auto;
}

.mqgs-section {
    display: flex;
    max-width: 740px;
    margin: 0 auto;
    padding-right: 100px;
}

.mqgs-sectionleft {
    flex: none;
    margin: 0px 40px;
}

.mgqs-iconimg {
    display: none;
}

.afterimg::after {
    content: url('/wp-content/plugins/memoq-getting-started/assets/img/plus.svg');
    margin: 32px auto;
    display: block;
    text-align: center;
}

.mqgs-sectiontexts {
    margin: 0px 32px;
}

.mq-getting-started .mqgs-steps {
    display: flex;
    margin: 0;
    padding-left: 0;
    position: absolute;
}

.mqgs-steps li {
    font-size: 14px;
    line-height: 20px;
    color: #C4C1D2;
    margin: 0px 16px 0 0;
    cursor: pointer;
}

.mqgs-step2head,
.mqgs-step3head {
    display: none;
}

#mqgs_memoq_plugin_form {
    margin-top: 52px;
}

.mqgs-steps .after::after {
    content: url('/wp-content/plugins/memoq-getting-started/assets/img/chevron-right.svg');
    width: 12px;
    height: 12px;
    margin-left: 16px;
    margin-top: 1px;
}

.is-activea {
    display: inline-flex;
}

.mqgs-InputField h2 {
    font-family: Bariol;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 32px;
}

.mqgs-mobliestep {
    display: none;
}

.mqgs-step4 h2 {
    font-size: 32px;
}

.mqgs-subhead {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 35px;
    color: white;
    font-family: 'Rubik';
    font-weight: 400;
}

.mqgs-controls {
    display: flex;
    margin-bottom: 5vh;
    margin-top: 108px;
}

.mqgs-dotter-cointainer {
    margin: auto;
}

.mqgs-step1 .mqgs-back.mqgs-button {
    border: 2px solid #ffffff;
    cursor: pointer;
}

.mqgs-nextstep.mqgs-button.inactive {
    border: 2px solid #a3a0b0;
    cursor: not-allowed;
}

.mqgs-nextstep.mqgs-button.inactive span {
    color: #a3a0b0;
}

.mqgs-nextstep.mqgs-button.inactive img {
    filter: invert(24%) sepia(3%) saturate(921%) hue-rotate(211deg) brightness(97%) contrast(95%);
}

.mqgs-button {
    height: 36px;
    border: 2px solid #fff;
    border-radius: 25px;
    cursor: pointer;
    display: flex;
}

.mqgs-button:hover {
    background: #fff;
    color: #3B3751;
    border: 2px solid #fff;
}

.mqgs-button span {
    font-size: 14px;
    line-height: 16px;
    display: flex;
    color: #fff;
    order: 0;
    margin: 0px 8px;
}

.mqgs-button:hover span {
    color: #3B3751;
}

.mqgs-button span {
    padding: 9px 8px;
}

.mqgs-nextstep img {
    margin-right: 16px;
    transform: rotate(270deg);
    top: 10px;
    right: 0;
    width: 24px;
}

.mqgs-back img {
    margin-left: 16px;
    transform: rotate(90deg);
    width: 24px;
}

.mqgs-detalis {
    width: 144px;
}

.mqgs-detalis img {
    margin-right: 11px;
    margin-top: 6px;
    right: 0;
    height: 20px;
}

.mqgs-nextstep:hover img,
.mqgs-back:hover img,
.mqgs-detalis:hover img {
    filter: invert(100%) sepia(10%) saturate(5667%) hue-rotate(209deg) brightness(97%) contrast(81%);
}

.mqgs-Inputfield__set {
    margin-bottom: 24px;
    display: flex;
}

.mqgs-Input--radio {
    background: #FFFFFF;
    border: 1px solid #C4C1D2;
    height: 24px;
}

.mqgs-Input__label {
    color: #FFFFFF;
    margin-left: 16px;
    margin-bottom: 0;
}

.mqgs-fullgrid {
    width: 660px;
}

.nonevis {
    display: none;
}

ul.mqgs-steps.nonevis {
    display: none;
}

.mqgs-container {
    display: flex;
    margin: 24px 0px;
    min-height: 37vh;
}

.mqgs-step3 .mqgs-container {
    min-height: 6vh;
    color: white;
}

.mqgs-schedule {
    font-size: 18px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 35px;
    padding: 8px 15px;
    text-decoration: none;
    background: linear-gradient(232.01deg,#ef3f3f 21.49%,#f47623);
    max-width: 240px;
    text-align: center;
}

.mqgs-schedulestart {
    max-width: 205px;
    margin-bottom: 40px;
}

.mqgs-schedule-img {
    filter: invert(100%) sepia(61%) saturate(2%) hue-rotate(75deg) brightness(106%) contrast(100%);
    width: 24px;
    height: auto;
    margin-right: 9px;
}

.mqgs-quitpoint {
    display: flex;
    align-items: center;
    padding: 12px 30px;
    background: linear-gradient(270deg, #EF3F3F 0%, #F47623 100%);
    border-radius: 1000px;
    height: 40px;
    cursor: pointer;
}

.mqgs-quitpoint span {
    font-weight: 500;
    font-size: 14px;
    display: flex;
    color: #FFFFFF;
    margin: 0px 10px;
}
.mqgs-quitpoint.mqgs-step3buy{
    background: none;
    border: 2px  solid white;
    padding: 12px  22px;
}



.mqgs-controls input[type=submit] {
    color: white;
    font-size: 14px;
    padding: 12px 43px;
    background: linear-gradient(270deg, #EF3F3F 0%, #F47623 100%);
    border-radius: 1000px;
    height: 40px;
    cursor: pointer;
    border: none;
}

.mqgs-InputField {
    display: none;
}

.is-active {
    display: block;
}

.mqgs-formcontainer .mqgs-Input__label {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FAFAFD;
    flex-grow: 0;
    margin: 0px;
}

.mqgs-Input__label-checkbox {
    max-width: 616px;
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 0 8px;
    color: #FAFAFD;
}

.mqgs-Input__label .requiered_flag {
    color: red;
    padding-left: 5px;
}

.optional_flag {
    font-size: 10px;
    color: #aeabbe;
    padding-left: 8px;
}

.mqgs-Inputfield__set input[type=text],
.mqgs-Inputfield__set input[type=email],
.mqgs-Input--select {
    width: 304px;
    height: 40px;
    padding: 0 8px;
    border: 1px solid #AEABBE;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 2px 0px;
    background: transparent;
    font-size: 14px;
    color: #FFFFFF;
    outline: none;
}

.mqgs-formcontainer input[type=text]:focus,
.mqgs-Inputfield__set input[type=email]:focus,
.mqgs-Input--textarea:focus {
    border: 1px solid #fff;
    color: #FFFFFF;
    box-shadow: 1px 0px 0px 0px #fff;
}

.mqgs-Inputfield__set .select2-container--default .select2-selection--single {
    background-color: #4a4563;
    border: 1px solid #aeabbe;
    border-radius: 5px;
    height: 40px;
    margin-top: 3px;
}

.mqgs-Inputfield__set .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 3px;
    right: 4px;
    width: 20px;
}

.mqgs-Inputfield__set .select2-container--focus .select2-selection--single .select2-selection__rendered {
    color: white !important;
}

.mqgs-Inputfield__set .select2-container--focus .select2-selection--single {
    border: 1px solid white;
    outline: 0;
}

.mqgs-Inputfield__set .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #aeabbe;
    line-height: 40px;
    font-size: 14px;
}

.select2-container {
    z-index: 8;
}

.mqgs-Inputfield__set .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent;
}

.select2-container--open .select2-dropdown--below {
    top: -40px;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: 1px solid white !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    display: flex;
    flex-direction: column-reverse;
    margin-top: 42px;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.select2-container--open .select2-dropdown {
    background-color: #4a4563;
    border: 1px solid white;
    border-top: 1px solid white !important;
    outline: 0;
    color: #3B3751;
    font-size: 14px;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    padding: 8px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgb(23 140 246 / 8%) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important;
    background: transparent;
    color: white;
    outline: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff !important;
    color: #4a4563;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ffffff00;
    color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #4a4563 !important;
}

.mqgs-Inputfield__set .select2-dropdown {
    background: #4a4563;
    border: 1px solid #aeabbe;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 8;
}

.mqgs-Input--select {
    margin-top: 3px;
    box-shadow: 1px 0px 0px 0px #aeabbe;
    border-right: 5px solid transparent;
    height: 40px;
}

.mqgs-Input--select:focus {
    margin-top: 3px;
    box-shadow: 1px 0px 0px 0px #fff;
    border-right: 5px solid transparent;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

.mqgs-Input--select * {
    background: #3B3751;
    color: white;
    font-size: 14px;
    line-height: 18px;
}

.mqgs-Input--textarea {
    position: static;
    width: 640px;
    height: 48px;
    left: 0px;
    top: 26px;
    border: 1px solid #AEABBE;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 8px 0px;
    background: transparent;
    color: white;
    padding-left: 8px;
    font-size: 14px;
    outline: none;
    resize: none;
}

.mqgs-Inputfield__row {
    display: flex;
    flex-direction: row;
}
.mqgs-Inputfield__row.mqgs_extended_terms {
    flex-direction: column;
}

.mqgs-Inputfield__row .mqgs-Inputfield__set {
    flex-direction: column;
    margin-right: 32px;
}

.mqgs-Input--checkbox {
    height: 16px;
    margin-top: 2px;
}

.mqgs-Inputfield__set-checkbox {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
}
.mqgs-getintouch{
    font-size: 12px;
    color: white;
    font-weight: 500;
}
.mqgs-step3 .mqgs-quitpoint{
    max-width: 270px;
    color:white;
}
.mqgs-termtext {
    color: white;
    font-size: 12px;
    margin-bottom: 15px;
    text-align: justify;
    margin-right: 25px;
    line-height: 16px;
}

@media only screen and (max-width:1600px) {
    .mqgs-container {
        min-height: unset;
    }
    .mqgs-controls{
        margin-top: 37px;
    }
    .mqgs-InputField h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .mqgs-Inputfield__set {
        margin-bottom: 16px;
    }
}

@media only screen and (max-width: 1141px) {
    .mqgs-main-container {
        margin: 120px auto auto 20px;
    }
}

@media only screen and (max-width: 767px) {
    .mqgs-intro-section {
        background-image: none;
        padding-top: 80px
    }
    .mq-getting-started {
        min-height: 120vh;
    }
    #mqgs_memoq_plugin_form {
        margin-top: 0px;
    }
    .mqgs-main-container {
        margin: 20px auto auto auto;
    }
    .mqgs-intro-section .mqgs-section {
        max-width: 95%;
        margin: 10px 24px;
        text-align: justify;
    }
    .mqgs-boxItem {
        display: inline-block;
        border: 2px solid white;
        margin-right: 45px;
        position: relative;
        width: 32px;
        height: 32px;
        border-radius: 20px;
        line-height: 30px;
        color: white;
    }
    .mqgs-boxItem:last-child {
        margin-right: 0;
    }
    .mqgs-boxItem:before,
    .mqgs-boxItem:after {
        content: '';
        width: 32px;
        border-bottom: 2px solid;
        position: absolute;
        top: 50%;
        color: #F47623;
        margin-left: 10px;
        margin-right: 10px;
    }
    .mqgs-boxItem:after {
        left: 100%;
    }
    .mqgs-boxItem:before {
        right: 100%;
    }
    .mqgs-boxItem:first-of-type:before,
    .mqgs-boxItem:last-of-type:after {
        display: none;
    }
    #mqgs_memoq_plugin_form {
        width: 100%;
    }
    .mqgs-mobliestep {
        white-space: nowrap;
        text-align: center;
        display: block;
        margin-bottom: 32px;
    }
    .mqgs-Inputfield__row .mqgs-Inputfield__set {
        margin-right: 0px;
    }
    .mqgs-boxItem.active {
        color: #3B3751;
        background: white;
    }
    .mq-getting-started {
        padding: 90px 24px 0;
    }
    .mqgs-section {
        padding-right: 0;
    }
    .mqgs-main-container {
        width: 100%;
    }
    .mqgs-Inputfield__set .select2-container--default .select2-selection--single {
        background-color: #fff;
    }
    .mqgs-Inputfield__set .select2-container--default .select2-selection--single .select2-selection__rendered,
    .select2-container--default .select2-search--dropdown .select2-search__field {
        color: #3b3751;
    }
    .select2-container--open .select2-dropdown {
        top: 6px;
        background-color: white;
    }
    .mqgs-sectionleft,
    .mq-getting-started .mqgs-steps,
    .mqgs-dotter-cointainer,
    .mqgs-step1 .mqgs-back {
        display: none;
    }
    .mqgs-controls {
        width: 100%;
        position: relative;
        justify-content: space-between;
    }
    .mqgs-InputField h2 {
        font-size: 24px;
    }
    .mqgs-fullgrid {
        width: 100%;
    }
    .mqgs-step1 .mqgs-nextstep {
        right: 0;
        position: absolute;
    }
    .mqgs-Inputfield__set input[type=text],
    .mqgs-formcontainer input[type=text]:focus,
    .mqgs-Input--email,
    .mqgs-Input--select {
        width: 100%;
    }
    .mqgs-Input--textarea {
        width: 100%;
        background: white;
        color: #3B3751;
    }
    .mqgs-Inputfield__row {
        flex-direction: column;
    }
    .mqgs-sectiontexts {
        margin: 0px auto;
        width: 100%;
    }
    .mqgs-controls.mqgs-fullgrid {
        position: relative !important;
        margin-bottom: 64px;
        justify-content: space-between;
    }
    .mqgs-video-container {
        margin: 110px auto auto;
        flex-direction: column;
    }
    .mqgs-videoleft {
        max-width: 448px;
        margin: 32px 24px;
        text-align: justify;
    }
    .mqgs-video object {
        width: 100%;
        height: auto;
    }
    .mqgs-video {
        margin: 0 24px;
    }
    .mqgs-Input--checkbox {
        height: 16px;
        width: unset;
        margin-top: 2px;
    }
    .mqgs-video-section .mqgs-controls {
        padding: 0 24px;
        min-width: 100%;
        margin-top: 24px;
    }
    .mqgs-Inputfield__set input[type=text],
    .mqgs-Inputfield__set input[type=email],
    .mqgs-Input--select {
        width: 100%;
        background: white;
        color: #3b3751;
    }
    .mqgs-formcontainer input[type=text]:focus,
    .mqgs-Inputfield__set input[type=email]:focus,
    .mqgs-Input--textarea:focus {
        color: #3b3751;
    }
    .mqgs-Inputfield__set .select2-container--focus .select2-selection--single .select2-selection__rendered {
        color: #3b3751 !important;
    }
}